[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-family: Inter;
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #3685f1;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #61a8ff;
}
a:active {
  color: #2364cc;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: white;
  background: #3685f1;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon > .anticon {
  line-height: 0;
  vertical-align: 0;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #3685f1;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #3685f1;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #3685f1;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 2px;
}
.ant-alert-content {
  flex: 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: #f0f9ff;
  border: 1px solid #b3daff;
}
.ant-alert-info .ant-alert-icon {
  color: #3685f1;
}
.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 {
  margin-left: 8px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 12px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  align-items: flex-start;
  padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px 15px;
}
.ant-alert-with-description .ant-alert-icon {
  margin-right: 15px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-motion-leave {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.ant-alert.ant-alert-rtl {
  direction: rtl;
}
.ant-alert-rtl .ant-alert-icon {
  margin-right: auto;
  margin-left: 8px;
}
.ant-alert-rtl .ant-alert-action {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl .ant-alert-close-icon {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl.ant-alert-with-description {
  padding-right: 24px;
  padding-left: 15px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  margin-right: auto;
  margin-left: 15px;
}
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: transparent;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #f0f0f0;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #3685f1;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 7px 0 7px 16px;
  line-height: 1.143;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: #f3f2f2;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #3685f1;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ant-anchor-rtl {
  direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
  margin-right: -4px;
  margin-left: 0;
  padding-right: 4px;
  padding-left: 0;
}
.ant-anchor-rtl .ant-anchor-ink {
  right: 0;
  left: auto;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
  right: 50%;
  left: 0;
  transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
  padding: 7px 16px 7px 0;
}
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete .ant-select-clear {
  right: 13px;
}
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar .ant-image-img {
  display: block;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-square {
  border-radius: 2px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-avatar-group {
  display: inline-flex;
}
.ant-avatar-group .ant-avatar {
  border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
  margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  margin-right: -8px;
  margin-left: 0;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  margin-right: 3px;
  margin-left: 0;
}
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  right: auto;
  left: 100px;
  direction: rtl;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s;
}
.ant-back-top-content:hover {
  background-color: #f3f2f2;
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
}
.ant-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #ff4d4f;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: auto;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-dot.ant-scroll-number {
  transition: background 1.5s;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
  animation: antBadgeLoadingCircle 1s infinite linear;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #ff4d4f;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: #f3f2f2;
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .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,
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
  transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
  direction: ltr;
}
.ant-scroll-number-only {
  position: relative;
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
    transform-origin: 50%;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: #3685f1;
  border-radius: 2px;
}
.ant-ribbon-text {
  color: white;
}
.ant-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentcolor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}
.ant-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.ant-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.ant-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.ant-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.ant-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.ant-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.ant-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.ant-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.ant-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.ant-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.ant-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.ant-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  right: 0;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon.ant-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl .ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #61a8ff;
}
.ant-breadcrumb > span:last-child {
  color: #f3f2f2;
}
.ant-breadcrumb > span:last-child a {
  color: #f3f2f2;
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-btn,
.carousel-homepage .content-hero-banner button,
.item-hero-banner-carousel-m .content-hero-banner button {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: #f3f2f2;
  border-color: #d9d9d9;
  background: #fff;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus,
.carousel-homepage .content-hero-banner button,
.item-hero-banner-carousel-m .content-hero-banner button {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 2px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn > a:only-child {
  color: currentcolor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #61a8ff;
  border-color: #61a8ff;
  background: #fff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentcolor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active {
  color: #2364cc;
  border-color: #2364cc;
  background: #fff;
}
.ant-btn:active > a:only-child {
  color: currentcolor;
}
.ant-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  border-color: #3685f1;
  background: #3685f1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  border-color: #61a8ff;
  background: #61a8ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active {
  color: #fff;
  border-color: #2364cc;
  background: #2364cc;
}
.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #61a8ff;
  border-left-color: #61a8ff;
}
.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: #61a8ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #61a8ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: #f3f2f2;
  border-color: #d9d9d9;
  background: transparent;
}
.ant-btn-ghost > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #61a8ff;
  border-color: #61a8ff;
  background: transparent;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active {
  color: #2364cc;
  border-color: #2364cc;
  background: transparent;
}
.ant-btn-ghost:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost.ant-btn-ghost {
  color: #3b82f6;
  border: solid 1px #3b82f6;
}
.ant-btn-ghost:active,
.ant-btn-ghost:focus,
.ant-btn-ghost:hover {
  color: #3b82f6 !important;
  background: rgba(187, 231, 251, 0.1) !important;
  /* Example hover color */
}
.ant-btn-ghost:active.ant-btn-ghost[disabled],
.ant-btn-ghost:focus.ant-btn-ghost[disabled],
.ant-btn-ghost:hover.ant-btn-ghost[disabled] {
  color: #7c7e81;
  border: solid 1px #7c7e81;
  background: transparent;
}
.ant-btn-ghost:disabled,
.ant-btn-ghost.ant-btn-ghost[disabled] {
  color: #7c7e81;
  border: solid 1px #7c7e81;
  background: transparent;
}
.ant-btn-dashed {
  color: #f3f2f2;
  border-color: #d9d9d9;
  background: #fff;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #61a8ff;
  border-color: #61a8ff;
  background: #fff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active {
  color: #2364cc;
  border-color: #2364cc;
  background: #fff;
}
.ant-btn-dashed:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #3685f1;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #61a8ff;
  border-color: #61a8ff;
  background: transparent;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active {
  color: #2364cc;
  border-color: #2364cc;
  background: transparent;
}
.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text {
  color: #f3f2f2;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #61a8ff;
  border-color: #61a8ff;
  background: transparent;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:active {
  color: #2364cc;
  border-color: #2364cc;
  background: transparent;
}
.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #f3f2f2;
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-text:active {
  color: #f3f2f2;
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text.ant-btn-text {
  color: #3b82f6;
}
.ant-btn-text:active,
.ant-btn-text:focus,
.ant-btn-text:hover {
  color: #3b82f6 !important;
  background: rgba(187, 231, 251, 0.1) !important;
  /* Example hover color */
}
.ant-btn-text:active.ant-btn-text[disabled],
.ant-btn-text:focus.ant-btn-text[disabled],
.ant-btn-text:hover.ant-btn-text[disabled] {
  color: #7c7e81 !important;
  background: transparent !important;
}
.ant-btn-text:disabled,
.ant-btn-text.ant-btn-text[disabled] {
  color: #7c7e81;
  background: transparent;
}
.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  background: #fff;
}
.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
  background: #fff;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
  background: #fff;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #61a8ff;
  border-color: #61a8ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #2364cc;
  border-color: #2364cc;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #61a8ff;
  border-color: #61a8ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #2364cc;
  border-color: #2364cc;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #ff7875;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #d9363e;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 2px;
  vertical-align: -3px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
a.ant-btn-icon-only {
  vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
  display: inline;
}
.ant-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
  cursor: default;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
  animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s infinite linear;
}
.ant-btn > .ant-btn-loading-icon:only-child .anticon {
  padding-right: 0;
}
.ant-btn-group {
  position: relative;
  display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
  z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 0;
}
.ant-btn-group-lg .ant-btn.ant-btn-icon-only {
  width: 40px;
  height: 40px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 0;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm .ant-btn.ant-btn-icon-only {
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
  background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
  color: #61a8ff;
  border-color: #61a8ff;
}
.ant-btn.ant-btn-background-ghost:active {
  color: #2364cc;
  border-color: #2364cc;
}
.ant-btn.ant-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #3685f1;
  border-color: #3685f1;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #61a8ff;
  border-color: #61a8ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active {
  color: #2364cc;
  border-color: #2364cc;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
a.ant-btn {
  padding-top: 0.01px !important;
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #61a8ff;
  border-left-color: #d9d9d9;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-right-color: #d9d9d9;
  border-left-color: #61a8ff;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.ant-btn > .ant-btn-loading-icon:only-child .anticon {
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
}
.ant-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
  min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
  min-width: 70px;
  margin-left: 8px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
  background: #fff;
  border: 0;
  border-top: 1px solid #f0f0f0;
  border-radius: 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
  width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
  padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
  width: 100%;
}
.ant-picker-calendar-mini {
  border-radius: 2px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
  border-radius: 0 0 2px 2px;
}
.ant-picker-calendar-mini .ant-picker-content {
  height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
  height: auto;
  padding: 0;
  line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel {
  display: block;
  width: 100%;
  text-align: right;
  background: #fff;
  border: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  height: auto;
  padding: 0 12px 5px 0;
  line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
  background: #f5f5f5;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  background: #f0f9ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #3685f1;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  display: block;
  width: auto;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  border: 0;
  border-top: 2px solid #f0f0f0;
  border-radius: 0;
  transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  position: static;
  width: auto;
  height: 86px;
  overflow-y: auto;
  color: #f3f2f2;
  line-height: 1.5715;
  text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #3685f1;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #f3f2f2;
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    width: 50%;
    text-align: center;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  text-align: right;
}
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: transparent;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-card-head .ant-tabs-top {
  clear: both;
  margin-bottom: -17px;
  color: #f3f2f2;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-top-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: #f3f2f2;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-card-body {
  padding: 24px;
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  transition: all 0.3s;
}
.ant-card-rtl .ant-card-grid {
  float: right;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-top: -1px;
  margin-right: -1px;
  margin-left: -1px;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-rtl .ant-card-actions > li {
  float: right;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 1.5715;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #3685f1;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #3685f1;
}
.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-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  float: right;
  padding-right: 0;
  padding-left: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  touch-action: pan-y;
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex !important;
  justify-content: center;
  margin-right: 15%;
  margin-left: 15%;
  padding-left: 0;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
  bottom: auto;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  flex: 0 1 auto;
  box-sizing: content-box;
  width: 16px;
  height: 3px;
  margin: 0 2px;
  margin-right: 3px;
  margin-left: 3px;
  padding: 0;
  text-align: center;
  text-indent: -999px;
  vertical-align: top;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 100%;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active {
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}
.ant-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-carousel-rtl {
  direction: rtl;
}
.ant-carousel-rtl .ant-carousel .slick-track {
  right: 0;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
  right: -25px;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev::before {
  content: '\2192';
}
.ant-carousel-rtl .ant-carousel .slick-next {
  right: auto;
  left: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-next::before {
  content: '\2190';
}
.ant-carousel-rtl.ant-carousel .slick-dots {
  flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
  flex-direction: column;
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-cascader-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
  border-color: #3685f1;
}
.ant-cascader-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3685f1;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-cascader-checkbox:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after {
  visibility: visible;
}
.ant-cascader-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-cascader-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-cascader-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
  background-color: #3685f1;
  border-color: #3685f1;
}
.ant-cascader-checkbox-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-cascader-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after {
  visibility: hidden;
}
.ant-cascader-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
  margin-left: 8px;
}
.ant-cascader-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-cascader-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-cascader-checkbox-group-item {
  margin-right: 8px;
}
.ant-cascader-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
  margin-left: 0;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #3685f1;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-checkbox-rtl {
  direction: rtl;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
  margin-left: 8px;
}
.ant-cascader {
  width: 184px;
}
.ant-cascader-checkbox {
  top: 0;
  margin-right: 8px;
}
.ant-cascader-menus {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
  width: 100%;
  height: auto;
}
.ant-cascader-menu {
  min-width: 111px;
  height: 180px;
  margin: 0;
  margin: -4px 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #f0f0f0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px 12px;
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
  pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #f0f9ff;
}
.ant-cascader-menu-item-content {
  flex: auto;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item-keyword {
  color: #ff4d4f;
}
.ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
.ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-cascader-rtl .ant-cascader-checkbox {
  top: 0;
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #3685f1;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3685f1;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #3685f1;
  border-color: #3685f1;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #3685f1;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px;
}
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 2px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 2px 2px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  margin-right: 12px;
  font-size: 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 {
  margin-left: auto;
}
.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 {
  position: relative;
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  left: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-content {
  color: #f3f2f2;
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.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: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  margin-right: 0;
  margin-left: 12px;
}
.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 {
  margin-right: auto;
  margin-left: 0;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}
.ant-comment {
  position: relative;
  background-color: inherit;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  margin-bottom: inherit;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-comment-rtl {
  direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
  padding-right: 0;
  padding-left: 8px;
}
.ant-comment-rtl .ant-comment-actions {
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
  margin-right: 0;
  margin-left: 10px;
}
.ant-comment-rtl .ant-comment-nested {
  margin-right: 44px;
  margin-left: 0;
}
.ant-picker-status-error.ant-picker,
.ant-picker-status-error.ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-picker-status-error.ant-picker-focused,
.ant-picker-status-error.ant-picker:focus {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-error .ant-picker-feedback-icon {
  color: #ff4d4f;
}
.ant-picker-status-warning.ant-picker,
.ant-picker-status-warning.ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-picker-status-warning.ant-picker-focused,
.ant-picker-status-warning.ant-picker:focus {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-warning .ant-picker-feedback-icon {
  color: #faad14;
}
.ant-picker-status-validating .ant-picker-feedback-icon {
  display: inline-block;
  color: #3685f1;
}
.ant-picker-status-success .ant-picker-feedback-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.ant-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  padding: 4px 11px 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-picker:hover,
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: rgba(0, 0, 0, 0.25);
}
.ant-picker.ant-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.ant-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}
.ant-picker-input > input::-moz-placeholder {
  opacity: 1;
}
.ant-picker-input > input::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-picker-input > input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-picker-input > input:focus,
.ant-input-rtl .ant-picker-input > input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-picker-input > input-sm {
  padding: 0px 7px;
}
.ant-picker-input > input-rtl {
  direction: rtl;
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #bfbfbf;
}
.ant-picker-large {
  padding: 6.5px 11px 6.5px;
}
.ant-picker-large .ant-picker-input > input {
  font-size: 16px;
}
.ant-picker-small {
  padding: 0px 7px 0px;
}
.ant-picker-suffix {
  display: flex;
  flex: none;
  align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  vertical-align: top;
  cursor: default;
}
.ant-picker-focused .ant-picker-separator {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  position: relative;
  display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
  right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: #3685f1;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1;
}
.ant-picker-range-separator {
  align-items: center;
  padding: 0 8px;
  line-height: 1;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 7px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-left: 7px;
}
.ant-picker-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
}
.ant-picker-dropdown-hidden {
  display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  top: 1.7px;
  display: block;
  transform: rotate(-135deg) translateY(1px);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 1.7px;
  display: block;
  transform: rotate(45deg);
}
.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,
.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 {
  animation-name: antSlideDownIn;
}
.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,
.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 {
  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: 4px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  color: #3685f1;
  background: #f0f9ff;
  border-color: #b3daff;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  position: absolute;
  z-index: 1;
  display: none;
  width: 6px;
  height: 6px;
  margin-left: 16.5px;
  background: linear-gradient(135deg, transparent 40%, #fff 40%);
  box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
  transition: left 0.3s ease-out;
  border-radius: 0 0 2px 0;
  pointer-events: none;
}
.ant-picker-range-arrow::before {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 18px;
  height: 18px;
  background: linear-gradient(to left, #fff 50%, #fff 50%) no-repeat -5px -5px;
  content: '';
  clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 Z');
}
.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.ant-picker-panel-container .ant-picker-panel .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 {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
}
.ant-picker-panel-focused {
  border-color: #3685f1;
}
.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.ant-picker-header {
  display: flex;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}
.ant-picker-header > button:hover {
  color: #f3f2f2;
}
.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: #3685f1;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}
.ant-picker-content th {
  height: 30px;
  color: #f3f2f2;
  line-height: 30px;
}
.ant-picker-cell {
  padding: 3px 0;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.ant-picker-cell-in-view {
  color: #f3f2f2;
}
.ant-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #3685f1;
  border-radius: 2px;
  content: '';
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background: #f0f9ff;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: white;
  background: #3685f1;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: #f0f9ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-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-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.ant-picker-cell-range-end-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed #95bff8;
  border-bottom: 1px dashed #95bff8;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: #ddeafd;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #ddeafd;
  transition: all 0.3s;
  content: '';
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  left: 50%;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  left: 6px;
  border-left: 1px dashed #95bff8;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-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 {
  right: 6px;
  border-right: 1px dashed #95bff8;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-picker-cell-disabled {
  color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: transparent;
}
.ant-picker-cell-disabled::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #3685f1;
}
.ant-picker-today-btn:hover {
  color: #61a8ff;
}
.ant-picker-today-btn:active {
  color: #2364cc;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-year-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-month-panel .ant-picker-body {
  padding: 0 8px;
}
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  width: 60px;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  left: 14px;
  border-left: 1px dashed #95bff8;
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  right: 14px;
  border-right: 1px dashed #95bff8;
  border-radius: 0 2px 2px 0;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  right: 14px;
  border-right: 1px dashed #95bff8;
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  left: 14px;
  border-left: 1px dashed #95bff8;
  border-radius: 2px 0 0 2px;
}
.ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
  background: transparent !important;
}
.ant-picker-week-panel-row td {
  transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
  background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
  background: #3685f1;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: white;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: white;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1;
}
.ant-picker-time-panel {
  width: auto;
  min-width: auto;
}
.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}
.ant-picker-time-panel-column {
  flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}
.ant-picker-time-panel-column::after {
  display: block;
  height: 196px;
  content: '';
}
.ant-picker-datetime-panel .ant-picker-time-panel-column::after {
  height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
  background: rgba(240, 249, 255, 0.2);
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: #f3f2f2;
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #f0f9ff;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
/* stylelint-disable-next-line selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker-rtl {
  direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-picker-rtl .ant-picker-clear {
  right: auto;
  left: 0;
}
.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  right: auto;
  left: 11px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-right: 11px;
  margin-left: 0;
}
.ant-picker-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-right: 8px;
  margin-left: 0;
}
.ant-picker-panel-rtl {
  direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
  right: 50%;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::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 .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  right: 6px;
  left: 0;
  border-right: 1px dashed #95bff8;
  border-left: none;
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
.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 {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed #95bff8;
  border-radius: 2px 0 0 2px;
}
.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-range-hover-end:first-child::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 .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 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,
.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 {
  right: 6px;
  left: 6px;
  border-right: 1px dashed #95bff8;
  border-left: 1px dashed #95bff8;
  border-radius: 2px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}
.ant-descriptions-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  flex: auto;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-descriptions-extra {
  margin-left: auto;
  color: #f3f2f2;
  font-size: 14px;
}
.ant-descriptions-view {
  width: 100%;
  border-radius: 2px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
  text-align: start;
}
.ant-descriptions-item-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
  content: ' ';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  flex: 1;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 1.5715;
  word-break: break-word;
  overflow-wrap: break-word;
}
.ant-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}
.ant-descriptions-item-container {
  display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-label,
.ant-descriptions-item-container .ant-descriptions-item-content {
  display: inline-flex;
  align-items: baseline;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
  border-collapse: collapse;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-descriptions-rtl {
  direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label::after {
  margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-left: none;
}
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
  display: flex;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
  position: relative;
  top: 50%;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: #f3f2f2;
  font-weight: normal;
  font-size: 14px;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
  padding-left: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
  padding-right: 0;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 95%;
}
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  transition: width 0s ease 0.3s, height 0s ease 0.3s;
}
.ant-drawer-content-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-drawer-left {
  left: 0;
}
.ant-drawer-left .ant-drawer-content-wrapper {
  left: 0;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  pointer-events: auto;
}
.ant-drawer-title {
  flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  display: inline-block;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  color: #f3f2f2;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-drawer-header-title {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}
.ant-drawer-header-close-only {
  padding-bottom: 0;
  border: none;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  height: 100%;
}
.ant-drawer-body {
  flex-grow: 1;
  padding: 24px;
  overflow: auto;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ant-drawer-footer {
  flex-shrink: 0;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.3s linear, height 0s ease 0.3s;
  pointer-events: none;
}
.ant-drawer .ant-picker-clear {
  background: #fff;
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  margin-right: 0;
  margin-left: 12px;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #ff4d4f;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  color: white;
  background-color: #ff4d4f;
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 10px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden,
.ant-dropdown-menu-submenu-hidden {
  display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-top,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 10px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 10px;
}
.ant-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 6px;
  height: 6px;
  background: linear-gradient(135deg, transparent 40%, #fff 40%);
  border-radius: 0 0 2px 0;
  pointer-events: none;
}
.ant-dropdown-arrow::before {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 18px;
  height: 18px;
  background: linear-gradient(to left, #fff 50%, #fff 50%) no-repeat -5px -5px;
  content: '';
  clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 Z');
}
.ant-dropdown-placement-top > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  bottom: 6.24264069px;
  box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}
.ant-dropdown-placement-top > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  top: 5.65685425px;
  box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
  transform: rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
}
.ant-dropdown-menu-item {
  position: relative;
  display: flex;
  align-items: center;
}
.ant-dropdown-menu-item-icon {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-title-content {
  flex: auto;
}
.ant-dropdown-menu-title-content > a {
  color: inherit;
  transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
  color: inherit;
}
.ant-dropdown-menu-title-content > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: #f3f2f2;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
  color: #3685f1;
  background-color: #f0f9ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #f0f0f0;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-right: 0 !important;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  font-style: normal;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #3685f1;
}
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading,
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
  cursor: default;
  pointer-events: none;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before {
  display: block;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
  color: white;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: white;
  background: #3685f1;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
  right: -7px;
  left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,
.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
  transform-origin: 100% 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  margin-right: 0;
  margin-left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  right: auto;
  left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}
.ant-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
  fill: url('#linearGradient-1');
}
.ant-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
  fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: white;
}
.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-upload {
  background: transparent;
}
.ant-form-item .ant-upload.ant-upload-drag {
  background: #fafafa;
}
.ant-form-item input[type='radio'],
.ant-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-form-item .ant-radio-inline,
.ant-form-item .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.ant-form-item .ant-radio-inline:first-child,
.ant-form-item .ant-checkbox-inline:first-child {
  margin-left: 0;
}
.ant-form-item .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical {
  display: block;
}
.ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-item .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-form-item .ant-select,
.ant-form-item .ant-cascader-picker {
  width: 100%;
}
.ant-form-item .ant-picker-calendar-year-select,
.ant-form-item .ant-picker-calendar-month-select,
.ant-form-item .ant-input-group .ant-select,
.ant-form-item .ant-input-group .ant-cascader-picker,
.ant-form-item .ant-input-number-group .ant-select,
.ant-form-item .ant-input-number-group .ant-cascader-picker {
  width: auto;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1 0;
  min-width: 0;
}
.ant-form-horizontal .ant-form-item-label.ant-col-24 + .ant-form-item-control {
  min-width: unset;
}
.ant-form-vertical .ant-form-item {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
  display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain-error {
  color: #ff4d4f;
}
.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #ff4d4f;
}
.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 1.5715;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 24px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
  height: 40px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 40px;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
  transition: margin-bottom 0.3s 0.017s linear;
}
.ant-form-item-with-help {
  margin-bottom: 0;
  transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  color: rgba(0, 0, 0, 0.45);
  cursor: help;
  writing-mode: horizontal-tb;
  margin-inline-start: 4px;
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}
.ant-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item-explain-connected {
  height: 0;
  min-height: 0;
  opacity: 0;
}
.ant-form-item-extra {
  min-height: 24px;
}
.ant-form-item .ant-input-textarea-show-count::after {
  margin-bottom: -22px;
}
.ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  min-height: 24px;
  opacity: 1;
}
.ant-show-help {
  transition: height 0.3s linear, min-height 0.3s linear, margin-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-leave {
  min-height: 24px;
}
.ant-show-help-leave-active {
  min-height: 0;
}
.ant-show-help-item {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
  transform: translateY(-5px);
  opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
  transform: translateY(0);
  opacity: 1;
}
.ant-show-help-item-leave-active {
  transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 11px;
  padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 16px;
}
.ant-row {
  display: flex;
  flex-flow: row wrap;
}
.ant-row::before,
.ant-row::after {
  display: flex;
}
.ant-row-no-wrap {
  flex-wrap: nowrap;
}
.ant-row-start {
  justify-content: flex-start;
}
.ant-row-center {
  justify-content: center;
}
.ant-row-end {
  justify-content: flex-end;
}
.ant-row-space-between {
  justify-content: space-between;
}
.ant-row-space-around {
  justify-content: space-around;
}
.ant-row-top {
  align-items: flex-start;
}
.ant-row-middle {
  align-items: center;
}
.ant-row-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.ant-col-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
.ant-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-sm-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-sm-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-sm-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-sm-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-sm-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-sm-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-sm-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-sm-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-sm-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-sm-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-sm-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-sm-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-sm-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-sm-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-sm-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-sm-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-sm-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-sm-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-sm-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-sm-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-sm-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-sm-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-sm-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-sm-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-sm-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-sm-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-sm-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-sm-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-sm-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-sm-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-sm-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-sm-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-sm-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-sm-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-sm-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-sm-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-sm-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-md-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-md-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-md-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-md-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-md-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-md-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-md-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-md-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-md-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-md-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-md-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-md-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-md-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-md-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-md-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-md-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-md-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-md-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-md-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-md-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-md-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-md-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-md-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-md-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-md-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-md-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-md-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-md-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-md-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-md-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-md-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-md-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-md-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-md-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-md-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-md-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-md-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-md-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-md-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-md-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-md-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-md-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-md-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-md-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-md-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-md-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-md-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-md-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-md-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-md-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-md-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-md-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-md-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-md-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-md-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-md-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-md-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-lg-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-lg-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-lg-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-lg-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-lg-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-lg-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-lg-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-lg-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-lg-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-lg-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-lg-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-lg-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-lg-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-lg-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-lg-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-lg-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-lg-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-lg-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-lg-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-lg-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-lg-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-lg-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-lg-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-lg-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-lg-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-lg-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-lg-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-lg-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-lg-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-lg-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-lg-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-lg-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-lg-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-lg-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-lg-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-lg-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-lg-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xxl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xxl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xxl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xxl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xxl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xxl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xxl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xxl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xxl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xxl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xxl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xxl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xxl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.ant-row-rtl {
  direction: rtl;
}
.ant-image {
  position: relative;
  display: inline-block;
}
.ant-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.ant-image-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
  margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.antzoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.ant-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  user-select: none;
  pointer-events: auto;
}
.ant-image-preview-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
  cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
  transition-duration: 0s;
}
.ant-image-preview-wrap {
  z-index: 1080;
}
.ant-image-preview-operations {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  color: rgba(255, 255, 255, 0.85);
  list-style: none;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
.ant-image-preview-operations-operation {
  margin-left: 12px;
  padding: 12px;
  cursor: pointer;
}
.ant-image-preview-operations-operation-disabled {
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon {
  cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
  font-size: 18px;
}
.ant-image-preview-switch-left {
  left: 10px;
}
.ant-image-preview-switch-right {
  right: 10px;
}
.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
  display: inline-flex;
}
.ant-input-affix-wrapper::-moz-placeholder {
  opacity: 1;
}
.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-affix-wrapper-sm {
  padding: 0px 7px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #61a8ff;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: transparent;
}
.ant-input-affix-wrapper > input.ant-input {
  padding: 0;
  border: none;
  outline: none;
}
.ant-input-affix-wrapper > input.ant-input:focus {
  box-shadow: none !important;
}
.ant-input-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-input-prefix,
.ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}
.ant-input-prefix > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-show-count-has-suffix {
  margin-right: 2px;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.ant-input-clear-icon {
  margin: 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: #f3f2f2;
}
.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0 !important;
  border: 0 !important;
}
.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-error .ant-input-feedback-icon {
  color: #ff4d4f;
}
.ant-input-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-warning .ant-input-feedback-icon {
  color: #faad14;
}
.ant-input-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-error .ant-input-feedback-icon {
  color: #ff4d4f;
}
.ant-input-affix-wrapper-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-warning .ant-input-feedback-icon {
  color: #faad14;
}
.ant-input-affix-wrapper-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-input-textarea-status-validating .ant-input-feedback-icon,
.ant-input-affix-wrapper-status-validating .ant-input-feedback-icon {
  display: inline-block;
  color: #3685f1;
}
.ant-input-textarea-status-success .ant-input-feedback-icon,
.ant-input-affix-wrapper-status-success .ant-input-feedback-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.ant-input-textarea-status-error .ant-input-feedback-icon {
  color: #ff4d4f;
}
.ant-input-textarea-status-warning .ant-input-feedback-icon {
  color: #faad14;
}
.ant-input-textarea .ant-input-feedback-icon {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-input-group-wrapper-status-error .ant-input-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-input-group-wrapper-status-warning .ant-input-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
}
.ant-input::-moz-placeholder {
  opacity: 1;
}
.ant-input::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 0px 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: #f3f2f2;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #3685f1;
}
.ant-input-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 2px 0 0 2px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 2px 0 0 2px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
  height: 32px;
}
.ant-input[type='color'].ant-input-lg {
  height: 40px;
}
.ant-input[type='color'].ant-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ant-input-textarea-show-count > .ant-input {
  height: 100%;
}
.ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #61a8ff;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #61a8ff;
}
.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search .ant-input-lg {
  line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 2px 2px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-input-search-button {
  height: 32px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
  height: 40px;
}
.ant-input-search-small .ant-input-search-button {
  height: 24px;
}
.ant-input-group-wrapper-rtl {
  direction: rtl;
}
.ant-input-group-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
  direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-right-color: #61a8ff;
  border-left-color: #d9d9d9;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  border-right-color: #61a8ff;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon {
  right: -1px;
  left: auto;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button {
  border-radius: 2px 0 0 2px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 32px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 24px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}
.ant-input-number-affix-wrapper {
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
  position: relative;
  display: inline-flex;
  width: 90px;
  padding: 0;
  padding-inline-start: 11px;
}
.ant-input-number-affix-wrapper::-moz-placeholder {
  opacity: 1;
}
.ant-input-number-affix-wrapper::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-input-number-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-number-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-input-number-affix-wrapper:focus,
.ant-input-rtl .ant-input-number-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper-borderless,
.ant-input-number-affix-wrapper-borderless:hover,
.ant-input-number-affix-wrapper-borderless:focus,
.ant-input-number-affix-wrapper-borderless-focused,
.ant-input-number-affix-wrapper-borderless-disabled,
.ant-input-number-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-affix-wrapper-sm {
  padding: 0px 7px;
}
.ant-input-number-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
  border-color: #61a8ff;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper-focused,
.ant-input-number-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
  background: transparent;
}
.ant-input-number-affix-wrapper > div.ant-input-number {
  width: 100%;
  border: none;
  outline: none;
}
.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
  box-shadow: none !important;
}
.ant-input-number-affix-wrapper input.ant-input-number-input {
  padding: 0;
}
.ant-input-number-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-input-number-prefix,
.ant-input-number-suffix {
  display: flex;
  flex: none;
  align-items: center;
  pointer-events: none;
}
.ant-input-number-prefix {
  margin-inline-end: 4px;
}
.ant-input-number-suffix {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  margin-right: 11px;
  margin-left: 4px;
}
.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
  width: 100%;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-error .ant-input-number-feedback-icon {
  color: #ff4d4f;
}
.ant-input-number-status-error .ant-input-number-prefix {
  color: #ff4d4f;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-warning .ant-input-number-feedback-icon {
  color: #faad14;
}
.ant-input-number-status-warning .ant-input-number-prefix {
  color: #faad14;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-error .ant-input-number-feedback-icon {
  color: #ff4d4f;
}
.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
  color: #ff4d4f;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-warning .ant-input-number-feedback-icon {
  color: #faad14;
}
.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
  color: #faad14;
}
.ant-input-number-affix-wrapper-status-validating .ant-input-number-feedback-icon {
  display: inline-block;
  color: #3685f1;
}
.ant-input-number-affix-wrapper-status-success .ant-input-number-feedback-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-input-number::-moz-placeholder {
  opacity: 1;
}
.ant-input-number::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-number:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number:focus,
.ant-input-number-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-input-number:focus,
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  padding: 0px 7px;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-number-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-number-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-number-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap,
.ant-input-number-group > .ant-input-number {
  display: table-cell;
}
.ant-input-number-group-addon:not(:first-child):not(:last-child),
.ant-input-number-group-wrap:not(:first-child):not(:last-child),
.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-number-group-wrap > * {
  display: block !important;
}
.ant-input-number-group .ant-input-number {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-number-group .ant-input-number:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-number-group .ant-input-number:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
  z-index: 0;
}
.ant-input-number-group-addon {
  position: relative;
  padding: 0 11px;
  color: #f3f2f2;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-input-number-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-number-group-addon .ant-select-open .ant-select-selector,
.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
  color: #3685f1;
}
.ant-input-number-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-number-group > .ant-input-number:first-child,
.ant-input-number-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group-addon:first-child {
  border-right: 0;
}
.ant-input-number-group-addon:last-child {
  border-left: 0;
}
.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group-lg .ant-input-number,
.ant-input-number-group-lg > .ant-input-number-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-group-sm .ant-input-number,
.ant-input-number-group-sm > .ant-input-number-group-addon {
  padding: 0px 7px;
}
.ant-input-number-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-number-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact {
  display: block;
}
.ant-input-number-group.ant-input-number-group-compact::before {
  display: table;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::before {
  display: table;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
  display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
  float: none;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-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-number-group.ant-input-number-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-number-group > .ant-input-number-rtl:first-child,
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-radius: 0 2px 2px 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid #d9d9d9;
}
.ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
  border-radius: 2px 0 0 2px;
}
.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-radius: 0 2px 2px 0;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 2px 2px 0;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 2px 0 0 2px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-number-group.ant-input-number-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-number-group-wrapper {
  display: inline-block;
  text-align: start;
  vertical-align: top;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  border-left: 1px solid #d9d9d9;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #61a8ff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  outline: 0;
  transition: all 0.3s linear;
  appearance: textfield !important;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
}
.ant-input-number-input::-moz-placeholder {
  opacity: 1;
}
.ant-input-number-input::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
  appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-radius: 0 2px 2px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  margin-right: 0;
  font-size: 7px;
}
.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,
.ant-input-number-focused .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-borderless .ant-input-number-handler-down {
  border-top-width: 0;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-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 {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  right: auto;
  left: 0;
}
.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-right-width: 0;
}
.ant-input-number-rtl .ant-input-number-handler-up {
  border-top-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-handler-down {
  border-bottom-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-input {
  direction: ltr;
  text-align: right;
}
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: 0;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  color: #f3f2f2;
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: #f3f2f2;
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-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 {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 2px 0 0 2px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: #f3f2f2;
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: #f3f2f2;
  background: #fff;
}
.ant-layout-rtl {
  direction: rtl;
}
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: #f3f2f2;
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
  width: 0;
  color: #f3f2f2;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-meta-title > a {
  color: #f3f2f2;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #3685f1;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #f0f0f0;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-right: 0;
  margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
  margin-right: 48px;
  margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
  right: auto;
  left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-right: 40px;
  margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 24px;
    margin-left: 0;
  }
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 22px;
    margin-left: 0;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: #fff;
  border-color: #ff4d4f;
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-error .ant-input-feedback-icon {
  color: #ff4d4f;
}
.ant-mentions-status-error .ant-input-prefix {
  color: #ff4d4f;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: #fff;
  border-color: #faad14;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-warning .ant-input-feedback-icon {
  color: #faad14;
}
.ant-mentions-status-warning .ant-input-prefix {
  color: #faad14;
}
.ant-mentions-affix-wrapper {
  position: relative;
}
.ant-mentions-affix-wrapper .ant-mentions-feedback-icon {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-mentions-affix-wrapper-status-error .ant-mentions-feedback-icon {
  color: #ff4d4f;
}
.ant-mentions-affix-wrapper-has-warning .ant-mentions-feedback-icon {
  color: #faad14;
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #f3f2f2;
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.5715;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
  opacity: 1;
}
.ant-mentions::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-mentions:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions:focus,
.ant-mentions-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-mentions:focus,
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-mentions-borderless,
.ant-mentions-borderless:hover,
.ant-mentions-borderless:focus,
.ant-mentions-borderless-focused,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  padding: 0px 7px;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-mentions-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 30px;
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
}
.ant-mentions > textarea::-moz-placeholder {
  opacity: 1;
}
.ant-mentions > textarea::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  overflow: hidden;
  color: #f3f2f2;
  font-weight: normal;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: #f3f2f2;
  font-weight: 600;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #f5f5f5;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-menu-item-danger.ant-menu-item {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
  color: #ff4d4f;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #ff4d4f;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
  border-right-color: #ff4d4f;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
  color: #ff4d4f;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  color: #fff;
  background-color: #ff4d4f;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #dbefff;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-overflow {
  display: flex;
}
.ant-menu-overflow-item {
  flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  height: 1.5715;
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #3685f1;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #f0f9ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-title-content {
  transition: color 0.3s;
}
.ant-menu-item a {
  color: #f3f2f2;
}
.ant-menu-item a:hover {
  color: #3685f1;
}
.ant-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge a {
  color: #f3f2f2;
}
.ant-menu-item > .ant-badge a:hover {
  color: #3685f1;
}
.ant-menu-item-divider {
  overflow: hidden;
  line-height: 0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 0 0;
}
.ant-menu-item-divider-dashed {
  border-style: dashed;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #3685f1;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #3685f1;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #f0f9ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
  border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 0;
  overflow: hidden;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
  transition: border-color 0.3s, background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
  vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
  margin-right: 0;
}
.ant-menu-item:focus-visible,
.ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #dbefff;
}
.ant-menu > .ant-menu-item-divider {
  margin: 1px 0;
  padding: 0;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 2px;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 2px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
  background-color: #fff;
}
.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: #f3f2f2;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #3685f1;
}
.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: #3685f1;
}
.ant-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #3685f1;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  border-bottom: 2px solid #3685f1;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: #f3f2f2;
}
.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #3685f1;
}
.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #3685f1;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: ' ';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #3685f1;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
  display: flex;
  align-items: center;
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 16px / 2);
  text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  background: #fafafa;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  cursor: not-allowed;
}
.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
  border-color: transparent !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
  color: white;
}
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
  color: #3685f1;
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #2364cc;
}
.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #2364cc;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  padding: 0 20px;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #3685f1;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #3685f1;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: white;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: white;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #3685f1;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu.ant-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
  border-left: none;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 10px;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-left: 0;
}
.ant-menu-submenu-rtl.ant-menu-submenu-popup {
  transform-origin: 100% 0;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
  right: auto;
  left: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 0;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 16px;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
  padding: 0 calc(50% - 16px / 2);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
  border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-right: 32px;
  padding-left: 0;
}
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #ff4d4f;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #3685f1;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-message-rtl {
  direction: rtl;
}
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.ant-modal.ant-zoom-enter,
.ant-modal.antzoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-wrap {
  z-index: 1000;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: #f3f2f2;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 2px 2px;
}
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: #f3f2f2;
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #ff4d4f;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #3685f1;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
.ant-modal-wrap-rtl {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
  right: initial;
  left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  float: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  margin-right: 24px;
}
.ant-notification-top,
.ant-notification-bottom,
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-top,
.ant-notification-bottom {
  margin-right: auto;
  margin-left: auto;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-hook-holder {
  position: relative;
}
.ant-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 24px * 2);
  margin-bottom: 16px;
  margin-left: auto;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5715;
  word-wrap: break-word;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-notification-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
  margin-right: auto;
  margin-left: auto;
}
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}
.ant-notification-notice-message {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #3685f1;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #ff4d4f;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 0;
  padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
  right: auto;
  left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}
.ant-page-header-back-button {
  color: #3685f1;
  text-decoration: none;
  outline: none;
  transition: color 0.3s;
  color: #000;
  cursor: pointer;
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: #61a8ff;
}
.ant-page-header-back-button:active {
  color: #2364cc;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  display: flex;
  justify-content: space-between;
}
.ant-page-header-heading-left {
  display: flex;
  align-items: center;
  margin: 4px 0;
  overflow: hidden;
}
.ant-page-header-heading-title {
  margin-right: 12px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading .ant-avatar {
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}
.ant-page-header-heading-extra > * {
  margin-left: 12px;
  white-space: unset;
}
.ant-page-header-heading-extra > *:first-child {
  margin-left: 0;
}
.ant-page-header-content {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
  margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
  border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}
.ant-page-header-compact .ant-page-header-heading {
  flex-wrap: wrap;
}
.ant-page-header-rtl {
  direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-page-header-rtl .ant-page-header-heading-title {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
  float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
  float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
  margin-right: 12px;
  margin-left: 0;
}
.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
  float: right;
}
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Inter;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: #f3f2f2;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:hover {
  border-color: #3685f1;
  transition: all 0.3s;
}
.ant-pagination-item:hover a {
  color: #3685f1;
}
.ant-pagination-item:focus-visible {
  border-color: #3685f1;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible a {
  color: #3685f1;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #3685f1;
}
.ant-pagination-item-active a {
  color: #3685f1;
}
.ant-pagination-item-active:hover {
  border-color: #61a8ff;
}
.ant-pagination-item-active:focus-visible {
  border-color: #61a8ff;
}
.ant-pagination-item-active:hover a {
  color: #61a8ff;
}
.ant-pagination-item-active:focus-visible a {
  color: #61a8ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #3685f1;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: #f3f2f2;
  font-family: Inter;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: #f3f2f2;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
  border-color: #61a8ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
  color: #3685f1;
  border-color: #3685f1;
}
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #3685f1;
  border-color: #3685f1;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .ant-pagination-options *::-ms-backdrop,
  .ant-pagination-options {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  /* stylelint-disable-next-line selector-no-vendor-prefix */
  width: 50px;
  height: 32px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  opacity: 1;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
  user-select: none;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:focus,
.ant-input-rtl .ant-pagination-options-quick-jumper input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0px 7px;
}
.ant-pagination-options-quick-jumper input-rtl {
  direction: rtl;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #3685f1;
}
.ant-pagination-simple .ant-pagination-simple-pager input:focus {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-size-changer {
  top: 0px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  padding: 0px 7px;
  width: 44px;
  height: 24px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: rgba(0, 0, 0, 0.25);
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination-rtl .ant-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}
.ant-popconfirm {
  z-index: 1060;
}
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: #f3f2f2;
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: #f3f2f2;
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8.0005px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-popover-arrow-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin: auto;
  background-color: #fff;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px 0;
  pointer-events: none;
}
.ant-popover-arrow-content::before {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 18px;
  height: 18px;
  background: linear-gradient(to left, #fff 50%, #fff 50%) no-repeat -5px -5px;
  content: '';
  clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 Z');
}
.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 rgba(0, 0, 0, 0.07);
  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-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
  left: 1.51471863px;
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(4.24264069px) rotate(135deg);
}
.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 rgba(0, 0, 0, 0.06);
  transform: translateY(4.24264069px) rotate(-135deg);
}
.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-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
  right: 1.51471863px;
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-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-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
  background-color: #722ed1;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-right: 22px;
  padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-steps {
  display: inline-block;
}
.ant-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: #f3f3f3;
  transition: all 0.3s;
}
.ant-progress-steps-item-active {
  background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: #f3f2f2;
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #ff4d4f;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 1em;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #ff4d4f;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.1;
  }
  20% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0) scaleX(1);
    opacity: 0;
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-right: 0;
  margin-left: calc(-2em - 8px);
  padding-right: 0;
  padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
  right: 0;
  left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-right: 8px;
  margin-left: 0;
  text-align: right;
}
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  font-size: 0;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-flex;
  align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio-wrapper-disabled {
  cursor: not-allowed;
}
.ant-radio-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #3685f1;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px #f0f9ff;
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3685f1;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #3685f1;
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #3685f1;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(0.5);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: #f3f2f2;
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: #f3f2f2;
}
.ant-radio-button-wrapper > .ant-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: #d9d9d9;
  transition: background-color 0.3s;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #3685f1;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px #f0f9ff;
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #3685f1;
  background: #fff;
  border-color: #3685f1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #3685f1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #3685f1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #61a8ff;
  border-color: #61a8ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #61a8ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #2364cc;
  border-color: #2364cc;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: #2364cc;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px #f0f9ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #3685f1;
  border-color: #3685f1;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #61a8ff;
  border-color: #61a8ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #2364cc;
  border-color: #2364cc;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px #f0f9ff;
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #61a8ff;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}
.ant-rate {
  box-sizing: border-box;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: pointer;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div {
  transition: all 0.3s, outline 0s;
}
.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;
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #f0f0f0;
  transition: all 0.3s;
  user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
}
.ant-rate-rtl {
  direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-rate-rtl .ant-rate-star-first {
  right: 0;
  left: auto;
}
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #ff4d4f;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #3685f1;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin: 24px 0 0 0;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-result-rtl {
  direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
  margin-right: 0;
  margin-left: 8px;
}
.ant-result-rtl .ant-result-extra > *:last-child {
  margin-left: 0;
}
.ant-select-single .ant-select-selector {
  display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  left: 11px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
  width: 100%;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  padding: 0;
  line-height: 30px;
  transition: all 0.3s;
}
@supports (-moz-appearance: meterbar) {
  .ant-select-single .ant-select-selector .ant-select-selection-item,
  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    line-height: 30px;
  }
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  transition: none;
  pointer-events: none;
}
.ant-select-single .ant-select-selector::after,
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 25px;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 18px;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  color: #bfbfbf;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  width: 100%;
  height: 32px;
  padding: 0 11px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 30px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
  line-height: 30px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
  display: none;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
  position: static;
  width: 100%;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 11px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
  display: none;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 40px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 38px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 38px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  height: 24px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 22px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
  right: 7px;
  left: 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 7px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 28px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 21px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 11px;
}
/**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
.ant-select-selection-overflow {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  max-width: 100%;
}
.ant-select-selection-overflow-item {
  flex: none;
  align-self: center;
  max-width: 100%;
}
.ant-select-multiple .ant-select-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1px 4px;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector::after {
  display: inline-block;
  width: 0;
  margin: 2px 0;
  line-height: 24px;
  content: '\A0';
}
.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
  position: relative;
  display: flex;
  flex: none;
  box-sizing: border-box;
  max-width: 100%;
  height: 24px;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 22px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  cursor: default;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  user-select: none;
  margin-inline-end: 4px;
  padding-inline-start: 8px;
  padding-inline-end: 4px;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  color: #bfbfbf;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.ant-select-multiple .ant-select-selection-item-remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  font-size: 10px;
  line-height: inherit;
  cursor: pointer;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
  line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
  display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove::before {
  display: none;
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
  display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
  vertical-align: -0.2em;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
  margin-inline-start: 0;
}
.ant-select-multiple .ant-select-selection-search {
  position: relative;
  max-width: 100%;
  margin-inline-start: 7px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  height: 24px;
  font-family: Inter;
  line-height: 24px;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  width: 100%;
  min-width: 4.1px;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.ant-select-multiple .ant-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
  height: 32px;
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  height: 16px;
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  left: 7px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  margin-inline-start: 3px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 32px;
}
.ant-select-disabled .ant-select-selection-item-remove {
  display: none;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  background-color: #fff;
  border-color: #ff4d4f !important;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-error .ant-select-feedback-icon {
  color: #ff4d4f;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  background-color: #fff;
  border-color: #faad14 !important;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-warning .ant-select-feedback-icon {
  color: #faad14;
}
.ant-select-status-success .ant-select-feedback-icon {
  color: #52c41a;
}
.ant-select-status-validating .ant-select-feedback-icon {
  color: #3685f1;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-clear,
.ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
.ant-select-status-success.ant-select-has-feedback .ant-select-clear,
.ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
  right: 32px;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
  padding-right: 42px;
}
.ant-select-feedback-icon {
  font-size: 14px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.ant-select-feedback-icon:not(:first-child) {
  margin-left: 8px;
}
/* Reset search input style */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  position: relative;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #f5f5f5;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  appearance: none;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-selection-item {
  flex: 1;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-item *::-ms-backdrop,
  .ant-select-selection-item {
    flex: auto;
  }
}
.ant-select-selection-placeholder {
  flex: 1;
  overflow: hidden;
  color: #bfbfbf;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-placeholder *::-ms-backdrop,
  .ant-select-selection-placeholder {
    flex: auto;
  }
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  display: flex;
  align-items: center;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .anticon {
  vertical-align: top;
  transition: transform 0.3s;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
  cursor: not-allowed;
}
.ant-select-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-clear::before {
  display: block;
}
.ant-select-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-empty {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: #f3f2f2;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: #f3f2f2;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: default;
}
.ant-select-item-option {
  display: flex;
}
.ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-item-option-state {
  flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #f3f2f2;
  font-weight: 600;
  background-color: #f0f9ff;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #3685f1;
}
.ant-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-item-option-disabled.ant-select-item-option-selected {
  background-color: #f5f5f5;
}
.ant-select-item-option-grouped {
  padding-left: 24px;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow {
  right: initial;
  left: 11px;
}
.ant-select-rtl .ant-select-clear {
  right: initial;
  left: 11px;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 4px;
  padding-left: 24px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  right: 0;
  left: auto;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  right: 11px;
  left: auto;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  right: 7px;
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 11px;
  left: 25px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 6px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
  border-radius: 100px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-button {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-input {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-image {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-block {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
  width: 100%;
}
.ant-skeleton-element {
  display: inline-block;
  width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 2px;
  width: 64px;
  min-width: 64px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  width: 80px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  width: 48px;
  min-width: 48px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 160px;
  min-width: 160px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  width: 200px;
  min-width: 200px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  width: 120px;
  min-width: 120px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
  fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  max-width: 192px;
  max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
  border-radius: 50%;
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.ant-skeleton-rtl {
  direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
  padding-right: 0;
  padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-top: -6px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  margin-left: -2px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  right: 12px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  right: 4px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  right: 2px;
  left: auto;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #b3daff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #b3daff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging {
  z-index: 1;
}
.ant-slider-handle:focus {
  border-color: #5e9df4;
  outline: none;
  box-shadow: 0 0 0 5px rgba(54, 133, 241, 0.12);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #3685f1;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #8ac2ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #8ac2ff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  user-select: none;
}
.ant-slider-mark-text-active {
  color: #f3f2f2;
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot-active {
  border-color: #9bc2f8;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-rail {
  background-color: #f5f5f5 !important;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  right: 0;
  left: auto;
}
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #3685f1;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #3685f1;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  font-family: Inter;
}
.ant-statistic-content-value {
  display: inline-block;
  direction: ltr;
}
.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-right: 0;
  margin-left: 4px;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  font-size: 16px;
  font-family: Inter;
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
  position: relative;
  top: -0.5px;
  color: #3685f1;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: #f3f2f2;
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #f0f0f0;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #3685f1;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #3685f1;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #3685f1;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #f3f2f2;
}
.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: #3685f1;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
  color: white;
}
.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: #3685f1;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #3685f1;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #3685f1;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #f3f2f2;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #3685f1;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #3685f1;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #ff4d4f;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #ff4d4f;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #ff4d4f;
}
.ant-steps-item-disabled {
  cursor: not-allowed;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #3685f1;
}
.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: #3685f1;
}
.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: #3685f1;
}
.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 {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
  top: 0px;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #3685f1;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
  background: none;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: flex;
  flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
  display: block;
  flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}
.ant-steps-vertical > .ant-steps-item .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 {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5715;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-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 {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: none;
}
.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 {
  margin-top: 13px;
  margin-left: 0;
  background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 6.5px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-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 {
  top: -1px;
  left: -1px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: #3685f1;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
.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 {
  top: 0;
  right: 0;
  left: unset;
  display: block;
  width: 3px;
  height: calc(100% - 24px);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
  position: relative;
  top: -2px;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 8px;
  text-align: center;
  transform: rotate(135deg);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-rtl {
  direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
  right: 0;
  left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
  padding-right: 0;
  padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title::after {
  right: 100%;
  left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 16px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  right: 0.5px;
  left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-right: -12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  margin-right: -16px;
  margin-left: 0;
  text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
  right: 100%;
  left: auto;
  margin-right: -2px;
  margin-left: 0;
  transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 12px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  padding-right: 0;
  padding-left: 12px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 16px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  right: 12px;
  left: auto;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  margin-right: 12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-right: 67px;
  margin-left: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  /* expand hover area */
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  right: -26px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: -9px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 0;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  right: -2px;
  left: auto;
}
.ant-steps-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 {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
.ant-switch {
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.2s;
  user-select: none;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px #f0f9ff;
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #3685f1;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: white;
  font-size: 12px;
  transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
}
.ant-switch-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  transition: all 0.2s ease-in-out;
  content: '';
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-loading-icon.anticon {
  position: relative;
  top: 2px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #3685f1;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}
.ant-switch-small .ant-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px;
}
.ant-switch-small .ant-switch-handle {
  width: 12px;
  height: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
  top: 1.5px;
  font-size: 9px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 12px - 2px);
}
.ant-switch-rtl {
  direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
  right: 2px;
  left: auto;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 18px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 12px - 2px);
}
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-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-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -8px -8px -8px 25px;
}
.ant-table-small .ant-table-thead > tr > th {
  background-color: #fafafa;
}
.ant-table-small .ant-table-selection-column {
  width: 46px;
  min-width: 46px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #f0f0f0;
  content: '';
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 2px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-title {
  padding: 16px 16px;
}
.ant-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.ant-table-thead > tr > th {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  transform: translateY(-50%);
  transition: background-color 0.3s;
  content: '';
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 33px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #f0f9ff;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #e6f5ff;
}
.ant-table-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
  background-color: transparent !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  position: relative;
  z-index: 1;
  flex: 1;
}
.ant-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: space-between;
}
.ant-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.ant-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #3685f1;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
  color: #a6a6a6;
}
.ant-table-filter-column {
  display: flex;
  justify-content: space-between;
}
.ant-table-filter-trigger {
  position: relative;
  display: flex;
  align-items: center;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-filter-trigger.active {
  color: #3685f1;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  min-width: 120px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
  background-color: #dbefff;
}
.ant-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
  min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
  z-index: 3;
}
table tr th.ant-table-selection-column::after {
  background-color: transparent !important;
}
.ant-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #3685f1;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  display: inline-flex;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
  transform: scale(0.94117647);
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #61a8ff;
}
.ant-table-row-expand-icon:active {
  color: #2364cc;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentcolor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-last::before {
  background-color: transparent !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-holder {
  position: sticky;
  z-index: calc(2 + 1);
  background: #fff;
}
.ant-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.ant-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.ant-table-title {
  border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.ant-table-footer {
  border-radius: 0 0 2px 2px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 4px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger {
  margin: -4px 4px -4px -8px;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
  flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
  content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
  bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 16px 0 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tabs-dropdown-menu-item {
  display: flex;
  align-items: center;
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: #f3f2f2;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item > span {
  flex: 1;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
  flex: none;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
  color: #61a8ff;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  color: #3685f1;
  background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 2px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 2px 2px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 2px 0 0 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 2px 2px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  overflow: hidden;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  min-width: 40px;
  margin-left: 2px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #61a8ff;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #2364cc;
}
.ant-tabs-extra-content {
  flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
  justify-content: center;
}
.ant-tabs-ink-bar {
  position: absolute;
  background: #3685f1;
  pointer-events: none;
}
.ant-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: #2364cc;
}
.ant-tabs-tab-btn {
  outline: none;
  transition: all 0.3s;
}
.ant-tabs-tab-remove {
  flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs-tab:hover {
  color: #61a8ff;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #3685f1;
  text-shadow: 0 0 0.25px currentcolor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-content {
  display: flex;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-content-animated {
  transition: margin 0.3s;
}
.ant-tabs-tabpane {
  flex: none;
  width: 100%;
  outline: none;
}
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  opacity: 1;
  transition: all 0.3s;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: #f3f2f2;
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: white;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #3685f1;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: white;
}
.ant-tag-checkable-checked {
  background-color: #3685f1;
}
.ant-tag-checkable:active {
  background-color: #2364cc;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: white;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: white;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: white;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: white;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: white;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: white;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: white;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: white;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: white;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: white;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: white;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: white;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: white;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-tag-success {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-processing {
  color: #3685f1;
  background: #f0f9ff;
  border-color: #b3daff;
}
.ant-tag-error {
  color: #ff4d4f;
  background: #fff2f0;
  border-color: #ffccc7;
}
.ant-tag-warning {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}
.ant-timeline {
  box-sizing: border-box;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #f0f0f0;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #3685f1;
  border-color: #3685f1;
}
.ant-timeline-item-head-red {
  color: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -7.001px;
  margin: 0 0 0 26px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  position: absolute;
  top: -7.001px;
  width: calc(50% - 12px);
  text-align: right;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline-rtl {
  direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
  right: 4px;
  left: auto;
  border-right: 2px solid #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
  right: 5px;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
  margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  right: 50%;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-right: -4px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-right: 1px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  right: calc(50% - 4px);
  left: auto;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  right: 0;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: 100%;
  margin-right: 18px;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1070;
  display: block;
  width: max-content;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow-content {
  --antd-arrow-background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: transparent;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px 0;
  pointer-events: none;
}
.ant-tooltip-arrow-content::before {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 15px;
  height: 15px;
  background: linear-gradient(to left, var(--antd-arrow-background-color) 50%, var(--antd-arrow-background-color) 50%) no-repeat -4px -4px;
  content: '';
  clip-path: path('M 3.5355339059327373 11.464466094067262 A 5 5 0 0 1 7.071067811865475 10 L 8 10 A 2 2 0 0 0 10 8 L 10 7.071067811865475 A 5 5 0 0 1 11.464466094067262 3.5355339059327373 Z');
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -4.83106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -4.97106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553391px) rotate(135deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -4.99106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553391px) rotate(315deg);
}
.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: -4.97106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(225deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow-content::before {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
  background-color: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow-content::before {
  background-color: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
  background-color: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content::before {
  background-color: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
  background-color: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content::before {
  background-color: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
  background-color: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content::before {
  background-color: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content::before {
  background-color: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content::before {
  background-color: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
  background-color: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content::before {
  background-color: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: 1 1 50%;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
  width: 40px;
  min-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: transparent;
}
.ant-transfer-status-error:not(.#ff4d4f-disabled):not(.#ff4d4f-borderless).#ff4d4f,
.ant-transfer-status-error:not(.#ff4d4f-disabled):not(.#ff4d4f-borderless).#ff4d4f:hover {
  background: #fff;
  border-color: #d9d9d9;
}
.ant-transfer-status-error:not(.#ff4d4f-disabled):not(.#ff4d4f-borderless).#ff4d4f:focus,
.ant-transfer-status-error:not(.#ff4d4f-disabled):not(.#ff4d4f-borderless).#ff4d4f-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(243, 242, 242, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-transfer-status-error .ant-transfer-list {
  border-color: #ff4d4f;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer-status-warning:not(.#faad14-disabled):not(.#faad14-borderless).#faad14,
.ant-transfer-status-warning:not(.#faad14-disabled):not(.#faad14-borderless).#faad14:hover {
  background: #fff;
  border-color: #d9d9d9;
}
.ant-transfer-status-warning:not(.#faad14-disabled):not(.#faad14-borderless).#faad14:focus,
.ant-transfer-status-warning:not(.#faad14-disabled):not(.#faad14-borderless).#faad14-focused {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(243, 242, 242, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-transfer-status-warning .ant-transfer-list {
  border-color: #faad14;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
  border-color: #61a8ff;
  border-right-width: 1px;
}
.ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
  border-color: #61a8ff;
  box-shadow: 0 0 0 2px rgba(54, 133, 241, 0.2);
  border-right-width: 1px;
  outline: 0;
  color: #2575fc;
}
.ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: stretch;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  display: flex;
  flex-direction: column;
  width: 180px;
  height: 200px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-transfer-list-with-pagination {
  width: 250px;
  height: auto;
}
.ant-transfer-list-search .anticon-search {
  color: rgba(0, 0, 0, 0.25);
}
.ant-transfer-list-header {
  display: flex;
  flex: none;
  align-items: center;
  height: 40px;
  padding: 8px 12px 9px;
  color: #f3f2f2;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-transfer-list-header > *:not(:last-child) {
  margin-right: 4px;
}
.ant-transfer-list-header > * {
  flex: none;
}
.ant-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}
.ant-transfer-list-header-dropdown {
  font-size: 10px;
  transform: translateY(10%);
  cursor: pointer;
}
.ant-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}
.ant-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: relative;
  flex: none;
  padding: 12px;
}
.ant-transfer-list-content {
  flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content-item {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  line-height: 20px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 8px;
}
.ant-transfer-list-content-item > * {
  flex: none;
}
.ant-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-transfer-list-content-item-remove {
  color: #3685f1;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  color: #d9d9d9;
}
.ant-transfer-list-content-item-remove:focus,
.ant-transfer-list-content-item-remove:hover {
  color: #61a8ff;
}
.ant-transfer-list-content-item-remove:active {
  color: #2364cc;
}
.ant-transfer-list-content-item-remove::after {
  position: absolute;
  top: -6px;
  right: -50%;
  bottom: -6px;
  left: -50%;
  content: '';
}
.ant-transfer-list-content-item-remove:hover {
  color: #61a8ff;
}
.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: #e6f5ff;
}
.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background: transparent;
  cursor: default;
}
.ant-transfer-list-content-item-checked {
  background-color: #f0f9ff;
}
.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-transfer-list-pagination {
  padding: 8px 0;
  text-align: right;
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-list-body-not-found {
  flex: none;
  width: 100%;
  margin: auto 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
}
.ant-transfer-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
  display: flex;
  flex: none;
  flex-direction: column;
  align-self: center;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
.ant-transfer .ant-empty-image {
  max-height: -2px;
}
.ant-transfer-rtl {
  direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
  padding-right: 8px;
  padding-left: 24px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
  right: auto;
  left: 12px;
}
.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
  margin-right: 0;
  margin-left: 4px;
}
.ant-transfer-rtl .ant-transfer-list-header {
  right: 0;
  left: auto;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
  right: 0;
  left: auto;
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: #3685f1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #3685f1;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3685f1;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #3685f1;
  border-color: #3685f1;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #3685f1;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-checkbox-rtl {
  direction: rtl;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #f0f9ff;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
  position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #3685f1;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-tree .ant-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree-draggable-icon {
  opacity: 0.45;
}
.ant-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
  color: #3685f1;
}
.ant-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: #f5f5f5;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #dbefff;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-tree-node-content-wrapper {
  line-height: 24px;
  user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #3685f1;
  border-radius: 1px;
  pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #3685f1;
  border-radius: 50%;
  content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #3685f1;
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  right: auto;
  left: -13px;
  border-right: none;
  border-left: 1px solid #d9d9d9;
}
.ant-tree-rtl.ant-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #3685f1;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3685f1;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #3685f1;
  border-color: #3685f1;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\A0';
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.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 {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #3685f1;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree-checkbox-rtl {
  direction: rtl;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree-select-dropdown {
  padding: 8px 4px;
}
.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 .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #f0f9ff;
}
.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-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
  position: relative;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #3685f1;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-select-tree .ant-select-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-select-tree .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;
  white-space: nowrap;
  user-select: none;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-select-tree-draggable-icon {
  width: 24px;
  line-height: 24px;
  text-align: center;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-select-tree-treenode:hover .ant-select-tree-draggable-icon {
  opacity: 0.45;
}
.ant-select-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  user-select: none;
}
.ant-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-select-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: #3685f1;
}
.ant-select-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-select-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.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: #dbefff;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
  display: none;
}
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-select-tree-node-content-wrapper {
  line-height: 24px;
  user-select: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #3685f1;
  border-radius: 1px;
  pointer-events: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #3685f1;
  border-radius: 50%;
  content: '';
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #3685f1;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.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.15em;
}
.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}
.ant-typography {
  color: #f3f2f2;
  overflow-wrap: break-word;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-success {
  color: #52c41a;
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #ff4d4f;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus,
a.ant-typography.ant-typography-danger:hover {
  color: #ff7875;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
div.ant-typography-h1,
div.ant-typography-h1 > textarea,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
div.ant-typography-h2,
div.ant-typography-h2 > textarea,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
div.ant-typography-h3,
div.ant-typography-h3 > textarea,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
div.ant-typography-h4,
div.ant-typography-h4 > textarea,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
h5.ant-typography,
div.ant-typography-h5,
div.ant-typography-h5 > textarea,
.ant-typography h5 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}
a.ant-typography,
.ant-typography a {
  color: #3685f1;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  text-decoration: none;
}
a.ant-typography:focus,
.ant-typography a:focus,
a.ant-typography:hover,
.ant-typography a:hover {
  color: #61a8ff;
}
a.ant-typography:active,
.ant-typography a:active {
  color: #2364cc;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
  text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #3685f1;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 4px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #61a8ff;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #2364cc;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 1px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
  margin: 1em 0;
}
.ant-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.ant-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}
.ant-typography-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 {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  right: -12px;
  left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #3685f1;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 2px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #2364cc;
}
.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: #61a8ff;
}
.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: #61a8ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f3f2f2;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  line-height: 1.5715;
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list-item {
  position: relative;
  height: 22.001px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}
.ant-upload-list-item-card-actions-btn {
  opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
  height: 20px;
  line-height: 1;
}
.ant-upload-list-item-card-actions.picture {
  top: 22px;
  line-height: 0;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item .anticon-close {
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-item .anticon-close:hover {
  color: #f3f2f2;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f5f5f5;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #ff4d4f;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  width: 48px;
  height: 48px;
  line-height: 60px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
  fill: #fff2f0;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
  fill: #ff4d4f;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  margin-bottom: 12px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card-container {
  display: inline-block;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
}
.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 {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: white;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5715;
  text-align: center;
}
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  width: calc(100% - 14px);
  padding-left: 0;
}
.ant-upload-list-text-container,
.ant-upload-list-picture-container {
  transition: opacity 0.3s, height 0.3s;
}
.ant-upload-list-text-container::before,
.ant-upload-list-picture-container::before {
  display: table;
  width: 0;
  height: 0;
  content: '';
}
.ant-upload-list-text-container .ant-upload-span,
.ant-upload-list-picture-container .ant-upload-span {
  display: block;
  flex: auto;
}
.ant-upload-list-text .ant-upload-span,
.ant-upload-list-picture .ant-upload-span {
  display: flex;
  align-items: center;
}
.ant-upload-list-text .ant-upload-span > *,
.ant-upload-list-picture .ant-upload-span > * {
  flex: none;
}
.ant-upload-list-text .ant-upload-list-item-name,
.ant-upload-list-picture .ant-upload-list-item-name {
  flex: auto;
  margin: 0;
  padding: 0 8px;
}
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-picture .ant-upload-list-item-card-actions {
  position: static;
}
.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 {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-upload-rtl {
  direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  margin-right: auto;
  margin-left: 8px;
}
.ant-upload-list-rtl {
  direction: rtl;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 22px;
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 22px;
  padding-left: 28px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
  padding-right: 22px;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
  right: auto;
  left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
  padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item .anticon-close {
  right: auto;
  left: 4px;
}
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
  padding-right: 26px;
  padding-left: 0;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  right: 8px;
  left: auto;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-right: 48px;
  padding-left: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 48px;
  padding-left: 18px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 48px;
  padding-left: 36px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-right: 0;
  padding-left: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
  right: auto;
  left: 8px;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}
/*=================================*/
/* sizes */
@font-face {
  font-family: 'Signika';
  src: url('/fonts/signika-bold.woff2') format('woff2'), url('/fonts/signika-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Signika';
  src: url('/fonts/signika-regular.woff2') format('woff2'), url('/fonts/signika-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Signika';
  src: url('/fonts/signika-semibold.woff2') format('woff2'), url('/fonts/signika-semibold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Industry';
  src: url('/fonts/industry.woff2') format('woff2'), url('/fonts/industry.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Industry';
  src: url('/fonts/industry-semibold.woff2') format('woff2'), url('/fonts/industry-semibold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Industry';
  src: url('/fonts/industry-bold.woff2') format('woff2'), url('/fonts/industry-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eurostile';
  src: url('/fonts/eurostile.woff2') format('woff2'), url('/fonts/eurostile.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eurostile Bold';
  src: url('/fonts/eurostile-bold.woff2') format('woff2'), url('/fonts/eurostile-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/roboto-bold.woff2') format('woff2'), url('/fonts/roboto-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/roboto-regular.woff2') format('woff2'), url('/fonts/roboto-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('/fonts/roboto-medium.woff2') format('woff2'), url('/fonts/roboto-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lilita One';
  src: url('/fonts/lilitaone-regular.woff2') format('woff2'), url('/fonts/lilitaone-regular.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Black';
  src: url('/fonts/helvetica-black.woff2') format('woff2'), url('/fonts/helvetica-black.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT America Trial';
  src: url('/fonts/gt-america-bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT America Trial';
  src: url('/fonts/gt-america-regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT America Trial';
  src: url('/fonts/gt-america-medium.otf') format('opentype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT America Mono Trial';
  src: url('/fonts/gt-america-mono-bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT America Mono Trial';
  src: url('/fonts/gt-america-mono-regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT America Mono Trial';
  src: url('/fonts/gt-america-mono-medium.otf') format('opentype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bohemian Soul';
  src: url('/fonts/bohemian-soul.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Beaufortforlol';
  src: url('/fonts/beaufortforlol.woff2') format('woff2'), url('/fonts/beaufortforlol.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url('/fonts/firasans-extrabold-webfont.woff2') format('woff2'), url('/fonts/firasans-extrabold-webfont.woff') format('woff');
  font-weight: bolder;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url('/fonts/firasans-bold.woff2') format('woff2'), url('/fonts/firasans-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url('/fonts/firasans-regular.woff2') format('woff2'), url('/fonts/firasans-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fira Sans';
  src: url('/fonts/firasans-medium.woff2') format('woff2'), url('/fonts/firasans-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Feng Ya Song';
  src: url('/fonts/feng-ya-song.woff2') format('woff2'), url('/fonts/feng-ya-song.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gobold';
  src: url('/fonts/gobold-bold.woff2') format('woff2'), url('/fonts/gobold-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gobold';
  src: url('/fonts/gobold-regular.woff2') format('woff2'), url('/fonts/gobold-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta';
  src: url('/fonts/plus-jakarta.woff2') format('woff2'), url('/fonts/plus-jakarta.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta';
  src: url('/fonts/plus-jakartasans-semibold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta';
  src: url('/fonts/plus-jakartasans-bold.woff2') format('woff2'), url('/fonts/plus-jakartasans-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Grotesk';
  src: url('/fonts/clash-grotesk-bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Grotesk';
  src: url('/fonts/clash-grotesk-regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Grotesk';
  src: url('/fonts/clash-grotesk-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Beautofort';
  src: url('/fonts/beautofort.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Beautofort';
  src: url('/fonts/beautofort-medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Beautofort';
  src: url('/fonts/beautofort-bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Beautofort';
  src: url('/fonts/beautofort-heavy.otf') format('opentype');
  font-weight: bolder;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-400.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-500.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-600.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-700.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-800.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calculator';
  src: url('/fonts/calculator.woff2') format('woff2'), url('/fonts/calculator.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Beaufort Pro';
  src: url('/fonts/beaufort-pro.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Beaufort Pro';
  src: url('/fonts/beaufort-pro-semibold.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('/fonts/bebas-neue-regular.woff') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.em-bottom-sheet-mask {
  position: fixed;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  max-width: 100%;
  width: 100vw;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
}
.em-bottom-sheet-mask.landscape-with-sidebar {
  max-width: calc(100% - 143px) !important;
  right: 0px;
  left: unset;
  transform: unset;
}
.em-bottom-sheet-container {
  position: fixed;
  max-width: 420px;
  width: 100vw;
  background: #272727;
  z-index: 1;
  border-radius: 20px 20px 0px 0px;
  pointer-events: none;
  right: 0px;
  left: 50%;
  transform: translate(-50%);
  bottom: -100vh;
  width: 100%;
  opacity: 0;
  transition: 0.3s;
  height: 0px;
  /* custom scrollbar */
  /* width */
  /* track */
  /* thumb */
}
.em-bottom-sheet-container.add-new-friend-bottom-sheet {
  height: 584px;
}
.em-bottom-sheet-container.add-new-friend-bottom-sheet .share-socmed-container {
  width: 292px;
  margin: auto;
  background-color: rgba(19, 23, 28, 0.2);
}
.em-bottom-sheet-container.user-feedback-bottom-sheet {
  min-height: 380px;
}
.em-bottom-sheet-container.user-feedback-bottom-sheet .em-bottom-sheet-content {
  max-height: calc(100vh + 130px) !important;
}
.em-bottom-sheet-container.user-feedback-bottom-sheet .em-bottom-sheet-content.em-bottom-sheet-content-open {
  max-height: calc(100vh + 130px) !important;
}
.em-bottom-sheet-container ::-webkit-scrollbar {
  width: 4px !important;
}
.em-bottom-sheet-container ::-webkit-scrollbar-track {
  background: transparent !important;
}
.em-bottom-sheet-container ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
}
.em-bottom-sheet-container-open {
  bottom: 0px;
  pointer-events: unset;
  opacity: 1;
  height: auto;
  z-index: 999;
}
.em-bottom-sheet-content {
  overflow: hidden;
  transition: 0.3s;
  pointer-events: none;
  max-width: 420px;
  width: 100%;
}
.em-bottom-sheet-content-open {
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 130px);
  pointer-events: unset;
  height: auto;
}
.em-bottom-sheet-content-open.landscape {
  max-height: calc(100vh - 80px);
}
.fullscreen-sheet {
  height: 100%;
  border-radius: unset;
}
.fullscreen-content-sheet {
  max-height: calc(100% - 32px);
  height: inherit;
}
.sheet-webview-landscape {
  max-width: 100% !important;
  width: calc(100% - 143px);
  background-color: #21232d;
  left: 50%;
  transform: translate(-50%);
}
.sheet-webview-landscape.with-sidebar {
  transform: unset;
  left: unset;
  width: calc(100% - 190px);
  right: 1.6rem;
}
@media (max-width: 767px) {
  .em-bottom-sheet-mask.landscape-with-sidebar {
    max-width: calc(100% - 110px) !important;
  }
  .sheet-webview-landscape.with-sidebar {
    width: calc(100% - 160px);
  }
  .em-bottom-sheet-mask.landscape-with-sidebar.bleach {
    max-width: calc(100% - 143px) !important;
  }
  .sheet-webview-landscape.with-sidebar.bleach {
    right: 0.6rem !important;
  }
}
.dragable-scroll-wrapper {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.dragable-scroll-wrapper ::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background: transparent;
}
.dragable-scroll-wrapper ::-webkit-scrollbar-track {
  background: transparent;
}
.dragable-scroll-wrapper ::-webkit-scrollbar-thumb {
  background: transparent;
}
.dragable-scroll-wrapper ::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.dragable-scroll-wrapper ::-webkit-scrollbar-thumb:horizontal {
  background: transparent;
  border-radius: 10px;
}
.dragable-scroll-track-horizontal {
  width: 100%;
  display: flex;
  overflow: auto;
}
.dragable-scroll-track-horizontal img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.em-default-form .ant-form-item-label {
  display: none;
}
.em-default-form.feedback .em-label-content .ant-input {
  background: transparent !important;
  border: 1px solid #757575 !important;
}
.em-default-form.feedback .em-label-content .em-input {
  background: transparent !important;
  border: 1px solid #757575 !important;
}
.em-default-form.feedback .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.em-default-form.feedback .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: transparent !important;
}
.wrapper-auth {
  background-color: rgba(249, 249, 249, 0.05);
}
.container-auth input.ant-input:-webkit-autofill,
.container-auth input.ant-input:hover,
.container-auth input.ant-input:autofill {
  /* For Firefox */
  box-shadow: none !important;
}
.auth-form-v2 .ant-btn.ant-btn-primary.ant-btn-lg:not([disabled]) {
  height: 48px !important;
  border: none;
  background: linear-gradient(90deg, #257ffd 0%, #7479ff 100%), linear-gradient(0deg, rgba(62, 82, 255, 0.41), rgba(62, 82, 255, 0.41)) !important;
}
.auth-form-v2 .em-label-content .em-input.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-status-error) {
  background: transparent !important;
  height: 50px !important;
}
.auth-form-v2 .anticon-close-circle svg {
  fill: white;
}
.em-label-content.inp-common {
  margin-top: 0px !important;
}
.em-label-content.inp-common .ant-input:-webkit-autofill,
.em-label-content.inp-common .ant-input:-webkit-autofill:hover,
.em-label-content.inp-common .ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px white inset !important;
  transition: background-color 200s linear 3s !important;
  caret-color: white !important;
}
.em-label-content.inp-common .em-label-content .ant-input,
.em-label-content.inp-common .em-input {
  border-radius: 8px !important;
  color: black !important;
  height: 50px;
  border: 1px solid #474b4e !important;
}
.em-label-content.inp-common .ant-input,
.em-label-content.inp-common .ant-input-affix-wrapper {
  background: transparent !important;
}
.em-label-content.inp-common ::placeholder {
  color: #f3f2f2 !important;
  opacity: 1;
}
.em-label-content.inp-cc {
  margin-top: 0px !important;
}
.em-label-content.inp-cc .ant-input:-webkit-autofill,
.em-label-content.inp-cc .ant-input:-webkit-autofill:hover,
.em-label-content.inp-cc .ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px white inset !important;
  transition: background-color 200s linear 3s !important;
  caret-color: white !important;
}
.em-label-content.inp-cc .em-label-content .ant-input,
.em-label-content.inp-cc .em-input {
  border-radius: 8px !important;
  height: 50px;
  border: 1px solid #474b4e !important;
}
.em-label-content.inp-cc .ant-input,
.em-label-content.inp-cc .ant-input-affix-wrapper {
  background: transparent !important;
}
.em-label-content.inp-cc ::placeholder {
  color: #626468 !important;
  opacity: 1;
}
.em-label-content.inp-cc.small,
.em-label-content.inp-common.small {
  font-size: 16px !important;
}
.em-label-content.inp-cc.small .em-input,
.em-label-content.inp-common.small .em-input {
  height: 42px !important;
}
.em-label-content.inp-cc.small ::placeholder,
.em-label-content.inp-common.small ::placeholder {
  font-size: 14px !important;
  color: #f3f2f2 !important;
  opacity: 1;
}
.em-label-content.inp-common.white .em-input {
  color: white !important;
}
.em-label-content.inp-cc.small ::placeholder {
  font-size: 14px !important;
  color: #626468 !important;
  opacity: 1;
}
.em-label-content {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-left: 2px;
  padding-right: 2px;
}
.em-label-content .em-input {
  box-sizing: border-box;
  background-color: #1b1d2a;
}
.em-label-content .em-input ::placeholder {
  color: #2b2e33;
}
.em-label-content .ant-input-affix-wrapper {
  background-color: #1b1d2a !important;
  border: unset !important;
}
.em-label-content .ant-input-affix-wrapper {
  background-color: #1b1d2a !important;
  border: unset !important;
}
.em-label-content .ant-input-affix-wrapper {
  background-color: #1b1d2a !important;
  border: unset !important;
}
.em-label-content .em-input:focus + .em-label,
.em-label-content .em-input:not(:placeholder-shown) + .em-label {
  top: -20px;
}
.em-label-content ::placeholder {
  color: #1f2327;
  opacity: 1;
}
.em-label-content .em-label {
  background-color: transparent;
  pointer-events: none;
  top: 12px;
  left: 12px;
  padding: 0 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  z-index: 1;
}
.em-label-content .floating-label-date {
  background-color: #1b1d2a;
  pointer-events: none;
  top: 12px;
  left: 12px;
  padding: 0 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  z-index: 1;
}
.em-label-content .ant-picker-focused + .floating-label-date {
  top: -20px;
}
.em-label-content .em-input {
  height: 40px;
  flex: 1 1;
}
.em-label-content .em-btn-inp-password {
  top: 11px;
  right: 16px;
}
.em-label-content textarea {
  height: auto !important;
  overflow: auto !important;
  resize: none;
}
.em-label-content .ant-input {
  background: #1b1d2a;
  border: unset !important;
}
.em-label-content .ant-input[disabled] {
  background: #1f2327 !important;
}
.em-label-content .ant-picker {
  background: #1b1d2a !important;
  border: unset !important;
}
.em-label-content .ant-picker-clear {
  background: transparent !important;
  right: 24px !important;
}
.em-label-content .ant-input-affix-wrapper {
  background: #1b1d2a !important;
  border: unset !important;
}
.em-label-content .ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 0;
}
.em-label-content .ant-picker-separator {
  color: white;
}
.em-calendar-input {
  border: unset !important;
  width: 100% !important;
}
.react-calendar__navigation button:visited,
.react-calendar__navigation button:focus,
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus,
.react-calendar__navigation button:hover {
  background: #4380d2 !important;
}
.react-calendar__navigation button:disabled {
  background: transparent !important;
  cursor: no-drop;
  color: #424242 !important;
}
.react-calendar__tile--active {
  background: #3685f1 !important;
}
.react-calendar {
  font-family: 'Inter' !important;
}
.react-calendar__navigation button {
  color: white !important;
}
.react-calendar__tile--now {
  background: #284d7e !important;
}
.react-calendar__tile {
  color: white !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.react-calendar__month-view__weekdays {
  color: #96989a !important;
}
.react-calendar__month-view__days__day--neighboringMonth {
  color: #2b2e33 !important;
}
.react-calendar__month-view__days__day--weekend {
  color: #cd213f !important;
}
.em-input-icon-calendar {
  z-index: 1;
  top: 10px;
  left: 16px;
}
.verification-code .float-placeholder ::placeholder {
  color: #1f2327 !important;
  opacity: 1;
}
.float-placeholder ::placeholder {
  color: transparent !important;
  opacity: 1;
}
.float-placeholder:focus-within ::placeholder {
  color: #1f2327 !important;
  opacity: 1;
}
.verification-code input::-webkit-outer-spin-button,
.verification-code input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.verification-code input[type='number'] {
  -moz-appearance: textfield;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  box-shadow: 0 0 0px 1000px #1b1d2a inset;
  transition: background-color 200s linear 3s;
  caret-color: white;
}
.ant-picker-dropdown-placement-bottomLeft {
  display: none !important;
}
.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #3685f1 !important;
}
.bottom-sheet-dropdown.type-2 .em-bottom-sheet-content-open {
  max-height: calc(100vh - 400px);
  min-height: calc(100vh - 400px);
}
.bottom-sheet-dropdown .em-bottom-sheet-content-open {
  max-height: calc(100vh - 385px);
}
.bottom-sheet-dropdown .radio-item {
  border: 1px solid transparent;
  transition: 0.3s;
}
.bottom-sheet-dropdown .radio-item .ant-radio .ant-radio-inner {
  background-color: transparent;
}
.bottom-sheet-dropdown .radio-item.is-active {
  transition: 0.3s;
  border: 1px solid #3685f1;
}
.dropdown-type-2 {
  background: linear-gradient(92.39deg, #255582 -67.39%, rgba(80, 153, 252, 0) 102.05%);
  border: unset;
}
.react-calendar__tile:disabled {
  background-color: #424242 !important;
  color: #ababab !important;
  cursor: no-drop;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: #1b1d2a !important;
}
.ant-form-item .ant-input-textarea-show-count::after {
  margin-bottom: -22px;
  margin-top: 2px !important;
  color: #2b2e33 !important;
  font-size: 12px !important;
}
.textarea-with-count .em-label-content textarea {
  border: 1px solid #2b2e33 !important;
  height: 99px !important;
  border-radius: 8px !important;
  outline: none !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.textarea-with-count .em-label-content textarea.ant-input {
  padding: 4px 14px !important;
}
.textarea-with-count .ant-input-textarea-show-count::after {
  margin-top: 2px;
}
.input-phone .react-tel-input .form-control {
  width: 100%;
}
.input-phone .react-tel-input .form-control {
  font-family: Inter !important;
  padding: 11px 16px 11px 60px;
  border: unset !important;
}
.input-phone .react-tel-input .form-control:visited {
  border: unset;
}
.input-phone .react-tel-input .country-list .country-name {
  font-family: Inter !important;
}
.input-phone .react-tel-input .country-list .country {
  transition: 0.3s;
}
.input-phone .react-tel-input .form-control:focus-within {
  box-shadow: 0 0 0px 1000px #272727 inset !important;
}
.input-phone .react-tel-input .selected-flag:focus:before,
.input-phone .react-tel-input .selected-flag.open:before {
  border: unset !important;
  box-shadow: unset !important;
}
.input-phone .react-tel-input .selected-flag .arrow {
  content: url('https://cdn-v2.noctuagames.com/website-image/outline-arrow-down.webp');
  border: unset !important;
  width: 16px;
  height: 16px;
  top: 20%;
  transition: 0.3s;
}
.input-phone .react-tel-input .selected-flag .arrow.up {
  transform: rotate(180deg);
}
.placeholder-tel {
  position: absolute;
  left: 86px;
  top: 10px;
  pointer-events: none;
}
.radio-item-d {
  border: 1px solid transparent;
  transition: 0.3s;
}
.radio-item-d .ant-radio .ant-radio-inner {
  background-color: transparent;
}
.em-input.floating {
  background: transparent !important;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 16px 16px 0px 16px;
}
.container-floating .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.container-floating .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: transparent !important;
}
.container-floating .ant-input {
  background: transparent;
}
.container-floating .em-label {
  top: 18px !important;
  left: 14px !important;
}
.container-floating .em-input:focus + .em-label,
.container-floating .em-input:not(:placeholder-shown) + .em-label {
  top: 8px !important;
}
.container-input-radio-item {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 50%;
  transform: translate(0px, -50%);
  padding: 8px;
}
.container-floating.date .em-input.floating {
  padding: 0px;
}
.container-floating.date .floating-label-date {
  background: transparent;
  top: 18px !important;
  left: 14px !important;
}
.container-floating.date .floating .ant-picker-input > input {
  padding: 16px 16px 0px 0px;
  font-size: 14px !important;
}
.ant-input-clear-icon {
  color: white;
}
.overlay-modal-date {
  z-index: 100;
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.overlay-modal-date .content-date-picker {
  width: 100%;
  max-width: 520px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  transition: 0.2s ease-in-out;
}
.overlay-modal-date .content-date-picker.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.em-label-content.inp-rounded {
  margin-top: 0px !important;
}
.em-label-content.inp-rounded .em-input {
  border-radius: 25px !important;
  background: #202020 !important;
  color: #f9f9f9 !important;
}
.em-label-content.inp-rounded .em-input ::placeholder {
  color: #7c7e81;
}
.em-label-content.inp-rounded .ant-input {
  background: transparent !important;
}
.em-label-content.inp-rounded .ant-input-prefix {
  margin-right: 8px !important;
}
.em-label-content.inp-rounded .ant-input-affix-wrapper-focused {
  box-shadow: unset !important;
}
.ant-layout {
  height: 100%;
  background: #13171c !important;
}
.ant-layout.mobile {
  max-width: 420px;
  margin: auto;
}
.layout-wrapper {
  position: relative;
  overflow: visible;
  min-height: 100vh !important;
  width: 100%;
  padding-top: 56px;
}
.layout-wrapper .layout-header {
  height: 56px;
  width: 100%;
  background: #21232d;
  position: fixed;
  top: 0;
  z-index: 10;
  transition: 0.5s;
}
.layout-wrapper .layout-header .login-btn.ant-btn-lg {
  height: 32px;
  font-size: 12px;
  line-height: 18px;
  padding: 7px 12px;
}
.layout-wrapper .layout-header h3 {
  margin: 20px 0;
}
.layout-wrapper .layout-header .ant-divider {
  border-top-color: white;
}
.layout-wrapper .layout-header .button-question {
  margin: 1.5px 3px 0 0;
  width: 42px;
}
.layout-wrapper .layout-header-ghost {
  background: transparent !important;
  transition: 0.3s;
  box-shadow: unset;
}
.layout-wrapper .layout-header-super-dark-blue {
  background: #12141a !important;
  transition: 0.3s;
}
.layout-wrapper .long-header {
  height: 92px;
}
.layout-wrapper .ant-drawer-footer {
  background-color: #21232d;
  border-top-width: 0;
}
.layout-wrapper .ant-right-drawer {
  opacity: 1;
}
.layout-wrapper .ant-right-drawer.ant-right-drawer-animate {
  opacity: 0;
  animation: drawerFade 0.5s forwards;
}
@keyframes drawerFade {
  0% {
    transform: translateX(-50%);
    opacity: 1;
  }
  100% {
    transform: translateX(-30%);
    opacity: 0;
  }
}
@media (min-width: 420px) {
  .layout-wrapper {
    background-size: 420px;
  }
  .layout-wrapper .layout-header {
    width: 420px;
  }
  .layout-wrapper .ant-drawer {
    left: calc(calc(100vw - 420px) / 2);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .layout-wrapper .ant-drawer-open {
    opacity: 1;
    width: 420px;
  }
}
.ant-drawer.ant-drawer-open {
  z-index: 998 !important;
}
@media (min-width: 420px) {
  .layoutWrapper {
    background-size: 420px;
    background-color: black;
  }
}
.version {
  position: absolute;
  bottom: 0;
}
.menu-item,
.menu-item-active {
  cursor: pointer;
  text-transform: uppercase;
  border-bottom: 1px solid;
}
.menu-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.trapezoid {
  border-bottom: 10px solid #255582;
  border-left: 10px solid transparent;
  height: 0px;
  width: 59px;
  right: 0px;
  bottom: 0px;
}
.ant-drawer-body {
  background: #121212;
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  position: fixed;
}
.ant-drawer-right.ant-drawer-open {
  max-width: 420px;
}
.em-btn-logout {
  cursor: pointer;
  transition: 0.3s;
}
.em-btn-logout:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg-gradient-primary-main {
  background: linear-gradient(92.39deg, #e74acd -67.39%, #5f00e3 102.05%);
}
.transparent-header {
  transition: 0.3s;
  background: linear-gradient(180deg, rgba(14, 16, 28, 0.9) 0%, rgba(14, 16, 28, 0) 100%) !important;
}
.absolute-header {
  position: absolute;
}
.menu-item-sidebar {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: rgba(237, 237, 237, 0.1);
}
.plus-topup-menu {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #3685f1;
  border-radius: 12px;
  bottom: 0px;
  right: 2px;
}
.bg-vip-silver,
.bg-sidebar-silver .ant-drawer-body {
  background: linear-gradient(193.3deg, rgba(255, 255, 255, 0.2) -12.5%, rgba(184, 216, 255, 0) 23.84%) !important;
}
.bg-vip-gold,
.bg-sidebar-gold .ant-drawer-body {
  background-image: linear-gradient(195.37deg, rgba(249, 137, 6, 0.2) -9.33%, rgba(107, 75, 13, 0) 33.65%) !important;
}
.dropdown-language {
  position: absolute;
  border-radius: 16px;
  background: #091428;
  padding: 8px;
  right: 0px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  height: 0px;
  top: -4;
}
.dropdown-language .option-lang {
  opacity: inherit;
  transition: inherit;
}
.dropdown-share {
  position: absolute;
  border-radius: 16px;
  background: rgba(42, 37, 93, 0.5);
  padding: 8px;
  left: 0px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  height: 0px;
  top: -4;
}
.dropdown-share .option-lang {
  opacity: inherit;
  transition: inherit;
}
.dropdown-language-m {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/description-container.webp);
  padding: 8px;
  right: 0px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  height: 0px;
  top: -4;
}
.dropdown-language-m .option-lang {
  opacity: inherit;
  transition: inherit;
}
.dropdown-share-m {
  position: absolute;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.7);
  padding: 8px 0px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  height: 0px;
  top: 4px;
}
.dropdown-share-m .option-lang {
  opacity: inherit;
  transition: inherit;
}
.dropdown-download-m {
  position: absolute;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.7);
  padding: 8px 0px;
  left: -4px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  height: 0px;
  top: 4px;
}
.dropdown-download-m .option-lang {
  opacity: inherit;
  transition: inherit;
}
.dropdown-language.show {
  top: unset;
  opacity: 1;
  pointer-events: unset;
  height: auto;
}
.dropdown-language.show .option-lang {
  opacity: inherit;
}
.dropdown-language-m.show {
  top: unset;
  opacity: 1;
  pointer-events: unset;
  height: auto;
}
.dropdown-language-m.show .option-lang {
  opacity: inherit;
}
.dropdown-share-m.show {
  top: 40px;
  opacity: 1;
  pointer-events: unset;
  height: auto;
}
.dropdown-share-m.show .option-lang {
  opacity: inherit;
}
.dropdown-download-m.show {
  top: 40px;
  opacity: 1;
  pointer-events: unset;
  width: auto;
}
.dropdown-download-m.show .option-lang {
  opacity: inherit;
}
.ant-layout-header {
  line-height: 1 !important;
  padding: 0 !important;
  height: fit-content !important;
}
.header-nav-d {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #18181c !important;
}
@media (max-width: 1366px) {
  .header-nav-d {
    padding: 0px 16px !important;
  }
}
/* iPad Mini in landscape only */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .header-nav-d {
    padding: 0px 16px !important;
  }
}
@media (max-width: 768px) {
  .header-nav-d {
    transition: background-color 0.3s ease-in-out;
    background: #121212 !important;
  }
  .header-nav-d.ghost {
    background: transparent !important;
    box-shadow: unset;
  }
  .layout-wrapper {
    padding-top: 16px;
  }
  .em-label-content.search-header {
    height: 32px;
  }
}
@media (max-width: 576px) {
  .header-nav-d {
    padding: 0px 16px !important;
  }
}
.container-d {
  width: 100%;
  max-width: 1280px;
}
.max-w-100 {
  max-width: 100vw !important;
}
.container-dropdown-menu-d {
  width: 382px;
  position: absolute;
  opacity: 0;
  z-index: -1;
  height: auto;
  top: 55px;
  pointer-events: none;
  transition: 0.3s;
  right: 0px;
  padding: 0px 16px 16px;
}
.container-dropdown-menu-d.show {
  opacity: 1;
  top: 62px;
  pointer-events: unset;
  background: #1b1f23;
  border-radius: 8px;
  box-shadow: 0px 4px 17px 0px #0000001a;
  right: 0px;
}
.bg-item-menu-dropdown-d {
  background: linear-gradient(154.37deg, rgba(74, 79, 106, 0.24) -80.33%, rgba(217, 217, 217, 0.02) 87.99%);
  padding: 12px;
}
.bg-item-menu-dropdown-d.gold {
  background: linear-gradient(133.92deg, rgba(255, 16, 102, 0.3) -4.81%, rgba(27, 29, 42, 0.3) 40.01%, rgba(27, 29, 42, 0.3) 69.73%, rgba(27, 29, 42, 0.3) 91.89%), linear-gradient(133.92deg, rgba(255, 108, 45, 0.2) -4.81%, rgba(255, 27, 164, 0.2) 40.01%, rgba(156, 30, 255, 0.2) 91.89%);
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.bg-item-menu-dropdown-d.gold::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(32deg, rgba(211, 55, 98, 0.9) 25%, rgba(181, 32, 218, 0) 95%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 1px;
  inset: 0;
}
.bg-header-menu-dropdown {
  border-radius: 8px 8px 0px 0px;
}
.bg-header-menu-dropdown.gold {
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://cdn-v2.noctuagames.com/website-image/bg-dropdown-menu.webp);
}
.bg-header-menu-dropdown.silver {
  background: linear-gradient(133.92deg, rgba(217, 220, 220, 0.3) -4.81%, rgba(223, 255, 255, 0.3) 40.01%, rgba(149, 177, 173, 0.3) 69.73%, rgba(151, 183, 173, 0.3) 91.89%), linear-gradient(0deg, #1b1d2a, #1b1d2a);
}
.wrapper-container-d {
  padding: 0px 32px;
}
@media (max-width: 576px) {
  .wrapper-container-d {
    padding: 0px 16px;
  }
}
@media (min-width: 1200px) {
  .wrapper-container-d {
    padding: 0px 72px;
  }
}
.bg-save-area {
  position: fixed;
  z-index: -1;
  left: 0px;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.layout-wrapper.with-header {
  margin-top: 72px;
}
.layout-wrapper.with-header-ae {
  margin-top: 0px !important;
}
.layout-wrapper.with-header-ae-md {
  padding-top: 72px !important;
  margin-top: 0px !important;
}
.container-header-ng {
  background: rgba(254, 218, 0, 0.1);
  border-radius: 5px;
  padding: 4px 10px;
}
.explore-play-now {
  background: linear-gradient(90deg, #257ffd 0%, #7479ff 100%), linear-gradient(0deg, rgba(62, 82, 255, 0.41), rgba(62, 82, 255, 0.41)) !important;
  border: none !important;
  border-radius: 5px !important;
}
.sidebar-profile-menu-item {
  transition: 0.3s;
}
.sidebar-profile-menu-item:hover {
  background: rgba(44, 50, 95, 0.6);
}
.container-avatar-profile {
  position: relative;
  display: flex;
  overflow: hidden;
}
.container-avatar-profile .badge-vip {
  background: #8f8f8f;
  padding: 2px;
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.container-avatar-profile .badge-vip.gold {
  background: #af6815;
}
.btn-hub-header:hover,
.avatar-header {
  transition: 0.3s;
}
.avatar-header:hover {
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.3));
}
.btn-hub-header:hover {
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.7));
}
.dropdown-search-game {
  background: #202020;
  top: 48px;
  transition: 0.3s ease-in-out;
  opacity: 0;
  pointer-events: none;
  width: 330px;
  height: auto;
  max-height: 200px;
  overflow: auto !important;
  right: 0px;
  z-index: -999999;
}
.dropdown-search-game .ant-spin-blur::after {
  display: none;
}
.dropdown-search-game.visible {
  top: 56px;
  opacity: 1;
  pointer-events: visible;
}
.dropdown-search-game.visible .ant-spin-blur::after {
  display: unset;
}
.container-search-game {
  /* Handle */
}
.container-search-game ::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: transparent;
}
.container-search-game ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.8);
}
.container-search-game ::-webkit-scrollbar-thumb {
  background: #272727;
  border-radius: 4px;
}
@media (min-width: 640px) {
  .header-container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .header-container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .header-container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .header-container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .header-container {
    max-width: 1536px;
  }
}
.header-container {
  width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.header {
  width: 100% !important;
  padding: 12px 16px !important;
  top: 0px;
  height: 72px !important;
  width: 100%;
  z-index: 20;
  position: fixed;
  background: #18181c !important;
}
.text-xl-regular {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
.text-blue-primary {
  color: #3b82f6 !important;
}
.hover\:text-blue-primary:hover {
  color: #3b82f6 !important;
}
.text-xs-regular,
.platform-wrap .platform-item .platform-content .platform-text {
  font-weight: 400 !important;
  font-size: 10px !important;
  line-height: 8px !important;
}
.text-xs-semimedium {
  font-weight: 500 !important;
  font-size: 10px !important;
  line-height: 8px !important;
}
.text-xs-medium {
  font-weight: 600 !important;
  font-size: 10px !important;
  line-height: 8px !important;
}
.text-xs-bold {
  font-weight: 700 !important;
  font-size: 10px !important;
  line-height: 8px !important;
}
.text-xs-extra-bold {
  font-weight: 800 !important;
  font-size: 10px !important;
  line-height: 8px !important;
}
.text-s-regular,
.em-default-form .ant-form-item-explain-error,
.em-label-content .em-label,
.em-label-content .floating-label-date,
.textarea-with-count .em-label-content textarea.ant-input,
.textarea-with-count .ant-input-textarea-show-count::after,
.placeholder-tel,
.chat-input,
.chat-item,
.square-warning-badge-count .ant-badge-count {
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.text-s-semimedium {
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.text-s-medium,
.input-phone .react-tel-input .form-control {
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.text-s-bold {
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.text-s-extra-bold {
  font-weight: 800 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
.text-m-regular,
.em-label-content .em-input,
.menu-item,
.ant-select-selector,
.tab-details-profile .ant-tabs-nav-list .ant-tabs-tab,
.tab-details-hub .ant-tabs-nav-list .ant-tabs-tab,
.menu-item-active {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.text-m-semimedium {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.text-m-medium {
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.text-m-bold {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.text-m-extra-bold {
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.text-l-regular,
.em-label-content.inp-common .em-label-content .ant-input,
.em-label-content.inp-common .em-input,
.em-label-content.inp-cc .em-label-content .ant-input,
.em-label-content.inp-cc .em-input,
.em-label-content.inp-search-item-exchange .em-label-content .ant-input,
.em-label-content.inp-search-item-exchange .ant-input.em-input,
.inp-d .ant-form-item-control-input-content label,
.inp-otp-d .em-label-content .em-label,
.inp-d .ant-form-item-control-input-content label,
.payment-badge-count .ant-badge-count,
.em-label-content.inpt-personality .em-label-content .ant-input,
.em-label-content.inpt-personality .ant-input.em-input {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.text-l-semimedium {
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.text-l-medium {
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.text-l-bold,
.pagination-container .pagination-item,
.em-label-content.inp-transfer-modal .em-input,
.fix-amount-transfer-input,
.leaderboard-pagination .ant-pagination-item {
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.text-l-extra-bold {
  font-weight: 800 !important;
  font-size: 16px !important;
  line-height: 24px !important;
}
.heading-s-regular,
.em-label-content.input-personality .ant-picker-input > input,
.input-personality .ant-picker-input > input {
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 28px !important;
}
.heading-s-semimedium {
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 28px !important;
}
.heading-s-medium {
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 28px !important;
}
.heading-s-bold {
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 28px !important;
}
.heading-s-extra-bold {
  font-weight: 800 !important;
  font-size: 20px !important;
  line-height: 28px !important;
}
.heading-m-regular {
  font-weight: 400 !important;
  font-size: 28px !important;
  line-height: 36px !important;
}
.heading-m-semimedium {
  font-weight: 500 !important;
  font-size: 28px !important;
  line-height: 36px !important;
}
.heading-m-medium {
  font-weight: 600 !important;
  font-size: 28px !important;
  line-height: 36px !important;
}
.heading-m-bold {
  font-weight: 700 !important;
  font-size: 28px !important;
  line-height: 36px !important;
}
.heading-m-extra-bold {
  font-weight: 800 !important;
  font-size: 28px !important;
  line-height: 36px !important;
}
.heading-l-regular {
  font-weight: 400 !important;
  font-size: 36px !important;
  line-height: 44px !important;
}
.heading-l-semimedium {
  font-weight: 500 !important;
  font-size: 36px !important;
  line-height: 44px !important;
}
.heading-l-medium {
  font-weight: 600 !important;
  font-size: 36px !important;
  line-height: 44px !important;
}
.heading-l-bold {
  font-weight: 700 !important;
  font-size: 36px !important;
  line-height: 44px !important;
}
.heading-l-extra-bold {
  font-weight: 800 !important;
  font-size: 36px !important;
  line-height: 44px !important;
}
.custom-24-regular {
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 36px !important;
}
.custom-24-semimedium {
  font-weight: 500 !important;
  font-size: 24px !important;
  line-height: 36px !important;
}
.custom-24-medium {
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 36px !important;
}
.custom-24-bold {
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 36px !important;
}
.custom-24-extra-bold {
  font-weight: 800 !important;
  font-size: 24px !important;
  line-height: 36px !important;
}
.text-family-signika {
  font-family: 'Signika' !important;
}
.text-family-industry,
.text-road-to-anniv-ss,
.btn-tap-output-gacha,
.text-title-adjust-quest,
.text-conversion-gacha-sent {
  font-family: 'Industry' !important;
}
.text-family-eurostile,
.char-desc-bleach-id,
.char-desc-bleach-en,
.label-rarity,
.text-exclusive-prize-ss,
.label-text-ultra-rare,
.label-text-super-rare,
.label-text-rare,
.label-text-uncommon,
.label-text-common {
  font-family: 'Eurostile' !important;
}
.text-family-eurostile-bold {
  font-family: 'Eurostile Bold' !important;
}
.text-family-gt-america,
.text-receive-reward-puzzle {
  font-family: 'GT America Trial' !important;
}
.text-family-gt-america-mono {
  font-family: 'GT America Mono Trial' !important;
}
.text-family-roboto,
.char-desc-bleach-th,
.char-desc-bleach-vn {
  font-family: 'Roboto', sans-serif !important;
}
.text-family-lilita-one {
  font-family: 'Lilita One', cursive !important;
}
.text-family-helvetica-black {
  font-family: 'Helvetica Black', cursive !important;
}
.text-family-bohemian-soul,
.text-xmas-quest {
  font-family: 'Bohemian Soul', cursive !important;
}
.text-family-lol {
  font-family: 'Beaufortforlol', cursive !important;
}
.text-family-btf {
  font-family: 'Beautofort', cursive !important;
}
.text-family-firasans,
.modal-text-family-firasans p,
.modal-text-family-firasans span,
.total-prereg-ae-m {
  font-family: 'Fira Sans', sans-serif !important;
  letter-spacing: 0 !important;
}
.text-family-fengyasong,
.container-overlay-frame .text-congrats {
  font-family: 'Feng Ya Song', cursive !important;
}
.text-family-gobold {
  font-family: 'Gobold', sans-serif !important;
}
.text-family-plus-jakarta,
.inp-d .em-label-content .ant-input,
.inp-d .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.inp-d .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,
.inp-d .ant-form-item-control-input-content label,
.inp-d .ant-form-item-explain,
.inp-otp-d .em-label-content .em-label,
.inp-d .em-label-content .ant-input,
.inp-d .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.inp-d .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,
.inp-d .ant-form-item-control-input-content label,
.inp-d .ant-form-item-explain,
.em-label-content.inp-transfer-modal .em-input,
.fix-amount-transfer-input,
.em-label-content.inp-d .ant-input {
  font-family: 'Plus Jakarta', sans-serif !important;
}
.text-family-clash-grotesk {
  font-family: 'Clash Grotesk', sans-serif !important;
}
.text-family-inter {
  font-family: 'Inter', sans-serif !important;
}
.text-family-calculator {
  font-family: 'Calculator', sans-serif !important;
}
.text-family-beaufort-pro {
  font-family: 'Beaufort Pro', sans-serif !important;
}
.text-family-bebas-neue {
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 0 !important;
}
.text-xs-regular,
.platform-wrap .platform-item .platform-content .platform-text {
  font-family: Inter;
  font-size: 10px !important;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: 0.8px;
}
.text-xs-semimedium {
  font-family: Inter;
  font-size: 10px !important;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: 0.8px;
}
.text-xs-medium {
  font-family: Inter;
  font-size: 10px !important;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: 0.8px;
}
.text-xs-bold {
  font-family: Inter;
  font-size: 10px !important;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: 0.8px;
}
.text-xs-extrabold {
  font-family: Inter;
  font-size: 10px !important;
  line-height: 14px;
  font-weight: 800;
  letter-spacing: 0.8px;
}
.text-sm-regular,
.em-label-content.inp-rounded .em-input,
.em-label-content.inp-rounded .em-input ::placeholder {
  font-family: Inter;
  font-size: 12px !important;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.8px;
}
.text-sm-semimedium {
  font-family: Inter;
  font-size: 12px !important;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.8px;
}
.text-sm-medium,
.btn-tab-webview-gacha.active {
  font-family: Inter;
  font-size: 12px !important;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.8px;
}
.text-sm-bold {
  font-family: Inter;
  font-size: 12px !important;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.8px;
}
.text-sm-extrabold {
  font-family: Inter;
  font-size: 12px !important;
  line-height: 16px;
  font-weight: 800;
  letter-spacing: 0.8px;
}
.text-md-regular {
  font-family: Inter;
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.text-md-semimedium {
  font-family: Inter;
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.text-md-medium {
  font-family: Inter;
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.text-md-bold {
  font-family: Inter;
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.text-md-extrabold {
  font-family: Inter;
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.text-lg-regular {
  font-family: Inter;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.text-lg-semimedium {
  font-family: Inter;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.text-lg-medium {
  font-family: Inter;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.text-lg-bold {
  font-family: Inter;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.text-lg-extrabold {
  font-family: Inter;
  font-size: 16px !important;
  line-height: 20px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.text-xl-regular {
  font-family: Inter;
  font-size: 18px !important;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.text-xl-semimedium {
  font-family: Inter;
  font-size: 18px !important;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.text-xl-medium {
  font-family: Inter;
  font-size: 18px !important;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.text-xl-bold {
  font-family: Inter;
  font-size: 18px !important;
  line-height: 22px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.text-xl-extrabold {
  font-family: Inter;
  font-size: 18px !important;
  line-height: 22px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.text-2xl-regular {
  font-family: Inter;
  font-size: 20px !important;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.text-2xl-semimedium {
  font-family: Inter;
  font-size: 20px !important;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.text-2xl-medium {
  font-family: Inter;
  font-size: 20px !important;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.text-2xl-bold {
  font-family: Inter;
  font-size: 20px !important;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.text-2xl-extrabold {
  font-family: Inter;
  font-size: 20px !important;
  line-height: 24px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.text-3xl-regular {
  font-family: Inter;
  font-size: 24px !important;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.text-3xl-semimedium {
  font-family: Inter;
  font-size: 24px !important;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.text-3xl-medium {
  font-family: Inter;
  font-size: 24px !important;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.text-3xl-bold {
  font-family: Inter;
  font-size: 24px !important;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.text-3xl-extrabold {
  font-family: Inter;
  font-size: 24px !important;
  line-height: 28px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.text-4xl-regular {
  font-family: Inter;
  font-size: 30px !important;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.text-4xl-semimedium {
  font-family: Inter;
  font-size: 30px !important;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.text-4xl-medium {
  font-family: Inter;
  font-size: 30px !important;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.text-4xl-bold {
  font-family: Inter;
  font-size: 30px !important;
  line-height: 34px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.text-4xl-extrabold {
  font-family: Inter;
  font-size: 30px !important;
  line-height: 34px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.text-5xl-regular {
  font-family: Inter;
  font-size: 36px !important;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.text-5xl-semimedium {
  font-family: Inter;
  font-size: 36px !important;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.text-5xl-medium {
  font-family: Inter;
  font-size: 36px !important;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.text-5xl-bold {
  font-family: Inter;
  font-size: 36px !important;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.text-5xl-extrabold {
  font-family: Inter;
  font-size: 36px !important;
  line-height: 40px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.text-6xl-regular {
  font-family: Inter;
  font-size: 40px !important;
  line-height: 44px;
  font-weight: 400;
  letter-spacing: 0.2px;
}
.text-6xl-semimedium {
  font-family: Inter;
  font-size: 40px !important;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: 0.2px;
}
.text-6xl-medium {
  font-family: Inter;
  font-size: 40px !important;
  line-height: 44px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.text-6xl-bold {
  font-family: Inter;
  font-size: 40px !important;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.text-6xl-extrabold {
  font-family: Inter;
  font-size: 40px !important;
  line-height: 44px;
  font-weight: 800;
  letter-spacing: 0.2px;
}
.divider-game-content {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), rgba(80, 153, 252, 0.2);
}
.divider-game-slider-content.release {
  background: #7a47fd !important;
}
.divider-game-slider-content.comingsoon {
  background: #f9e998 !important;
}
.divider-game-slider-content.update {
  background: #1ebe60 !important;
}
.region .see-more-number {
  font-size: 8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #dcebfe !important;
}
.region .img-wrap {
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  border: none;
}
.region .img-wrap img {
  object-fit: cover;
  height: 22px;
  width: 16px;
  transform: translate(0, -3px);
}
.more-region .img-wrap {
  width: 24px;
  height: 24px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  border: none;
}
.more-region .img-wrap img {
  object-fit: cover;
  height: 32.5px;
  width: 24px;
  transform: translate(0, -4.5px);
}
.bottom-button-fixed {
  bottom: 0px;
  left: 50%;
  height: 72px;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: translate(-50%);
  max-width: 420px !important;
  z-index: 15;
  background-color: #2f2f2f;
  box-shadow: 0px -1px 0px #393939, 0px -4px 8px rgba(43, 39, 39, 0.15);
}
.bottom-button-fixed .btn-start-wrap {
  position: absolute;
  top: -35%;
  left: 40px;
}
.bottom-button-fixed .btn-start-wrap .btn-start {
  border: none;
  outline: none;
}
.bottom-button-fixed .btn-start-wrap .btn-num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
}
.bottom-button-fixed .btn-disabled {
  border-color: #2b2e33;
}
.invite-friend-container {
  background: url('/game-console.svg'), linear-gradient(91.77deg, #255582 -24.6%, rgba(80, 153, 252, 0) 115.02%);
  background-repeat: no-repeat;
  background-position: -2%;
}
.games-big-card {
  width: 260px;
  height: 390px;
  border-radius: 20px;
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.games-big-card.ant-card-bordered {
  border: 4.5px solid transparent !important;
}
.games-big-card.release {
  background-image: linear-gradient(transparent, transparent), radial-gradient(circle at top left, #e046cf, #5f00e3);
  background-attachment: fixed !important;
}
.games-big-card.comingsoon {
  background-image: linear-gradient(transparent, transparent), radial-gradient(circle at top left, #f9c612, #b08b08);
  background-attachment: fixed !important;
}
.games-big-card.update {
  background-image: linear-gradient(transparent, transparent), radial-gradient(circle at top left, #1f8568, #255582);
  background-attachment: fixed !important;
}
.games-big-card.border-banner-prereg-bleach {
  background-image: linear-gradient(transparent, transparent), radial-gradient(circle at top left, #f8ad30, #f8ad30);
  background-attachment: fixed !important;
}
.games-big-card.border-banner-release-bleach {
  background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #2e0022 0%, #f71101 49%);
  background-attachment: fixed !important;
}
.games-big-card .ant-card-body .label {
  position: absolute;
  left: -4px;
  top: -4.5px;
  width: 99px;
  height: 28px;
  border-top-left-radius: 20px !important;
  border-bottom-right-radius: 10px !important;
  transform: unset;
}
.games-big-card .ant-card-body .game-type-wrapper {
  position: absolute;
  right: 5px;
  top: 5px;
}
.games-big-card .ant-card-body .game-type-wrapper .badge {
  height: 16px !important;
}
.games-big-card .ant-card-body .content {
  position: absolute;
  left: 0;
  bottom: 0;
}
.games-big-card .ant-card-body .content .title {
  max-width: 200px;
}
.games-big-card .overlay.release::after {
  content: '';
  position: absolute;
  left: -1px;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(189, 36, 154, 0) 0%, #4016ac 100%);
  border-radius: 18px;
  width: 101%;
  height: 383px;
}
.games-big-card .overlay.comingsoon::after {
  content: '';
  position: absolute;
  left: -1px;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(248, 197, 17, 0) 0%, #f8c511 100%);
  border-radius: 18px;
  width: 101%;
  height: 383px;
}
.games-big-card .overlay.update::after {
  content: '';
  position: absolute;
  left: -1px;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(37, 85, 130, 0) 0%, #32a071 100%);
  border-radius: 18px;
  width: 101%;
  height: 383px;
}
.games-big-card .ant-image-img {
  width: 100%;
  border-radius: 15px;
  height: 380px;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.games-grid-card-list .ant-spin-container div {
  row-gap: 16px !important;
}
.platform-wrap .platform-item {
  margin-right: 3px !important;
  padding: 3px 6px;
  height: 24px;
  width: 24px;
}
.platform-wrap .platform-item .overlay {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100%;
  height: 100%;
  background: #13171c !important;
}
.platform-wrap .platform-item .platform-content {
  display: flex !important;
  flex-direction: row !important;
  position: absolute !important;
}
.explore-game-v3 .platform-wrap .platform-item {
  margin-right: 0 !important;
}
.game-card-list-gap.grid .ant-spin-container div {
  row-gap: 16px !important;
}
.game-card-list-gap.stack .ant-spin-container div {
  row-gap: 10px !important;
}
.platform-absolute {
  position: absolute !important;
  top: 8px !important;
  right: 4px !important;
}
.games-small-card {
  background-color: rgba(0, 0, 0, 0.4) !important;
  height: 130px;
  border: 0;
  border: none !important;
  outline: none !important;
}
.games-small-card .ant-card-body {
  padding: 0px 16px !important;
}
.games-small-card .card::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  bottom: 0;
  background: linear-gradient(180deg, rgba(136, 136, 136, 0.6) -22.27%, rgba(82, 24, 117, 0.6) 46.51%, rgba(0, 18, 46, 0.6) 100%);
  opacity: 0.7;
  height: 102%;
  width: 100%;
}
.games-small-card .card {
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  height: 100%;
  width: 100%;
}
.games-small-card .card .ant-image {
  height: 100%;
  width: 100%;
}
.games-small-card .card .ant-image .ant-image-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.games-small-card .badge-section {
  position: absolute;
  width: auto;
  left: 0;
  top: 0;
}
.games-small-card .badge-section .badge-person {
  max-width: 80px;
  padding: 3px 7px;
}
.games-small-card .badge-section .badge-register {
  width: 65px;
  padding: 3px;
}
.games-small-card .content {
  position: absolute;
  left: 0;
  bottom: 0;
}
.games-small-card .content .thumbnail {
  width: 24px;
  height: 24px;
  border: none !important;
  outline: none !important;
}
.games-small-card .content .thumbnail .ant-image-img {
  height: 27px;
  width: 26px;
  object-fit: cover;
  border-radius: 0px;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.games-small-card .content .title {
  max-width: 100px;
}
.games-slider-wrapper {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.games-slider-wrapper ::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background: transparent;
}
.games-slider-wrapper ::-webkit-scrollbar-track {
  background: transparent;
}
.games-slider-wrapper ::-webkit-scrollbar-thumb {
  background: transparent;
}
.games-slider-wrapper ::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.games-slider-wrapper ::-webkit-scrollbar-thumb:horizontal {
  background: transparent;
  border-radius: 10px;
}
.slider-track-horizontal {
  width: 100%;
  display: flex;
  overflow: auto;
}
.games-slider-item {
  cursor: pointer;
}
.stack-card-item {
  border: none !important;
  outline: none !important;
}
.stack-card-item .card::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  bottom: 0;
  background: linear-gradient(92.48deg, #250433 29.8%, #5f00e3 46.76%, #e74acd 88.22%);
  opacity: 0.7;
  height: 102%;
  width: 100%;
}
.stack-card-item .card {
  border-radius: 22px;
  padding: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent !important;
  width: 100%;
}
.stack-card-item .card .ant-image {
  height: 100%;
  width: 100%;
}
.stack-card-item .card .ant-image .ant-image-img {
  border-radius: 22px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.stack-card-item .label {
  position: absolute;
  right: -1px;
  top: -1px;
  background-color: #5d29e2;
  border-radius: 20px 20px 0 20px !important;
}
.stack-card-item .platform {
  position: absolute !important;
  right: 10px !important;
  bottom: 0 !important;
}
.stack-card-item .content {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 13px;
}
.stack-card-item .content .thumbnail {
  border: none !important;
  outline: none !important;
  width: 32px;
  height: 32px;
  border-radius: 7px;
}
.stack-card-item .content .thumbnail .ant-image-img {
  height: 35px;
  width: 35px;
  border-radius: 7px;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.stack-card-item .content .title {
  max-width: 240px;
}
.stack-card-item .content .badge-wrap {
  background-color: #5099fc;
  padding: 3px 6px;
}
.long-card-item {
  width: 260px;
  height: 130px;
}
.long-card-item .content {
  position: absolute;
  left: 0;
  bottom: 0;
}
.long-card-item .overlay::after {
  content: '';
  position: absolute;
  left: -2px;
  right: 0;
  top: -1px;
  bottom: 0;
  background: linear-gradient(180deg, rgba(159, 80, 7, 0) 0%, #502a07 100%) !important;
  border-radius: 20px;
  width: 101.6%;
  height: 131px;
}
.long-card-item .ant-image-img {
  border-radius: 20px !important;
  height: 130px;
  width: 260px;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.games-medium-card {
  width: 138px;
  height: 175px;
}
.games-medium-card.ant-card-bordered {
  border-color: transparent !important;
}
.games-medium-card .overlay::after {
  content: '';
  position: absolute;
  left: -1.5px;
  right: 0;
  top: -1px;
  bottom: 0;
  background: linear-gradient(180deg, rgba(33, 35, 45, 0.264) -22.27%, rgba(82, 24, 117, 0.6) 46.51%, rgba(0, 18, 46, 0.6) 100%);
  border-radius: 20px 19.5px 20px 20px;
  width: 102%;
  height: 175.5px;
}
.games-medium-card .ant-image-img {
  border-radius: 20px !important;
  height: 175px;
  width: 138px;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.games-medium-card .badge-section {
  position: absolute;
  width: auto;
  left: 0;
  top: 0;
}
.games-medium-card .badge-section .badge-download {
  width: 80px;
  padding: 3px 0;
}
.games-medium-card .badge-section .badge-person {
  max-width: 50px;
  padding: 3px 10px;
}
.games-medium-card .content {
  position: absolute;
  left: 0;
  bottom: 0;
}
.games-medium-card .content .thumbnail {
  border: none !important;
  outline: none !important;
  width: 24px;
  height: 24px;
}
.games-medium-card .content .thumbnail .ant-image-img {
  border-radius: 8px !important;
  height: 27px;
  width: 26px;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.games-medium-card .content .title {
  max-width: 80px;
}
.game-detail-divider {
  background: linear-gradient(transparent, white, transparent);
  padding: 0.5px !important;
  height: 100% !important;
}
.label-game-status.preregister {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25), 0px 4px 12px rgba(233, 157, 35, 0.25), inset 0px 1px 0.5px rgba(255, 255, 255, 0.12);
}
.label-game-status.beta {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25), 0px 4px 12px rgba(232, 116, 122, 0.25), inset 0px 1px 0.5px rgba(255, 255, 255, 0.12);
}
.label-game-status.downloaded {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25), inset 0px 1px 0.5px rgba(255, 255, 255, 0.12);
}
.game-detail-stepper-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.game-detail-stepper-container .stepper {
  border: 1px solid #3685f1;
  padding: 2px 10px 2px 10px;
}
.game-detail-stepper-container.is-active .stepper {
  border: 1px solid #e2ae29;
}
.game-detail-stepper-container.is-done .stepper {
  border: 1px solid #e2ae29;
  background-color: #e2ae29;
  box-shadow: 0px 0px 12px rgba(226, 174, 41, 0.8);
}
.empty-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.game-congratulation-card {
  background: url('/images/confetti.svg'), linear-gradient(88.62deg, #1d9537 31.51%, #2a4abc 110%);
  background-repeat: no-repeat;
  background-position: 2%;
  padding-bottom: 12px;
}
.btn-prereg-orange {
  padding-top: 12px;
  padding-bottom: 12px;
  height: auto;
}
.btn-prereg-orange:hover {
  box-shadow: 0px 4px 13px rgba(233, 157, 35, 0.3);
}
.ygg-congrats .ant-modal-content {
  max-width: calc(420px - 32px);
  margin: auto;
  border-radius: 8px;
  background: transparent;
  box-shadow: unset !important;
}
.ygg-congrats .ant-modal-body {
  padding: 0px;
}
.fixed-secondary-btn-prereg {
  position: fixed !important;
  left: 50%;
  width: 100%;
  max-width: 420px !important;
  transform: translate(-50%);
  bottom: -82px !important;
  transition: 0.3s;
}
.fixed-secondary-btn-prereg.active {
  bottom: 0px !important;
}
.container-copy-code {
  position: absolute !important;
  width: calc(100% - 104px);
  left: 50%;
  transform: translate(-50%);
  top: 46.1%;
}
.ghost-btn-prereg-ygg2 {
  position: absolute;
  z-index: 1;
  bottom: 24%;
  left: 50%;
  transform: translate(-50%);
  width: 73% !important;
  height: 61px;
  background: transparent;
  border: unset;
  cursor: pointer;
}
.bg-feature-ygg2 {
  background-color: #ececec !important;
}
.btn-close-congrats {
  position: absolute !important;
  right: 16px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  top: 24px;
  z-index: 1;
}
.container-btn-congrats,
.container-btn-congrats-bleach {
  position: absolute !important;
  bottom: 0px;
  padding: 16px;
}
.gift-box-ygg2 {
  position: absolute;
  top: 29.5%;
  height: 75px;
  width: 100%;
}
.overlay-bottom-video {
  position: absolute;
  width: 100%;
  max-width: 420px;
  background: linear-gradient(0deg, rgba(14, 16, 28, 0.9) 0%, rgba(14, 16, 28, 0) 100%) !important;
  height: 56px;
  bottom: 0px;
  left: 0pc;
  pointer-events: none;
}
.login-modal-prereg .ant-modal-body {
  padding: 0px !important;
}
.login-modal-prereg .ant-modal-close-x {
  width: auto !important;
  height: auto !important;
  margin: 16px !important;
}
.otp-input {
  text-align: center !important;
  width: 48px !important;
  height: 48px;
  border-radius: 5px;
  border: unset;
  outline: none;
  background: transparent;
  color: white;
  margin: 0px 4px;
  border: 1px solid #474b4e;
  transition: 0.3s;
}
.otp-input:focus,
.otp-input:hover {
  border: 1px solid #3685f1;
}
.carousel-feature-item {
  width: 100%;
  max-width: 420px;
  height: auto;
}
.content-feature-item .img {
  width: 314px;
  height: 443px;
}
.section-features {
  margin-top: -13px;
}
.carousel-features-ygg2 .ant-carousel .slick-initialized .slick-slide {
  margin: 0px -16px;
}
.carousel-features-ygg2 .ant-carousel .slick-dots li.slick-active,
.carousel-features-ygg2 .ant-carousel .slick-dots li {
  width: auto;
}
.carousel-features-ygg2 .ant-carousel .slick-dots li button {
  height: 6px;
  width: 44px;
  transform: skewX(-60deg);
  background-color: #0012c2;
  opacity: 0.4;
}
.carousel-features-ygg2 .ant-carousel .slick-dots li.slick-active button {
  background-color: #0012c2;
  opacity: 1;
}
.carousel-features-ygg2 .ant-carousel .slick-dots-bottom {
  bottom: 40px;
}
.carousel-features-ygg2 .ant-carousel .slick-list .slick-slide {
  pointer-events: auto;
}
.char-feature-ygg2 {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.sticky-footer-prereg {
  position: fixed;
  bottom: 0px;
  width: 100%;
  max-width: 420px;
  left: 50%;
  transform: translate(-50%);
  z-index: 3;
}
.content-footer {
  z-index: 1;
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 8px 16px;
}
.title-section-game {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  bottom: -32px;
  z-index: 1;
}
.reward-prereg-ygg2 {
  width: 100%;
  height: auto;
}
.claim-reward-ygg2 {
  height: 50.96px;
  width: auto;
}
.prereg-title-ygg2 {
  width: 100%;
  height: auto;
}
.container-reward-ygg2 {
  margin-top: 48px;
  position: absolute;
  top: 0px;
}
.title-section-feature {
  width: 228.28px;
  height: auto;
  position: relative;
  margin-bottom: 24px;
}
.container-video-ygg2 {
  height: 356.72px;
}
.container-video-feature-ygg2 {
  position: absolute;
  width: 209px;
  height: 119px;
  left: 44px;
  top: 3%;
}
.container-claim-reward-v2-ygg2 {
  margin-top: -28%;
  top: 0px;
  position: relative;
  z-index: 1;
}
.ghost-btn-guide-code {
  position: absolute;
  width: 251px;
  height: 24px;
  bottom: 41px;
  left: 50%;
  transform: translate(-50%);
  cursor: pointer;
}
.icon-game {
  height: 60px;
  min-width: 60px;
}
.btn-install-ygg2 {
  height: 48px;
}
@media (max-width: 360px), (max-width: 375px) and (min-height: 736px) {
  .container-copy-code {
    top: 45.3%;
  }
  .reward-prereg-ygg2 {
    width: 100%;
    height: auto;
  }
  .prereg-title-ygg2 {
    width: auto;
    height: 77.89px;
  }
  .container-video-ygg2 {
    height: 237px;
  }
  .video-cover-xxs video {
    object-fit: cover;
  }
  .overlay-bottom-video {
    bottom: 0px;
  }
  .title-section-game {
    bottom: -16px;
  }
  .container-reward-ygg2 {
    margin-top: 24px;
  }
  .title-section-feature {
    width: 170px;
    margin-bottom: 8px;
    margin-top: -16px;
  }
  .content-feature-item .img {
    width: 219.73px;
    height: 310px;
  }
  .carousel-features-ygg2 .ant-carousel .slick-dots-bottom {
    bottom: 24px;
  }
  .container-video-feature-ygg2 {
    position: absolute;
    width: 146.25px;
    height: 81.87px;
    left: 31px;
    top: 4%;
  }
  .ghost-btn-guide-code {
    bottom: 33px;
  }
  .btn-install-ygg2 {
    height: 40px;
  }
}
@media (max-width: 393px) and (max-height: 851px) {
  .container-video-ygg2 {
    height: 210px;
  }
  .container-reward-ygg2 {
    margin-top: 32px;
  }
  .title-section-game {
    bottom: -24px;
  }
  .container-claim-reward-v2-ygg2 {
    margin-top: -32%;
  }
}
.video-lazy video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  opacity: 0;
}
.video-lazy.active video {
  opacity: 1;
}
.img-lazy-video-thumbnail {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  top: 0px;
  left: 0px;
}
.btn-play-video-carousel-ygg2 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 50px;
  height: auto;
  z-index: 1;
}
.video-carousel-preview {
  top: 50%;
  position: absolute;
  transform: translate(0px, -60%);
}
.guide-code-coupon-ygg2 .ant-modal-close-x {
  width: auto !important;
  height: auto !important;
  margin: 16px !important;
}
.guide-code-coupon-ygg2 .ant-modal-content {
  background-color: #12141a;
  border-radius: 20px;
  height: auto;
  margin: auto;
}
.container-video-release-ygg2 {
  height: 100vh;
}
.line-fx-ygg2 {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.game-desc-ygg2 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logo-ygg2 {
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.profile-char-ygg2 {
  position: absolute;
  bottom: 30%;
  width: calc(100% - 16px);
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.grad-char-ygg2 {
  position: absolute;
  bottom: 20%;
  width: 100%;
}
.char-ygg2 {
  height: 909px;
  object-fit: cover;
}
.nav-char {
  position: absolute !important;
  bottom: 22%;
}
.section-char-ygg2 {
  background-color: #eeeeee !important;
}
.icon-char-nav {
  filter: brightness(0.6);
}
.icon-char-nav.active {
  filter: brightness(1);
}
@media (max-width: 393px) {
  .char-ygg2 {
    height: 825px !important;
  }
}
@media (min-width: 992px) {
  .section-char-title {
    font-size: 40px;
    line-height: 40px;
    text-align: left;
  }
  .section-char-sub-title {
    font-size: 20px;
    text-align: left;
    color: #9ca3af;
    line-height: 30px;
  }
  .char-name {
    font-size: 32px;
    text-align: left;
  }
  .char-description {
    font-size: 20px;
    line-height: 30px;
    color: #9ca3af;
    text-align: left;
  }
}
@media (max-width: 992px) {
  .section-char-title {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }
  .section-char-sub-title {
    font-size: 14px;
    text-align: center;
    color: #9ca3af;
  }
  .char-name {
    font-size: 20px;
    text-align: center;
  }
  .char-description {
    font-size: 14px;
    color: #9ca3af;
    text-align: center;
  }
}
.bg-section {
  background: url('/images/yggdrasil2/bg-all.webp'), linear-gradient(91.77deg, #255582 -24.6%, rgba(80, 153, 252, 0) 115.02%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.grad-div-section-char {
  width: 100%;
  height: 60px;
  background-image: linear-gradient(180deg, transparent, #eeeeee);
  margin-top: -60px;
  pointer-events: none;
}
.remove-gradient .card::after {
  background: unset !important;
}
.overlay-single-beta {
  background: linear-gradient(180deg, rgba(136, 136, 136, 0.6) -22.27%, rgba(82, 24, 117, 0.6) 46.51%, rgba(0, 18, 46, 0.6) 100%);
  border-radius: 20px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.single-beta .badge-beta {
  position: absolute;
  padding: 4px 8px;
  top: 8px;
  left: 8px;
}
.single-beta .title-beta {
  position: absolute;
  bottom: 8px;
  left: 12px;
}
.btn-ash-echoes {
  background: linear-gradient(180deg, #32faff 0%, #08cff9 100%) !important;
  box-shadow: 0px 0px 0px 3px #282a34 !important;
  font-style: italic;
  text-transform: uppercase;
  height: 43px;
}
.btn-dragon-isle,
.btn-knight-core {
  background: linear-gradient(180deg, #fbcc47 0%, #ffac30 100%) !important;
  box-shadow: 0px 0px 0px 3px #282a34 !important;
  text-transform: uppercase;
  height: 43px;
}
.logo-game-prereg {
  position: absolute;
  height: auto;
  top: 1.3rem;
  left: 50%;
  transform: translate(-50%);
}
@media (min-width: 395px) {
  .thumbnail-prereg-bleach {
    height: 235px !important;
  }
}
.bg-label-prereg-bleach {
  background: linear-gradient(180deg, #f3bf38 0%, #f9a72e 100%) !important;
}
.games-small-card.bleach .card::after {
  background: unset;
}
.desktop-game-detail-header {
  background-color: #292c3d;
  height: 48px;
  align-items: center;
  place-content: center;
}
.desktop-game-detail-sticky {
  position: sticky;
  top: 120px;
  margin-top: 62px;
  width: 100%;
  height: 650px;
}
.desktop-game-detail-bg {
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  background-position: top !important;
}
@media (max-width: 768px) {
  .desktop-game-detail-bg {
    background-size: contain !important;
  }
}
.desktop-game-detail-bg .dragable-scroll-wrapper {
  width: 100%;
}
.desktop-game-detail-gacha {
  background: linear-gradient(115.95deg, #ff6c2d -1.36%, #ff1ba4 43.76%, #9c1eff 95.98%) !important;
  height: 32px !important;
  padding: 0 22px !important;
  vertical-align: middle;
}
.desktop-game-detail-topup {
  background: linear-gradient(93.34deg, #3685f1 38.14%, #905cff 113.92%), linear-gradient(115.95deg, #ff6c2d -1.36%, #ff1ba4 43.76%, #9c1eff 95.98%) !important;
  height: 32px !important;
  padding: 0 24px !important;
  vertical-align: middle;
}
.desktop-game-detail-breadcrumb {
  background-color: #292c3d;
  border-radius: 4px;
  padding: 4px 12px;
}
.desktop-game-detail-detail {
  background: linear-gradient(355.52deg, rgba(74, 79, 106, 0.24) -10.74%, rgba(217, 217, 217, 0.02) 146.37%);
  border-radius: 10px;
  padding: 24px 36px;
  width: 100%;
}
.desktop-game-detail-detail-v2 {
  background: rgba(249, 249, 249, 0.05);
  border-radius: 10px;
  padding: 24px 36px;
  width: 100%;
}
.desktop-game-detail-sticky-container {
  border-radius: 8px;
  background: rgba(19, 23, 28, 0.3);
  width: 100%;
  padding: 16px;
}
.desktop-game-detail-sticky-preregister-container {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background: #253443e0;
  width: 100%;
  padding: 16px;
}
.desktop-game-detail-sticky-button {
  border-radius: 8px;
  border: 2px solid rgba(232, 232, 232, 0) !important;
  background: linear-gradient(116deg, #ffcd1b 0.67%, #ffa51e 95.98%) !important;
  box-shadow: 0px 2px 14px 0px rgba(233, 157, 35, 0.25), 0px 3px 0px 0px #af6815 !important;
  height: 90% !important;
}
.desktop-game-detail-sticky-sm-btn {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  height: 44px;
  width: fit-content;
  padding: 8px;
}
.desktop-game-detail-sticky-sm-btn .ant-typography-copy {
  margin: 0 !important;
}
.desktop-game-detail-sticky-sm-btn .ant-typography {
  height: 24px !important;
}
.desktop-game-detail-sticky-sm-btn-container {
  text-align: center;
  text-align: -webkit-center;
}
.desktop-game-detail-media-scroll .dragable-scroll-wrapper ::-webkit-scrollbar-track {
  background: #777a8b;
}
.desktop-game-detail-media-scroll .dragable-scroll-wrapper ::-webkit-scrollbar-thumb:horizontal {
  background: #34384b;
  border-radius: 10px;
}
.desktop-game-detail-media-scroll .dragable-scroll-wrapper .dragable-scroll-track-horizontal {
  padding-bottom: 20px;
}
.desktop-game-detail-region {
  overflow-x: auto;
  height: 30px;
  display: flex !important;
  overflow-y: hidden;
}
.desktop-game-detail-region::-webkit-scrollbar-track {
  background: #777a8b;
  width: 4px !important;
  height: 4px;
}
.desktop-game-detail-region::-webkit-scrollbar-thumb:horizontal {
  background: #34384b;
  border-radius: 10px;
  width: 4px !important;
  height: 4px;
}
.desktop-game-detail-region::-webkit-scrollbar {
  width: 4px !important;
  height: 4px;
  background: transparent;
}
.desktop-game-detail-modal.ant-modal {
  max-width: none !important;
  width: 700px !important;
}
.desktop-game-detail-modal .ant-modal-content {
  background: #121b39;
  border-radius: 4px;
  height: auto;
  margin: auto;
  max-width: none !important;
  width: 600px;
}
.desktop-share-game-white-space {
  border-radius: 8px;
  padding: 4px 12px;
  border: 1px solid var(--Primary-Surface, #dcebfe);
  background: #f9f9f9;
  width: 100%;
  color: #757575;
  padding-top: 8px;
  height: 40px;
}
.desktop-share-game-btn-copy {
  position: absolute;
  width: 156px;
  top: 4px;
  right: 12px;
}
.desktop-game-detail-popover .ant-tooltip-placement-bottom .ant-tooltip-arrow,
.desktop-game-detail-popover .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.desktop-game-detail-popover .ant-tooltip-placement-bottomRight .ant-tooltip-arrow .ant-popover-inner-content {
  background: #121b39;
}
.desktop-game-detail-popover .ant-popover-arrow-content:before {
  background: #121b39;
  box-shadow: none;
}
.desktop-game-detail-popover .ant-popover-arrow-content {
  box-shadow: none;
}
.desktop-game-detail-popover .ant-popover-inner-content {
  background: #121b39;
  padding: 6px 48px;
}
.desktop-game-detail-media-scroll .ant-image-preview-img {
  max-width: 60% !important;
}
.desktop-games-prereg-msg .ant-message-notice-content {
  background-color: #121b39 !important;
}
.desktop-games-prereg-msg .ant-message-custom-content {
  display: flex;
}
.desktop-share-game-container :nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
}
.bg-btn-nav-triangle {
  background: linear-gradient(115.07deg, rgba(58, 65, 106, 0.595) 9.21%, rgba(48, 49, 56, 0.539) 65.84%);
}
.carousel-image-center-game-detail .ant-carousel .slick-dots-bottom {
  bottom: -8px;
}
.carousel-image-center-game-detail .ant-carousel .slick-dots li.slick-active {
  width: 16px !important;
}
.carousel-image-center-game-detail .ant-carousel .slick-dots li.slick-active button {
  background: #ffffff;
  width: 16px;
  height: 16px;
  border-radius: 20px;
}
.carousel-image-center-game-detail .ant-carousel .slick-dots li button {
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.preregister-detail-time {
  padding: 2px 10px;
  border-radius: 8px;
  color: #fbbc05;
  gap: 10px;
  background: #e99d2333;
}
.game-detail-other-games .explore-card-game-genre {
  background: #1b1d28 !important;
}
.game-external-links {
  margin-top: 8px;
  background: #ffffff14;
  border-radius: 4px;
}
.voucher-banner {
  border-radius: 8px;
  border: 2px solid rgba(56, 255, 243, 0.3);
  background: linear-gradient(89deg, rgba(52, 121, 255, 0.5) 4.53%, rgba(105, 255, 228, 0) 65.42%), linear-gradient(275deg, rgba(131, 73, 255, 0.2) 7.37%, rgba(24, 4, 67, 0) 48.21%), var(--Color-Blue-Blue-900, #060d28);
  overflow: hidden;
}
.noctua-in-box-voucher-banner {
  position: absolute;
  left: -43px;
  top: -33px;
}
.container-banner-voucher-copy {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  padding: 12px;
}
.button-copy-voucher-prereg.btn-yellow-shine-3d {
  border-radius: 30px !important;
}
.button-copy-voucher-prereg.btn-yellow-shine-3d ::before {
  border-radius: 30px !important;
}
.button-copy-voucher-prereg.btn-yellow-shine-3d::before {
  border-radius: 30px !important;
}
.desktop-game-detail-description p,
.desktop-game-detail-description div,
.desktop-game-detail-description h2,
.desktop-game-detail-description h3 {
  color: #eeeeee !important;
}
.explore-game-v3-video-container video {
  background: black;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 187px;
}
.container {
  position: relative;
  width: fit-content;
  height: fit-content;
  display: inline-block;
}
.container .overlay {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  /* Black see-through */
  width: 100%;
  transition: 0.5s ease;
  opacity: 1;
  height: 100%;
  top: 0;
  color: white;
  font-size: 20px;
  text-align: center;
  border-radius: 20px;
}
.modal-platform-coming-soon .ant-modal-content {
  background-color: #12141a;
  margin: auto;
  width: 300px;
  height: 244px;
}
.ant-select-selector {
  background-color: #111827 !important;
  height: 40px !important;
}
.ant-select-selector .ant-select-selection-item {
  line-height: 40px !important;
}
.ant-select-arrow {
  color: #929292 !important;
}
.exchange-reward-hot-item {
  background: linear-gradient(180deg, rgba(128, 130, 37, 0.8) -23.22%, rgba(252, 142, 80, 0) 62.67%) !important;
}
.exchange-reward-hot-item-centered {
  background: linear-gradient(169.6deg, #ca8240 -52%, #12141a 72%) !important;
}
.exchange-reward-anniversary {
  background: linear-gradient(181.98deg, rgba(48, 6, 191, 0) -4.35%, rgba(72, 13, 241, 0.3) 46.59%, rgba(159, 84, 255, 0.3) 91.23%) !important;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
}
.exchange-reward-anniversary::before {
  content: '';
  position: absolute;
  top: 2px;
  /* Adjust to control the border width */
  right: 2px;
  /* Adjust to control the border width */
  bottom: 2px;
  /* Adjust to control the border width */
  left: 2px;
  /* Adjust to control the border width */
  background-image: linear-gradient(160.66deg, #bf63f8 3.9%, #b4ecf8 44.36%, #4bc9f7 91.18%);
  z-index: -1;
  /* Place the pseudo-element behind the content */
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 22px;
  padding: 2px;
  inset: 0;
}
.hot-item-badge {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: -1px;
}
.hot-item-badge.right {
  left: unset;
  right: 0px;
  top: -3px;
}
.anniversary-badge {
  position: absolute;
  left: 0px !important;
  top: -6px;
  z-index: 5;
}
.anniversary-badge > img {
  filter: drop-shadow(3px 0px 5px rgba(150, 230, 255, 0.5));
  width: 110px;
}
.disc-hot-item {
  position: absolute;
  z-index: 3;
  right: 7px;
  top: -7px;
  background-color: #e2ae2a;
  padding: 2px 12px;
  border-radius: 6px;
  min-width: 48px;
  display: flex;
  justify-content: center;
}
.disc-item {
  background: #ffb2c4;
  padding: 2px 6px;
}
.triangle-topright {
  width: 0;
  z-index: 2;
  height: 0;
  border-top: 10px solid #e2ae2a;
  border-left: 10px solid transparent;
  position: absolute;
  right: 7px;
  top: 13px;
}
.exchange-reward-item {
  height: 250px;
  border: 1px solid;
  background: linear-gradient(180deg, rgba(37, 85, 130, 0.8) -23.22%, rgba(80, 153, 252, 0) 62.67%);
}
.exchange-reward-item .exchange-reward-item-content {
  margin-top: 4px;
  height: 92px;
}
.exchange-reward-item.restock {
  border-color: rgba(80, 153, 252, 0.5) !important;
  background-color: black;
}
.exchange-reward-item.restock .exchange-reward-item-content {
  opacity: 0.2;
}
.exchange-reward-item.restock .ant-row {
  opacity: 0.4 !important;
}
.exchange-reward-item.restock .ant-row .ant-col {
  opacity: 0.5 !important;
}
.exchange-reward-item .card-item-label {
  position: absolute;
  border-radius: 10px 0 10px 0;
  top: 0;
  left: 0;
  z-index: 2;
  transform: skewX(-10deg);
}
.exchange-reward-item .card-item-label.limited {
  background: linear-gradient(93.06deg, #f5284c 0%, #cc6e39 101.14%);
}
.exchange-reward-item .card-item-label.out-of-item {
  background: linear-gradient(92.29deg, #dc2a2a 0%, #830909 76.59%);
}
.exchange-reward-item .card-item-label.free {
  background: linear-gradient(93.86deg, #ffb800 0%, #b9730a 125.98%);
}
.exchange-reward-item .card-item-label.exchanged {
  background: linear-gradient(92.31deg, #4385dd 0%, #0a3673 77.31%);
}
.exchange-reward-item .item-restock-label {
  align-items: center;
  justify-content: center;
  gap: 5px;
  bottom: 40px;
  background: linear-gradient(92.39deg, #255582 -67.39%, rgba(80, 153, 252, 0) 102.05%);
}
.bottom-sheet-item-detail {
  background: #22212d;
}
.bottom-sheet-item-detail ::-webkit-scrollbar {
  width: 4px !important;
}
.bottom-sheet-item-detail .applicable-item-section {
  background: linear-gradient(92.39deg, #255582 -67.39%, rgba(80, 153, 252, 0) 102.05%);
}
.ant-modal-mask {
  z-index: 998 !important;
}
.modal-exchange-success {
  width: 450px !important;
}
.success-exchange-animation {
  position: fixed;
  left: 50%;
  top: 40vh;
  width: 400px;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.all-quest-claimed-animation {
  position: fixed;
  left: 50%;
  top: 25vh;
  width: 500px;
  transform: translate(-50%, -50%);
  z-index: 999;
}
.em-label-content.inp-search-item-exchange {
  margin-top: 0px !important;
}
.em-label-content.inp-search-item-exchange .ant-input:-webkit-autofill,
.em-label-content.inp-search-item-exchange .ant-input:-webkit-autofill:hover,
.em-label-content.inp-search-item-exchange .ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px white inset !important;
  transition: background-color 200s linear 3s !important;
  caret-color: white !important;
}
.em-label-content.inp-search-item-exchange .em-label-content .ant-input,
.em-label-content.inp-search-item-exchange .ant-input.em-input {
  border: 1px solid #474b4e !important;
  background: white !important;
  border-radius: 8px !important;
  color: black !important;
  height: 50px;
}
.em-label-content.inp-search-item-exchange .em-input {
  border-radius: 8px !important;
}
.bottom-container-button-exchange-landscape {
  position: absolute;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  left: 0px;
  padding: 8px;
}
.game-item-horizontal .triangle-topright,
.game-item-horizontal .disc-hot-item {
  right: 0px;
}
.container-bottom-navbar {
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  max-width: 420px;
  z-index: 15;
  border-radius: 20px 20px 0px 0px;
  /* From https://css.glass */
  background: #1b1d2a;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.bottom-navbar,
.bottom-navbar-active {
  padding-top: 2px;
}
.bottom-navbar-active {
  border-bottom: 4px #3685f1;
  background: linear-gradient(180deg, rgba(80, 153, 252, 0) 50%, #5099fc 293.75%);
}
.bottom-navbar-indicator {
  width: 100%;
  height: 4px;
  border-radius: 4px 4px 0px 0px;
}
.red-dot-bottom {
  position: absolute !important;
  top: 8.5px;
  right: 6.5px;
  height: 6px;
  width: 6px;
}
.footer-logo {
  height: 24px;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 40%;
}
.checkbox-register-agreement .ant-checkbox-inner {
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-radius: 6px;
}
.checkbox-register-agreement .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #3685f1;
}
.checkbox-register-agreement .ant-checkbox-inner::after {
  width: 7px;
  height: 10px;
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: hidden;
}
.category-item {
  height: 200px;
  overflow: hidden;
  border: none !important;
  outline: none !important;
}
.category-item .overlay::after {
  content: '';
  position: absolute;
  left: -1.5px;
  right: 0;
  top: -1px;
  bottom: 0;
  background: linear-gradient(180deg, rgba(136, 136, 136, 0.6) -22.27%, rgba(82, 24, 117, 0.6) 46.51%, rgba(0, 18, 46, 0.6) 100%);
  border-radius: 20px 19.5px 20px 20px;
  width: 102%;
  height: 201px;
}
.category-item .ant-image-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.category-item .badge-section {
  position: absolute;
  width: auto;
  right: 0;
  top: 0;
}
.category-item .badge-section .badge-download {
  max-width: 100px;
  padding: 3px 10px;
}
.category-item .badge-section .badge-person {
  max-width: 70px;
  padding: 2px 8px;
}
.category-item .content {
  position: absolute;
  left: 0;
  bottom: 0;
}
.category-item .content .thumbnail {
  width: 24px;
  height: 24px;
  border: none !important;
  outline: none !important;
}
.category-item .content .thumbnail .ant-image-img {
  height: 27px;
  width: 26px;
  object-fit: cover;
  border-radius: 8px;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.category-item .content .title {
  max-width: 95px;
}
.login-modal .ant-modal-content {
  background-color: #1e2227;
  border-radius: 20px;
  height: auto;
  margin: auto;
}
.login-modal-v2 .ant-modal-content {
  background-color: #1f2327;
  border-radius: 20px;
  height: auto;
  margin: auto;
}
.inpt-ygg2 .ant-input:-webkit-autofill,
.inpt-ygg2 .ant-input:-webkit-autofill:hover,
.inpt-ygg2 .ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: white !important;
  transition: background-color 200s linear 3s !important;
  caret-color: white !important;
}
.inp-d {
  margin-bottom: 8px;
}
.inp-d .em-input {
  border: 1px solid #ffffff1a !important;
}
.inp-d .em-label-content .ant-input,
.inp-d .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.inp-d .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
.inp-d .ant-input:-webkit-autofill,
.inp-d .ant-input:-webkit-autofill:hover,
.inp-d .ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: white !important;
  transition: background-color 200s linear 3s !important;
  caret-color: white !important;
}
.inp-d .ant-form-item-control-input-content label {
  margin-left: 8px !important;
  color: #e5e7eb !important;
}
.inp-d .ant-form-item-explain .ant-form-item-explain-error {
  margin-top: 4px !important;
}
.inp-d .ant-input-status-error {
  border: 1px solid #f6274c !important;
}
.bg-auth {
  background: #13171c;
}
.container-auth {
  min-height: 100vh;
  width: 100%;
}
.inp-otp-d {
  margin-top: 14px !important;
}
.inp-otp-d .em-label-content .em-label {
  margin-left: -8px !important;
  color: #e5e7eb !important;
  top: -24px !important;
}
.inp-otp-d .em-input {
  background: rgba(255, 255, 255, 0.1) !important;
}
.inp-otp-d .em-input .ant-input {
  background: transparent !important;
}
.bg-auto-login {
  background: linear-gradient(180deg, rgba(55, 133, 242, 0.09) 40.25%, rgba(0, 0, 0, 0) 105.04%) !important;
  background-color: #060d28 !important;
}
.login-modal-v2 .ant-modal-content {
  background-color: #1f2327;
  border-radius: 10px;
  height: auto;
  margin: auto;
}
.inpt-ygg2 .ant-input:-webkit-autofill,
.inpt-ygg2 .ant-input:-webkit-autofill:hover,
.inpt-ygg2 .ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: white !important;
  transition: background-color 200s linear 3s !important;
  caret-color: white !important;
}
.inp-d {
  margin-bottom: 8px;
}
.inp-d .em-input {
  border: 1px solid #ffffff1a !important;
}
.inp-d .em-label-content .ant-input,
.inp-d .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.inp-d .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
.inp-d .ant-input:-webkit-autofill,
.inp-d .ant-input:-webkit-autofill:hover,
.inp-d .ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: white !important;
  transition: background-color 200s linear 3s !important;
  caret-color: white !important;
}
.inp-d .ant-form-item-control-input-content label {
  margin-left: 8px !important;
  color: #e5e7eb !important;
}
.inp-d .ant-form-item-explain .ant-form-item-explain-error {
  margin-top: 4px !important;
}
.inp-d .ant-input-status-error {
  border: 1px solid #f6274c !important;
}
.inp-d-float {
  background: transparent !important;
  border-radius: 5px;
}
.inp-d-float .ant-input-status-error {
  border: 1px solid #f6274c !important;
}
.container-auth {
  min-height: 100vh;
  width: 100%;
}
.bg-auto-login {
  background: linear-gradient(180deg, rgba(55, 133, 242, 0.09) 40.25%, rgba(0, 0, 0, 0) 105.04%) !important;
  background-color: #060d28 !important;
}
.topup-games-item img {
  opacity: 0.5;
}
.topup-games-item span {
  color: #363a3e;
}
.topup-games-item.is-active img {
  border: 4px solid #3685f1;
  opacity: 1 !important;
}
.topup-games-item.is-active span {
  color: white !important;
}
.topup-games-item .card-item {
  width: 88px;
  height: 88px;
}
.topup-games-item .card-item .ant-card-cover div {
  border-radius: 20px;
}
.topup-games-item .card-item .is-active-checklist {
  z-index: 2;
  position: absolute;
  right: 0;
  background-color: #3685f1;
  width: fit-content;
  border-radius: 0 20px 0 20px;
  top: 0px;
  width: 32px;
  height: 32px;
}
.topup-games-item .card-item .topup-overlay-coming-soon {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  background: #13171c;
  opacity: 0.8;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  border-radius: 20px;
}
.purchase-pending .outter-1 {
  background-color: rgba(40, 77, 126, 0.2);
}
.purchase-pending .outter-1 .outter-2 {
  background-color: rgba(40, 77, 126, 0.3);
}
.purchase-delivered .outter-1,
.purchase-paid .outter-1 {
  background-color: rgba(22, 142, 71, 0.2);
}
.purchase-delivered .outter-1 .outter-2,
.purchase-paid .outter-1 .outter-2 {
  background-color: rgba(22, 142, 71, 0.3);
}
.purchase-failed .outter-1,
.purchase-expired .outter-1 {
  background-color: rgba(246, 39, 76, 0.2);
}
.purchase-failed .outter-1 .outter-2,
.purchase-expired .outter-1 .outter-2 {
  background-color: rgba(246, 39, 76, 0.3);
}
.order-status-delivered-notice {
  background: linear-gradient(92.39deg, #e74acd -67.39%, #5f00e3 102.05%);
}
.order-status-delivered-notice .numbering {
  background: linear-gradient(92.39deg, #e74acd -67.39%, #5f00e3 102.05%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.order-status-delivered-notice .notice-icon {
  background: rgba(74, 24, 203, 0.5);
}
.modal-payment-topup .content {
  height: 600;
}
.modal-payment-topup .content .left-side {
  height: 500px;
  overflow: auto;
}
.modal-payment-topup .content .right-side {
  height: 510px;
  overflow: auto;
  padding-bottom: 72px !important;
}
.ghost-scroll-bar {
  /* Handle */
}
.ghost-scroll-bar ::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: transparent;
}
.ghost-scroll-bar ::-webkit-scrollbar-thumb {
  background: transparent;
}
.quest-scroll-bar {
  /* Handle */
}
.quest-scroll-bar ::-webkit-scrollbar {
  height: 2px;
  width: 6px;
  background: #283c5c;
}
.quest-scroll-bar ::-webkit-scrollbar-thumb {
  background: #cfe1fb;
  border-radius: 10px;
}
.inp-e-wallet-number {
  /* Firefox */
}
.inp-e-wallet-number .em-input {
  background: transparent !important;
  border: 1px solid #9ca3af !important;
}
.inp-e-wallet-number input::-webkit-outer-spin-button,
.inp-e-wallet-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.inp-e-wallet-number input[type='number'] {
  -moz-appearance: textfield;
}
.expand-purchase-summary .ant-collapse-header {
  align-items: center !important;
}
.custom-modal .ant-modal-content {
  background-color: #272727;
  border-radius: 20px;
  margin: auto;
}
.custom-modal .ant-modal-header {
  border-radius: 20px 20px 0px 0px;
  background-color: #272727;
}
.custom-modal .divider {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), rgba(80, 153, 252, 0.2);
}
.custom-modal-d {
  border-radius: 20px;
}
.custom-modal-d .ant-modal-content {
  border-radius: 20px;
  background: transparent;
}
.custom-modal-d .ant-modal-content .ant-modal-body {
  padding: 0px !important;
}
.custom-modal-d .body {
  background: #060d28;
}
.custom-modal-d .ant-modal-close-x {
  display: none !important;
}
.custom-modal-d.full-screen {
  width: 100vw;
  height: 100vh;
  padding: 0px;
}
.custom-modal-d.full-screen .ant-modal-content {
  background: #1e2227 !important;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: unset;
  background: inherit;
}
.custom-modal-d.full-screen .content {
  overflow: auto !important;
  height: 100vh;
}
.custom-modal-d2 {
  border-radius: 20px;
}
.custom-modal-d2 .ant-modal-content {
  border-radius: 20px;
  background: transparent;
}
.custom-modal-d2 .ant-modal-content .ant-modal-body {
  padding: 0px !important;
}
.custom-modal-d2 .body {
  background: #13171c;
}
.custom-modal-d2 .ant-modal-close-x {
  display: none !important;
}
.modal-dark .ant-modal-content {
  background: #1e2227 !important;
  border-radius: 10px;
}
.modal-dark-revamp-v2 {
  background: #13171c !important;
}
.modal-dark-revamp-v2-2 {
  background: #1e2227 !important;
}
.games-detail-carousel-banner {
  position: relative;
}
.games-detail-carousel-banner .carousel-banner-item {
  height: 160px;
  min-height: 160px;
  max-height: 160px;
  transition: 0.5s;
}
.games-detail-carousel-banner .carousel-banner-item .video-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.games-detail-carousel-banner .carousel-banner-item .react-player__preview,
.games-detail-carousel-banner .carousel-banner-item video,
.games-detail-carousel-banner .carousel-banner-item iframe,
.games-detail-carousel-banner .carousel-banner-item img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  pointer-events: none;
  background: #000;
}
.games-detail-carousel-banner .ant-carousel .slick-dots li.slick-active {
  width: 8px !important;
  border-radius: 25px !important;
  opacity: unset !important;
  background: #3685f1 !important;
}
.games-detail-carousel-banner .ant-carousel .slick-dots li.slick-active button {
  opacity: 0;
}
.games-detail-carousel-banner .ant-carousel .slick-list .slick-slide.slick-active {
  filter: unset;
  z-index: 1;
  transition: 0.3s;
}
.games-detail-carousel-banner .ant-carousel .slick-list .slick-slide.slick-active .carousel-banner-item {
  height: 180px !important;
  max-height: 180px !important;
  min-height: 180px !important;
  width: calc(420px - 58px) !important;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
@media (max-width: 420px) {
  .games-detail-carousel-banner .ant-carousel .slick-list .slick-slide.slick-active .carousel-banner-item {
    width: calc(100vw - 58px) !important;
  }
}
.games-detail-carousel-banner .ant-carousel .slick-initialized .slick-slide {
  min-height: 180px;
  display: flex;
  align-items: center;
  filter: brightness(50%);
}
.games-detail-carousel-banner .ant-carousel .slick-initialized .slick-slide div {
  width: 100%;
}
.games-detail-carousel-banner .slick-track {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
}
.games-detail-carousel-banner .ant-carousel .slick-dots-bottom {
  bottom: -14px;
  z-index: 1 !important;
}
.games-detail-carousel-banner .ant-carousel .slick-dots-bottom li {
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.games-detail-carousel-banner .ant-carousel .slick-dots-bottom li button {
  background: transparent;
}
.games-detail-carousel-banner .carousel-coming-soon-overlay {
  position: absolute;
  top: 0;
}
.game-carousel-preview {
  width: 100vw;
  height: 100vh;
  max-width: 420px;
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
  z-index: 20;
  background: #12141a;
}
.game-carousel-preview .active {
  border-color: #3685f1 !important;
  border: 2px solid;
  filter: unset !important;
}
.carousel-banner-item-zoom {
  height: calc(100vh - 200px);
  background-color: #000;
  display: flex !important;
  align-items: center;
}
.carousel-banner-item-nav {
  height: 58px !important;
  width: 58px !important;
  border: 2px solid;
  border-color: transparent;
  margin-right: 8px;
  filter: brightness(0.5);
}
.carousel-banner-item-nav .react-player__preview,
.carousel-banner-item-nav video,
.carousel-banner-item-nav img {
  width: 54px;
  object-fit: cover;
}
.play-btn-nav,
.play-btn {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.play-btn {
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
}
.carousel-coming-soon {
  position: absolute;
  background: #e2ae29;
  width: auto !important;
  padding: 6px 8px;
  padding-right: 12px;
  border-radius: 8px 50px 50px 0px;
}
.page-tour-container {
  background: linear-gradient(132.96deg, #8254f8 1.72%, #5d29e2 95.5%);
  margin: auto;
}
@media only screen and (max-width: 480px) {
  .__floater {
    width: calc(100vw - 24px);
  }
}
.dropdown-feedback {
  border: 1px solid #757575;
  height: 40px;
  margin-bottom: 13px;
}
.content-list {
  height: 310px;
  overflow-y: auto;
  overflow-x: hidden;
}
#feedback-form .ant-form-item-control-input-content {
  margin-top: 8px !important;
}
#feedback-form .em-label-content .em-label {
  color: #474b4e !important;
}
#feedback-form input:-webkit-autofill,
#feedback-form input:-webkit-autofill:hover {
  box-shadow: 0 0 0px 1000px #272727 inset !important;
}
#feedback-form #feedback-form_feedback {
  height: 99px !important;
  background-color: transparent !important;
  border-radius: 20px;
  border: none !important;
  outline: none !important;
  text-decoration: none !important;
  display: inline-block !important;
}
#feedback-form #feedback-form_feedback.ant-input {
  font-size: 12px !important;
  padding: 4px 14px !important;
}
#feedback-form #feedback-form_email.ant-input {
  font-size: 12px !important;
}
#feedback-form .ant-btn {
  border: none !important;
  outline: none !important;
  color: #b0b2b3 !important;
}
#feedback-form .ant-btn[disabled],
#feedback-form .ant-btn[disabled]:hover {
  background-color: #272727 !important;
  border: 1px solid #2b2e33 !important;
  color: #2b2e33 !important;
}
.form-banner.ant-col {
  position: absolute !important;
  left: 0;
  top: 0;
  height: 24px;
  width: 24px;
  background-color: #5099fc;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.progress-wrap.ant-col {
  height: 300px !important;
  flex-direction: column !important;
  text-align: center !important;
}
.submit-feedback-progress .ant-progress-outer {
  width: 240px !important;
}
.finish-wrap {
  flex-direction: column;
  text-align: center;
}
.input-other {
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #fff;
  text-decoration: none !important;
  border: 1px solid #757575;
}
.input-media {
  background: #1b1f23;
  width: 100%;
  height: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}
.disbale-upload-list-text .ant-upload-list-text {
  display: none;
}
.chat-input-media-preview {
  width: 100%;
  height: 328px;
  position: relative;
  background: #1b1f23;
  border-radius: 20px;
}
.chat-input-media-preview video,
.chat-input-media-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.remove-chat-input-media {
  position: absolute !important;
  top: 8px;
  right: 8px;
}
.input-caption .ant-input {
  background: #1b1f23;
}
.preview-video-upload {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 8px;
}
.chat-emoji-picker .EmojiPickerReact li.epr-emoji-category > .epr-emoji-category-label,
.chat-emoji-picker .EmojiPickerReact {
  background-color: black !important;
}
.chat-emoji-picker aside.EmojiPickerReact.epr-main {
  border: unset !important;
  border-radius: unset !important;
}
/*width*/
.scrollable-chat::-webkit-scrollbar,
.epr-body::-webkit-scrollbar,
.chat-input::-webkit-scrollbar {
  width: 8px;
}
/*track*/
.scrollable-chat::-webkit-scrollbar-track,
.epr-body::-webkit-scrollbar-track,
.chat-input::-webkit-scrollbar-track {
  background: #13171c;
}
/*thumb*/
.scrollable-chat::-webkit-scrollbar-thumb,
.epr-body::-webkit-scrollbar-thumb,
.chat-input::-webkit-scrollbar-thumb {
  background: #424242;
  border-radius: 10px;
}
.chat-input {
  width: 100%;
  resize: none;
  min-height: 32px;
  border: none !important;
  outline: none !important;
  top: 1.5px !important;
  padding-top: 8px;
  background: transparent !important;
}
.chat-input:-moz-placeholder {
  /* Firefox 18- */
}
.chat-input::-moz-placeholder {
  /* Firefox 19+ */
}
.ant-message .ant-message-notice-content:has(.ant-message-custom-content.ant-message-success) {
  border-radius: 8px;
  border: 1px solid;
  background-color: #b3e3c6;
  border-color: #1aaa55;
}
.ant-message .ant-message-notice-content:has(.ant-message-custom-content.ant-message-success) .ant-message-custom-content.ant-message-success {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #1aaa55;
}
.ant-message .ant-message-notice-content:has(.ant-message-custom-content.ant-message-error) {
  border-radius: 8px;
  border: 1px solid;
  background-color: #fcb7c3;
  border-color: #f6274c;
}
.ant-message .ant-message-notice-content:has(.ant-message-custom-content.ant-message-error) .ant-message-custom-content.ant-message-error {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #f6274c;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}
:root {
  --wheel-size: 400px;
  --wheel-slice-spacing: 50px;
  --wheel-border-size: 5px;
  --wheel-color: #3685f1;
  --neutral-color: white;
  --PI: 3.14159265;
  --nb-item: 0;
  --item-nb: 0;
  --selected-item: 0;
  --nb-turn: 5;
  --spinning-duration: 4s;
  --reset-duration: 0.25s;
  --padding-wheel: 32px;
}
/* Conteneur de la roue = cercle rose extérieur */
.wheel-container {
  display: block;
  position: relative;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  max-width: 380px;
  max-height: 380px;
  padding: 3px;
  margin: auto;
  background-color: var(--neutral-color);
  border: solid var(--wheel-color) 3px;
  border-radius: 50%;
  user-select: none;
}
/* Triangle de sélection = 1 rose +  1 blanc */
.wheel-container::before,
.wheel-container::after {
  content: '';
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border: solid transparent 20px;
  border-left-width: 0;
}
.wheel-container::before {
  right: 0px;
  border-right-color: var(--wheel-color);
}
.wheel-container::after {
  right: -5px;
  border-right-color: var(--neutral-color);
}
/* Roue */
.wheel {
  display: block;
  position: relative;
  box-sizing: content-box;
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 380px;
  max-height: 380px;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--wheel-color);
  transition: transform var(--reset-duration);
  transform: rotate(0deg);
  cursor: pointer;
}
.wheel.spinning {
  transition: transform var(--spinning-duration);
  transform: rotate(calc(var(--nb-turn) * 360deg + (-360deg * var(--selected-item) / var(--nb-item, 1))));
}
.wheel.reset {
  transition: unset !important;
  transform: unset !important;
}
/* Centre de la roue = rond blanc au centre */
.wheel::after {
  display: block;
  position: absolute;
  content: '';
  background-color: #3685f1;
  width: 80px;
  height: 80px;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
/* Element sur la roue */
.wheel-item {
  display: block;
  position: absolute;
  box-sizing: border-box;
  /* position de l'item */
  top: 50%;
  left: 50%;
  width: 50%;
  transform-origin: center left;
  transform: translateY(-50%) rotate(calc(var(--item-nb) * (360deg / var(--nb-item, 1))));
  /* texte */
  color: var(--neutral-color);
  text-align: right;
  padding: 0px 10px 0px 45px;
}
/* Background de l'élément = triangle rose plus clair */
.wheel-item:before {
  content: ' ';
  display: block;
  position: absolute;
  box-sizing: border-box;
  z-index: -1;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 0px;
  /* 
        Largeur du triangle
        Je ne sais pas pourquoi j'ai besoin d'ajouter 
          " + var(--wheel-size) / 2 " dans slice-max-width  ==> donne 2.PI.R + R
        mais globalement ca marche a peu près bien 
        TODO: A étudier 
      */
  --slice-max-width: calc(var(--PI) * var(--wheel-size) + var(--wheel-size) / 2);
  --slice-width: calc((var(--slice-max-width) / var(--nb-item)) - var(--wheel-slice-spacing));
  border: solid transparent calc(var(--slice-width) / 2);
  border-left: solid transparent 0;
  /* profondeur du triangle = du centre de la roue à la bordure = 300px / 2 */
  border-right: solid #5929e2 calc(var(--wheel-size) / 2);
}
.item-color:before {
  border-right: solid yellowgreen calc(var(--wheel-size) / 2);
}
.btn-gacha {
  width: 104px;
  border-radius: 20px;
  background: #3685f1;
}
.wheel-center-logo {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 50%;
  width: 15%;
  margin-left: 2px;
}
.wheel-wrapper {
  width: calc(100vw - 48px);
  height: calc(100vw - 48px);
  max-width: 380px;
  max-height: 380px;
}
.use-no-drop {
  cursor: no-drop;
}
.floating-gacha-button-container {
  position: absolute;
  z-index: 2147483601;
  top: calc(100vh - 250px);
  cursor: pointer;
}
.floating-gacha-button-container img {
  height: auto;
}
@media (min-width: 768px) {
  .floating-gacha-button-container {
    top: calc(100vh - 150px);
    left: 300px;
  }
}
.floating-gacha-button-container > .floating-gacha-button-button:hover {
  transition: 0.2s;
  transform: scale(1.2);
}
.floating-gacha-button-container .floating-gacha-button-hide-btn {
  position: absolute;
  -ms-transform: translate(-12px, 40px) scaleX(-1);
  transform: translate(-12px, 40px) scaleX(-1);
  padding-top: 4px;
  background: #5099fc;
  border-radius: 50%;
  padding-left: 4px;
  padding-right: 4px;
  transition: all 0.4s ease-in-out;
}
.floating-gacha-button-container-animate {
  transition: all 0.4s ease-in-out;
}
.floating-gacha-button-hide-flip {
  transform: translate(-12px, 40px) scaleX(1) !important;
}
.floating-gacha-button-fixed-container {
  position: fixed;
  z-index: 2147483601;
}
.gacha-snackbar .ant-message-notice-content {
  border: 1px solid #1aaa55;
  padding: 0 12px 0 0;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background: #ebfff6;
}
.gacha-snackbar .ant-message-notice-content span {
  color: #1aaa55 !important;
}
.gacha-snackbar .ant-message-notice-content svg {
  display: none;
}
.gacha-history-container {
  max-height: 480px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.gacha-history-container::-webkit-scrollbar {
  width: 4px;
}
.btn-claim-gacha {
  position: absolute !important;
  left: 50%;
  transform: translate(-50%);
  bottom: 0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #5099fc;
  border: unset;
  pointer-events: none;
}
.floating-gacha-button-container-hiding {
  transition: all 0.4s ease-in-out;
}
.collapse-voucher-item {
  background: #1b1d2a !important;
  border: unset !important;
}
.collapse-voucher-item .ant-collapse-item .ant-collapse-header {
  padding: 8px 16px;
}
.collapse-voucher-item .ant-collapse-content {
  background: #1b1d2a !important;
  border-bottom: unset !important;
  border-top: 1px solid #f9f9f91a;
}
.collapse-voucher-item .ant-collapse-item {
  border-bottom: unset !important;
}
.collapse-voucher-item .ant-collapse-content > .ant-collapse-content-box {
  padding: 0px !important;
}
.collapse-voucher-item .arrow {
  transition: 0.3s;
}
.collapse-voucher-item .arrow.active {
  transform: rotate(180deg) !important;
  margin-top: -14px !important;
}
.coupon {
  background: rgba(249, 249, 249, 0.1);
  border-radius: 22px;
  padding: 8px;
}
.collapse-voucher-item.expired {
  opacity: 0.2;
}
.bg-badge-user-webview {
  position: absolute;
  left: 0px;
  z-index: -1;
}
.saint-seiya-point-badge {
  background: rgba(245, 245, 245, 0.1);
  padding: 4px 8px;
  border-radius: 16px;
  cursor: pointer;
  font-weight: 500 !important;
}
.btn-entry-point-saint-seiya:focus,
.btn-entry-point-saint-seiya:hover,
.btn-entry-point-saint-seiya {
  background-color: rgba(237, 237, 237, 0.1) !important;
  border: unset !important;
  border-radius: 8px !important;
}
.carousel-banner-saint-seiya .ant-carousel .slick-dots-bottom {
  bottom: -10px;
}
.carousel-banner-saint-seiya .ant-carousel .slick-dots li {
  width: 4px;
}
.carousel-banner-saint-seiya .ant-carousel .slick-dots li.slick-active {
  width: 8px !important;
}
.carousel-banner-saint-seiya .ant-carousel .slick-dots li.slick-active button {
  width: 8px;
  height: 4px;
  border-radius: 20px;
}
.carousel-banner-saint-seiya .ant-carousel .slick-dots li button {
  opacity: 1;
  border-radius: 20px;
  width: 4px;
  height: 4px;
}
.saint-seiya-news-carousel-item {
  width: 240px;
  background: rgba(237, 237, 237, 0.1);
  border-radius: 8px;
  margin-right: 16px;
}
.saint-seiya-news-carousel-item img {
  border-radius: 8px 8px 0px 0px;
}
.news-item-saint-seiya {
  background: rgba(237, 237, 237, 0.1);
  border-radius: 8px;
  height: 92px;
}
.news-item-saint-seiya img {
  height: 92px;
  width: 92px;
  border-radius: 8px;
  object-fit: cover;
}
.news-item-saint-seiya .triangle {
  border-style: solid;
  border-width: 0 20px 92px 0;
  border-color: transparent #363740 transparent transparent;
  position: absolute;
  right: 0px;
  top: 0px;
}
.news-item-saint-seiya .btn-readmore {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.join-community {
  background: rgba(63, 84, 192, 0.1);
  border-radius: 16px;
}
.join-community-top {
  background: linear-gradient(121.5deg, #293488 26.29%, #0f2357 94.33%);
  border-radius: 16px 16px 0px 0px;
  padding: 16px;
}
.socmed-item-ss {
  width: 32px;
  height: 32px;
  background: #3685f1;
  border-radius: 32px;
}
.icon-btn-entry-point-ss {
  width: 40px;
  height: 40px;
  background: rgba(237, 237, 237, 0.1);
  border-radius: 40px;
}
.content-coming-soon {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.logo-coming-soon {
  position: fixed;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 0px;
}
.rect-curve {
  width: 100%;
  height: 40px;
  background: #1b1d2a;
  border-radius: 50% 50% 0px 0px;
  position: absolute;
  bottom: 0px;
}
.container-timer-offer {
  padding: 0px 8px;
  background: #cd213f;
  border-radius: 8px;
}
.btn-bind-ss:visited,
.btn-bind-ss:focus,
.btn-bind-ss:hover,
.btn-bind-ss {
  transition: 0.3s;
  background: linear-gradient(99.1deg, #fcff5b -4.34%, #ffa800 99.82%) !important;
  box-shadow: 0px -3px 8px 0px rgba(255, 255, 255, 0.12) inset !important;
  box-shadow: 0px 0px 15px 0px #b87108 !important;
  box-shadow: 0px 6px 0px 0px #d88500 !important;
  border-radius: 12px !important;
  height: 40px !important;
  z-index: 1;
  color: black !important;
}
.icon-btn-entry-point-ss {
  width: 40px;
  height: 40px;
  background: rgba(237, 237, 237, 0.1);
  border-radius: 40px;
}
.badge-job-outside {
  clip-path: polygon(20px 0, 100% 0, 100% 100%, -1px 42px);
  background: linear-gradient(110deg, #812bec 0%, #8d25e6 100%);
  height: 14px;
  width: auto;
  margin-left: -8px;
}
.badge-job {
  clip-path: polygon(21px 0, 100% 0, 100% 100%, 4px 35px);
  background: linear-gradient(110deg, #1b1d2a 0%, rgba(118, 0, 254, 0.5) 100%);
  height: calc(100% - 2px);
  width: auto;
  background-color: #1b1d2a;
  padding-right: 22px;
}
.border-job-icon {
  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}
.badge-job-outside {
  clip-path: polygon(20px 0, 100% 0, 100% 100%, -1px 42px);
  background: linear-gradient(110deg, #812bec 0%, #8d25e6 100%);
  height: 14px;
  width: auto;
  margin-left: -8px;
}
.badge-job {
  clip-path: polygon(21px 0, 100% 0, 100% 100%, 4px 35px);
  background: linear-gradient(110deg, #1b1d2a 0%, rgba(118, 0, 254, 0.5) 100%);
  height: calc(100% - 2px);
  width: auto;
  background-color: #1b1d2a;
  padding-right: 22px;
}
.border-job-icon {
  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}
.saint-seiya-anniv-claim-button,
.saint-seiya-anniv-claim-button:hover,
.saint-seiya-anniv-claim-button:focus {
  background: linear-gradient(180deg, #fbcc47 0%, #ffac30 100%);
  box-shadow: 0px 0px 4px 3px #ffffff inset;
  box-shadow: 0px 0px 21px 0px #e99d23;
  border-radius: 8px;
}
.saint-seiya-anniversary-bottom-menu {
  position: fixed;
  bottom: -8px;
  z-index: 5;
  width: 100%;
  max-width: 420px;
  height: 103px;
}
.saint-seiya-anniversary-bottom-menu .ss-anniv-selected-navbar {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%);
  border-image-slice: 1;
  background: linear-gradient(180deg, rgba(80, 153, 252, 0) 50%, #5099fc 293.75%);
}
.saint-seiya-anniversary-bottom-menu .saint-seiya-anniversary-selected-bot-menu {
  background: -webkit-linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.webview-header-vip {
  position: absolute;
  z-index: -1;
}
.webview-header-vip-level-1 {
  width: 100%;
  height: 400px;
  background: linear-gradient(171deg, rgba(255, 255, 255, 0.8) -57.35%, rgba(18, 20, 26, 0.8) 81.48%);
}
.webview-header-vip-level-2 {
  width: 100%;
  height: 400px;
  background: linear-gradient(130deg, rgba(216, 153, 48, 0.4) -38.96%, rgba(18, 20, 26, 0.4) 47.72%);
}
.webview-menu-vip-level-0 {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05) !important;
}
.webview-menu-vip-level-1 {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.25);
}
.webview-menu-vip-level-2 {
  border-radius: 8px;
  background: rgba(13, 8, 0, 0.3);
}
.tree-top-lod {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.logo-lod-prereg {
  width: 155.86px;
  position: absolute;
  height: auto;
  top: 4.3rem;
  left: 50%;
  transform: translate(-50%);
}
.content-section-prereg,
.content-section-prereg-bleach {
  position: absolute;
  bottom: 16.5rem;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.carousel-features-lod {
  margin-top: -80px;
}
.carousel-features-lod .ant-carousel .slick-dots li.slick-active button {
  background: url(https://cdn-v2.noctuagames.com/games-image/last_of_duck/dots-active-lod.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 20px !important;
  width: 18.92px !important;
}
.carousel-features-lod .ant-carousel .slick-dots li button {
  background: url(https://cdn-v2.noctuagames.com/games-image/last_of_duck/dots-inactive-lod.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 20px !important;
  width: 18.92px !important;
  opacity: 1;
}
.carousel-features-lod .ant-carousel .slick-dots li,
.carousel-features-lod .ant-carousel .slick-dots li.slick-active {
  width: auto !important;
  margin: 0px 4px;
  height: auto !important;
}
.carousel-features-lod .ant-carousel .slick-dots-bottom {
  bottom: -32px !important;
}
.section-features-lod {
  background: url('https://cdn-v2.noctuagames.com/games-image/last_of_duck/bg-feature-lod.webp?tr=w-420&w=500');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 250px;
}
.carousel-feature-item-lod .img {
  border-radius: 8px;
  width: 204px;
}
.grad-lod {
  height: 79px;
  background: linear-gradient(180deg, rgba(0, 160, 255, 0) 0%, #00a0ff 100%);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.grad-feature-lod {
  height: 191px;
  left: 0px;
  top: 0px;
  background: linear-gradient(180deg, #00a0ff 0%, rgba(0, 160, 255, 0) 100%);
  position: absolute;
  width: 100%;
}
.content-section-preregistered,
.content-section-released-preregistered-bleach,
.content-section-preregistered-bleach {
  position: absolute;
  top: 12rem;
  left: 50%;
  transform: translate(-50%);
}
.desc-preregisterd-lod {
  position: absolute;
  bottom: 32px;
  text-align: center;
  line-height: 24px !important;
}
.btn-install-lod:focus,
.btn-install-lod:hover,
.btn-install-lod {
  background: linear-gradient(180deg, #52210f 0%, #381406 100%) !important;
  box-shadow: inset 0px -3px 8px rgba(255, 255, 255, 0.12);
  border-radius: 50px !important;
  height: 54px !important;
  z-index: 1;
}
.btn-install-lod-effect {
  background: linear-gradient(180deg, #36170c 0%, #280f05 100%);
  border-radius: 41px;
  height: 54px;
  position: absolute;
  top: 7px;
  width: 100%;
}
.btn-claim-lod {
  height: auto !important;
  width: fit-content;
  position: relative;
  margin: auto;
}
.content-release-lod {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
}
.title-grand-launch-lod {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 57%;
}
.content-section-cbt {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  flex-direction: column;
  top: 12rem;
  width: 100%;
}
.feature-cbt-lod {
  left: 0px;
  top: 0px;
}
.content-topup-rebate {
  position: absolute;
  left: 0px;
  top: 0px;
}
.btn-submit-bug-lod:focus,
.btn-submit-bug-lod:hover,
.btn-submit-bug-lod {
  background: linear-gradient(180deg, #cf0fee 0%, #6e0eb1 100%) !important;
  box-shadow: inset 0px -3px 8px rgba(255, 255, 255, 0.12);
  border-radius: 50px !important;
  height: 54px !important;
  z-index: 1;
  border: unset !important;
}
.btn-submit-bug-lod-effect {
  background: linear-gradient(180deg, #980fcb 0%, #4f0262 100%);
  border-radius: 41px;
  height: 54px;
  position: absolute;
  top: 7px;
  width: 100%;
}
.title-other-events-lod {
  position: absolute;
  top: 2rem;
  right: 30px;
  z-index: 1;
  width: 60%;
}
.btn-see-more-lod {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  animation: seeMoreAnim 1s infinite alternate;
  cursor: pointer;
}
@keyframes seeMoreAnim {
  0% {
    transform: translate(-50%) translateY(0);
  }
  100% {
    transform: translate(-50%) translateY(-5px);
  }
}
@media (max-width: 390px) {
  .logo-lod-prereg {
    width: 104px;
  }
  .btn-install-lod-effect,
  .btn-install-lod:focus,
  .btn-install-lod:hover,
  .btn-install-lod {
    height: 40px !important;
  }
  .content-section-cbt {
    top: 8.8rem;
  }
  .icon-game {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
}
.btn-socmed-lod {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), rgba(80, 153, 252, 0.2) !important;
}
.container-lod-coming-soon {
  height: 100vh;
}
.btn-coming-soon-lod {
  position: absolute;
  background: red;
  left: 50%;
  transform: translate(-50%);
  top: 66%;
  height: 25%;
  width: 80%;
  opacity: 0;
}
.pagination-container {
  display: flex;
  list-style-type: none;
  padding-left: 0px;
}
.pagination-container .pagination-item {
  height: 32px;
  text-align: center;
  margin: auto 4px;
  color: white;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  letter-spacing: 0.01071em;
  border-radius: 8px;
  line-height: 1.43;
  font-size: 13px;
  min-width: 32px;
  background: rgba(223, 227, 232, 0.1);
  border: 1px solid rgba(223, 227, 232, 0.1);
}
.pagination-container .pagination-item.dots:hover {
  background-color: transparent;
  cursor: default;
}
.pagination-container .pagination-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.pagination-container .pagination-item.selected {
  background: white;
  color: #3685f1;
}
.pagination-container .pagination-item.disabled {
  cursor: no-drop;
}
.pagination-container .pagination-item.disabled:hover {
  background: rgba(223, 227, 232, 0.1);
}
.pagination-arrow {
  width: 24px;
  height: 24px;
  padding: 0px;
  min-width: 24px;
  border-radius: 24px;
  border: 1px solid white;
  background: white;
  cursor: pointer;
}
.pagination-arrow:hover {
  background: white;
}
.pagination-arrow.disabled {
  cursor: no-drop;
  background: rgba(223, 227, 232, 0.1);
  border: 1px solid rgba(223, 227, 232, 0.1) !important;
}
.pagination-arrow.disabled:hover {
  background: rgba(223, 227, 232, 0.1);
}
.text-reward-prereg-kc {
  position: absolute;
  left: 0px;
  top: 42.6%;
}
.text-reward-prereg-kc-released {
  position: absolute;
  left: 0px;
  top: 55%;
}
.socmed-prereg-kc {
  position: absolute;
  left: 0px;
  top: 75.3%;
  text-align: center;
  width: 100%;
}
.section-guide-prereg-kc {
  background: url(https://cdn-v2.noctuagames.com/games-image/knightcore/kc-released-preregister-guide.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 800px;
}
.section-features-kc {
  background: url(https://cdn-v2.noctuagames.com/games-image/knightcore/bg-features.webp?w=900);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 250px;
}
.container-video-feature-kc {
  position: absolute;
  width: 246px;
  height: 142px;
  left: 15px;
  top: 0.7%;
}
.content-feature-item-kc {
  width: 287px;
  height: auto;
}
.carousel-features-kc .ant-carousel .slick-dots li.slick-active button {
  background: url('https://cdn-v2.noctuagames.com/games-image/knightcore/dots-active.webp?w=60');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 40px !important;
  width: 52px !important;
}
.carousel-features-kc .ant-carousel .slick-dots li button {
  background: url('https://cdn-v2.noctuagames.com/games-image/knightcore/dots-inactive.webp?w=60');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 40px !important;
  width: 44px !important;
  opacity: 1;
}
.carousel-features-kc .ant-carousel .slick-dots li,
.carousel-features-lod .ant-carousel .slick-dots li.slick-active {
  width: auto !important;
  margin: 0px 4px;
  height: auto !important;
}
.carousel-features-kc .ant-carousel .slick-dots-bottom {
  bottom: -48px;
}
.section-char-kc {
  background: url(https://cdn-v2.noctuagames.com/games-image/knightcore/bg-char.webp?w=800);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 184px;
}
.icon-char-nav-kc {
  filter: grayscale(1);
}
.icon-char-nav-kc.active {
  filter: unset;
}
.conatiner-nav-char-kc {
  position: absolute;
  top: 15%;
  left: 16px;
}
.char-kc {
  position: absolute;
  top: 16px;
}
.char-desc-kc {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 75%;
  width: 95%;
}
.carousel-char-kc .slick-list {
  height: 730px !important;
}
.btn-install-kc {
  background: linear-gradient(180deg, #fbcc40 0%, #ffac30 100%) !important;
  border-radius: 8px;
  box-shadow: 0px 1px 1px 4px #282a34 !important;
}
.container-voucher-kc {
  position: absolute;
  top: 30%;
}
.container-copy-voucher-release-kc {
  width: 68%;
  position: absolute;
  top: 53.5%;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.bottom-content-kc-coupon {
  position: absolute;
  top: 66%;
  left: 50%;
  transform: translate(-50%);
  width: 72%;
}
.bottom-content-kc-coupon .bg-container-copy {
  background: rgba(190, 226, 253, 0.5);
}
.bottom-content-kc-coupon .btn-voucher-guide-kc {
  margin-top: 8px;
}
@media (max-width: 420px) {
  .bottom-content-kc-coupon {
    width: 84% !important;
  }
  .bottom-content-kc-coupon .btn-voucher-guide-kc {
    margin-top: 2px;
  }
}
.logo-preregistered-kc {
  position: absolute;
  top: 74%;
  left: 50%;
  transform: translate(-50%);
}
.gradient-section-voucer-code-kc {
  background: linear-gradient(180deg, rgba(36, 122, 227, 0) 0%, #024db3 60%);
  height: 200px;
  width: 100%;
  position: absolute;
  bottom: 0px;
}
.btn-claim-now-kc {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 70%;
}
.inactive-reward-kc {
  filter: grayscale(1);
}
.text-install-kc {
  text-shadow: 2px 2px 4px #00000080;
}
.reward-item-prereg {
  height: 110px;
  margin-top: 4px;
}
.reward-ssr {
  margin-top: -10%;
}
.btn-trailler-kc {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 30%;
}
.text-prereg-now-kc {
  position: absolute;
  font-style: italic;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
  top: 8px;
  pointer-events: none;
}
.kc-bg-state-released-hero {
  height: auto;
  object-fit: cover;
  object-position: top;
}
.btn-trailer-kc-released {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 34%;
}
.bg-dk-prereg {
  margin-top: -20%;
}
.section-features-dk {
  background: url(https://cdn-v2.noctuagames.com/games-image/dragonknight/bg-section-feature.webp?w=800);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 100px;
}
.carousel-features-dk .ant-carousel .slick-dots li.slick-active button {
  background: url('https://cdn-v2.noctuagames.com/games-image/dragonknight/dot-active.webp?w=60');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 34px !important;
  width: 34px !important;
}
.carousel-features-dk .ant-carousel .slick-dots li button {
  background: url('https://cdn-v2.noctuagames.com/games-image/dragonknight/dot-inactive.webp?w=60');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 34px !important;
  width: 34px !important;
  opacity: 1;
}
.carousel-features-dk .ant-carousel .slick-dots li,
.carousel-features-lod .ant-carousel .slick-dots li.slick-active {
  width: auto !important;
  margin: 0px 4px;
  height: auto !important;
}
.carousel-features-dk .ant-carousel .slick-dots-bottom {
  bottom: -48px;
  justify-content: flex-start !important;
}
.section-char-dk {
  background: url(https://cdn-v2.noctuagames.com/games-image/dragonknight/bg-char.webp?w=800);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 140px;
}
.container-nav-char-dk {
  position: absolute;
  top: 0px;
  left: 16px;
}
.char-floor-dk {
  position: absolute;
  bottom: 39%;
  width: 302px;
  right: 0px;
}
.char-desc-dk {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 109.5%;
  width: 95%;
}
.btn-install-dk {
  background: linear-gradient(180deg, #fbcc40 0%, #ffac30 100%) !important;
  border-radius: 8px;
  box-shadow: 0px 1px 1px 4px #68341d !important;
}
.text-prereg-now-dk {
  position: absolute;
  pointer-events: none;
  margin: auto;
  top: 50%;
  transform: translate(0, -50%);
}
.socmed-dk {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  row-gap: 0px;
}
.vip-step-item {
  border-radius: 8px;
  border: 1px solid #d5be84;
  background: linear-gradient(148deg, rgba(216, 153, 48, 0.4) -13.88%, rgba(18, 20, 26, 0.4) 58.85%), rgba(255, 255, 255, 0.05);
}
.number-vip-step.disabled,
.vip-step-item.disabled {
  border: unset;
  opacity: 0.2;
  background: rgba(255, 255, 255, 0.05);
}
.vip-line-step {
  position: absolute !important;
  top: 24% !important;
  left: 4px;
  height: 119px !important;
  border: dashed;
  border-color: white;
  background: transparent !important;
  border-width: 1px;
}
.my-vip-header-silver {
  background: linear-gradient(134deg, rgba(177, 177, 177, 0.4) -4.81%, rgba(89, 89, 89, 0.4) 40.01%, rgba(139, 139, 139, 0.4) 69.73%, rgba(80, 79, 79, 0.4) 91.89%), linear-gradient(0deg, #101322 -20.42%, rgba(0, 0, 0, 0) 52.61%), linear-gradient(92deg, #858585 0.53%, #666 102.05%);
}
.my-vip-header-gold {
  border: 1px solid rgba(249, 249, 249, 0.2);
  background: linear-gradient(116deg, rgba(213, 190, 132, 0.3) 11.02%, rgba(243, 153, 18, 0.3) 101.55%), linear-gradient(118deg, rgba(231, 179, 101, 0.5) 12.03%, rgba(72, 14, 6, 0) 74.43%), linear-gradient(0deg, #80521b 0%, #80521b 100%), linear-gradient(108deg, rgba(206, 130, 41, 0.6) 6.31%, rgba(72, 41, 5, 0.6) 106.38%), #1b1d2a;
  box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.33);
}
.badge-vip-lock {
  position: absolute;
  top: 50%;
  width: 89px;
  height: auto;
  transform: translate(0, -50%);
}
.badge-vip-lock.simple {
  height: 105px !important;
  width: auto !important;
}
.bg-vip-silver,
.bg-sidebar-silver .ant-drawer-body {
  background: linear-gradient(193deg, rgba(255, 255, 255, 0.2) -12.5%, rgba(184, 216, 255, 0) 23.84%), #21232d !important;
}
.bg-vip-gold,
.bg-sidebar-gold .ant-drawer-body {
  background: linear-gradient(195deg, rgba(249, 137, 6, 0.2) -9.33%, rgba(107, 75, 13, 0) 33.65%), #21232d !important;
}
.bg-avatar-vip-gold {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/vip/badge/round-gold.webp?tr=w-420&w=1000);
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-avatar-box-vip {
  border-radius: 8px;
  border: 1px solid rgba(249, 249, 249, 0.2);
  background: linear-gradient(134deg, rgba(217, 220, 220, 0.4) -4.81%, rgba(223, 255, 255, 0.4) 40.01%, rgba(149, 177, 173, 0.4) 69.73%, rgba(151, 183, 173, 0.4) 91.89%), #1b1d2a;
  box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.33);
}
.bg-avatar-box-gold {
  border-radius: 8px;
  border: 1px solid rgba(249, 249, 249, 0.2);
  background: linear-gradient(116deg, rgba(239, 204, 179, 0.3) 11.02%, rgba(242, 157, 9, 0.3) 101.55%), linear-gradient(118deg, rgba(246, 148, 0, 0.6) 12.03%, rgba(72, 14, 6, 0) 74.43%), linear-gradient(0deg, #f7ca27 0%, #f7ca27 100%), #1b1d2a;
  box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.33);
}
.text-color-gold-vip {
  background: linear-gradient(56deg, #8c6034 10.45%, #906537 15.4%, #9c723e 21%, #b0894b 26.93%, #cba95d 33.08%, #efd174 39.34%, #ffe47f 41.91%, #e2c87b 54.41%, #ceb578 64.83%, #a67033 90%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.carousel-item-vip-benefit {
  width: calc(100vw - 32px) !important;
  max-width: calc(420px - 32px) !important;
}
.item-vip-benfit {
  background: rgba(255, 255, 255, 0.05);
}
.item-vip-benfit.gold {
  border: 1px solid rgba(240, 172, 122, 0.3);
  background: linear-gradient(150deg, rgba(240, 172, 122, 0.3) -13.88%, rgba(18, 20, 26, 0.3) 58.85%), rgba(255, 255, 255, 0.05);
}
.item-vip-benfit.gold .label-gold-item {
  position: absolute;
  right: -2px;
  top: -6px;
}
.bg-bottom-sheet-ng-bound {
  border-radius: 16px 16px 0px 0px;
  background: linear-gradient(238deg, rgba(152, 103, 255, 0.2) 6%, rgba(0, 0, 0, 0) 69.39%), linear-gradient(151deg, #101220 40.28%, #142e46 98.9%);
}
.container-benefit-popup-up-level {
  border-radius: 8px;
  border: 1px solid #b1b1b1;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.3) -53.52%, rgba(18, 20, 26, 0.3) 81.16%), rgba(0, 0, 0, 0.05);
  padding: 16px;
}
.container-benefit-popup-up-level.gold {
  border: 1px solid #d5be84;
  background: linear-gradient(148deg, rgba(216, 153, 48, 0.3) -13.88%, rgba(18, 20, 26, 0.3) 58.85%), rgba(0, 0, 0, 0.05);
}
.bottom-sheet-up-level {
  background: linear-gradient(238deg, rgba(152, 103, 255, 0.2) 6%, rgba(0, 0, 0, 0) 69.39%), linear-gradient(151deg, #101220 40.28%, #142e46 98.9%) !important;
}
.bottom-sheet-up-level .btn-close {
  position: absolute;
  right: 16px;
  top: -20%;
}
.bottom-sheet-up-level.gold {
  background: linear-gradient(246deg, rgba(255, 203, 103, 0.2) 0.3%, rgba(0, 0, 0, 0) 82.76%), linear-gradient(190deg, #101220 69.24%, #462314 116.66%) !important;
}
.ng-bound-detail-item {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.15);
}
.user-history-type-gacha {
  border-radius: 8px;
  background: rgba(239, 93, 168, 0.1);
  color: #ef5da8;
  padding: 0px 6px;
}
.user-history-type-transfer {
  padding: 0px 6px;
  border-radius: 8px;
  background: rgba(226, 174, 41, 0.1);
  color: #e2ae29;
}
.user-history-type-quest {
  border-radius: 8px;
  color: #5099fc;
  background: rgba(64, 122, 202, 0.1);
  padding: 0px 6px;
}
.container-ng-info-gold {
  border-radius: 8px;
  border: 1px solid #f69400;
  background: linear-gradient(118deg, rgba(246, 148, 0, 0.4) 12.03%, rgba(72, 14, 6, 0) 74.43%), #1b1d2a;
}
.container-ng-info-silver {
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(92deg, rgba(143, 143, 143, 0.6) -1.47%, rgba(0, 0, 0, 0) 86.81%), #1b1d2a;
}
.container-ng-info-lock {
  border-radius: 8px;
  border: 1px solid rgba(249, 249, 249, 0.2);
  background: linear-gradient(134deg, rgba(217, 220, 220, 0.4) -4.81%, rgba(223, 255, 255, 0.4) 40.01%, rgba(149, 177, 173, 0.4) 69.73%, rgba(151, 183, 173, 0.4) 91.89%), #1b1d2a;
  box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.33);
}
.vip-avatar-level-gold {
  width: 80px;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translate(0px, -50%);
}
.bg-avatar-vip-lock {
  border-radius: 8px;
  border: 1px solid rgba(249, 249, 249, 0.2);
  background: #1b1d2a;
  box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.33);
}
.bg-profile-header-silver {
  background: linear-gradient(180deg, rgba(143, 143, 143, 0.6) 0%, rgba(0, 0, 0, 0) 100%), #1b1d2a;
}
.bg-profile-header-gold {
  background: linear-gradient(180deg, rgba(218, 134, 36, 0.6) 0%, rgba(0, 0, 0, 0) 100%), #1b1d2a;
}
.bg-profile-header-lock {
  background: linear-gradient(180deg, rgba(129, 43, 236, 0.2) 0%, rgba(0, 0, 0, 0) 100%), #1b1d2a;
}
.gacha-sidebar-menu-gold {
  background: linear-gradient(265deg, rgba(112, 10, 225, 0.4) -14.92%, rgba(225, 6, 190, 0) 88.99%), linear-gradient(134deg, rgba(255, 45, 120, 0.3) -4.81%, rgba(27, 29, 42, 0.3) 40.01%, rgba(27, 29, 42, 0.3) 69.73%, rgba(27, 29, 42, 0.3) 91.89%) !important;
}
.bg-container-detail-transfer.gold {
  background: linear-gradient(148deg, rgba(216, 153, 48, 0.4) -13.88%, rgba(18, 20, 26, 0.4) 58.85%);
}
.background-oval-gray {
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.1);
}
.background-rounded-gray {
  border-radius: 8px;
  background: rgba(249, 249, 249, 0.05);
}
.background-rounded-yellow {
  border-radius: 8px;
  background: rgba(224, 156, 21, 0.05);
}
.background-full-rounded-yellow {
  border-radius: 12px;
  background: rgba(233, 157, 35, 0.2);
}
.bottom-sheet-silver-unlock-transfer {
  background: linear-gradient(238deg, rgba(152, 103, 255, 0.2) 6%, rgba(0, 0, 0, 0) 69.39%), linear-gradient(151deg, #101220 40.28%, #142e46 98.9%) !important;
}
.bottom-sheet-silver-unlock-transfer .btn-close {
  position: absolute;
  right: 16px;
  top: -20%;
}
.info-token-transfer {
  border-radius: 8px;
  padding: 8px 12px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(80, 153, 252, 0.1);
}
.container-guide-gacha-ticket-transfer {
  position: relative;
  background: linear-gradient(281.12deg, rgba(162, 48, 216, 0.4) 6.1%, rgba(255, 215, 179, 0.02) 113.38%);
}
.container-guide-gacha-ticket-transfer.gold {
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  background: linear-gradient(174deg, rgba(216, 153, 48, 0.4) 0%, rgba(24, 24, 27, 0.4) 50%, rgba(18, 20, 26, 0.4) 100%);
}
.container-guide-gacha-ticket-transfer.gold::before {
  content: '';
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background-image: linear-gradient(115.58deg, #d5be84 11.02%, #f39912 101.55%);
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 8px;
  padding: 1px;
  inset: 0;
}
.btn-vip-topup-dark {
  background: rgba(220, 235, 254, 0.1) !important;
}
.vip-benefit-gacha-rate {
  background: linear-gradient(234.83deg, rgba(243, 180, 27, 0.3) -6.75%, rgba(243, 180, 27, 0) 38.75%, rgba(243, 180, 27, 0) 88.52%), linear-gradient(235.66deg, rgba(254, 168, 0, 0.2) -4.95%, rgba(254, 218, 0, 0) 55.91%), linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
  border-radius: 8px;
  width: fit-content;
  padding: 8px 32px 8px 8px;
}
.vip-benefit-gacha-rate .img-gacha-rate-benefit {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
}
.ant-modal.modal-gold-bound {
  max-width: 600px !important;
  width: 600px !important;
}
.ant-modal.modal-gold-bound .ant-modal-content {
  margin: 16px;
}
.ant-modal.modal-gold-bound .ant-modal-close-x {
  position: absolute;
  top: 20px;
  left: -60px;
}
.ant-modal.modal-gold-bound .ant-modal-content {
  border-radius: 16px;
}
.progress-bar-exp-account-gold .ant-progress-inner {
  height: 10px;
  background: #bb855b !important;
}
.progress-bar-exp-account-gold .ant-progress-inner .ant-progress-bg {
  height: 10px !important;
}
.progress-bar-exp-account-silver .ant-progress-inner {
  height: 10px;
  background: #97989a !important;
}
.progress-bar-exp-account-silver .ant-progress-inner .ant-progress-bg {
  height: 10px !important;
}
.progress-bar-exp-account-gold-m .ant-progress-inner {
  height: 6px;
  background: #bb855b !important;
}
.progress-bar-exp-account-gold-m .ant-progress-inner .ant-progress-bg {
  height: 6px !important;
}
.progress-bar-exp-account-silver-m .ant-progress-inner {
  height: 6px;
  background: #97989a !important;
}
.progress-bar-exp-account-silver-m .ant-progress-inner .ant-progress-bg {
  height: 6px !important;
}
.account-progress-dot {
  width: 25px;
  /* Adjust as needed */
  position: absolute;
  top: 0px;
  z-index: 2;
  height: 25px;
  /* Adjust as needed (should be same as width for a circle) */
  border-radius: 50%;
}
.account-progress-dot-m {
  width: 15px;
  /* Adjust as needed */
  position: absolute;
  top: 5px;
  z-index: 2;
  height: 15px;
  /* Adjust as needed (should be same as width for a circle) */
  border-radius: 50%;
}
.bg-footer-ash-echoes {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
}
.bg-footer-ash-echoes.mobile {
  max-width: 420px;
  margin: auto;
}
.float-side-nav-ae {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
  left: 24px;
  z-index: 10;
}
.float-side-nav-ae .arrow-up {
  position: absolute;
  left: 9px;
}
.float-side-nav-ae .arrow-down {
  position: absolute;
  bottom: 4px;
  transform: rotate(180deg);
  left: 9px;
}
.container-nav-ae {
  position: relative;
  border-left: 2px dashed rgba(255, 255, 255, 0.1);
}
.nav-ae-indicator {
  margin-left: -16px;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: 0.3s;
}
.nav-ae-indicator .circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.nav-ae-indicator.active {
  border-color: #ffd65a;
}
.nav-ae-indicator.active .circle {
  background: #ffd65a;
}
.bottom-sticky-ae {
  position: fixed;
  z-index: 10;
  right: 0px;
  bottom: 0px;
  min-width: 370px;
  width: 100%;
}
.bottom-sticky-ae.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.container-header-ae {
  position: fixed;
  z-index: 10;
  right: 0px;
  top: 72px;
  background: linear-gradient(180deg, rgba(8, 23, 41, 0.9) 0%, rgba(7, 17, 29, 0) 163.19%);
  min-width: 370px;
  width: 100%;
}
.container-header-ae.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.nav-header-ae {
  border-bottom: 4px solid transparent;
  transition: 0.3s;
}
.nav-header-ae :hover {
  color: #61cdff;
}
.socmed-ae :hover {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border: solid 1px white;
}
.nav-header-ae.selected {
  color: #61cdff;
  border-bottom: solid 4px #61cdff;
}
.ua-section-ae {
  position: relative;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/ua/bg-ua.webp);
}
.ua-section-ae .container-socmed-ae {
  padding: 16px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.ua-section-ae .container-socmed-ae .text-follow-us {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-style: italic;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.ua-section-ae .container-socmed-ae.mobile {
  background: rgba(0, 0, 0, 0.3);
  left: -8px;
  top: 40%;
  padding: 8px 8px 4px 12px;
}
.home-section-ae {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/predownload/home-png.webp);
}
.home-section-ae .container-socmed-ae {
  padding: 16px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.home-section-ae .container-socmed-ae .text-follow-us {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-style: italic;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.home-section-ae .container-socmed-ae.mobile {
  background: rgba(0, 0, 0, 0.3);
  left: -8px;
  top: 40%;
  padding: 8px 8px 4px 12px;
}
.home-section-ae .raster {
  mix-blend-mode: multiply;
  position: absolute;
  top: 0px;
  z-index: 2;
  left: 0px;
}
.home-section-ae.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.home-section-ae-m {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 30% center;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/predownload/home-png.webp);
}
.home-section-ae-m .container-socmed-ae {
  padding: 16px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.home-section-ae-m .container-socmed-ae .text-follow-us {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-style: italic;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.home-section-ae-m .container-socmed-ae.mobile {
  background: rgba(0, 0, 0, 0.3);
  left: -8px;
  top: 40%;
  padding: 8px 8px 4px 12px;
}
.home-section-ae-m .raster {
  mix-blend-mode: multiply;
  position: absolute;
  top: 0px;
  z-index: 2;
  left: 0px;
}
.home-section-ae-m.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.home-section-ae-activity-m {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/activity/bg-content-m.webp?w=1200);
}
.home-section-ae-activity-m .container-socmed-ae {
  padding: 16px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.home-section-ae-activity-m .container-socmed-ae .text-follow-us {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-style: italic;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.home-section-ae-activity-m .container-socmed-ae.mobile {
  background: rgba(0, 0, 0, 0.3);
  left: -8px;
  top: 40%;
  padding: 8px 8px 4px 12px;
}
.home-section-ae-activity-m .raster {
  mix-blend-mode: multiply;
  position: absolute;
  top: 0px;
  z-index: 2;
  left: 0px;
}
.home-section-ae-activity-m.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.milestone-section-ae {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/bg-reward-new.webp?w=2600);
}
.milestone-section-ae.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.milestone-section-ae-m {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/bg-benefit-1-m-new.webp?w=720);
}
.milestone-section-ae-m.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.milestone-section-ae-m2 {
  position: relative;
  min-height: 100vh;
  width: 100vw;
  padding-bottom: 25px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/bg-benefit-1-m-new.webp?w=720);
}
.milestone-section-ae-m2.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
@media (max-width: 375px) {
  .milestone-section-ae-m2 {
    padding-bottom: 50px;
  }
}
.item-socmed-ae-home-section {
  width: 85px;
  height: 94px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/border-socmed.webp?w=360);
}
.item-socmed-ae-home-section.mobile {
  width: 55px;
  height: 55px;
  margin-bottom: 10px;
}
.footer-gradient {
  height: 72px;
  width: 100vw;
  background: linear-gradient(0deg, #060d29 -39.58%, rgba(7, 14, 41, 0) 63.19%);
}
.icon-scroll-ae {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 16px;
}
.icon-scroll-ae.mobile {
  bottom: 24px;
}
.section-footer {
  height: auto !important;
}
.container-content-home-section-ae {
  position: absolute;
  top: 42%;
  top: 42dvh;
  z-index: 2;
  left: 50%;
  transform: translate(-50%);
}
.container-content-home-section-ae .description {
  text-shadow: 0px 4px 4px #2a255d;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0f2e5c;
  font-family: 'Fira Sans';
  font-size: 28px;
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
}
.container-content-home-section-ae .title {
  text-shadow: 0px 4px 4px #2a255d;
  font-family: 'Fira Sans';
  font-size: 28px;
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
}
.container-content-home-section-ae.mobile {
  top: unset;
  bottom: 8%;
  bottom: 4dvh;
}
.container-content-home-section-ae.mobile .description {
  text-shadow: 0px 2px 2px #54507d;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #3e577c;
  font-family: 'Fira Sans';
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
}
.container-content-home-section-ae.mobile-activity {
  top: 0;
  bottom: 8%;
  bottom: 4dvh;
}
.container-content-home-section-ae.mobile-activity .description {
  text-shadow: 0px 2px 2px #54507d;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #3e577c;
  font-family: 'Fira Sans';
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
}
.container-content-feature-section-ae {
  position: absolute;
  top: 12%;
  z-index: 2;
  left: 50%;
  transform: translate(-50%);
}
.container-content-feature-section-ae .description {
  text-shadow: 0px 4px 4px #2a255d;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0f2e5c;
  font-family: 'Fira Sans';
  font-size: 28px;
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
}
.container-content-feature-section-ae.mobile {
  bottom: 6%;
}
.container-content-feature-section-ae.mobile .description {
  text-shadow: 0px 2px 2px #54507d;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #3e577c;
  font-family: 'Fira Sans';
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
}
.music i {
  position: absolute;
  display: block;
  width: 2px;
  height: 100%;
  bottom: 0;
  background: #ffffff;
}
.btn-audio-bar {
  width: 100%;
  height: 100%;
  position: relative;
}
.music i {
  -webkit-animation: music 1s linear infinite alternate;
  animation: music 1s linear infinite alternate;
  left: 2px;
}
.music i::before {
  content: '';
  position: absolute;
  top: -4px;
  /* Adjust this value based on the size of the dot */
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  /* Width of the dot */
  height: 2px;
  /* Height of the dot */
  background-color: #ffffff;
  /* Color of the dot */
  border-radius: 0%;
  /* Make the dot round */
}
.music i:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  left: 6px;
}
.music i:nth-of-type(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  left: 10px;
}
.music i:nth-of-type(4) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  left: 14px;
}
.music i:nth-of-type(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  left: 18px;
}
.music i:nth-of-type(6) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  left: 22px;
}
.music.off i {
  -webkit-animation: none;
  animation: none;
  height: 10% !important;
}
@-webkit-keyframes music {
  0% {
    height: 0;
  }
  100% {
    height: 80%;
  }
}
@keyframes music {
  0% {
    height: 0;
  }
  100% {
    height: 80%;
  }
}
.container-sound-ae {
  height: 40px;
  width: 40px;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
}
.container-sound-ae:hover {
  transition: background-color 0.5s;
  background-color: rgba(0, 0, 0, 0.4);
}
.container-sound-ae.play {
  transition: none;
  background-color: #3057ba;
  box-shadow: 0px 0px 11.5px 0px #3061a5;
}
.container-sound-ae.play:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), #3057ba;
}
.container-sound-ae-m {
  height: 40px;
  width: 40px;
  padding: 8px;
  border-radius: 50%;
}
.sticky-platform-ae {
  position: fixed;
  z-index: 10;
  right: -6px;
  top: 50%;
  transform: translate(0, -50%);
  transition: 0.3s;
}
.sticky-platform-ae .content-stikcy-platform-ae {
  position: absolute;
  width: 128px;
  right: 12px;
  bottom: 14px;
}
.sticky-platform-ae .content-stikcy-platform-ae.mobile {
  width: 60px;
  right: 21px;
  bottom: 11px;
}
.sticky-platform-ae.mobile {
  top: 40%;
}
.btn-visible-socmed-ae {
  background: #3d98b0;
  padding: 2px 4px;
  position: absolute;
  transform: rotate(-90deg);
  left: 11.5px;
  top: 66%;
  transition: 0.3s;
}
.btn-visible-socmed-ae .arrow-socmed-ae {
  transition: 0.3s;
}
.btn-visible-socmed-ae.mobile {
  left: 0.5px;
}
.sticky-platform-ae.hidden {
  right: -144px;
}
.sticky-platform-ae.hidden .btn-visible-socmed-ae {
  left: 7.5px;
}
.sticky-platform-ae.hidden .btn-visible-socmed-ae .arrow-socmed-ae {
  transform: rotate(-180deg);
}
.sticky-platform-ae.hidden.mobile {
  right: -60px;
}
.sticky-platform-ae.hidden.mobile .btn-visible-socmed-ae {
  left: 1.5px;
}
.modal-remind-me-ash-echoes .ant-modal-body {
  background-size: 100%;
  height: 100%;
  border-radius: 5px;
  padding: 30px 20px;
  background: #1f2327;
}
.container-content-home-item-platform-mobile {
  text-align: -webkit-center;
}
.item-char-ae {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background: white;
}
.gradient-text-color-ae {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(#266ca8, #2f4c53);
}
.char-name-ae {
  font-size: 56px;
  font-weight: 400;
  line-height: 65.07px;
}
.char-name-ae-m {
  font-size: 28px;
  font-weight: 300;
  line-height: 32.07px;
}
.char-section-ae {
  min-height: 100vh;
  max-height: 810px;
  position: relative;
  background: white;
}
.char-section-ae .character-image {
  z-index: 0;
  object-fit: contain;
  object-position: bottom;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.char-section-ae .character-image.ivana {
  left: 60%;
}
.char-nav-ae {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, 0);
  background: rgba(0, 0, 0, 0.2);
  border-radius: 14px;
}
.bg-char-ae {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.5s;
  position: absolute;
}
.char-info-ae {
  position: absolute;
  z-index: 1;
  padding: 8px;
  left: 80px;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 383px;
  transition: opacity 0.5s;
}
.char-info-ae:before {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/description-container.webp);
  background-size: contain;
  height: 80%;
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 140%;
  z-index: -1;
  background-repeat: no-repeat;
}
.fade {
  opacity: 0;
  transition: opacity 0.3s;
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.item-char-ae.active {
  display: block;
}
.item-char-ae.active .fade {
  opacity: 0;
  -webkit-animation: FadeIn 0.3s 0.3s linear forwards;
  animation: FadeIn 0.3s 0.3s linear forwards;
}
.ae-faction-mobile-carousel .slick-slide > * {
  height: 100vh;
}
.ae-features-indicator-selected {
  top: -20px !important;
  bottom: 10px !important;
  left: 11px !important;
  right: 0px !important;
  border-left: solid 1.5px #71e4ff !important;
}
.bg-features {
  background-size: cover;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/bg-feature.webp);
  background-repeat: no-repeat;
}
.title-features-frame .bottom-left {
  position: absolute !important;
  bottom: -2px !important;
  left: -2px !important;
  border-radius: 0 0px 0 0 !important;
  border-bottom: 4px solid #73e0ff !important;
  border-left: 4px solid #73e0ff !important;
  height: 16px !important;
  width: 16px !important;
}
.title-features-frame .top-right {
  position: absolute !important;
  top: -2px !important;
  right: -2px !important;
  border-radius: 0 0px 0 0 !important;
  border-top: 5px solid #73e0ff !important;
  border-right: 5px solid #73e0ff !important;
  height: 16px !important;
  width: 16px !important;
}
.title-features-frame .divider {
  border: dashed 0.1px #73e0ff;
  padding: 0px 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.ae-char-nav-mobile {
  background: linear-gradient(181.99deg, rgba(255, 255, 255, 0) 1.68%, #ffffff 61.2%);
  height: 60%;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 5;
}
.ae-char-desc-container {
  margin-left: 8px;
  max-height: 120px;
  overflow-y: scroll;
  position: relative;
}
.ae-char-desc-container::-webkit-scrollbar {
  width: 6px;
}
.ae-char-desc-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.ae-char-desc-container::-webkit-scrollbar-thumb {
  background: #cfe1fb;
  border-radius: 4px;
}
.ae-char-desc-container::-webkit-scrollbar-thumb:hover {
  background: #cfe1fb;
}
.ae-char-hex-container {
  transition: opacity 0.5s, transform 0.5s;
  z-index: 1;
  opacity: 0;
}
.ae-char-hex-container-wrapper:hover .ae-char-hex-unit {
  transform: scale(1.2);
}
.ae-char-hex-container-wrapper:hover .ae-char-hex-container {
  transform: scale(1.2);
  opacity: 1;
}
.ae-char-hex-unit {
  z-index: 2;
  transition: transform 0.4s;
}
.char-info-container {
  position: absolute;
  opacity: 1;
  transition: opacity 1s;
}
.ae-char-see-more-popup-container .ant-modal-content {
  background: transparent;
  box-shadow: none !important;
}
.ae-char-see-more-popup-container .body {
  background: transparent;
  box-shadow: none !important;
}
.ae-drawer-body .ant-drawer-content {
  opacity: 0.9;
}
.ae-drawer-body .ant-drawer-body {
  background: rgba(0, 0, 0, 0.9);
}
.container-char-mobile-ae {
  position: relative;
  height: 100vh;
  height: 100dvh;
}
.content-frame-prereg-ae {
  position: absolute;
  bottom: 1%;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 37%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.em-label-content.inp-prereg-email-ae {
  margin-top: 0px !important;
}
.em-label-content.inp-prereg-email-ae .em-input {
  height: 40px !important;
  background: white !important;
  color: #2b2e33 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.em-label-content.inp-prereg-email-ae ::placeholder {
  color: rgba(5, 12, 39, 0.3) !important;
}
.em-label-content.inp-prereg-email-ae.mobile {
  margin-top: 0px !important;
}
.em-label-content.inp-prereg-email-ae.mobile .em-input {
  height: 38px !important;
  background: white !important;
  color: #2b2e33 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.em-label-content.inp-prereg-email-ae.mobile ::placeholder {
  color: rgba(5, 12, 39, 0.3) !important;
}
.gradient-home-section {
  position: absolute;
  width: 100%;
  height: 100vh;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(25, 31, 56, 0) 26.49%, rgba(8, 14, 37, 0.8) 91.87%);
}
.container-socmed-right {
  position: fixed;
  right: 0px;
  z-index: 1;
  width: 58px;
  background: rgba(15, 12, 33, 0.5);
  border-radius: 29px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  top: 50%;
  transform: translate(0, -50%);
  right: 32px;
  padding-top: 16px;
}
.container-socmed-right .item {
  width: 50px;
  height: 50px;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
  position: relative;
}
.container-socmed-right .item::after {
  width: 1px;
  height: 1px;
  position: absolute;
  content: '';
  border: 1px solid;
  border-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s ease-in-out;
  border-radius: 50%;
}
.container-socmed-right .item::before {
  width: 1px;
  height: 1px;
  position: absolute;
  content: '';
  border: 1px solid;
  border-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s ease-in-out;
  border-radius: 50%;
}
.container-socmed-right .item:hover {
  background: rgba(255, 255, 255, 0.2);
}
.container-socmed-right .item:hover::after {
  width: 40px;
  height: 40px;
  border-color: rgba(255, 255, 255, 0.5);
}
.container-socmed-right .item:hover::before {
  width: 58px;
  height: 75px;
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-toast .ant-message-notice-content {
  background: #2b2e33 !important;
  color: #f3f2f2 !important;
  width: 600px;
  border-radius: 5px !important;
}
@media (max-width: 768px) {
  .dark-toast .ant-message-notice-content {
    width: 300px;
  }
}
.container-section-home-ae-desktop {
  top: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.container-section-home-ae-desktop .content {
  z-index: 2;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%);
}
.text-super-rare-gradient {
  background-image: linear-gradient(94deg, #056eff -1.73%, #8349fe 98.6%);
  background-clip: text;
  color: #f5f1ff !important;
  display: inline-block;
  text-shadow: 0px 0px 12px rgba(223, 27, 255, 0.6);
}
.text-ultra-rare-gradient {
  background-image: linear-gradient(116deg, rgba(255, 233, 154, 0.9) 0.67%, rgba(173, 134, 58, 0.9) 95.98%);
  background-clip: text;
  color: transparent !important;
  display: inline-block;
}
.text-other-reward {
  color: #f5f1ff !important;
}
.activity-section-ae-prereg {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/pre-register/bg-chibi.webp);
}
.activity-section-ae-prereg.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.home-section-ae.faction-ae {
  background-image: url('https://cdn-v2.noctuagames.com/games-image/ash_echoes/bg-new-ae-common.webp?w=1980');
}
@media (max-width: 768px) {
  .home-section-ae.faction-ae {
    background-image: url('https://cdn-v2.noctuagames.com/games-image/ash_echoes/bg-new-ae-common-m.webp?w=1080');
    background-position: center;
  }
}
.fade-container {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
  height: 0;
  overflow-y: hidden;
  box-sizing: border-box;
}
.fade-container.visible {
  opacity: 1;
  visibility: visible;
  height: calc(100% - 160px);
  overflow-y: scroll;
}
.fade-container.hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.progress-bar-container {
  width: 100%;
  margin: auto;
  position: relative;
  padding: 0 10px;
}
.progress-bar {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: #263959;
  border: 1px solid #263959;
  border-radius: 5px;
}
.progress-fill {
  position: absolute;
  height: 100%;
  background-color: #3b82f6;
  /* Color of the filled portion */
  border-radius: 5px;
  transition: width 0.3s ease;
}
.checkpoint-dot {
  position: absolute;
  width: 16px;
  /* Size of the dot */
  height: 16px;
  /* Size of the dot */
  background-color: #263959;
  border-radius: 50%;
  /* Makes the dot circular */
  transform: translate(-50%, -50%);
  /* Center the dot on its position */
  top: 50%;
  /* Vertically center the dot within the bar */
  transition: background-color 0.3s ease;
}
.checkpoint-dot.active {
  background-color: #3b82f6;
}
.checkpoint-label {
  position: absolute;
  transform: translateX(-50%);
  /* Center the label horizontally */
  top: 100%;
  /* Position the label just below the progress bar */
  margin-top: 5px;
  /* Space between the progress bar and the label */
}
.home-section-ae-grandlaunch {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/predownload/bg-grand-launch.webp);
}
.home-section-ae-grandlaunch .container-socmed-ae {
  padding: 16px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.home-section-ae-grandlaunch .container-socmed-ae .text-follow-us {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-style: italic;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.home-section-ae-grandlaunch .container-socmed-ae.mobile {
  background: rgba(0, 0, 0, 0.3);
  left: -8px;
  top: 40%;
  padding: 8px 8px 4px 12px;
}
.home-section-ae-grandlaunch .raster {
  mix-blend-mode: multiply;
  position: absolute;
  top: 0px;
  z-index: 2;
  left: 0px;
}
.home-section-ae-grandlaunch.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.home-section-ae-grandlaunch-m {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/predownload/bg-launch-mobile-m.webp);
}
.home-section-ae-grandlaunch-m .container-socmed-ae {
  padding: 16px;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.home-section-ae-grandlaunch-m .container-socmed-ae .text-follow-us {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  font-style: italic;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.home-section-ae-grandlaunch-m .container-socmed-ae.mobile {
  background: rgba(0, 0, 0, 0.3);
  left: -8px;
  top: 40%;
  padding: 8px 8px 4px 12px;
}
.home-section-ae-grandlaunch-m .raster {
  mix-blend-mode: multiply;
  position: absolute;
  top: 0px;
  z-index: 2;
  left: 0px;
}
.home-section-ae-grandlaunch-m.mobile {
  max-width: 420px;
  margin: auto;
  left: 0px;
}
.btn-success-shine {
  background: linear-gradient(98.13deg, #189f0c 18.25%, #3bf637 102.9%) !important;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.btn-success-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, #189f0c 20%, #e8e8e8 50%, #3bf637 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 0px 0px 2px;
  inset: 0;
  opacity: unset !important;
  transition: unset !important;
  display: unset !important;
}
.btn-primary-shine {
  background: linear-gradient(101.85deg, #056eff 41.33%, #8349fe 110.29%) !important;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.btn-primary-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, #056eff 20%, #e8e8e8 50%, #8349fe 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 0px 0px 2px;
  inset: 0;
  opacity: unset !important;
  transition: unset !important;
  display: unset !important;
}
.ant-btn-primary[disabled].btn-disabled-shine {
  background: transparent !important;
  border: 2px solid #ffffff33 !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.2) !important;
}
.btn-yellow-shine-3d,
.ant-btn-primary[disabled].btn-yellow-shine-3d,
.ant-btn-primary[disabled].btn-yellow-shine-3d:hover {
  background: linear-gradient(115.95deg, #ffcd1b 0.67%, #ffa51e 95.98%) !important;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
  box-shadow: 0px 3px 0px 0px #af6815, 0px 2px 14px 0px rgba(233, 157, 35, 0.25) !important;
}
.btn-yellow-shine-3d::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, #ffcd1b 20%, #e8e8e8 50%, #ffa51e 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 2px 0px 2px;
  inset: 0;
  opacity: unset !important;
  transition: unset !important;
  display: unset !important;
}
.ant-btn-primary[disabled].btn-primary-shine {
  background: rgba(255, 255, 255, 0.05) !important;
  color: rgba(255, 255, 255, 0.2) !important;
  border-color: unset !important;
}
.ant-btn-primary[disabled].btn-primary-shine::before {
  padding: 0px !important;
  display: none !important;
}
.ant-btn-primary[disabled].btn-primary-shine:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: rgba(255, 255, 255, 0.2) !important;
}
.btn-yellow-shine-3d-d {
  border-radius: 8px;
  background: linear-gradient(115.95deg, #ffcd1b 0.67%, #ffa51e 95.98%) !important;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
  box-shadow: 0px 8px 0px 0px #af6815, 0px 10px 14px 0px rgba(233, 157, 35, 0.25) !important;
}
.btn-yellow-shine-3d-d::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, #ffcd1b 20%, #e8e8e8 50%, #ffa51e 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 2px 0px 2px;
  inset: 0;
  opacity: unset !important;
  transition: unset !important;
  display: unset !important;
}
.btn-purple-shine-3d {
  border-radius: 8px;
  background: linear-gradient(115.95deg, #f30586 0.67%, #7e00e0 95.98%) !important;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
  box-shadow: 0px 4px 0px 0px #790e94, 0px 10px 14px 0px rgba(233, 157, 35, 0.25) !important;
}
.btn-purple-shine-3d::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, #f30586 20%, #e8e8e8 50%, #7e00e0 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 2px 0px 2px;
  inset: 0;
  opacity: unset !important;
  transition: unset !important;
  display: unset !important;
}
.btn-disabled-transparent,
.ant-btn-primary[disabled].btn-disabled-transparent {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: unset !important;
}
.btn-grey-shine {
  background: #374151 !important;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.btn-grey-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, #374151 20%, #e8e8e8 50%, #374151 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 0px 0px 2px;
  inset: 0;
  opacity: unset !important;
  transition: unset !important;
  display: unset !important;
}
.button-yellow-shaded {
  background: linear-gradient(115.95deg, #ffcd1b 0.67%, #ff8a1e 95.98%) !important;
}
.btn-ghost.ant-btn-ghost {
  color: #3b82f6;
  border: solid 1px #3b82f6;
}
.btn-ghost:active,
.btn-ghost:focus,
.btn-ghost:hover {
  color: #3b82f6 !important;
  background: rgba(187, 231, 251, 0.1) !important;
  /* Example hover color */
}
.btn-ghost:active.ant-btn-ghost[disabled],
.btn-ghost:focus.ant-btn-ghost[disabled],
.btn-ghost:hover.ant-btn-ghost[disabled] {
  color: #7c7e81;
  border: solid 1px #7c7e81;
  background: transparent;
}
.btn-ghost:disabled,
.btn-ghost.ant-btn-ghost[disabled] {
  color: #7c7e81;
  border: solid 1px #7c7e81;
  background: transparent;
}
.btn-text.ant-btn-text {
  color: #3b82f6;
}
.btn-text:active,
.btn-text:focus,
.btn-text:hover {
  color: #3b82f6 !important;
  background: rgba(187, 231, 251, 0.1) !important;
  /* Example hover color */
}
.btn-text:active.ant-btn-text[disabled],
.btn-text:focus.ant-btn-text[disabled],
.btn-text:hover.ant-btn-text[disabled] {
  color: #7c7e81 !important;
  background: transparent !important;
}
.btn-text:disabled,
.btn-text.ant-btn-text[disabled] {
  color: #7c7e81;
  background: transparent;
}
.btn-icon.ant-btn-text {
  color: #3b82f6;
}
.btn-icon:active,
.btn-icon:focus,
.btn-icon:hover {
  color: #3b82f6 !important;
  background: rgba(187, 231, 251, 0.1) !important;
  /* Example hover color */
}
.btn-icon:active.ant-btn-text[disabled],
.btn-icon:focus.ant-btn-text[disabled],
.btn-icon:hover.ant-btn-text[disabled] {
  color: #7c7e81 !important;
  background: transparent !important;
}
.btn-icon:disabled,
.btn-icon.ant-btn-text[disabled] {
  color: #7c7e81;
  background: transparent;
}
.border-blue-shine {
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.border-blue-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, rgba(13, 83, 181, 0.3) 20%, #3785f2 50%, rgba(13, 83, 181, 0.3) 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 2px;
  inset: 0;
}
.border-success-shine {
  z-index: 1;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.border-success-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background: #113e39;
  z-index: -1;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 2px;
  inset: 0;
}
.border-pending-shine {
  z-index: 1;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.border-pending-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background: #132868;
  z-index: -1;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 2px;
  inset: 0;
}
.border-danger-shine {
  z-index: 1;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.border-danger-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background: #3b1627;
  z-index: -1;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 2px;
  inset: 0;
}
.border-mix-shine {
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.border-mix-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 2px;
  inset: 0;
  background-image: linear-gradient(90deg, #005804 10%, #86f68b 20%, #005804 30%, #3785f2 50%, rgba(13, 83, 181, 0.3) 80%) !important;
}
.border-warning-shine {
  z-index: 1;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.border-warning-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, #926d00 20%, #fbbc05 50%, #926d00 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 2px;
  inset: 0;
}
.border-danger-main-shine {
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
}
.border-danger-main-shine::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, rgba(246, 39, 76, 0.3) 20%, #cd213f 50%, rgba(123, 20, 38, 0.3) 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 2px;
  inset: 0;
}
.border-blue-shine-bottom::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, rgba(13, 83, 181, 0.3) 20%, #3785f2 50%, rgba(13, 83, 181, 0.3) 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 2px;
  inset: 0;
}
.border-blue-shine-bottom {
  z-index: 11;
}
.border-ash-echoes {
  border-bottom: solid 4px;
  border-image-source: linear-gradient(to left, rgba(81, 144, 247, 0), #5190f7, rgba(81, 144, 247, 0));
  border-image-slice: 1;
  border-width: 4px;
}
.modal-transfer .border-blue-shine::before {
  background: #1e2227 !important;
  border: 0 !important;
}
.modal-transfer .content {
  background-color: #1e2227 !important;
  height: 546px;
}
.modal-transfer .content .right-side {
  height: 456px;
  overflow: auto;
  padding-bottom: 72px !important;
}
.footer-modal-transfer {
  position: absolute;
  left: 0px;
  padding: 16px;
  background: #1e2227;
  bottom: 2px;
  width: calc(100% - 2px);
  border-bottom-right-radius: 18px;
}
.selector-item {
  border: 1px solid rgba(255, 255, 255, 0.29);
  background-color: #1e2227;
  transition: 0.3s;
}
.selector-item.active {
  transition: 0.3s;
  border-width: 2px;
  color: #f3f4f6;
  background-color: rgba(44, 50, 95, 0.6);
}
.transparent-scroll-bar {
  /* Handle */
}
.transparent-scroll-bar ::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: transparent;
}
.transparent-scroll-bar ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.em-label-content.inp-transfer-modal {
  margin-top: 0px !important;
}
.em-label-content.inp-transfer-modal .em-input {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: transparent !important;
  color: #f9f9f9 !important;
}
.fix-amount-transfer-input {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: transparent !important;
}
.transfer-info-yellow-border {
  border-radius: 8px;
  border: 1px solid #fbbc051a;
  background: #21180766;
}
.transfer-v2-dark-border {
  border-radius: 8px;
  background-color: rgba(249, 249, 249, 0.03);
}
.transfer-v2-dark-border-radio {
  border-radius: 8px;
  background-color: transparent;
  border-color: rgba(249, 249, 249, 0.1) !important;
}
.transfer-v2-dark-border-radio.transfer-v2-dark-border-radio-selected {
  border: 1px solid #3685f1 !important;
  background-color: rgba(44, 50, 95, 0.6) !important;
}
.radio-item-transfer .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none;
}
.radio-item-transfer .ant-radio-inner {
  width: 20px;
  height: 20px;
}
.radio-item-transfer .ant-radio-inner::after {
  width: 24px;
  height: 25px;
  border-radius: 100px;
  top: 4px;
  left: 5px;
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.bottom-sheet-transfer-wrapper .em-bottom-sheet-content {
  margin-bottom: 72px;
}
.transfer-v2-transfer-to-bg {
  border-radius: 8px;
  background: rgba(249, 249, 249, 0.03);
}
.bottom-nav-float {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  height: 64px;
  filter: drop-shadow(0 0 5px rgba(31, 31, 31, 0.1));
  position: fixed;
  bottom: 0;
  z-index: 13;
}
.nav-slot {
  flex-basis: calc(25% - 20px);
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #1b1f23;
}
.nav-link {
  width: 25px;
  height: 25px;
  line-height: 1.5;
  align-items: center;
  color: #aab2bd;
  border-radius: 50rem;
  padding: 0.5rem 0.5rem;
  transition: 0.3s all;
}
.active {
  color: #2575fc;
}
.nav-link:hover {
  transition: 0.3s all;
  background: rgba(31, 31, 31, 0.1);
}
.curve {
  flex-basis: auto !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231B1F23'%3E%3Cpath d='M99,0A36.33,36.33,0,0,0,70,15,25,25,0,0,1,30,15,36.33,36.33,0,0,0,1,0H0V50H100V0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  width: 100px;
  position: relative;
}
.curve::before {
  position: absolute;
  content: '';
  height: 20px;
  width: 100%;
  background: #1b1f23;
  bottom: 0px;
}
.floating-button {
  width: 50px;
  height: 50px;
  line-height: 3;
  text-align: center;
  color: #ffce54;
  border-radius: 50%;
  bottom: 48px;
  background: linear-gradient(23.32deg, #056eff 17.71%, #2c5bff 67.18%);
  z-index: 1;
  transition: 0.3s all;
  box-shadow: 0px 5px 19.9px 0px #312dff;
  position: absolute;
  left: 50%;
  transform: translate(-47%);
}
.floating-button:hover {
  bottom: 52px;
  transition: 0.3s all;
}
.round-top-left {
  border-top-left-radius: 15px;
}
.round-top-right {
  border-top-right-radius: 15px;
}
svg {
  height: 100%;
}
.news-filter-dropdown-container {
  position: absolute;
  width: 220px;
  min-height: 50px;
  z-index: 1;
  border-radius: 16px;
  background: #1f2227;
  right: 4px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
  top: -10px;
}
.news-filter-dropdown-container.show {
  top: 24px;
  opacity: 1;
  pointer-events: visible;
}
.badge-count-filter-news .ant-badge-count {
  box-shadow: unset !important;
}
.container-news-highlight {
  border-radius: 20px;
  transition: 0.3s;
}
.container-news-highlight .container-thumbnail-highlight {
  border-radius: 8px 0px 0px 8px;
}
.container-news-highlight .thumbnail-highlight {
  transition: transform 0.3s ease-in-out;
}
.container-news-highlight .thumbnail-highlight:hover {
  transform: scale(1.05);
}
.container-news-highlight:hover {
  background: linear-gradient(180deg, rgba(55, 133, 242, 0.09) 40.25%, rgba(0, 0, 0, 0) 105.04%);
  box-shadow: inset -17px 0px 10px -10px rgba(44, 71, 167, 0.1);
}
.card-news {
  background-color: transparent !important;
  backdrop-filter: blur(4.3px) !important;
  border-radius: 8px !important;
  transition: 0.5s;
}
.card-news .container-thumbnail-card-news {
  border-radius: 8px 8px 0px 0px;
}
.card-news .thumbnail-card-news {
  object-position: top;
  transition: transform 0.3s ease-in-out;
}
.card-news:hover .thumbnail-card-news {
  transform: scale(1.05);
}
.card-news:hover {
  background-image: radial-gradient(ellipse farthest-side at center bottom, rgba(55, 133, 242, 0.2) 0%, #13171c 100%) !important;
}
@media (max-width: 768px) {
  .container-news-highlight {
    background: linear-gradient(0deg, rgba(249, 249, 249, 0.03), rgba(249, 249, 249, 0.03)) !important;
    background-color: #13171c !important;
    border-radius: 8px;
  }
  .container-news-highlight .container-thumbnail-highlight,
  .container-news-highlight .thumbnail-highlight {
    border-radius: 8px 8px 0px 0px;
  }
  .card-news .thumbnail-card-news {
    border-radius: 8px 0 0 8px;
  }
}
.news-detail-container {
  max-width: 720px;
  margin: auto;
}
.news-detail-breadcrumb-container .ant-breadcrumb-separator {
  vertical-align: sub;
}
.news-detail-container img {
  height: auto;
  width: 100%;
  object-fit: contain;
}
.news-updates-filters-cont {
  flex-flow: nowrap;
  overflow-x: scroll;
}
.news-thumbnail-card:hover .target-thumbnail {
  transform: scale(1.05);
}
.explore-game-opacity {
  transition: opacity 0.5s;
}
.explore-game-img {
  position: absolute;
  z-index: 2;
  border-radius: 20;
}
.explore-game-detail {
  background: #13171c;
  padding-bottom: 20px;
  border-radius: 0px 0px 20px 20px;
}
.explore-play-now {
  background: linear-gradient(90deg, #257ffd 0%, #7479ff 100%), linear-gradient(0deg, rgba(62, 82, 255, 0.41), rgba(62, 82, 255, 0.41)) !important;
  border: none !important;
  border-radius: 5px !important;
}
.explore-game-custom-col-4 {
  flex: 0 0 18.5% !important;
  max-width: 18.5% !important;
}
.explore-game-opacity.active {
  box-shadow: 0px 0 16px 1px rgba(255, 255, 255, 0.2);
  border-radius: 20px;
}
.try-noctua-gold {
  border: none !important;
  border-radius: 5px !important;
  width: 240px;
  height: 64px !important;
}
.homepage-reward-container {
  background-image: url(https://cdn-v2.noctuagames.com/website-image/bg-store-that-reward.webp);
}
.try-noctua-gold-m {
  border: none !important;
  border-radius: 5px !important;
  width: 80%;
  height: 48px !important;
}
.homepage-reward-container-m {
  margin-left: -16px;
  margin-top: 40px;
  padding-right: 0px;
  width: 100vw !important;
}
.hub-buttons-container {
  background: linear-gradient(0deg, rgba(249, 249, 249, 0.03), rgba(249, 249, 249, 0.03)) !important;
  background-color: #13171c !important;
  padding: 15px 15px 15px 15px;
  border-radius: 8px;
}
.button-go-quest {
  padding: 10px 20px !important;
}
.button-go-quest span {
  padding-top: 10px;
}
.recommended-quest {
  border: 1px solid #e2ae29 !important;
}
.progress-bar-quest .ant-progress-bg,
.progress-bar-quest .ant-progress-inner {
  border-radius: 8px !important;
}
.progress-bar-quest .ant-progress-inner {
  background: rgba(255, 255, 255, 0.1) !important;
}
.progress-bar-exp .ant-progress-inner {
  background: #616161 !important;
}
.hub-progress-dot {
  width: 14px;
  /* Adjust as needed */
  position: absolute;
  top: 5px;
  z-index: 2;
  height: 14px;
  /* Adjust as needed (should be same as width for a circle) */
  border-radius: 50%;
}
.hub-progress-text {
  position: absolute;
  top: 4px;
  z-index: 2;
}
.quest-claim {
  background: linear-gradient(90deg, #257ffd 0%, #7479ff 100%), linear-gradient(0deg, rgba(62, 82, 255, 0.41), rgba(62, 82, 255, 0.41)) !important;
  border: none !important;
  border-radius: 5px !important;
}
.container-btn-hub-m {
  background: rgba(31, 107, 177, 0.1);
  border-radius: 8px;
}
.container-vip-lock-hub {
  background: linear-gradient(315deg, rgba(235, 235, 235, 0.3) 37%, rgba(163, 163, 163, 0.3) 100%);
  background-color: #4b5563;
  border-radius: 8px;
}
.explore-more-game {
  background: linear-gradient(90deg, #257ffd 0%, #7479ff 100%), linear-gradient(0deg, rgba(62, 82, 255, 0.41), rgba(62, 82, 255, 0.41)) !important;
  border: none !important;
  border-radius: 5px !important;
}
.go-to-noctua-btn {
  background-color: #0369a1;
  border: none !important;
  border-radius: 5px !important;
  height: 64px !important;
  width: 80%;
  left: 10% !important;
}
.go-to-noctua-btn-m {
  border: none !important;
  border-radius: 5px !important;
  width: 240px;
  height: 48px !important;
  left: 10% !important;
  width: 80%;
}
.contact-us-funnel.ant-btn-text {
  background-color: transparent !important;
  color: white !important;
}
.contact-us-funnel.ant-btn-text:hover {
  background-color: transparent !important;
  color: white !important;
}
.contact-us-funnel.ant-btn-text:focus {
  background-color: transparent !important;
  color: white !important;
}
.play-test-big-btn {
  background: linear-gradient(90deg, #257ffd 0%, #7479ff 100%), linear-gradient(0deg, rgba(62, 82, 255, 0.41), rgba(62, 82, 255, 0.41)) !important;
  border: none !important;
  border-radius: 5px !important;
  width: 240px;
  height: 64px !important;
}
.play-test-btn {
  background: linear-gradient(90deg, #257ffd 0%, #7479ff 100%), linear-gradient(0deg, rgba(62, 82, 255, 0.41), rgba(62, 82, 255, 0.41)) !important;
  border: none !important;
  border-radius: 5px !important;
}
.play-test-big-btn-m {
  background: linear-gradient(90deg, #257ffd 0%, #7479ff 100%), linear-gradient(0deg, rgba(62, 82, 255, 0.41), rgba(62, 82, 255, 0.41)) !important;
  border: none !important;
  border-radius: 5px !important;
  width: 240px;
  height: 50px !important;
}
.carousel-hub .ant-carousel {
  width: 100%;
}
.carousel-hub .slick-slide {
  padding-left: 4px;
  padding-right: 4px;
}
.carousel-hub .slick-next {
  right: -10px;
  z-index: 2;
}
.carousel-hub .slick-prev {
  left: -10px;
  z-index: 2;
}
.carousel-hub .slick-dots-bottom {
  bottom: -20px !important;
}
.carousel-hub .ant-carousel .slick-dots li {
  width: 8px !important;
  border-radius: 25px !important;
  opacity: unset !important;
}
.carousel-hub .ant-carousel .slick-dots li {
  background: white !important;
}
.carousel-hub .ant-carousel .slick-dots li.slick-active {
  background: #3685f1 !important;
}
.carousel-hub .ant-carousel .slick-dots li.slick-active button {
  opacity: 0;
}
.carousel-hub .ant-carousel .slick-list .slick-slide.slick-active .carousel-banner-item {
  height: 180px !important;
  max-height: 180px !important;
  min-height: 180px !important;
  width: calc(420px - 58px) !important;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.carousel-hub .ant-carousel .slick-dots-bottom li {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
}
.carousel-hub .ant-carousel .slick-dots-bottom li button {
  background: transparent;
}
.carousel-item-coin {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80;
  z-index: 2;
  background-color: #11111199;
  padding: 4px 8px;
}
.container-control-video {
  width: 100%;
  padding: 8px;
  background: #2b2e33;
  border-radius: 0px 0px 8px 8px;
}
.private-video-player {
  height: 100%;
  /* === range theme and appearance === */
  /* === range commons === */
  /* === WebKit specific styles === */
  /* === Firefox specific styles === */
}
.private-video-player input[type='range'] {
  font-size: 1.5rem;
  width: 12.5em;
}
.private-video-player input[type='range'] {
  color: #3b82f6;
  --thumb-height: 10px;
  --track-height: 2px;
  --track-color: white;
  --clip-edges: 0.125em;
}
.private-video-player input[type='range'] {
  position: relative;
  background: #fff0;
  overflow: hidden;
}
.private-video-player input[type='range']:active {
  cursor: grabbing;
}
.private-video-player input[type='range']:disabled {
  filter: grayscale(1);
  opacity: 0.3;
  cursor: not-allowed;
}
.private-video-player input[type='range'],
.private-video-player input[type='range']::-webkit-slider-runnable-track,
.private-video-player input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  transition: all ease 100ms;
  height: var(--thumb-height);
}
.private-video-player input[type='range']::-webkit-slider-runnable-track,
.private-video-player input[type='range']::-webkit-slider-thumb {
  position: relative;
}
.private-video-player input[type='range']::-webkit-slider-thumb {
  --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
  --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
  --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
  --clip-further: calc(100% + 1px);
  --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;
  width: var(--thumb-width, var(--thumb-height));
  background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px);
  background-color: currentColor;
  box-shadow: var(--box-fill);
  border-radius: var(--thumb-width, var(--thumb-height));
  filter: brightness(100%);
  clip-path: polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further));
}
.private-video-player input[type='range']::-webkit-slider-runnable-track {
  background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px);
}
.private-video-player input[type='range']:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
}
.private-video-player input[type='range'],
.private-video-player input[type='range']::-moz-range-track,
.private-video-player input[type='range']::-moz-range-thumb {
  appearance: none;
  transition: all ease 100ms;
  height: var(--thumb-height);
}
.private-video-player input[type='range']::-moz-range-track,
.private-video-player input[type='range']::-moz-range-thumb,
.private-video-player input[type='range']::-moz-range-progress {
  background: #fff0;
}
.private-video-player input[type='range']::-moz-range-thumb {
  background: currentColor;
  border: 0;
  width: var(--thumb-width, var(--thumb-height));
  border-radius: var(--thumb-width, var(--thumb-height));
  cursor: grab;
}
.private-video-player input[type='range']:active::-moz-range-thumb {
  cursor: grabbing;
}
.private-video-player input[type='range']::-moz-range-track {
  width: 100%;
  background: var(--track-color);
}
.private-video-player input[type='range']::-moz-range-progress {
  appearance: none;
  background: currentColor;
  transition-delay: 30ms;
}
.private-video-player input[type='range']::-moz-range-track,
.private-video-player input[type='range']::-moz-range-progress {
  height: calc(var(--track-height) + 1px);
  border-radius: var(--track-height);
}
.private-video-player input[type='range']::-moz-range-thumb,
.private-video-player input[type='range']::-moz-range-progress {
  filter: brightness(100%);
}
.private-video-player input[type='range']:disabled::-moz-range-thumb {
  cursor: not-allowed;
}
.container-volume .wrapper-volume {
  position: absolute;
  transform: rotate(-90deg);
  top: -70px;
  padding: 8px;
  background: #2b2e33;
  height: 30px;
  width: 110px;
  right: -35px;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.container-volume:hover .wrapper-volume {
  pointer-events: unset;
  opacity: 1;
}
.container-video-setings {
  top: -40px;
  right: 0px;
}
.container-next-video {
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(19, 23, 28, 0.9);
  border-radius: 8px 8px 0px 0px;
}
.btn-close-learn-mobile {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px;
  z-index: 5;
}
.container-video-login {
  background: rgba(18, 39, 74, 0.85);
  position: absolute;
  bottom: 0px;
  width: 100%;
  overflow: hidden;
  z-index: 5;
}
ol.lower-alpha {
  list-style-type: lower-alpha;
}
ol.lower-alpha-parentheses {
  counter-reset: list;
}
ol.lower-alpha-parentheses > li {
  list-style: none;
  position: relative;
}
ol.lower-alpha-parentheses > li:before {
  counter-increment: list;
  content: counter(list, lower-alpha) ') ';
  position: absolute;
  left: -1em;
}
ul {
  list-style-type: disc !important;
}
ul.dashed {
  list-style: none !important;
  margin-left: 0;
}
ul.dashed > li:before {
  display: inline-block;
  content: '-';
  width: 1em;
  margin-left: -1em;
}
.carousel-banner .carousel-banner-item .banner-image {
  width: 100%;
  filter: brightness(50%);
  height: 476px;
  object-fit: cover;
}
.carousel-banner .carousel-banner-item .banner-content {
  bottom: 0px;
  z-index: 1;
  pointer-events: none;
}
.carousel-banner .ant-carousel .slick-dots li.slick-active {
  width: 8px !important;
  border-radius: 25px !important;
  opacity: unset !important;
}
.carousel-banner .ant-carousel ul {
  margin-bottom: 16px;
}
.carousel-banner .ant-carousel .slick-prev {
  left: 16px !important;
  z-index: 1;
}
.carousel-banner .ant-carousel .slick-next {
  right: 16px !important;
  z-index: 1;
}
.carousel-banner .ant-carousel .slick-dots-bottom {
  bottom: 0px;
  z-index: auto !important;
}
.carousel-banner .ant-carousel .slick-dots-bottom li {
  width: 4px;
  height: 4px;
  opacity: 0.5;
  border-radius: 50%;
}
.carousel-banner .ant-carousel .slick-dots-bottom li button {
  background: transparent;
}
.slider-wrapper .ant-carousel .slick-dots {
  bottom: calc(8px * -1.5);
  margin-bottom: -24px !important;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.slider-wrapper .ant-carousel .slick-dots li {
  background: white !important;
  opacity: unset !important;
}
.slider-wrapper .ant-carousel .slick-dots li.slick-active {
  background: #3685f1 !important;
  width: 8px !important;
  border-radius: 25px !important;
  opacity: unset !important;
}
.slider-wrapper .ant-carousel .slick-dots-bottom {
  bottom: 0px;
  z-index: auto !important;
}
.slider-wrapper .ant-carousel .slick-dots-bottom li {
  width: 4px;
  height: 4px;
  opacity: 0.5;
  border-radius: 50%;
}
.slider-wrapper .ant-carousel .slick-dots-bottom li button {
  background: transparent !important;
}
.slider-wrapper .ant-carousel img {
  width: 100%;
  object-fit: cover;
  height: 120px;
}
.slider-wrapper .ant-carousel .slick-list .slick-slide {
  pointer-events: unset;
}
.slider-wrapper .ant-carousel .slick-next {
  margin-top: -15px;
  z-index: auto !important;
}
.slider-wrapper .ant-carousel .hero-slider-item {
  width: 260px;
}
.slider-wrapper .ant-carousel .hero-slider-item .ant-image-img {
  height: 390px;
  object-fit: cover;
}
.slider-wrapper-v2 {
  padding-top: 8px;
}
.slider-wrapper-v2 .ant-carousel .slick-dots {
  bottom: calc(8px * -1.5);
  margin-bottom: -24px !important;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.slider-wrapper-v2 .ant-carousel .slick-dots li {
  background: white !important;
  opacity: unset !important;
}
.slider-wrapper-v2 .ant-carousel .slick-dots li.slick-active {
  background: #3685f1 !important;
  width: 8px !important;
  border-radius: 25px !important;
  opacity: unset !important;
}
.slider-wrapper-v2 .ant-carousel .slick-dots-bottom {
  bottom: 0px;
  z-index: auto !important;
}
.slider-wrapper-v2 .ant-carousel .slick-dots-bottom li {
  width: 4px;
  height: 4px;
  opacity: 0.5;
  border-radius: 50%;
}
.slider-wrapper-v2 .ant-carousel .slick-dots-bottom li button {
  background: transparent !important;
}
.slider-wrapper-v2 .ant-carousel .slick-list .slick-slide {
  pointer-events: unset;
}
.slider-wrapper-v2 .ant-carousel .slick-next {
  margin-top: -15px;
  z-index: auto !important;
}
.slider-wrapper-v2 .ant-carousel .hero-slider-item {
  width: 260px;
}
.slider-wrapper-v2 .ant-carousel .hero-slider-item .ant-image-img {
  height: 390px;
  object-fit: cover;
}
.slider-wrapper-v2 .ant-carousel .slick-slide {
  width: 80px !important;
}
.home-game-item {
  background-color: transparent !important;
  height: 200px;
}
.home-game-item .overlay::after {
  content: '';
  position: absolute;
  left: -1.5px;
  right: 0;
  top: -1px;
  bottom: 0;
  border-radius: 21px;
  width: 101%;
  height: 201px;
}
.home-game-item .overlay {
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  height: 100%;
  width: 100%;
}
.home-game-item .overlay .ant-image {
  height: 100%;
  width: 100%;
}
.home-game-item .overlay .ant-image .ant-image-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.em-icon-content-modal {
  width: 40;
  height: 40;
}
.slider-track-horizontal {
  width: 100%;
  display: flex;
  overflow: auto;
}
.friends-slider-item {
  width: 74px;
  cursor: pointer;
}
.friend-list-masking {
  position: absolute;
  background: linear-gradient(151.38deg, rgba(16, 18, 32, 0.9) 40.28%, rgba(20, 46, 70, 0.9) 98.9%);
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}
.info-point .ant-popover-arrow {
  border-top-color: #c9ecfc !important;
  border-right-color: #c9ecfc !important;
  border-bottom-color: #c9ecfc !important;
  border-left-color: #c9ecfc !important;
}
.info-point .ant-popover-inner-content {
  width: 218px;
}
.info-point-purple.hide {
  display: none;
}
.info-point-purple .ant-popover-arrow {
  border-top-color: #5d29e2 !important;
  border-right-color: #5d29e2 !important;
  border-bottom-color: #5d29e2 !important;
  border-left-color: #5d29e2 !important;
}
.info-point-purple .ant-popover-arrow .ant-popover-arrow-content::before {
  background: #5d29e2 !important;
}
.info-point-purple .ant-popover-inner-content {
  width: 220px;
}
.topup-webview-home-modal .ant-modal-content {
  background-color: #21232d;
  border-radius: 20px;
  height: auto;
  margin: auto;
}
.topup-webview-home-modal .ant-modal-content .ant-modal-close-x {
  position: absolute;
  top: -25px;
  left: -34px;
}
.coming-soon-title {
  width: 100px;
  line-height: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 600;
}
.nav-carousel-homepage .nav-carousel-banner-item-d {
  height: 80px;
  width: 100%;
  background: linear-gradient(115.07deg, rgba(58, 65, 106, 0.595) 9.21%, rgba(48, 49, 56, 0.539) 65.84%);
}
.nav-carousel-homepage .nav-carousel-banner-item-d .nav-content {
  display: flex;
  align-items: center;
}
.nav-carousel-homepage .icon-nav-carousel {
  height: 80px;
  max-height: 120px;
  width: 100%;
}
.nav-carousel-homepage .overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(115.07deg, rgba(58, 65, 106, 0.595) 9.21%, rgba(48, 49, 56, 0.539) 65.84%);
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
}
@media (min-width: 992px) {
  .nav-carousel-homepage .nav-carousel-banner-item-d {
    height: 120px;
  }
  .nav-carousel-homepage .icon-nav-carousel {
    height: 120px;
  }
}
.nav-progress-carousel,
.nav-progress-carousel.active {
  width: 0px;
  height: 2px;
  background: transparent;
  position: absolute;
  bottom: 0px;
  left: 0px;
  animation-delay: 1s;
}
.nav-progress-carousel.active {
  background: #3785f1;
  animation: nav-carousel-progress 4s;
}
@keyframes nav-carousel-progress {
  0% {
    width: 0px;
  }
  100% {
    width: 100%;
  }
}
.bg-homepage-d {
  background: #121212;
}
.bg-trivia-entry-d {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/activity/bg-hub-trivia.webp?w=1600);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 1%;
}
.bg-gacha-d {
  height: 720px !important;
  min-height: calc(100vh - 72px) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 15%;
  background-image: url(https://cdn-v2.noctuagames.com/website-image/bg-base-gacha-d.webp);
}
.bg-footer-gacha-d {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(https://cdn-v2.noctuagames.com/website-image/bg-footer-gacha-d.webp?w=1600);
}
.text-container-gacha-d {
  background: rgba(6, 13, 40, 0.4);
  border-radius: 8px;
  padding: 12px 16px;
}
.glowing-gacha-effect {
  transition: background-color 0.5s ease;
  background-color: white;
  height: 90%;
  width: 100%;
  position: absolute;
  filter: blur(20px);
  z-index: 0;
  top: 0;
  left: 0;
}
.shadow-gacha-effect {
  background-color: #000000;
  width: 100%;
  height: 93px;
  position: absolute;
  filter: blur(80px);
  z-index: 0;
  bottom: -10px;
}
.container-glowing:hover {
  -webkit-filter: drop-shadow(0px 0px 50px white);
  filter: drop-shadow(0px 0px 50px white);
}
.container-shadow {
  box-shadow: -1px 6px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -1px 6px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 6px 5px 0px rgba(0, 0, 0, 0.75);
}
.zoom-machine:hover {
  transform: scale(1.06);
  transition: transform 0.5s ease;
}
.layout-wrapper.bg-play-testing-d {
  background: #13171c;
  margin-top: 0 !important;
  /* 72 */
  margin-bottom: 0 !important;
  /* mb-9 */
  padding-top: 0 !important;
  /* 56 */
}
.layout-wrapper-container {
  width: 100%;
  max-width: 860px;
}
.container-play-test {
  height: 100vh !important;
  /* Set a fixed height for the container */
  overflow-y: scroll;
  /* Enable vertical scrolling */
  scroll-snap-type: y mandatory;
  /* Enable snap scrolling vertically */
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.container-play-test-mobile {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  /* Enable vertical scrolling */
  scroll-snap-type: y mandatory;
  /* Enable snap scrolling vertically */
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.container::-webkit-scrollbar {
  display: none;
}
.scroll-container-column {
  display: flex;
  flex-direction: column;
  /* Arrange items vertically */
}
.scroll-item {
  height: calc(100vh - 128px) !important;
  /* Set the height of each item */
  scroll-snap-align: start;
  /* Snap each item to the start of the container */
  scroll-snap-stop: always;
}
.scroll-item-mobile {
  height: 100%;
  /* Set the height of each item */
  scroll-snap-align: start;
  /* Snap each item to the start of the container */
}
.scroll-item:last-child {
  margin-bottom: 72px;
}
.action_button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  width: 58px;
  border-radius: 29px;
  cursor: pointer;
  background-color: #1e2227;
  transition: 0.2s ease;
}
.action_button_mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  width: 46px;
  border-radius: 23px;
  cursor: pointer;
  background-color: #1e2227;
  transition: 0.2s ease;
}
.botton_sheet_comment {
  background-color: #1e2227;
}
.action_button:hover {
  background-color: #71828a;
}
.action_button.thumbs_up:hover {
  background-color: #1aaa5599;
}
.action_button.thumbs_up:active {
  background-color: #1aaa55;
}
.action_button.thumbs_down:hover {
  background-color: #f6274c66;
}
.action_button.thumbs_down:active {
  background-color: #f6274c;
}
.share-social-media-modal .ant-modal-content {
  max-width: none !important;
}
.share-social-media-modal .ant-modal-content .border-blue-shine::before {
  background: #1e2227 !important;
  border: 0 !important;
}
.share-social-media-content-modal {
  background: #1e2227 !important;
}
.share-social-media-btn-copy {
  position: absolute;
  width: 84px;
  top: 4px;
  right: 12px;
}
.share-social-media-url {
  border-radius: 8px;
  padding: 4px 12px;
  border: 1px solid #374151;
  background: transparent;
  width: 100%;
  color: #f3f4f6;
  padding-top: 8px;
  height: 40px;
}
.friend-list-collapse-header .ant-collapse-header {
  border-bottom: 1px solid #255582;
}
.friend-list-collapse-header .ant-collapse-header .ant-collapse-arrow {
  right: 0px !important;
}
.expand-icon {
  transition: 0.3s;
  transform: rotate(0deg) !important;
  margin-top: -8px !important;
}
.active-expand-icon {
  transition: 0.3s;
  transform: rotate(-180deg) !important;
  margin-top: -12px !important;
}
.container-fixed-btn-add-friend {
  position: fixed;
  max-width: 420px;
  width: 100%;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  filter: drop-shadow(0px -4px 8px rgba(0, 0, 0, 0.15));
  left: 50%;
  transform: translate(-50%);
}
.container-fixed-btn-add-friend.login {
  bottom: 64px !important;
}
.container-fixed-btn-add-friend.non-login {
  bottom: 0px !important;
}
.container-page {
  margin-bottom: 120px !important;
}
.search-wrap .em-label-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.search-wrap .em-input {
  padding-right: 7px !important;
}
.search-wrap .anticon svg {
  color: #2b2e33 !important;
  margin-right: 5px !important;
}
.btn-search.ant-btn-primary {
  color: #3685f1 !important;
  background-color: #1b1d2a !important;
  height: 27px !important;
  width: 60px !important;
  font-size: 12px !important;
}
.btn-search-friend {
  border: none !important;
  outline: none !important;
  height: 32px !important;
}
.friendlist-tab .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #b0b2b3 !important;
}
.friendlist-tab .ant-tabs-nav-list {
  width: 100%;
}
.friendlist-tab .ant-tabs-nav-list .ant-tabs-tab {
  flex: 1 1;
  justify-content: center;
  color: #2b2e33;
}
.friendlist-tab .ant-tabs-nav::before {
  border-bottom: 1px solid #2b2e33;
}
.comp-friend-list .ant-avatar.ant-avatar-circle {
  background-color: #1b1d2a !important;
}
.friend-card.ant-row {
  margin-bottom: -5px !important;
}
.btn-friend-request {
  width: 48px !important;
  height: 26px !important;
}
.col-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.col-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.display-column {
  display: flex;
  flex-direction: column;
}
.ant-list-empty-text {
  padding: 0 !important;
}
.reward-tabs {
  overflow: visible !important;
}
.reward-tabs .ant-tabs-tab {
  display: block;
  flex: 1;
  text-align: center;
  color: #35395f !important;
}
.reward-tabs .ant-tabs-tab-active {
  color: #386bb6;
}
.reward-tabs .ant-tabs-nav {
  width: 100% !important;
  position: sticky !important;
  position: -webkit-sticky;
  align-self: flex-start;
  z-index: 4;
  -webkit-transform: translate3d(0, 0, -1px);
  transform: translate3d(0, 0, -1px);
}
.reward-tabs.is-sticky .ant-tabs-nav {
  background: linear-gradient(179deg, #101220 40.28%, #142e46 98.9%);
  top: 55px;
}
.reward-tabs .ant-tabs-nav > div:nth-of-type(1) {
  display: unset !important;
  width: 100% !important;
}
.reward-tabs > .ant-tabs-nav::before {
  border-bottom: 1px solid #35395f !important;
}
.reward-tabs .ant-progress-inner {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), rgba(80, 153, 252, 0.2);
}
.quest-progress .ant-progress-inner {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), rgba(80, 153, 252, 0.2);
}
.reward-games-card {
  background-color: rgba(19, 23, 28, 0.4) !important;
}
.reward-games-card .ant-card-body {
  padding-bottom: 6px;
  text-align: center;
}
.reward-games-card img {
  height: 78px;
  min-height: 78px;
  max-height: 78px;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.claim-coins-animation {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.exchange-reward-filter {
  -webkit-transform: translate3d(0, 0, -2px);
  transform: translate3d(0, 0, -2px);
}
.countdown-discount {
  padding: 8px;
  background: linear-gradient(92.39deg, #255582 -67.39%, rgba(80, 153, 252, 0) 102.05%);
}
.claimable-quest {
  border: 1px solid #1aaa55;
  background: linear-gradient(110deg, rgba(26, 170, 85, 0.2) 0%, #1b1d2a 100%) !important;
}
.special-quest-job {
  border: 1px solid #feda00;
  background: linear-gradient(110deg, rgba(254, 218, 0, 0.2) 0%, #1b1d2a 56%) !important;
  border-top-left-radius: 0px !important;
  border-radius: 0px 8px 8px;
}
.badge-quest-persona {
  width: fit-content;
  padding: 2px 30px 2px 12px;
  border-radius: 16px 30px 0px 0px;
}
.badge-quest-anniv {
  width: fit-content;
  border-radius: 16px 30px 0px 0px;
  background: linear-gradient(113.58deg, #a006ff 9.69%, #08c7f0 44.71%, #00acea 60.2%, #ff82ff 85.23%), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
  padding: 2px 24px 2px 10px;
  box-shadow: 0px 0px 14px 0px rgba(150, 230, 255, 0.5);
  position: relative;
}
.badge-quest-anniv::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px 30px 0px 0px;
  border-bottom-left-radius: 0px;
  padding: 2px;
  padding-bottom: 0px;
  background: linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.special-quest-anniversary-bg {
  border-top-left-radius: 0px !important;
  border-radius: 0px 8px 8px;
  background: linear-gradient(269.75deg, rgba(255, 130, 255, 0) 8.93%, rgba(13, 194, 241, 0.2) 71.1%, rgba(111, 70, 251, 0.2) 110.73%) !important;
  position: relative;
}
.special-quest-anniversary-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  border-top-left-radius: 0px;
  padding: 2px;
  background: linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.locked-quest-persona {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  left: 0px;
  top: 0px;
  z-index: 4;
}
.persona-quest-item-bonus-ticket,
.persona-quest-item-bonus-point {
  width: 51px;
  height: 44px;
  background-image: linear-gradient(110deg, #ff6c2d 0%, #ff1ba4 42%, #aa85fa 100%);
  border-radius: 4px;
  border: 1px solid white;
  background-color: white;
}
.persona-quest-item-bonus-point {
  background-image: linear-gradient(110deg, rgba(61, 45, 255, 0.7) 0%, rgba(27, 77, 255, 0.7) 42%, rgba(133, 166, 250, 0.7) 100%);
}
.text-persona-bonus {
  text-shadow: 0.5px 0px 0px #fff, -0.5px 0px 0px #fff, 0px -0.5px 0px #fff, 0px 0.5px 0px #fff;
}
.quest-continer-reedem {
  background: linear-gradient(110deg, rgba(34, 60, 194, 0) 0%, #aa00b9 100%);
}
.rotated-noctua-point {
  margin-left: -22px;
  transform: rotate(-20deg);
}
.shadow-btn-redeem-point {
  box-shadow: 0px 4px 4px 0px #00000040;
}
.countdown-filter {
  background: rgba(226, 174, 41, 0.2);
  border: 1px solid #e2ae29;
}
.reward-continer-earn {
  background: linear-gradient(110deg, rgba(34, 127, 194, 0) 0%, #00b907 100%);
}
.container-count-claim-quest {
  background: linear-gradient(269.83deg, rgba(26, 170, 85, 0) 4.25%, rgba(26, 170, 85, 0.2) 95.01%), linear-gradient(0deg, #1b1d2a, #1b1d2a);
}
.bg-bind-unlock-quest {
  width: 100%;
  transform: rotate(180deg);
  border-radius: 0px 0px 20px 20px;
  margin-bottom: -45%;
}
.bg-bottom-sheet-bind {
  background-image: linear-gradient(110deg, #101220 0%, #142e46 100%);
}
.container-count-claim-quest-yellow {
  border: 1px solid;
  border-color: #fca350;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, #564227 -3.35%, #21232d 101.83%), linear-gradient(0deg, #fca350, #fca350);
}
.container-count-claim-quest-yellow > div {
  height: 40px;
}
.reward-games-card-v2 .ant-card-body {
  padding-bottom: 6px;
  text-align: center;
}
.reward-games-card-v2 img {
  height: 60px;
  width: 60px;
  object-fit: cover;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.slider-item-v2 {
  height: 92px;
}
.slider-item-v2 .ant-card-cover {
  text-align: center;
  text-align: -webkit-center;
}
.slider-item-v2-active {
  background: linear-gradient(180deg, rgba(80, 153, 252, 0) 50%, #5099fc 293.75%);
}
.slider-item-v2-active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10px;
  height: 1px;
  width: 74%;
  /* or 100px */
  border-bottom: 4px solid #3685f1;
}
.reward-gacha-info {
  background: linear-gradient(133.92deg, rgba(255, 45, 120, 0.5) -4.81%, rgba(38, 28, 96, 0.5) 40.01%, rgba(17, 21, 62, 0.5) 69.73%, rgba(6, 36, 72, 0.5) 91.89%);
  border: 1px solid #f9f9f980;
  box-shadow: 0px 4px 9px 0px #94168066;
  margin-left: 10px;
  margin-right: 4px;
  border-radius: 10px;
  max-height: 62px;
  height: 100%;
}
.reward-voucher-info {
  background: linear-gradient(91.77deg, rgba(0, 41, 80, 0.4) -24.6%, rgba(80, 153, 252, 0) 42.02%), linear-gradient(133.92deg, rgba(45, 116, 255, 0.5) -4.81%, rgba(38, 28, 96, 0.5) 40.01%, rgba(17, 21, 62, 0.5) 69.73%, rgba(6, 36, 72, 0.5) 91.89%);
  border: 1px solid #f9f9f980;
  box-shadow: 0px 4px 10px 0px #1d6ddc54;
  margin-left: 4px;
  margin-right: 10px;
  border-radius: 10px;
  max-height: 62px;
}
.reward-voucher-badge {
  position: absolute !important;
  right: 5px;
  top: -5px;
}
.text-road-to-anniv-ss {
  margin-bottom: 0px;
  text-shadow: 0.5px 1px 2px #000000;
  margin-left: 30px;
}
.text-xmas-quest {
  margin-bottom: 0px;
  text-shadow: 0.5px 1px 2px #000000;
  margin-left: 30px;
}
.special-event-quest {
  border: 1px solid #ffe54c;
  background: linear-gradient(269.75deg, rgba(255, 130, 255, 0) 8.93%, rgba(13, 194, 241, 0.2) 71.1%, rgba(111, 70, 251, 0.2) 110.73%) !important;
  border-top-left-radius: 0px !important;
  border-radius: 0px 8px 8px;
}
.nickname {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transaction-tab .ant-tabs-nav-list {
  width: 100%;
}
.transaction-tab .ant-tabs-nav-list .ant-tabs-tab {
  flex: 1 1;
  justify-content: center;
  color: #35395f;
}
.transaction-tab > .ant-tabs-nav::before {
  border-bottom: 1px solid #35395f;
}
.popover-coins .ant-popover-arrow {
  border-color: #c9ecfc !important;
}
.popover-coins .ant-popover-inner-content {
  background-color: #c9ecfc !important;
  width: 218px;
}
.filter-date {
  background: #1b1f23;
  border-radius: 5px;
  padding: 8px;
  width: 292px;
}
.item-image {
  position: relative;
  background: linear-gradient(to right, #7cadef, #487dc5);
  padding: 3px;
}
.item-image .module {
  background: #222;
  color: white;
}
.item-image .ant-image {
  width: 60px;
}
.item-image .ant-image img {
  object-fit: cover;
}
.item-image .bundle-package-absolute {
  bottom: 0;
  right: 0;
  padding: 2px 8px 4px 8px;
  border-radius: 10px 0 20px 0;
}
.voucher-token {
  background: linear-gradient(99.31deg, #8d2bca 6.15%, #321570 98.1%);
  border-radius: 8px;
  border: 1px solid white;
}
.order-detail-reward-content {
  border: unset !important;
}
.order-detail-reward-content .ant-collapse-content {
  border-bottom: unset !important;
  border-top: 1px solid rgba(249, 249, 249, 0.1);
}
.payment-method-collapse-header .ant-collapse-header {
  border-bottom: 1px solid #255582;
}
.payment-method-collapse-header .ant-collapse-header .ant-collapse-arrow {
  right: 0px !important;
}
.payment-method-collapse-header .active-card {
  border: 3px solid #5099fc;
}
.payment-method-collapse-header .active-card .checkbox {
  top: 0;
  right: 0;
  height: 32px;
  width: 32px;
  background-color: #5099fc;
  border-radius: 0px 0px 0px 20px;
}
.payment-method-collapse-header .payment-hint {
  border: none;
}
.payment-method-collapse-header .ant-tabs-tab {
  background-color: #333855 !important;
  width: 100%;
  border: none;
}
.disable-payment-card {
  border: 1px solid #424242 !important;
}
.disable-payment-card img {
  filter: contrast(0.3);
}
.payment-badge-count .ant-badge-count {
  height: 24px;
  min-width: 24px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #5099fc;
  box-shadow: unset;
}
.back-panel {
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, #343856 0%, #1b1d2a 28.4%);
  position: absolute;
  left: 0;
  top: 95px;
}
.diamond-tabs {
  overflow: visible !important;
}
.diamond-tabs .ant-tabs-nav .ant-tabs-tab {
  display: block;
  flex: 1;
  text-align: center;
  height: 36px !important;
  font-size: 14px;
  font-weight: 400;
  border-color: #2b2f4e !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  background-color: #2b2f4e !important;
}
.diamond-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  color: #2b2e33;
}
.diamond-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
  border-color: #333855 !important;
  font-weight: 600;
  background-color: #333855 !important;
}
.diamond-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #f9f9f9;
}
.diamond-tabs .ant-tabs-nav > div:nth-of-type(1) {
  display: unset !important;
  width: 100% !important;
  border: transparent;
}
.topup-item-card {
  min-height: 159px;
  overflow: unset !important;
}
.btn-buy-now {
  width: 100%;
  max-width: 420px;
  left: 50%;
  transform: translate(-50%);
  bottom: 0px;
  background: transparent;
  z-index: 1;
}
.helper-topup .ant-popover-arrow-content::before {
  background: #c9ecfc;
}
.helper-topup .ant-popover-inner-content {
  background: #c9ecfc;
  padding: 8px;
  border-radius: 8px;
}
.helper-topup .ant-popover-inner {
  border-radius: 8px;
}
.label-first-charge {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.label-double-topup {
  position: absolute;
  top: -12px;
  left: -8px;
  z-index: 1;
}
.topup-lets-topup {
  border-radius: 16px;
  background: rgba(17, 24, 39, 0.4);
  width: 396px;
}
.topup-lets-topup-desc {
  border-radius: 8px;
  background: rgba(6, 13, 40, 0.4);
}
.bg-topup-desktop {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(https://cdn-v2.noctuagames.com/website-image/desktop-topup-bg-2.webp);
}
@media (min-width: 1680px) {
  .bg-topup-desktop {
    background-position: left 22%;
  }
}
.ant-modal.onboarding-topup-wrapper {
  top: 50%;
  width: max-content !important;
  transform: translate(0, -50%);
}
.ant-modal.onboarding-topup-wrapper .ant-modal-content {
  margin: 16px;
}
.ant-modal.onboarding-topup-wrapper .ant-modal-close-x {
  position: absolute;
  top: 20px;
  left: -60px;
}
.ant-modal.onboarding-topup-wrapper .ant-modal-content {
  border-radius: 16px;
}
.onboarding-topup {
  width: max-content;
}
.onboarding-topup-step-1-btn {
  position: absolute;
  right: 93px;
  bottom: 48px;
  width: 90px;
  height: 143px;
}
.onboarding-topup-step-1-btn.mobile {
  right: 99px;
  top: 204px;
  height: 129px;
}
.onboarding-topup-step-2-btn.mobile {
  position: absolute;
  right: 18px;
  bottom: 15px;
  width: 90%;
  height: 56px;
}
.floating-hand-move {
  animation: hand-move 1s infinite alternate;
  /* Animation name, duration, repeat count */
}
@keyframes hand-move {
  from {
    transform: translateY(-20px);
  }
  to {
    transform: translateY(5px);
  }
}
.bg-finish-onboarding-topup {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://cdn-v2.noctuagames.com/website-image/onboarding-topup-step-4.webp?w=700);
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
  border-radius: 14px;
}
.bg-finish-onboarding-topup::before {
  content: '';
  position: absolute;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-image: linear-gradient(90deg, rgba(255, 222, 0, 0) 20%, #ffde00 50%, rgba(255, 222, 0, 0) 80%) !important;
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  padding: 2px;
  inset: 0;
}
.ribbon-tutorial-only {
  background: linear-gradient(92.39deg, #e74acd -67.39%, #5f00e3 102.05%);
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  padding: 3px 36px;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
}
.m-bg-onboarding-topup {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url(https://cdn-v2.noctuagames.com/website-image/m-bg-onboarding-1.webp);
}
.m-bg-onboarding-topup.step-2,
.m-bg-onboarding-topup.step-3 {
  background-image: url(https://cdn-v2.noctuagames.com/website-image/m-bg-onboarding-2.webp);
}
.m-bg-onboarding-topup.step-4 {
  background-image: url(https://cdn-v2.noctuagames.com/website-image/m-bg-onboarding-3.webp);
  background-position: center;
  background-blend-mode: soft-light;
}
.m-bg-onboarding-topup.step-4::before {
  content: '';
  width: 100%;
  position: absolute;
  height: 100%;
  background: linear-gradient(0deg, #12141a 0%, rgba(255, 255, 255, 0) 100%);
}
.m-onboarding-container-bottom-btn {
  position: absolute;
  bottom: 0px;
  padding: 16px;
  width: 100%;
  background: #12141a;
}
.container-content-banner-topup {
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
}
.gradient-banner-topup {
  width: 100%;
  height: 130px;
  background: linear-gradient(0deg, #121212 15.34%, rgba(18, 18, 18, 0) 100%);
  position: absolute;
  bottom: 0px;
}
.container-voucher-select {
  position: relative;
  background: linear-gradient(90deg, rgba(255, 200, 57, 0.2) 0%, rgba(255, 200, 57, 0) 100%);
}
@media (max-width: 767px) {
  .container-content-banner-topup {
    position: relative;
    top: 0px;
    transform: unset;
  }
  .gradient-banner-topup {
    height: 43px;
    bottom: -1px;
  }
}
.hero-banner-topup {
  width: 100%;
  max-width: 2160px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .hero-banner-topup {
    min-height: 316px;
    object-fit: cover;
    object-position: 85%;
  }
}
@media (orientation: landscape) and (max-width: 1023px) {
  .hero-banner-topup {
    min-height: 200px;
    object-fit: cover;
    object-position: 85%;
  }
}
.chat-item {
  width: auto;
  max-width: calc(100% - 22%);
  border-radius: 20px 0px 20px 20px;
  background: #3685f1;
}
.chat-item.receiver {
  border-radius: 0px 20px 20px 20px !important;
  background: rgba(80, 153, 252, 0.2) !important;
}
.date-separator {
  font-size: 10px;
}
.chat-image {
  max-height: 252px;
  object-fit: 'cover';
}
.chat-video-player .react-player__preview,
.chat-video-player video,
.chat-video-player iframe,
.chat-video-player img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  pointer-events: none;
  background: #000;
}
.chat-tab .ant-tabs-nav-list {
  width: 100%;
}
.chat-tab .ant-tabs-nav-list .ant-tabs-tab {
  flex: 1 1;
  justify-content: center;
  color: #35395f;
}
.chat-tab > .ant-tabs-nav::before {
  border-bottom: 1px solid #35395f !important;
}
.chat-tab .ant-list-empty-text {
  height: calc(100vh - 130px);
  display: flex;
  align-items: center;
}
.chat-tab .chat-unread-badge .ant-badge-status-dot {
  width: 12px;
  height: 12px;
}
.chat-tab .chat-group-more-action {
  display: flex;
  align-items: center;
}
.chat-tab .chat-group-more-action.ant-btn:hover {
  background: rgba(53, 102, 168, 0.1);
}
.radio-item-new-chat .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none;
}
.radio-item-new-chat .ant-radio-inner {
  width: 20px;
  height: 20px;
}
.radio-item-new-chat .ant-radio-inner::after {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  top: -3px;
  left: -3px;
  content: '\2714';
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.chat-link-preview img {
  border-radius: 20px 20px 0px 0px;
}
.chat-link-preview .ant-card-body {
  padding: 12px !important;
}
.chat-media-full-preview {
  background: #13171c;
  position: fixed;
  top: 0px;
  width: 100%;
  max-width: 420px;
  height: 100vh;
  z-index: 10;
  left: 50%;
  transform: translate(-50%);
}
.chat-full-preview-body {
  height: calc(100vh - 64px);
  background: #1b1f23;
}
.chat-deleted {
  background-color: rgba(80, 153, 252, 0.1) !important;
}
.link-preview-action {
  position: absolute;
  bottom: 0px;
  background: #424242;
  padding: 8px 16px;
}
.btn-newchat.ant-btn {
  background-color: #4470c4 !important;
  border: none !important;
  outline: none !important;
  color: #b0b2b3 !important;
  font-size: 14px !important;
}
.btn-newchat.ant-btn[disabled],
.btn-newchat.ant-btn[disabled]:hover {
  background-color: #272727 !important;
  border: 1px solid #2b2e33 !important;
  color: #2b2e33 !important;
}
.search-newchat .anticon svg {
  color: #2b2e33 !important;
}
.container-chat {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: calc(100vh - 56px);
}
.container-chat-list {
  flex: 1 1;
  overflow: auto;
}
.container-chat-list .scrollable-chat {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
}
.btn-scroll-down {
  position: absolute;
  bottom: 16px;
  right: 24px;
}
.bg-edit-profile {
  height: 33.5rem;
}
.avatar-profile-wrap {
  border: 2px solid #253552;
  height: 120px;
  width: 120px;
  border-radius: 50%;
}
.avatar-profile-wrap .avatar img {
  border-radius: 50%;
}
.avatar-profile-wrap .btn-upload {
  position: absolute !important;
  bottom: 0;
  right: 0;
}
.bg-preview-profile {
  height: 328px;
}
.bg-preview-profile .bg-avatar {
  border: 2px solid #253552;
  height: 160px;
  width: 160px;
  border-radius: 50%;
}
.bg-preview-profile .bg-avatar .avatar {
  height: 158px;
  width: 158px;
  border-radius: 50%;
}
.bg-preview-profile .bg-avatar-broken {
  height: 92px;
  width: 92px;
  border-radius: 50%;
}
.bg-preview-profile .bg-avatar-broken .avatar {
  height: 158px;
  width: 158px;
  border-radius: 50%;
}
#edit-profile span.ant-radio + * {
  padding-top: 8px !important;
}
#edit-profile .ant-radio .ant-radio-inner {
  background-color: transparent !important;
  border: 1px solid #386bb6 !important;
}
#edit-profile .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: unset !important;
}
#edit-profile .ant-form-item-with-help .ant-form-item-explain {
  height: 10px;
  min-height: 0 !important;
}
#edit-profile .ant-space {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 8px !important;
}
#edit-profile .ant-space .ant-space-item {
  border: 1px solid #386bb6 !important;
  column-width: 200px !important;
  height: 41px !important;
  border-radius: 20px !important;
  position: relative !important;
}
#edit-profile .ant-space .ant-space-item.checked {
  background-color: #132c50 !important;
}
#edit-profile .ant-form-item-control-input-content {
  margin-top: 5px !important;
}
#edit-profile .em-label-content .ant-picker,
#edit-profile .em-label-content .em-input,
#edit-profile .em-label-content .ant-input-affix-wrapper {
  border: 1px solid #ffffff1a !important;
}
#edit-profile .em-label-content .ant-input[disabled] {
  border: unset !important;
}
#edit-profile .ant-picker-large .ant-picker-input > input {
  font-size: 14px !important;
}
#edit-profile .em-label-content .ant-input[disabled],
#edit-profile .em-label-content .ant-input-affix-wrapper-disabled {
  border: 1px solid #2b2e33 !important;
  background: #272727 !important;
  color: #2b2e33 !important;
}
#edit-profile .em-label-content .ant-input-affix-wrapper-disabled .ant-input-disabled {
  border: unset !important;
}
.bottom-sheet-upload .em-bottom-sheet-content-open {
  max-height: unset !important;
}
.bottom-sheet-upload .confirm-save {
  height: 10rem;
}
.btn-confirm {
  position: absolute !important;
  left: 0 !important;
  bottom: -55px !important;
  width: 100% !important;
  padding: 0 20px !important;
}
.btn-profile {
  height: 40px !important;
}
.btn-profile.ant-btn-primary[disabled],
.btn-profile.ant-btn-primary[disabled]:hover {
  background-color: #272727 !important;
  border: 1px solid #2b2e33 !important;
}
.btn-profile.ant-btn-primary[disabled] .ant-typography,
.btn-profile.ant-btn-primary[disabled]:hover .ant-typography {
  color: #2b2e33 !important;
}
.ant-slider {
  margin: 10px 10px 10px 8px !important;
}
.ant-slider .ant-slider-rail {
  background-color: #424242 !important;
}
.ant-slider .ant-slider-track,
.ant-slider .ant-slider-handle {
  background-color: #4470c4 !important;
  border: #4470c4 !important;
}
.ant-slider .ant-slider-handle:focus {
  box-shadow: unset !important;
}
.reactEasyCrop_CropArea {
  border-radius: 50% !important;
  border: 2px solid #4470c4 !important;
}
.progress-report .ant-progress-inner {
  background-color: #363a3e !important;
}
.progress-report .ant-progress-bg {
  height: 4px !important;
}
.report-form #report-form_detail {
  background: #272727 !important;
}
.avatar-preview-wrap {
  width: 100vw;
  height: 100vh;
  max-width: 420px;
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
  z-index: 20;
  background: #111827 !important;
}
.badge-job.hunter {
  background: linear-gradient(110deg, #1b1d2a 0%, rgba(118, 0, 254, 0.5) 100%) !important;
  background-color: #1b1d2a !important;
}
.badge-job.tactician {
  background: linear-gradient(110deg, rgba(219, 80, 137, 0) 0%, rgba(219, 80, 137, 0.5) 100%) !important;
  background-color: #370b23 !important;
}
.badge-job.battle-master {
  background: linear-gradient(110deg, rgba(79, 81, 196, 0) 0%, rgba(79, 81, 196, 0.5) 100%) !important;
  background-color: #1b1d2a !important;
}
.badge-job.explorer {
  background: linear-gradient(110deg, rgba(255, 134, 46, 0) 0%, rgba(255, 134, 46, 0.5) 100%) !important;
  background-color: #1b1d2a !important;
}
.badge-job.wanderer {
  background: linear-gradient(110deg, rgba(69, 172, 60, 0) 0%, rgba(69, 172, 60, 0.5) 100%) !important;
  background-color: #1b1d2a !important;
}
.bg-profile-header.hunter {
  background: linear-gradient(180deg, rgba(129, 43, 236, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: #1b1d2a !important;
}
.bg-profile-header.battle-master {
  background: linear-gradient(180deg, rgba(79, 81, 196, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: #1b1d2a !important;
}
.bg-profile-header.tactician {
  background: linear-gradient(180deg, rgba(219, 80, 137, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: #1b1d2a !important;
}
.bg-profile-header.explorer {
  background: linear-gradient(180deg, rgba(255, 134, 46, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: #1b1d2a !important;
}
.bg-profile-header.wanderer {
  background: linear-gradient(180deg, rgba(69, 172, 60, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background-color: #1b1d2a !important;
}
.border-icon-job.hunter {
  border-color: #812bec;
}
.border-icon-job.battle-master {
  border-color: #4f51c4;
}
.border-icon-job.tactician {
  border-color: #db5089;
}
.border-icon-job.explorer {
  border-color: #ff862e;
}
.border-icon-job.wanderer {
  border-color: #45ac3c;
}
.border-icon-job {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: -15px;
  z-index: 1;
  padding: 2px;
}
.profile-logout-button {
  border: 1px #9e9e9e solid;
  opacity: 0.6;
}
.tab-details-profile .ant-tabs-nav-list {
  width: 100%;
}
.tab-details-profile .ant-tabs-nav-list .ant-tabs-tab {
  flex: 1 !important;
  justify-content: center !important;
  color: #2b2e33 !important;
}
.tab-details-profile .ant-tabs-nav::before {
  border-color: #2b2f4e !important;
}
.center-v-empty-list .ant-list-empty-text {
  height: calc(100vh - 130px);
  display: flex;
  align-items: center;
}
.flower-badge {
  border-radius: 25px;
  background: linear-gradient(91.77deg, #255582 -24.6%, rgba(80, 153, 252, 0) 115.02%);
  min-width: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-gacha-history {
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.02)), rgba(80, 153, 252, 0.2);
  border-radius: 10px;
  display: flex;
  align-items: center;
}
.carousel-gacha-item {
  background: linear-gradient(270deg, #5d29e2 32.77%, #a61c98 100%);
  border-radius: 20px;
}
.carousel-gacha .ant-carousel .slick-dots li.slick-active button {
  border-radius: 8px;
  width: 8px !important;
  height: 4px !important;
}
.carousel-gacha .ant-carousel .slick-dots li button {
  width: 4px;
  height: 4px;
  border-radius: 8px;
}
.carousel-gacha .ant-carousel .slick-dots li.slick-active {
  width: 8px !important;
  height: 4px !important;
}
.carousel-gacha .ant-carousel .slick-dots li {
  width: 4px;
  height: 4px;
  border-radius: 8px;
}
.modal-gacha .ant-modal-content {
  border-radius: 20px;
  margin: 16px;
}
.modal-gacha .ant-modal-close-x {
  position: absolute;
  top: -25px;
  left: -34px;
}
.big-avatar-item-gacha,
.small-avatar-item-gacha {
  height: 125px;
  width: 125px;
  background: rgba(57, 57, 57, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gacha-animation {
  position: fixed;
  z-index: 99999999;
  top: 0px;
  width: 100vw;
  max-width: 420px;
  left: 50%;
  transform: translate(-50%);
  height: 100vh;
  pointer-events: none;
}
.small-avatar-item-gacha {
  height: 48px !important;
  width: 48px !important;
}
.carousel-gacha-select .carousel-gacha-item {
  background: unset !important;
}
.carousel-gacha-select .slick-slide > * {
  text-align: center;
}
.carousel-gacha-select .carousel-gacha-item {
  max-width: 300px;
}
@media (max-width: 420px) {
  .carousel-gacha-select .carousel-gacha-item {
    max-width: 60%;
  }
}
.carousel-gacha-select .slick-prev {
  left: 12px !important;
  width: 44px !important;
  height: 44px !important;
  z-index: 2 !important;
}
.carousel-gacha-select .slick-next {
  right: 12px !important;
  width: 44px !important;
  height: 44px !important;
}
.gacha-select-button {
  max-width: 80% !important;
  margin: auto;
}
.gacha-select-button .text-family-industry {
  margin-top: 2px;
}
.gacha-select-bg {
  background: url('https://cdn-v2.noctuagames.com/website-image/bg-base-gacha-v2.webp?w=500');
  background-size: cover;
  background-repeat: no-repeat;
}
.carousel-gacha-item-locked {
  filter: brightness(25%) grayscale(100%);
}
.gacha-item-lock {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  text-align: -webkit-center;
  transform: translate(-50%, -50%);
  width: 100%;
}
.gacha-item-lock-desc {
  position: absolute;
  z-index: 1;
  bottom: 0px;
}
.container-mask-gacha-lock {
  width: 100vw;
  height: 100vh;
  max-width: 420px;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.desc-gacha-page-lock {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.logo-bleach-prereg {
  width: 155.86px;
  position: absolute;
  height: auto;
  top: 1.3rem;
  left: 50%;
  transform: translate(-50%);
}
.content-section-prereg-bleach {
  top: 50.5%;
}
.section-char-bleach {
  background: url('https://cdn-v2.noctuagames.com/games-image/bleach/bg-content.webp?w=800');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 250px;
}
.content-feature-item-bleach {
  width: 297px;
  height: 405px;
}
.container-video-feature-bleach {
  position: absolute;
  width: 238px;
  height: 134px;
  left: 29px;
  top: 8%;
}
.container-selector-team {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  left: 16px;
  top: 100px;
}
.team-nav-item {
  margin-top: -16px;
  transition: 0.3s;
}
.team-nav-item.inactive {
  filter: grayscale(1);
}
.container-badge-ulti-bleach {
  position: absolute;
  right: 0px;
  top: 23.2rem;
  z-index: 1;
}
.content-badge-ulti-bleach {
  position: absolute;
  top: 17%;
  left: 28px;
}
.container-char-nav-bleach {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  margin: 0px !important;
  top: 26.3rem;
}
.container-desc-char-bleach {
  position: relative;
  margin-top: -1.5rem;
}
.char-name-bleach {
  position: absolute;
  top: 14px;
  height: 24px;
  left: 16px;
  width: auto;
}
.char-desc-bleach,
.char-desc-bleach-id,
.char-desc-bleach-en,
.char-desc-bleach-th,
.char-desc-bleach-vn {
  position: absolute;
  top: 56%;
  left: 16px;
  height: 80px;
  max-height: 75px;
  overflow: auto;
  width: 90%;
}
.char-desc-bleach::-webkit-scrollbar {
  width: 4px;
}
.char-desc-bleach::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.char-desc-bleach::-webkit-scrollbar-thumb {
  background: #272727;
  border-radius: 4px;
}
.char-desc-bleach::-webkit-scrollbar-thumb:hover {
  background: #272727;
}
.char-bleach {
  position: relative;
  margin: auto;
  height: 500px;
}
.icon-char-nav-bleach {
  filter: grayscale(1);
}
.icon-char-nav-bleach.active {
  filter: unset;
}
.red-line-bleach {
  position: absolute;
  top: 5.3rem;
  left: 0px;
}
.blue-line-bleach {
  position: absolute;
  bottom: -7rem;
  left: 0px;
}
.char-title-bleach {
  position: absolute;
  top: 16px;
  left: 16px;
}
.text-role-bleach {
  position: absolute;
  top: 32%;
  left: 60%;
  width: 35%;
  height: auto;
}
.char-img-bottom-bleach {
  position: absolute;
  bottom: 0px;
}
.video-container-bleach {
  position: absolute;
  width: 152px;
  height: 71px;
  background: black;
  -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
  right: 0px;
  top: 19.5rem;
  z-index: 1;
}
.video-container-bleach video {
  position: absolute;
  top: 8px;
  left: 10px;
  right: 0px;
  bottom: 7px;
  width: calc(100% - 10px);
  height: calc(100% - 15px);
  object-fit: cover;
  clip-path: polygon(18% 0%, 100% 0, 100% 100%, 1.5% 100%);
  -webkit-clip-path: polygon(18% 0%, 100% 0, 100% 100%, 1.5% 100%);
}
.text-name-grimmjow {
  height: 20px;
  width: auto;
}
.container-copy-voucher-bleach,
.container-copy-voucher-release-bleach {
  position: absolute !important;
  top: 60.3%;
  width: 68%;
  left: 50.5%;
  transform: translate(-50%);
}
.container-copy-voucher-release-bleach {
  top: 78%;
}
@media (max-width: 420px) {
  .text-name-grimmjow {
    height: 18px;
    width: auto;
  }
  .container-copy-voucher-bleach,
  .container-copy-voucher-release-bleach {
    top: 60.7%;
  }
  .container-copy-voucher-release-bleach {
    top: 77.8%;
  }
}
@media (max-width: 390px) {
  .char-name-bleach {
    height: 20px;
  }
  .char-desc-bleach,
  .char-desc-bleach-id,
  .char-desc-bleach-en,
  .char-desc-bleach-th,
  .char-desc-bleach-vn {
    max-height: 70px;
  }
  .container-copy-voucher-bleach,
  .container-copy-voucher-release-bleach {
    top: 61.3%;
  }
  .container-copy-voucher-release-bleach {
    top: 77.6%;
  }
}
.btn-install {
  height: 48px !important;
}
.container-btn-congrats-bleach {
  bottom: 8%;
}
.content-section-released-preregistered-bleach,
.content-section-preregistered-bleach {
  top: 0px;
}
.text-btn-download-bleach {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}
.btn-watch-trailer-bleach {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 72%;
}
.btn-play-video-char-bleach {
  position: absolute;
  left: 60%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.container-video-char-bleach {
  position: absolute;
  top: 40%;
  transform: translate(0px, -40%);
  left: 0px;
}
.thumbnail-video-char-bleach {
  position: absolute;
  width: 152px;
  right: 0px;
  top: 19.2rem;
  z-index: 1;
}
.active-landscape-nav.bleach {
  background: linear-gradient(270.1deg, rgba(226, 174, 41, 0.2) 1.3%, rgba(226, 174, 41, 0) 99.92%);
  border-right: 4px solid #e2ae29;
}
.container-carousel-bleach-webview .ant-carousel {
  width: 100%;
}
.container-carousel-bleach-webview .slick-slide {
  padding-left: 4px;
  padding-right: 4px;
}
.container-carousel-bleach-webview .slick-next {
  right: -10px;
  z-index: 2;
}
.container-carousel-bleach-webview .slick-prev {
  left: -10px;
  z-index: 2;
}
.container-carousel-bleach-webview .ant-carousel .slick-dots li {
  width: 8px !important;
  border-radius: 25px !important;
  opacity: unset !important;
}
.container-carousel-bleach-webview .ant-carousel .slick-dots li {
  background: white !important;
}
.container-carousel-bleach-webview .ant-carousel .slick-dots li.slick-active {
  background: #3685f1 !important;
}
.container-carousel-bleach-webview .ant-carousel .slick-dots li.slick-active button {
  opacity: 0;
}
.container-carousel-bleach-webview .ant-carousel .slick-list .slick-slide.slick-active .carousel-banner-item {
  height: 180px !important;
  max-height: 180px !important;
  min-height: 180px !important;
  width: calc(420px - 58px) !important;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.container-carousel-bleach-webview .ant-carousel .slick-dots-bottom li {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
}
.container-carousel-bleach-webview .ant-carousel .slick-dots-bottom li button {
  background: transparent;
}
.container-carousel-bleach-webview .slick-slider {
  max-height: 240px;
}
.container-carousel-bleach-webview .bleach-webview-banner-img {
  max-height: 240px;
  object-fit: contain;
}
.webview-landscape-tutorial-open-container {
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  height: 100%;
}
.webview-landscape-tutorial-open-container > * {
  scroll-snap-align: start;
}
.ant-modal.onboarding-topup-webview-wrapper {
  max-width: max-content !important;
  top: 50%;
  width: max-content !important;
  transform: translate(0, -50%);
}
.ant-modal.onboarding-topup-webview-wrapper .ant-modal-content {
  margin: 16px;
}
.ant-modal.onboarding-topup-webview-wrapper .ant-modal-close-x {
  display: none;
}
.ant-modal.onboarding-topup-webview-wrapper .ant-modal-content {
  border-radius: 16px;
}
.ant-modal.onboarding-topup-webview-wrapper .ant-modal-body {
  padding: 0 !important;
}
.ant-modal.onboarding-topup-webview-wrapper .ant-modal-footer {
  display: none;
}
.bg-finish-onboarding-topup-webview {
  background-repeat: no-repeat;
  background-image: url(https://cdn-v2.noctuagames.com/website-image/onboarding-topup-step-4.webp?w=700);
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
  border-radius: 14px;
  background-position: 10% 20%;
  background-size: cover;
}
.guide-topup-ss {
  background: linear-gradient(92.1deg, #345a63 -4.19%, #003c4f 97.18%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
}
.container-btn-learn-topup-ss {
  border-left: 1px solid rgba(255, 255, 255, 0.29);
}
.bg-topup-ss {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/vending-background.webp?tr=w-420&w=1000);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.vending-machine {
  border-radius: 8px;
  overflow: auto;
  padding: 8px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.item-topup-ss {
  width: 120px;
  height: 80px;
  border-radius: 11px;
  position: relative;
}
.list-topup-ss .ant-carousel .slick-dots-bottom {
  display: none !important;
}
.list-item-topup-ss {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
.bonus-ticket-item-topup {
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 0px 8px 0px 20px;
  padding: 2px 8px;
}
.bonus-gold-item-topup {
  position: absolute;
  left: -6px;
  top: -6px;
}
.content-bonus-gold-item-topup {
  position: absolute;
  left: 4px;
  top: -1px;
}
.payment-item-ss {
  background-color: #202020;
  cursor: no-drop;
}
.payment-item-ss img {
  object-fit: cover;
}
.payment-item-ss.desktop {
  background: rgba(229, 231, 235, 0.1);
}
.scroll-vending-machine {
  position: relative;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.scroll-vending-machine ::-webkit-scrollbar {
  height: 0px;
  width: 0px;
  background: transparent;
}
.scroll-vending-machine ::-webkit-scrollbar-track {
  background: transparent;
}
.scroll-vending-machine ::-webkit-scrollbar-thumb {
  background: transparent;
}
.scroll-vending-machine ::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.scroll-vending-machine ::-webkit-scrollbar-thumb:horizontal {
  background: transparent;
  border-radius: 10px;
}
.container-buy-now {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
}
.mirror-effect {
  position: absolute;
  top: 0px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}
.container-topup-char-ss {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
}
.i-payment {
  border: none;
  width: 100%;
  height: 100vh;
  margin-bottom: -16px;
}
.circle-ripple-success {
  background-color: #168e47;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  animation: ripple-success 0.7s linear infinite;
  right: 0px;
}
.circle-ripple-success-large {
  background-color: #168e47;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  animation: ripple-success 0.7s linear infinite;
  right: 0px;
}
@keyframes ripple-success {
  0% {
    box-shadow: 0 0 0 0 rgba(22, 142, 71, 0.3), 0 0 0 2px rgba(22, 142, 71, 0.3), 0 0 0 4px rgba(22, 142, 71, 0.3), 0 0 0 8px rgba(22, 142, 71, 0.3);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(22, 142, 71, 0.3), 0 0 0 4px rgba(22, 142, 71, 0.3), 0 0 0 8px rgba(22, 142, 71, 0.3), 0 0 0 16px rgba(22, 142, 71, 0);
  }
}
.circle-ripple-pending {
  background-color: #fbbc05;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  animation: ripple-pending 0.7s linear infinite;
  right: 0px;
}
@keyframes ripple-pending {
  0% {
    box-shadow: 0 0 0 0 rgba(251, 188, 5, 0.3), 0 0 0 2px rgba(251, 188, 5, 0.3), 0 0 0 4px rgba(251, 188, 5, 0.3), 0 0 0 8px rgba(251, 188, 5, 0.3);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(251, 188, 5, 0.3), 0 0 0 4px rgba(251, 188, 5, 0.3), 0 0 0 8px rgba(251, 188, 5, 0.3), 0 0 0 36px rgba(251, 188, 5, 0);
  }
}
.circle-ripple-failed {
  background-color: #f6274c;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  animation: ripple-failed 0.7s linear infinite;
  right: 0px;
}
@keyframes ripple-failed {
  0% {
    box-shadow: 0 0 0 0 rgba(246, 39, 76, 0.3), 0 0 0 2px rgba(246, 39, 76, 0.3), 0 0 0 4px rgba(246, 39, 76, 0.3), 0 0 0 8px rgba(246, 39, 76, 0.3);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(246, 39, 76, 0.3), 0 0 0 4px rgba(246, 39, 76, 0.3), 0 0 0 8px rgba(246, 39, 76, 0.3), 0 0 0 16px rgba(246, 39, 76, 0);
  }
}
.circle-ripple-success-main {
  background-color: #1aaa55;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  animation: ripple-success-main 0.7s linear infinite;
  right: 0px;
}
.circle-ripple-success-main-gold {
  background-color: #926d00 !important;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  animation: ripple-success-main-gold 0.7s linear infinite;
  right: 0px;
}
@keyframes ripple-success-main-gold {
  0% {
    box-shadow: 0 0 0 0 rgba(146, 109, 0, 0.3), 0 0 0 2px rgba(146, 109, 0, 0.3), 0 0 0 4px rgba(146, 109, 0, 0.3), 0 0 0 8px rgba(146, 109, 0, 0.3);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(146, 109, 0, 0.3), 0 0 0 4px rgba(146, 109, 0, 0.3), 0 0 0 8px rgba(146, 109, 0, 0.3), 0 0 0 16px rgba(146, 109, 0, 0);
  }
}
@keyframes ripple-success-main {
  0% {
    box-shadow: 0 0 0 0 rgba(26, 170, 85, 0.3), 0 0 0 2px rgba(26, 170, 85, 0.3), 0 0 0 4px rgba(26, 170, 85, 0.3), 0 0 0 8px rgba(26, 170, 85, 0.3);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(0, 88, 4, 0.3), 0 0 0 4px rgba(0, 88, 4, 0.3), 0 0 0 8px rgba(0, 88, 4, 0.3), 0 0 0 16px rgba(0, 88, 4, 0);
  }
}
.track-reward {
  width: 100%;
  height: 4px;
  background: #838b97;
  border-radius: 7px;
  margin-top: -20px;
}
.dots-reward-ss {
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 8px;
  position: relative;
  margin: auto;
  margin-top: 13px;
  border: 1px solid #838b97;
}
.item-reward-hint-ss {
  width: 64px;
  height: 80px;
  background: #2b2e33;
  border-radius: 8px;
}
.item-reward-hint-ss img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.container-reward-hint-ss {
  padding: 8px;
  width: 100%;
}
.reward-hint {
  width: auto;
}
.ant-carousel .slick-dots-bottom {
  z-index: auto !important;
}
.milestone-reward {
  background: linear-gradient(99.31deg, rgba(43, 173, 202, 0.2) 6.15%, rgba(43, 163, 134, 0.2) 98.1%);
  padding: 16px;
  border-radius: 8px;
}
.progress-milestone-ss {
  background: linear-gradient(270deg, #f7d55d 13.47%, #5afdd6 56.73%, #52a9c5 89.73%);
  box-shadow: 0px 0px 5px #ffffff;
  border-radius: 7px;
  height: 12px;
  position: relative;
  width: 12px;
}
.milestone-track-ss {
  width: 100%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.85);
  padding: 2px;
}
.dots-milestone-ss {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translate(0, -50%);
}
.track-indicator,
.track-indicator-reward-hint {
  position: absolute;
  width: calc(90% - 4px);
  height: 12px;
  display: flex;
  justify-content: space-between;
  top: 50%;
  transform: translate(0, -50%);
  right: 2px;
}
.container-indicator-milestone-ss {
  width: 12px;
  height: 12px;
  background: rgba(117, 117, 117, 0.4);
  border-radius: 8px;
}
.indicator-milestone-ss {
  width: 6px;
  height: 6px;
  background-color: white;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
}
.indicator-milestone-ss.active {
  background: #71ff98;
}
.label {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: max-content;
  top: 18px;
}
.carousel-banner-topup-ss .ant-carousel .slick-dots li {
  width: 4px;
  height: 4px;
}
.carousel-banner-topup-ss .ant-carousel .slick-dots li button {
  width: 4px;
  height: 4px;
  background: white;
  border-radius: 2px;
  transition: 0.3s;
  opacity: 1 !important;
}
.carousel-banner-topup-ss .ant-carousel .slick-dots li.slick-active {
  width: 8px;
}
.carousel-banner-topup-ss .ant-carousel .slick-dots li.slick-active button {
  width: 8px;
  background: #3685f1;
}
.carousel-banner-topup-ss .ant-carousel .slick-dots-bottom {
  bottom: -10px;
}
.carousel-banner-topup-ss .ant-carousel .slick-next:hover,
.carousel-banner-topup-ss .ant-carousel .slick-next {
  right: -8px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: rgba(249, 249, 249, 0.5);
  border-radius: 16px;
  z-index: 1;
}
.carousel-banner-topup-ss .ant-carousel .slick-prev:hover,
.carousel-banner-topup-ss .ant-carousel .slick-prev {
  left: -8px;
  z-index: 1;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: rgba(249, 249, 249, 0.5);
  border-radius: 16px;
}
.got-ticket-gacha-ss {
  background: linear-gradient(99.31deg, #972bca 6.15%, #003cd7 98.1%);
  border-radius: 8px;
  border: 1px solid white;
}
.btn-order-detail-ss {
  position: absolute !important;
  bottom: 0px;
  width: 100%;
  left: 0px;
  padding: 8px;
}
.btn-buy-ss:hover,
.btn-buy-ss:active,
.btn-buy-ss {
  background: linear-gradient(90.38deg, #fbc308 0.14%, #ffe817 104.53%) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0px 0px 6px rgba(254, 218, 0, 0.49), 0px 14px 15px rgba(0, 0, 0, 0.05) !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  height: 22px !important;
  width: calc(100% - 8px) !important;
}
.item-image-ss {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  top: 16px !important;
}
.price-item-ss {
  text-shadow: 0px 0.618287px 0px #ff10f7;
}
.topup-bonus-item-ss {
  position: absolute;
  bottom: 1.6rem;
  width: calc(100% - 16px);
  left: 50%;
  transform: translate(-50%, 0px);
}
.prize-item-gold-ss {
  bottom: 0.75rem;
}
.item-ss-tier-1 {
  margin-top: 4px;
}
.item-ss-tier-2 {
  margin-top: -2px;
}
.item-ss-tier-3 {
  margin-top: -2px;
}
@media (max-width: 420px) {
  .topup-bonus-item-ss {
    bottom: 1.4rem;
  }
  .prize-item-gold-ss {
    bottom: 0.68rem;
  }
  .item-ss-tier-1 {
    margin-top: 3px;
  }
  .topup-modal-ss,
  .modal-bleach,
  .topup-modal-info-convert-ss {
    left: 0px !important;
    transform: unset !important;
  }
  .item-image-ss {
    top: 14px !important;
    width: 36px !important;
  }
  .item-ss-tier-3,
  .item-ss-tier-2 {
    margin-top: -4px;
  }
}
@media (max-width: 375px) {
  .topup-bonus-item-ss {
    bottom: 1.3rem;
  }
  .prize-item-gold-ss {
    bottom: 0.6rem;
  }
  .item-ss-tier-1 {
    margin-top: 0px;
  }
  .item-ss-tier-2 {
    margin-top: -14px;
  }
  .item-ss-tier-3 {
    margin-top: -14px;
  }
  .coin-box-fall-shadow {
    bottom: 4px !important;
  }
  .coin-box-fall {
    top: 18px !important;
  }
  .item-image-ss {
    top: 14px !important;
    width: 30px !important;
  }
  .btn-more-reward-ss {
    height: 78px !important;
  }
}
.prev-item-topup-ss {
  position: absolute;
  left: 0px;
  top: 24px;
  padding: 0px !important;
}
.next-item-topup-ss {
  position: absolute;
  left: -10px;
  top: 24px;
  padding: 0px !important;
}
.noctua-gold-curr-ss {
  background: linear-gradient(180deg, #feda00 0%, #e26f04 100%);
  border: 1px solid rgba(255, 255, 255, 0.44);
  border-radius: 19px 19px 0px 0px;
  height: 50px;
  margin-bottom: -44px;
}
.text-nct-gold-curr {
  text-shadow: 0.5px 1px 0px #000000;
  -webkit-text-stroke: 1px #000000;
  -webkit-text-fill-color: white;
}
.treasure-box-ss {
  position: absolute;
  top: 0px;
  left: 16px;
  animation: treasureBox 2s ease-out infinite;
}
@keyframes treasureBox {
  0% {
    transform: scale(0.9, 0.9);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(0.9, 0.9);
  }
}
.btn-open-reward-ss:hover,
.btn-open-reward-ss:active,
.btn-open-reward-ss {
  background: linear-gradient(180deg, #ffbc1a 0%, #ff881a 100%) !important;
  box-shadow: 0px 4px 10px #ffad1a, 0px 5px 9px rgba(80, 153, 252, 0.31) !important;
  border-radius: 20px;
  border: unset !important;
  animation: btnOpenReward 2s ease-out infinite;
}
@keyframes btnOpenReward {
  0% {
    transform: scale(1.1, 1.1);
  }
  50% {
    transform: scale(0.9, 0.9);
  }
  100% {
    transform: scale(1.1, 1.1);
  }
}
.starbust-ss {
  position: absolute;
  top: -54px;
  left: -38px;
}
.coin-box-fall {
  top: 20px;
  left: 50%;
  transform: translate(-50%) rotate(-15deg);
  animation: mover 1s infinite alternate;
}
@keyframes mover {
  0% {
    transform: translate(-50%) rotate(-15deg) translateY(0);
  }
  100% {
    transform: translate(-50%) rotate(-15deg) translateY(-5px);
  }
}
.coin-box-fall-shadow {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translate(-50%);
  animation: coinBoxShadowAnim 2s ease-out infinite;
}
@keyframes coinBoxShadowAnim {
  0% {
    transform: translate(-50%) scale(1.1, 1.1);
  }
  50% {
    transform: translate(-50%) scale(0.9, 0.9);
  }
  100% {
    transform: translate(-50%) scale(1.1, 1.1);
  }
}
.title-preview-reward-ss {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25), 0px 0px 9px #f5a40f;
  font-weight: 700;
  font-size: 34px;
  text-align: center;
  margin-top: 32px;
  margin-bottom: 0px;
}
.reward-preview-bg-anim {
  position: absolute;
  top: 44px;
  animation: bgAnim 5s ease-out infinite;
}
@keyframes bgAnim {
  0% {
    transform: rotate(0deg) scale(1.1, 1.1);
  }
  25% {
    transform: rotate(180deg) scale(0.8, 0.8);
  }
  50% {
    transform: rotate(0deg) scale(1.1, 1.1);
  }
  75% {
    transform: rotate(180deg) scale(0.8, 0.8);
  }
  100% {
    transform: rotate(0deg) scale(1.1, 1.1);
  }
}
.topup-modal-ss,
.modal-bleach,
.topup-modal-info-convert-ss {
  top: 0px;
  left: 50%;
  transform: translate(-50%);
  position: fixed;
  width: 100%;
  max-width: 420px;
  height: 100vh;
  background: black;
  z-index: 9999;
  overflow: auto;
  min-height: auto;
}
.video-guide-topup-ss video,
.video-guide-topup-ss iframe {
  border-radius: 8px;
}
.track-indicator-reward-hint {
  width: 80%;
  left: 10%;
}
.btn-login-ss {
  height: 48px !important;
  background: linear-gradient(92.39deg, #e74acd -67.39%, #5f00e3 102.05%) !important;
  border-radius: 32px !important;
  border: unset !important;
}
.info-send-item-topup-ss {
  background: rgba(80, 153, 252, 0.2);
  border: 1px solid #0b5cd7;
  border-radius: 8px;
  padding: 8px;
}
.badge-count-coupons-ss .ant-badge-count {
  box-shadow: unset !important;
}
.container-info-convert-token-ss {
  background: rgba(80, 153, 252, 0.2);
  border: 1px solid #0b5cd7;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}
.topup-modal-info-convert-ss {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-arrow-carousel-topup-next {
  background: rgba(249, 249, 249, 0.5) !important;
  width: 20px !important;
  height: 20px !important;
  position: absolute !important;
  z-index: 1;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
}
.btn-arrow-carousel-topup-prev {
  background: rgba(249, 249, 249, 0.5) !important;
  width: 20px !important;
  height: 20px !important;
  position: absolute !important;
  z-index: 1;
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
}
.image-got-gacha-ss {
  object-fit: cover;
  object-position: -36px -15px;
  border-radius: 0px 0px 0px 4px;
  height: 45px;
  width: 111px;
}
.btn-quick-buy-milestone,
.btn-quick-buy-milestone:hover,
.btn-quick-buy-milestone:active,
.btn-quick-buy-milestone:focus {
  background: linear-gradient(90.38deg, #fbc308 0.14%, #ffe817 104.53%), linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)) !important;
  box-shadow: 0px 0px 6px 0px #feda007d !important;
}
.btn-more-reward-ss {
  height: 88px;
  width: auto;
  margin-top: -6px;
}
.badge-hot-item-ss {
  position: absolute;
  z-index: 1;
  width: 45px;
  left: -8px;
  top: -10px;
}
.image-item-ss {
  width: 24px;
  height: auto;
}
.image-item-ss.xs-amount {
  width: 32px;
}
@media (max-width: 395px) {
  .image-item-ss {
    width: 18px;
  }
  .image-item-ss.xs-amount {
    width: 24px;
  }
}
@media (max-width: 390px) {
  .btn-more-reward-ss {
    height: 82px;
  }
}
@media (max-width: 360px) {
  .btn-more-reward-ss {
    height: 74px;
  }
  .item-ss-tier-1 {
    margin-top: -2px;
  }
  .item-ss-tier-3,
  .item-ss-tier-2 {
    margin-top: -14px;
  }
}
.item-reward-hint-bronze {
  background: linear-gradient(109deg, rgba(129, 64, 4, 0.4) 0%, rgba(116, 42, 0, 0.4) 50%, rgba(195, 113, 37, 0) 100%);
  border: 1px solid rgba(255, 207, 164, 0.9);
}
.item-reward-hint-silver {
  background: linear-gradient(109deg, rgba(207, 207, 207, 0.4) 0%, rgba(255, 255, 255, 0.18) 10%, rgba(255, 255, 255, 0) 85%);
  border: 1px solid #cfcfcf;
}
.item-reward-hint-gold {
  background: linear-gradient(109deg, rgba(253, 197, 0, 0.2) 0%, rgba(246, 177, 0, 0) 90%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid #ffd89e;
}
.item-reward-hint-platinum {
  background: linear-gradient(109deg, rgba(191, 99, 248, 0.4) 0%, rgba(75, 201, 247, 0) 65%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid #bf63f8;
}
.reward-topup-point {
  background: linear-gradient(269.83deg, rgba(26, 170, 85, 0.2) 4.25%, rgba(26, 170, 85, 0.1) 100%);
  border: 1px solid #1aaa55;
}
.popup-new-topup {
  position: absolute;
  top: 25%;
  width: 90%;
  left: 50%;
  transform: translate(-50%);
}
.container-simplea-order-detail {
  height: 100%;
  background: linear-gradient(357deg, rgba(22, 142, 71, 0.2) 2.86%, rgba(22, 142, 71, 0) 93.94%), linear-gradient(151deg, #101220 40.28%, #142e46 98.9%);
}
.modal-char .content {
  background: linear-gradient(180deg, rgba(55, 133, 242, 0.09) 40.25%, rgba(0, 0, 0, 0) 105.04%);
  background-color: #060d28;
}
.modal-char .content .right-side {
  height: 456px;
  overflow: auto;
  padding-bottom: 72px !important;
}
.item-ss-tier-1.desktop {
  margin-top: 26px;
}
.item-ss-tier-2.desktop {
  margin-top: 0px;
}
.item-ss-tier-3.desktop {
  margin-top: -2px;
}
.scroll-vending-machine.desktop {
  width: 500px;
}
.carousel-banner-topup-ss.desktop {
  width: 396px;
}
.bg-ng-icon-topup-item {
  position: absolute;
  width: 80%;
  right: -40px;
  mix-blend-mode: luminosity;
  filter: opacity(0.2);
  transform: rotate(11deg);
  top: -30px;
}
.container-payment-summary {
  background: #1e2227;
}
@media (min-width: 768px) {
  .container-payment-summary {
    position: sticky;
    top: 80px;
  }
}
.container-payment-summary.webview {
  top: 16px;
}
.bg-transparent-50 {
  background: rgba(10, 10, 10, 0.5) !important;
}
.bg-gacha-ss {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-gacha.webp?w=500);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  animation: changeBgGachaSS 3s infinite;
  transition: 0.3s;
}
@keyframes changeBgGachaSS {
  0% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-gacha.webp?w=500');
  }
  50% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-gacha-2.webp?w=500');
  }
  100% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-gacha.webp?w=500');
  }
}
.item-gacha-ss {
  box-shadow: inset 0 0 10px white;
  width: 53px;
  height: 56px;
  background: #132c50;
}
.knob-lines-gacha-ss {
  position: absolute;
  bottom: 4px;
  left: 22px;
}
.outer-gacha-showcase {
  border-radius: 28px;
  overflow: hidden;
  position: relative;
  height: calc(100% - 8px);
  border: 8px solid white;
  height: 100%;
}
.outer-gacha-showcase video {
  height: 100%;
  object-fit: cover;
}
.up-nav-carousel-ss {
  box-shadow: inset 0 0 10px white;
  width: 53px;
  height: 20px;
  background: #132c50;
  border-radius: 8px 8px 0px 0px;
  margin-left: 1px;
  margin-bottom: 2px;
}
.bottom-nav-carousel-ss {
  box-shadow: inset 0 0 10px white;
  width: 53px;
  height: 20px;
  background: #132c50;
  border-radius: 0px 0px 8px 8px;
  margin-left: 1px;
  margin-top: 2px;
}
.bg-content-gacha,
.bg-content-gacha-gold,
.bg-content-gacha-dk-item {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-content-gacha.webp?w=800);
  padding: 12px;
  background-size: cover;
  min-height: inherit;
  background-position-y: -1px;
  background-repeat: no-repeat;
}
.bg-content-gacha-gold {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-content-gacha-gold.webp?w=800);
}
.bg-content-gacha-dk-item {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/dragonknight/bg-content-gacha-dk.webp?w=800);
}
.triangle-gacha-xs {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffc633;
}
.knob-gacha-default {
  transform: rotate(75deg);
}
.knob-gacha-spin {
  transform: rotate(190deg);
  animation: rotateKnob 1s ease-out;
}
@keyframes rotateKnob {
  0% {
    transform: rotate(75deg);
  }
  50% {
    transform: rotate(190deg);
  }
  75% {
    transform: rotate(160deg);
  }
  100% {
    transform: rotate(190deg);
  }
}
.info-stat-ticket {
  row-gap: 0px;
  position: absolute;
  top: -2px;
  right: 10px;
  width: 48px;
}
.output-gacha-ss {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.starburst-gacha {
  animation: animOutputGacha 5s infinite;
}
@keyframes animOutputGacha {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.content-tap-here-gacha {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn-tap-output-gacha {
  font-size: 28px;
  font-weight: 700;
  width: max-content;
  -webkit-text-stroke: 0.5px #e2ae29;
  text-shadow: 0px 0px 20px #e2ae29, 0px 0px 13px #e2ae29;
  animation: textTapAnim 2s ease-out infinite;
}
@keyframes textTapAnim {
  0% {
    transform: scale(1.1, 1.1);
  }
  25% {
    transform: scale(0.8, 0.8);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  75% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(1.1, 1.1);
  }
}
.gacha-ball {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btn-back-gacha {
  position: absolute;
  left: 8px;
  top: 32px;
}
.bg-gacha-gold-ss {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-gacha-gold.webp?tr=w-420&w=600);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  animation: changeBgGachaGoldSS 3s infinite;
  transition: 0.3s;
}
@keyframes changeBgGachaGoldSS {
  0% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-gacha-gold.webp?tr=w-420&w=600');
  }
  50% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-gacha-gold-2.webp?tr=w-420&w=600');
  }
  100% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/bg-gacha-gold.webp?tr=w-420&w=600');
  }
}
.congrats-get-prize-gacha {
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25), 0px 0px 13px #0fb0f5;
  font-size: 34px;
}
.top-unset {
  top: unset !important;
}
.stick-btn-select-machine {
  background: linear-gradient(151.38deg, #101220 40.28%, #142e46 98.9%);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px 20px 0px 0px;
  position: fixed;
  max-width: 420px;
  width: 100vw;
  left: 50%;
  transform: translate(-50%);
  bottom: 0px;
  z-index: 3;
}
.btn-select-machine-gacha {
  background: #feda00 !important;
  box-shadow: inset 0px -3px 8px rgba(255, 255, 255, 0.12) !important;
  height: 42px !important;
  z-index: 3;
}
.btn-select-machine-gacha-effect {
  background: linear-gradient(180deg, #feda00 0%, #e1910f 100%);
  box-shadow: 0px 2px 10px #fa9d30;
  border-radius: 16px;
  height: 50px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.bg-floor-select-machine {
  position: fixed;
  height: 229px;
  max-width: 420px;
  width: 100vw;
  left: 50%;
  transform: translate(-50%);
  bottom: 0px;
  background: url('https://cdn-v2.noctuagames.com/website-image/bg-floor-select-machine.webp?w=600');
  background-size: cover;
  background-repeat: no-repeat;
}
.container-body-select-gacha {
  z-index: 1;
}
@media (max-height: 720px) {
  .bg-floor-select-machine {
    height: 180px;
  }
  .container-body-select-gacha {
    margin-bottom: 131px;
  }
}
.container-ultra-rare {
  background: linear-gradient(269.83deg, rgba(254, 218, 0, 0.2) 4.25%, rgba(254, 218, 0, 0.102) 95.01%), #1b1d2a;
  border-radius: 8px;
}
.container-super-rare {
  background: linear-gradient(269.83deg, rgba(142, 0, 254, 0.2) 4.25%, rgba(112, 0, 254, 0.042) 95.01%), #1b1d2a;
  border-radius: 8px;
}
.container-rare {
  background: linear-gradient(269.83deg, rgba(0, 41, 254, 0.2) 4.25%, rgba(0, 56, 254, 0) 95.01%), #1b1d2a;
  border-radius: 8px;
}
.container-uncommon {
  background: linear-gradient(269.83deg, rgba(0, 254, 41, 0.07) 4.25%, rgba(20, 254, 0, 0) 95.01%), #1b1d2a;
  border-radius: 8px;
}
.container-common {
  background: linear-gradient(0deg, rgba(80, 80, 80, 0.2), rgba(80, 80, 80, 0.2)), #1b1d2a;
  border-radius: 8px;
}
.label-rarity,
.label-text-ultra-rare,
.label-text-super-rare,
.label-text-rare,
.label-text-uncommon,
.label-text-common {
  font-size: 19px;
}
.label-text-ultra-rare {
  color: #e2ae29;
  text-shadow: 0px 0px 12px rgba(255, 175, 27, 0.6);
}
.label-text-super-rare {
  color: #d2c0ff;
  text-shadow: 0px 0px 12px rgba(223, 27, 255, 0.6);
}
.label-text-rare {
  color: #d8dcff;
  text-shadow: 0px 0px 12px rgba(27, 91, 255, 0.6);
}
.label-text-uncommon {
  color: #d8ffd8;
  text-shadow: 0px 0px 12px rgba(27, 255, 49, 0.6);
}
.label-text-common {
  color: #d5d5d5;
}
.bg-item-ultra-rare {
  background: linear-gradient(131.86deg, rgba(253, 206, 162, 0.9) -4.34%, rgba(255, 113, 33, 0.9) 45.11%, rgba(255, 220, 38, 0.9) 102.34%), #414141;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.bg-item-super-rare {
  background: linear-gradient(131.86deg, rgba(240, 162, 253, 0.9) -4.34%, rgba(131, 33, 255, 0.9) 45.11%, rgba(255, 38, 207, 0.9) 102.34%), #414141;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.bg-item-rare {
  background: linear-gradient(131.86deg, rgba(162, 226, 253, 0.9) -4.34%, rgba(33, 82, 255, 0.9) 45.11%, rgba(38, 151, 255, 0.9) 102.34%), #414141;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.bg-item-uncommon {
  background: linear-gradient(131.86deg, rgba(180, 253, 162, 0.9) -4.34%, rgba(19, 162, 16, 0.9) 45.11%, rgba(17, 184, 14, 0.9) 102.34%), #414141;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.bg-item-common {
  background: linear-gradient(131.86deg, rgba(217, 217, 217, 0.9) -4.34%, rgba(72, 72, 72, 0.9) 45.11%, rgba(63, 63, 63, 0.9) 102.34%), #414141;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.text-guarantee-ultra-rare {
  text-transform: uppercase;
  color: #f9f9f9;
  text-shadow: 0px 0px 12px rgba(255, 175, 27, 0.6);
}
.text-guarantee-super-rare {
  text-transform: uppercase;
  color: #f9f9f9;
  text-shadow: 0px 0px 12px rgba(223, 27, 255, 0.6);
}
.text-guarantee-rare {
  text-transform: uppercase;
  color: #d8dcff;
  text-shadow: 0px 0px 12px rgba(27, 91, 255, 0.6);
}
.container-anim-output-gacha {
  width: 100%;
  height: 100vh;
  background: white;
  position: fixed;
  z-index: 10;
  top: 0px;
  max-width: 420px;
  left: 50%;
  transform: translate(-50%);
}
.video-anim-gacha-ball {
  width: 100%;
  height: 100%;
}
.video-anim-gacha-ball video {
  height: 100%;
}
.white-transition {
  width: 100%;
  height: 100vh;
  background: white;
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
  max-width: 420px;
}
.fadein {
  animation: fadein 0.3s;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.white-transition.hide-opacity {
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}
.container-prize-gacha {
  position: absolute;
  top: 25%;
  left: 0px;
  width: 100%;
  padding: 16px;
}
.content-prize-gacha {
  background-color: rgba(16, 17, 19, 0.9);
  border-radius: 20px;
  width: 100%;
}
@media (max-width: 420px) {
  .container-prize-gacha {
    top: 15%;
  }
}
@media (max-width: 360px) {
  .container-prize-gacha {
    top: 8%;
  }
  .video-anim-gacha-ball video {
    object-position: 0px 62%;
  }
}
.illustration-gacha-ticket {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate(-50%);
}
.bg-gacha-ss-anniv {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/bg-gacha-anniv.webp?w=500);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  animation: changeBgGachaSSAniv 3s infinite;
  transition: 0.3s;
}
@keyframes changeBgGachaSSAniv {
  0% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/bg-gacha-anniv.webp?w=500');
  }
  50% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/bg-gacha-anniv-2.webp?w=500');
  }
  100% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/bg-gacha-anniv.webp?w=500');
  }
}
.bg-content-gacha-anniv {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/bg-content-gacha-anniv.webp?w=800);
  padding: 12px;
  background-size: cover;
  min-height: inherit;
  background-position-y: -1px;
  background-repeat: no-repeat;
}
.container-cosmically-rare {
  background: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/bg-leader-board.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 2px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image-source: linear-gradient(160.66deg, #bf63f8 3.9%, #b4ecf8 44.36%, #4bc9f7 91.18%);
}
.bg-item-cosmically-rare {
  background: linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 10px 0px #1ed6ff;
  border-radius: 8px;
}
.bg-gacha-kc-item {
  background-image: url(https://cdn-v2.noctuagames.com/gacha-event/kc-gacha-bg-2.webp?w=500);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  animation: changeBgGachaKcItem 3s infinite;
  transition: 0.3s;
}
@keyframes changeBgGachaKcItem {
  0% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/gacha-event/kc-gacha-bg-2.webp?w=500');
  }
  50% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/gacha-event/kc-gacha-bg-1.webp?w=500');
  }
  100% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/gacha-event/kc-gacha-bg-2.webp?w=500');
  }
}
.bg-content-gacha-kc-item {
  background-image: url(https://cdn-v2.noctuagames.com/gacha-event/gacha-kc-mid.webp?w=800);
  padding: 12px;
  background-size: 100% 100%;
  min-height: inherit;
  background-position-y: -1px;
  background-repeat: no-repeat;
}
.bg-gacha-ss-xmas {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-gradient-gacha-xmas-2.webp?w=500);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  animation: changeBgGachaSsXmas 3s infinite;
  transition: 0.3s;
}
@keyframes changeBgGachaSsXmas {
  0% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-gradient-gacha-xmas-2.webp?w=500');
  }
  50% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-gradient-gacha-xmas.webp?w=500');
  }
  100% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-gradient-gacha-xmas-2.webp?w=500');
  }
}
.bg-content-gacha-ss-xmas {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-mid-gacha-ss-xmas.webp?w=800);
  padding: 12px;
  background-size: cover;
  min-height: inherit;
  background-position-y: -1px;
  background-repeat: no-repeat;
}
.container-cosmically-rare-xmas {
  background: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-cosmic-rare.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 2px solid #ffe65d;
  border-image-slice: 1;
  border-width: 2px;
  border-radius: 16px;
}
.bg-gacha-dk-item {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/dragonknight/bg-gacha-dk.webp?tr=w-420&w=600);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  animation: changeBgGachaDK 3s infinite;
  transition: 0.3s;
}
@keyframes changeBgGachaDK {
  0% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/dragonknight/bg-gacha-dk.webp?tr=w-420&w=600');
  }
  50% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/dragonknight/bg-gacha-dk-2.webp?tr=w-420&w=600');
  }
  100% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/games-image/dragonknight/bg-gacha-dk.webp?tr=w-420&w=600');
  }
}
.label-gacha-drop-rate {
  background: linear-gradient(109.54deg, rgba(255, 216, 158, 0.9) 13.9%, rgba(253, 197, 0, 0.9) 42.01%, rgba(247, 177, 0, 0.9) 74.53%), linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
  padding: 4px 12px 2px 8px;
  border-radius: 0px 0px 12px 0px;
  border: 1px solid #ffffff4d;
}
.modal-gacha-rewards .content {
  background: linear-gradient(180deg, rgba(55, 133, 242, 0.09) 40.25%, rgba(0, 0, 0, 0) 105.04%);
  background-color: #060d28;
  height: 713px;
}
.modal-gacha-rewards .content .right-side {
  height: 456px;
  overflow: auto;
  padding-bottom: 72px !important;
}
.em-label-content.inp-d .em-input {
  background: rgba(255, 255, 255, 0.1) !important;
}
.em-label-content.inp-d .ant-input {
  background: transparent !important;
}
.congratulation-gacha {
  background: linear-gradient(0deg, #dfa146, #dfa146), linear-gradient(288.07deg, #ffc888 22.11%, rgba(194, 128, 0, 0) 84.64%), linear-gradient(305.49deg, rgba(255, 198, 114, 0.9) -6.24%, rgba(164, 116, 45, 0.9) 98.05%), linear-gradient(0deg, rgba(255, 206, 239, 0.2), rgba(255, 206, 239, 0.2));
}
.em-label-content.input-transfer {
  margin-top: 0px !important;
}
.em-label-content.input-transfer .em-label-content .ant-input,
.em-label-content.input-transfer .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.em-label-content.input-transfer .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: white !important;
}
.em-label-content.input-transfer .ant-input:-webkit-autofill,
.em-label-content.input-transfer .ant-input:-webkit-autofill:hover,
.em-label-content.input-transfer .ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px white inset !important;
  transition: background-color 200s linear 3s !important;
  caret-color: white !important;
}
.em-label-content.input-transfer .em-label-content .ant-input,
.em-label-content.input-transfer .ant-input.em-input {
  border: 1px solid #474b4e !important;
  background: white !important;
  color: black !important;
}
.em-label-content.input-transfer.landscape .em-label-content .ant-input,
.em-label-content.input-transfer.landscape .ant-input.em-input {
  border: 1px solid #474b4e !important;
  background: white !important;
  color: black !important;
  height: 28px !important;
  width: 126px !important;
}
.arrow {
  width: auto;
  height: auto;
  margin: 16px;
  display: inline-block;
  position: relative;
}
.arrow::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  border-width: 2px 2px 0 0;
  position: absolute;
  transform-origin: 50% 50%;
}
.arrow.down::before {
  transform: rotate(135deg);
  margin: 120px 0 0 -4px;
}
.arrow::after {
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  transform-origin: 50% 50%;
}
.arrow.down::after {
  width: 0;
  height: 142px;
  border-width: 0 2px 0 0;
  transform: translate(-1px, -26px);
  top: 10px;
}
.holes {
  position: absolute;
  width: 100%;
  height: 30px;
  border-top: 1px dashed;
  border-color: inherit;
  top: 90px;
}
.holes::after,
.holes::before {
  content: '';
  position: absolute;
  background: #13171c;
  width: 15px;
  height: 30px;
  border-bottom-left-radius: 60px;
  border-top-left-radius: 60px;
  border-color: inherit;
  border-right-color: transparent;
}
.holes::before {
  left: 0px;
  top: -15px;
  transform: rotate(180deg);
}
.holes::after {
  right: 0px;
  top: -15px;
}
.bg-transfer-detail {
  background: #13171c !important;
}
.container-sheet-transfer-reward {
  background: linear-gradient(177deg, rgba(48, 85, 216, 0.2) -13.88%, rgba(18, 20, 26, 0.2) 58.85%);
  border-color: #5099fc !important;
}
.container-sheet-transfer-reward.gold {
  border-radius: 8px;
  border-color: #d5be84 !important;
  background: linear-gradient(148deg, rgba(216, 153, 48, 0.4) -13.88%, rgba(18, 20, 26, 0.4) 58.85%);
}
.bg-container-detail-transfer {
  background: linear-gradient(0deg, rgba(26, 170, 85, 0.11) 0%, rgba(26, 170, 85, 0.11) 100%), #111827;
}
.image-got-gacha-ticket-tf-bonus {
  border-radius: 0px 0px 0px 4px;
  height: 44px;
  width: auto;
  position: absolute;
  top: -22px;
}
.text-quake {
  animation: quake 0.4s;
}
@keyframes quake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
.holes.desktop {
  top: 360px;
  border-width: 2px;
}
.holes.desktop::after,
.holes.desktop::before {
  border-width: 2px;
}
.holes.desktop-v2 {
  top: 50%;
  border-width: 2px;
}
.holes.desktop-v2::after,
.holes.desktop-v2::before {
  border-width: 2px;
}
.layout-wrapper.background-transfer-v2 {
  background: #13171c;
  padding-top: 0 !important;
}
.layout-wrapper.background-transfer-v2-mobile {
  background: #13171c;
}
.container-transfer-d {
  background: rgba(26, 170, 85, 0.11);
}
.container-transfer-d.gold {
  background: rgba(193, 125, 22, 0.23);
}
.container-transfer-d.red {
  background: #31080f33;
}
.container-transfer-success-d {
  min-height: calc(100vh - 72px - 56px);
}
.next-bottom-button-container {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.error-message-container .ant-message-notice-content {
  border-color: #f6274c !important;
  background-color: #31080f !important;
}
.error-message-container .ant-message-notice-content .ant-message-error {
  color: white !important;
}
.error-message-container .ant-message-notice-content .ant-message-error > svg {
  display: none;
}
.multiple-choices,
.multiple-choices.active {
  min-height: 60px !important;
  display: flex;
  align-items: center;
  padding: 16px;
  color: #000;
  border: 1px solid #474b4e;
  border-radius: 16px;
  cursor: pointer;
}
.multiple-choices.active {
  border: unset;
  background: #3685f1;
  color: white;
}
.em-label-content.input-personality,
.input-personality {
  background: white;
  border: 1px solid #474b4e !important;
  border-radius: 16px !important;
  min-height: 56px;
  color: black !important;
}
.em-label-content.input-personality .em-input,
.input-personality .em-input {
  height: unset !important;
  border-radius: 12px !important;
}
.em-label-content.input-personality .ant-picker,
.input-personality .ant-picker {
  background: white !important;
}
.input-personality.error {
  border-color: #f6274c !important;
}
.input-personality:-webkit-autofill,
.input-personality:-webkit-autofill:hover,
.multiple-choices.active:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  box-shadow: 0 0 0px 1000px neutral-50 inset;
  transition: background-color 200s linear 3s;
  caret-color: white;
}
.input-personality::-webkit-outer-spin-button,
.input-personality::-webkit-inner-spin-button,
.input-personality[type='number'] {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}
.dropdown-option {
  border: 1px solid #ffffff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.29);
  border-radius: 8px;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  background: white;
  top: 100px;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
.dropdown-option.visible {
  transition: 0.3s;
  pointer-events: unset;
  top: 88px;
  opacity: 1;
}
.dropdown-option-item {
  padding: 8px;
  border-bottom: 1px solid #626468;
  min-height: 52px;
  display: flex;
  align-items: center;
}
.bg-personality-identity {
  background-image: url(https://cdn-v2.noctuagames.com/website-image/bg-personality-landing.webp?w=420);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.bg-personality-motivation {
  background-image: url(https://cdn-v2.noctuagames.com/website-image/bg-personality-question.webp?w=420);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.container-landing-personality {
  position: fixed;
  max-width: 420px;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
}
.container-landing-personality .content-landing {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.btn-persona:focus,
.btn-persona:hover,
.btn-persona {
  transition: 0.3s;
  background: linear-gradient(99.1deg, #fcff5b -4.34%, #ffa800 99.82%) !important;
  box-shadow: 0px -3px 8px 0px rgba(255, 255, 255, 0.12) inset !important;
  box-shadow: 0px 0px 15px 0px #b87108 !important;
  box-shadow: 0px 6px 0px 0px #d88500 !important;
  border-radius: 12px !important;
  height: 48px !important;
  z-index: 1;
  color: black !important;
  font-size: 24px !important;
}
.title-section-form-identity {
  font-style: italic;
  text-shadow: 0 0 0px #fff, 0 0 1px #fff, 0 0 6px #217aff, 0 0 0px #217aff, 0 0 4px #217aff, 0 0 0px #217aff, 0 0 9px #217aff;
}
.bg-personal-motivation {
  background: linear-gradient(0deg, rgba(22, 4, 61, 0.6), rgba(22, 4, 61, 0.6)), linear-gradient(99.1deg, #3e007c -4.34%, #020053 99.82%);
}
.bg-title-question {
  width: 100%;
  height: auto;
  color: white;
  text-indent: 0.1em;
  max-width: 420px;
  box-shadow: 0px 2px 18px 0px #00000026;
  border-radius: 0% 0% 150% 150%/0% 0% 20% 20%;
}
.bg-ornament-personality {
  width: 100%;
  max-width: 420px;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
}
.btn-prev-personality {
  height: 48px !important;
}
.progress-personality {
  width: 100%;
}
.progress-personality .progress-outer {
  background: rgba(255, 255, 255, 0.4);
  height: 16px;
  border-radius: 20px;
  display: flex;
  align-items: center;
}
.progress-personality .progress-inner {
  background: white;
  height: 16px;
  border-radius: 20px;
  min-width: 16px;
  width: 0px;
}
.progress-personality.motivation .progress-outer {
  background: rgba(40, 40, 40, 0.1);
}
.progress-personality.motivation .progress-inner {
  background: #feda00;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}
.personality-radar-chart {
  height: 375px;
  padding-top: 20px;
  width: 100%;
  border-radius: 20px;
  border: 1px solid white;
  margin: auto;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(133.92deg, rgba(45, 116, 255, 0.5) -4.81%, rgba(38, 28, 96, 0.5) 40.01%, rgba(17, 21, 62, 0.5) 69.73%, rgba(6, 36, 72, 0.5) 91.89%);
}
.personality-motivation-score {
  width: 100%;
  margin: auto;
  border-radius: 16px;
}
.personality-motivation-score .personality-non-dominant-title {
  color: #e0e0e0;
}
.personality-motivation-score .rotate-progress-bar {
  transform: rotate(180deg);
  /* Equal to rotateZ(45deg) */
}
.personality-motivation-score.personality-motivation-score-achievement {
  background: #ff47711a;
}
.personality-motivation-score.personality-motivation-score-achievement .personality-dominant-title {
  color: #ff4771;
}
.personality-motivation-score.personality-motivation-score-achievement .ant-progress-bg {
  box-shadow: 0px 0px 12px 0px #ff4771;
  background-color: #ff4771;
}
.personality-motivation-score.personality-motivation-score-social {
  background: #407aca1a;
}
.personality-motivation-score.personality-motivation-score-social .personality-dominant-title {
  color: #2883ff;
}
.personality-motivation-score.personality-motivation-score-social .ant-progress-bg {
  box-shadow: 0px 0px 12px 0px #2f86ff;
  background-color: #2f86ff;
}
.personality-motivation-score.personality-motivation-score-mastery {
  background: #f1a9001a;
}
.personality-motivation-score.personality-motivation-score-mastery .personality-dominant-title {
  color: #f1a900;
}
.personality-motivation-score.personality-motivation-score-mastery .ant-progress-bg {
  box-shadow: 0px 0px 12px 0px #f1a900;
  background-color: #f1a900;
}
.personality-motivation-score.personality-motivation-score-creativity {
  background: #55c52e1a;
}
.personality-motivation-score.personality-motivation-score-creativity .personality-dominant-title {
  color: #55c52e;
}
.personality-motivation-score.personality-motivation-score-creativity .ant-progress-bg {
  box-shadow: 0px 0px 12px 0px #55c52e;
  background-color: #55c52e;
}
.personality-motivation-score.personality-motivation-score-immersion {
  background: #7159ff1a;
}
.personality-motivation-score.personality-motivation-score-immersion .personality-dominant-title {
  color: #7159ff;
}
.personality-motivation-score.personality-motivation-score-immersion .ant-progress-bg {
  box-shadow: 0px 0px 12px 0px #7159ff;
  background-color: #7159ff;
}
.personality-motivation-score .ant-progress-inner {
  overflow: visible;
  background: #ffffff1a;
}
.personality-loader {
  width: 100%;
  margin: auto;
}
.personality-loader .ant-progress-inner {
  overflow: visible;
  background: #ffffff1a;
}
.personality-loader .ant-progress-bg {
  background-color: #fff;
}
.personality-loader .ant-progress-status-success .ant-progress-bg {
  background-color: #fff;
}
.personality-recommended-game {
  width: 375px;
  margin: auto;
  background-color: #21232d;
  padding: 16px;
  border-radius: 8px;
}
.login-modal-personality .ant-modal-body {
  padding: 0px !important;
}
.login-modal-personality .ant-modal-close-x {
  width: auto !important;
  height: auto !important;
  margin: 16px !important;
}
.login-modal-personality .ant-modal-content {
  border-radius: 16px;
  border: 1px solid white;
}
.em-label-content.inpt-personality .em-label-content .ant-input,
.em-label-content.inpt-personality .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.em-label-content.inpt-personality .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: white !important;
}
.em-label-content.inpt-personality .ant-input:-webkit-autofill,
.em-label-content.inpt-personality .ant-input:-webkit-autofill:hover,
.em-label-content.inpt-personality .ant-input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px white inset !important;
  transition: background-color 200s linear 3s !important;
  caret-color: white !important;
}
.em-label-content.inpt-personality .em-label-content .ant-input,
.em-label-content.inpt-personality .ant-input.em-input {
  border: 1px solid #474b4e !important;
  background: white !important;
  border-radius: 16px !important;
  color: black !important;
  height: 50px;
}
.em-label-content.inpt-personality .em-input {
  border-radius: 16px !important;
}
.btn-skip-personality-auth {
  right: 0px;
  top: 0px;
}
.btn-persona.disabled:focus,
.btn-persona.disabled:hover,
.btn-persona.disabled:visited,
.btn-persona.disabled:active,
.btn-persona.disabled {
  transition: 0.3s;
  background: linear-gradient(0deg, rgba(39, 39, 39, 0.5), rgba(39, 39, 39, 0.5)) !important;
  box-shadow: unset !important;
  border: 1px solid #757575 !important;
  color: #2b2e33 !important;
}
.container-share-persona {
  width: 100%;
  position: fixed !important;
  max-width: 420px !important;
  left: 50% !important;
  transform: translate(-50%);
  padding: 20px 16px !important;
  border-radius: 60% / 11% !important;
  padding-bottom: 40px !important;
  bottom: -20px !important;
  box-shadow: 0px -18px 16px 0px #00000026;
}
.curve-top {
  border-radius: 50% 50% 50%/10% 10% 0% 0%;
  box-shadow: 0px -18px 16px 0px #00000026;
}
.container-question-part {
  flex: 1 1;
  margin-top: -18%;
  width: 100%;
  padding-bottom: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bg-persona-fixed {
  position: fixed;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 420px;
  transform: translate(-50%);
}
.pers-stick-image {
  width: 100%;
  max-width: 420px;
  position: fixed !important;
  left: 50%;
  transform: translate(-50%);
}
.bg-landing-personality {
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  max-width: 420px;
  height: 100vh;
  object-fit: cover;
  object-position: top;
}
.btn-persona-exist {
  height: 48px !important;
}
.animate-up-down {
  animation: animUpDown 2s infinite;
}
.animate-reverse {
  animation-direction: reverse;
}
@keyframes animUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  @keyframes animUpDown {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-4px);
    }
    100% {
      transform: translateY(0);
    }
  }
}
.tap-here {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 70%;
}
.animate-zoom-in-out {
  animation: animZoomInOut 2s infinite;
}
@keyframes animZoomInOut {
  0% {
    transform: translate(-50%) scale(1);
  }
  50% {
    transform: translate(-50%) scale(1.2);
  }
  100% {
    transform: translate(-50%) scale(1);
  }
}
.bg-personality-loader {
  background-image: url('https://cdn-v2.noctuagames.com/website-image/ambient-1.webp?w=420');
  background-repeat: no-repeat;
  background-size: cover;
  animation: animBgPersonalityLoader 3s infinite;
  transition: 0.3s;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
  max-width: 420px;
}
@keyframes animBgPersonalityLoader {
  0% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/website-image/ambient-2.webp?w=420');
  }
  50% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/website-image/ambient-1.webp?w=420');
  }
  100% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/website-image/ambient-2.webp?w=420');
  }
}
.quest-header .quest-header-img {
  margin-top: -56px;
}
.quest-header .quest-header-title {
  font-size: 24px;
  font-weight: 600;
  margin-top: -100px;
}
.quest-content .quest-header-reward-point-container {
  margin-top: -40px;
}
.point-section {
  box-shadow: 0px 4px 10px 0px #35358575;
}
.point-section .point-section-button {
  background: linear-gradient(115.95deg, #ff6c2d -1.36%, #ff1ba4 43.76%, #9c1eff 95.98%);
  box-shadow: 0px 3px 0px 0px #680b59;
  padding: 10px 20px;
  border-radius: 42px;
  font-weight: 600;
}
.quest-list-with-banner {
  margin-top: -105px !important;
}
.quest-reward-sticky-component {
  position: sticky !important;
  top: 91px;
  background-color: #21232d !important;
}
.text-quest-update-details {
  color: #ffa114;
  font-size: 30px;
  text-shadow: -2px 3px 4px rgba(0, 0, 0, 0.75);
  white-space: nowrap;
}
.modal-update-quest .ant-modal-body {
  padding: 0px;
}
.text-title-adjust-quest {
  font-style: italic;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px rgba(171, 17, 243, 0.77), -1px 0px 0px rgba(171, 17, 243, 0.77);
}
.btn-go-quest.gold {
  border-radius: 8px !important;
  border: 1px solid rgba(249, 249, 249, 0.2) !important;
  background: linear-gradient(116deg, rgba(239, 204, 179, 0.3) 11.02%, rgba(242, 157, 9, 0.3) 101.55%), linear-gradient(118deg, rgba(246, 148, 0, 0.6) 12.03%, rgba(72, 14, 6, 0) 74.43%), #f7ca27 !important;
  box-shadow: 0px 4px 10px 0px rgba(29, 29, 29, 0.33) !important;
}
.border-quest-gold {
  border: 1px solid rgba(255, 187, 93, 0.3) !important;
  background: rgba(13, 8, 0, 0.2) !important;
}
.text-conversion-gacha-sent {
  font-style: italic;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #735a09, -1px 0px 0px #735a09;
}
.quest-item-d {
  border-radius: 10px;
  background: rgba(74, 79, 106, 0.24);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.quest-item-d.claimable {
  background: linear-gradient(319deg, #564227 -3.35%, #21232d 101.83%);
}
.quest-item-d.claimed {
  pointer-events: none;
  filter: brightness(0.5);
}
.trivia-popup-learn.use-dynamic-width {
  max-width: 1200px !important;
}
.bg-leaderboard {
  background: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/bg-leader-board.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.bg-leaderboard-xmas-event {
  background: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-leaderboard-2.webp?w=800');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.text-shadow-blue-leaderboard {
  text-shadow: 0px 2px 5px #006cff, 2px 0px 5px #006cff, -2px 0px 5px #006cff, 0px -2px 5px #006cff;
}
.container-menu-leaderboard {
  background: linear-gradient(180deg, rgba(0, 0, 14, 0.4) 0%, rgba(2, 0, 88, 0.4) 100%);
}
.plus-topup-leaderbord {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #5099fc;
  border-radius: 12px;
  bottom: 0px;
  right: 2px;
  font-size: 25px;
}
.container-leaderbord {
  border: 2px solid;
  border-image-source: linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%);
  border-image-slice: 1;
  border-width: 2px;
  box-shadow: 0px 0px 15px 0px #cb6af8;
  background: linear-gradient(180deg, #050040 0%, #150e64 100%);
}
.leaderboard-item-common {
  box-shadow: 0px 0px 7px 0px #816cff;
  border: 2px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image-source: linear-gradient(93.78deg, rgba(255, 255, 255, 0) 0.57%, rgba(255, 255, 255, 0.5) 17.32%, rgba(255, 255, 255, 0) 41.23%, rgba(255, 255, 255, 0.42) 81.05%, rgba(255, 255, 255, 0) 106.01%);
  background: linear-gradient(180deg, #08000e 0%, #310058 100%), linear-gradient(93.78deg, rgba(255, 255, 255, 0) 0.57%, rgba(255, 255, 255, 0.5) 17.32%, rgba(255, 255, 255, 0) 41.23%, rgba(255, 255, 255, 0.42) 81.05%, rgba(255, 255, 255, 0) 106.01%);
}
.leaderboard-item-top-rank {
  box-shadow: 0px 0px 19px 0px #ff9838;
  border: 3px solid;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(94.23deg, #ffcc38 1.98%, #fbf7d6 53.97%, #ffcc38 110.48%);
  background: linear-gradient(180deg, #08000e 0%, #310058 100%), linear-gradient(94.23deg, #ffcc38 1.98%, #fbf7d6 53.97%, #ffcc38 110.48%), linear-gradient(93.78deg, rgba(255, 255, 255, 0) 0.57%, rgba(255, 255, 255, 0.2) 17.32%, rgba(255, 255, 255, 0) 41.23%, rgba(255, 255, 255, 0.168) 81.05%, rgba(255, 255, 255, 0) 106.01%);
}
.leader-item-top-rank-xmas-event {
  box-shadow: 0px 0px 19px 0px #ff9838;
  border: 3px solid;
  border-image-slice: 1;
  border-width: 3px;
  border-image-source: linear-gradient(94.23deg, #ffcc38 1.98%, #fbf7d6 53.97%, #ffcc38 110.48%);
  background: linear-gradient(180deg, #060606 0%, #060606 50%), linear-gradient(94.23deg, #ffcc38 1.98%, #fbf7d6 53.97%, #ffcc38 110.48%), linear-gradient(93.78deg, rgba(255, 255, 255, 0) 0.57%, rgba(255, 255, 255, 0.2) 17.32%, rgba(255, 255, 255, 0) 41.23%, rgba(255, 255, 255, 0.168) 81.05%, rgba(255, 255, 255, 0) 106.01%);
}
.leaderboard-item-me {
  box-shadow: 0px 0px 7px 0px #816cff, 0px 0px 14px 0px #5099fc inset;
  border: 2px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image-source: linear-gradient(94.23deg, #38b7ff 1.98%, #d6fbf4 53.97%, #38dbff 110.48%);
  background: linear-gradient(180deg, #00000e 0%, #001358 100%), linear-gradient(94.23deg, #38b7ff 1.98%, #d6fbf4 53.97%, #38dbff 110.48%);
}
.leaderboard-crown {
  position: absolute;
  top: -103%;
  left: -42px;
}
.leaderboard-pagination .ant-pagination-item-active {
  border-radius: 8px !important;
}
.leaderboard-pagination .ant-pagination-item a {
  margin-top: 3px !important;
}
.leaderboard-pagination .ant-pagination-item {
  background: rgba(223, 227, 232, 0.1) !important;
  border: 1px solid rgba(223, 227, 232, 0.1) !important;
  border-radius: 8px;
}
.text-exclusive-prize-ss {
  text-shadow: 0px 2px 5px rgba(223, 140, 43, 0.63), 2px 0px 5px rgba(223, 140, 43, 0.63), -2px 0px 5px rgba(223, 140, 43, 0.63), 0px -2px 5px rgba(223, 140, 43, 0.63);
}
.leaderboard-item-top-rank-gold-trf {
  position: relative;
  border-radius: 8px;
  box-shadow: 0px 0px 19px 0px #ff9838, 0px 0px 25.39999962px 0px #f19203 inset;
}
.leaderboard-item-top-rank-gold-trf::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 3px;
  background: linear-gradient(94.23deg, #ffcc38 1.98%, #fbf7d6 53.97%, #ffcc38 110.48%);
  box-shadow: 0px 0px 19px 0px #ff9838;
  box-shadow: 0px 0px 25.39999962px 0px #f19203 inset;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.leaderboard-item-common.gold-trf {
  background: rgba(6, 6, 6, 0.5);
  border: unset;
  border-image-source: unset;
  box-shadow: unset;
  border-radius: 8px;
}
.leaderboard-item-me.gold-trf {
  position: relative;
  background: rgba(6, 6, 6, 0.5);
  border: unset;
  border-image-source: unset;
  box-shadow: unset;
  border-radius: 8px;
}
.leaderboard-item-me.gold-trf::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 1px;
  background: linear-gradient(94.23deg, #3894ff 1.98%, #d6e9fb 53.97%, #389fff 110.48%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.text-exclusive-reward-xmas-event {
  text-shadow: 0px 0px 8px #060606;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(17, 17, 17, 0.63);
}
.bg-puzzle-ss {
  background: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/bg-puzzle.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.container-mask-frame-reward-puzzle-ss {
  position: fixed;
  top: 0px;
  max-width: 420px;
  left: 50%;
  transform: translate(-50%);
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  z-index: 10;
}
.container-frame-reward-puzzle-ss {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 100%;
}
.circle-reward-puzzle {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 190px;
  top: 23%;
}
.anim-circle-puzzle-ss {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 14%;
}
.btn-gotit-reward-anniv-ss {
  position: relative;
  margin: auto;
}
.btn-anniv-ss-yellow {
  background: linear-gradient(180deg, #fbcc47 0%, #ffac30 100%) !important;
  box-shadow: 0px 0px 4px 3px #ffffff inset;
  box-shadow: 0px 0px 21px 0px #e99d23 !important;
  border-radius: 8px !important;
}
.btn-anniv-ss-yellow[disabled],
.btn-anniv-ss-yellow[disabled]:hover,
.btn-anniv-ss-yellow[disabled]:focus,
.btn-anniv-ss-yellow[disabled]:active {
  box-shadow: unset !important;
  border: 1px solid !important;
}
.bg-claim-daily-sign {
  background: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/bg-claim-daily-sign.webp?w=420);
  background-size: 106%;
  background-repeat: no-repeat;
  background-position: top;
}
.content-retro-sign-ss {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0px 34px;
}
.text-receive-reward-puzzle {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 13%;
  text-transform: uppercase;
  z-index: 1;
  font-style: italic;
  width: 100%;
  font-size: 40px;
  line-height: 36px;
  font-weight: bold;
}
.text-receive-reward-puzzle.bulk {
  top: 22%;
}
.single-reward-puzzel-ss {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 47%;
  width: 88px;
}
.content-single-reward-puzzle-ss {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 75%;
  top: 58%;
  display: flex;
  flex-direction: column;
}
.content-reward-retro-sign-ss {
  position: absolute !important;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  top: 20%;
}
.reward-item-sign {
  position: relative;
  border-radius: 8px;
}
.reward-item-sign .image {
  background-image: linear-gradient(180deg, rgba(27, 29, 42, 0) 0%, rgba(27, 29, 42, 0.2) 0%, rgba(48, 6, 191, 0.2) 100%);
  background-color: #1b1d2a;
  border-radius: 8px 8px 0px 0px;
}
.reward-item-sign::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 1px;
  background: linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.reward-item-sign .amount {
  background: #061325a6;
  border-radius: 0px 0px 8px 8px;
  padding: 2px;
}
.bulk-reward-puzzle-ss {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 40%;
}
.content-single-reward-puzzle-ss.bulk {
  top: 65%;
}
.container-share-anniv-ss {
  position: relative;
  background-image: linear-gradient(180deg, rgba(27, 29, 42, 0) 0%, rgba(27, 29, 42, 0.2) 64%, rgba(48, 6, 191, 0.2) 100%);
  background-color: #1b1d2a;
}
.container-share-anniv-ss::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 1px;
  background: linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.bg-popup-share-anniv-ss {
  background: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/anniversary-1/background-popup-share.webp?w=420);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.container-link-share-anniv-ss {
  position: relative;
  background-image: linear-gradient(180deg, rgba(27, 29, 42, 0) 0%, rgba(27, 29, 42, 0.2) 0%, rgba(48, 6, 191, 0.2) 100%);
  background-color: #1b1d2a;
  border-radius: 20px;
}
.container-link-share-anniv-ss::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px;
  background: linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.btn-close-frame-ss {
  position: absolute !important;
  right: 32px;
  top: 48px;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
}
.container-empty-history-reward-anniv {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  margin-top: 40%;
}
.list-of-reward-daily-sign .ant-spin-container > div {
  justify-content: center !important;
}
.bg-webview-landscape {
  background: url('https://cdn-v2.noctuagames.com/website-image/bg-webview-landscape.webp?w=800');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  position: fixed;
  top: 0px;
  height: 100vh;
  height: 100dvh;
  width: 100%;
}
.container-webview-landscape {
  background: #171522;
  width: calc(100dvw - 143px);
}
.bg-webview-landscape.with-sidebar {
  width: calc(100dvw - 143px);
}
.img-quest-webview-landscape {
  position: sticky;
  top: 50%;
  transform: translate(0, -50%);
}
.img-quest-webview-landscape-fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
.badge-user-landscape {
  position: sticky;
  width: 100%;
  top: 0px;
  z-index: 5;
}
.bottom-landscape {
  position: fixed;
  z-index: 4;
  width: calc(100% - 143px);
  padding: 16px;
  background: rgba(0, 0, 0, 0.4);
  bottom: 0px;
  right: 0px;
}
.container-NG-badge-landscape {
  min-width: 268px;
  padding: 4px;
  background: linear-gradient(184deg, rgba(243, 180, 16, 0) 29%, rgba(254, 218, 0, 0.2) 100%);
  border-radius: 20px;
  border: 1px solid rgba(254, 218, 0, 0.2);
}
.container-header-point {
  background: #17192b;
  position: relative;
  right: 0px;
  top: 0px;
  width: 100%;
  z-index: 1;
  min-height: 57px;
  display: flex;
  align-items: center;
}
.transfer-detail-landscape {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  z-index: 5;
  padding: 16px;
}
.bottom-fixed-tf-landscape {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  right: 0px;
  padding: 8px;
  bottom: 0px;
}
.container-gacha-landscape {
  height: 100vh;
  background: url('https://cdn-v2.noctuagames.com/website-image/bg-gacha-landscape.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-gacha-landscape,
.btn-gacha-landscape:hover,
.btn-gacha-landscape:focus,
.ant-btn-primary.btn-gacha-landscape[disabled],
.ant-btn-primary.btn-gacha-landscape[disabled]:hover,
.ant-btn-primary.btn-gacha-landscape[disabled]:focus {
  background: linear-gradient(0deg, #ffac30 0%, #ffe484 100%) !important;
  box-shadow: 0px 4px 14px 0px #de8f10 !important;
  box-shadow: 0px 3px 0px 0px #de8f10 !important;
  border: 3px solid #ffe484 !important;
  border-radius: 12px !important;
  height: 42px !important;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.video-anim-gacha-ball.landscape {
  width: 366px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.landscape.container-prize-gacha {
  width: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  max-width: 480px;
}
.webview-banner-list-banner {
  overflow-y: scroll;
  overflow-x: hidden;
}
.body-webview .border-icon-job {
  z-index: 0;
}
.bg-bottom-user-info {
  background-color: rgba(30, 30, 30, 0.35);
}
.btn-get-more-NG-landscape:hover,
.btn-get-more-NG-landscape:focus,
.btn-get-more-NG-landscape {
  background: linear-gradient(180deg, #fbcc47 0%, #ffac30 100%) !important;
  border: unset !important;
  box-shadow: 0px 0px 21px 0px #e99d23, 0px 0px 4px 0px #ffffff inset !important;
}
.NG-landscape-rotate {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%) rotate(-18deg);
  left: -5px;
}
.container-quest-reward-nav {
  background: linear-gradient(180deg, rgba(28, 41, 86, 0) -9.19%, rgba(115, 26, 170, 0.6) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  height: 127px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 8px;
  width: max-content;
}
.container-quest-reward-nav .badge-sale {
  position: absolute;
  right: -18px;
  top: -14px;
}
.container-quest-reward-nav .badge-ready-claim {
  position: absolute;
  left: 5px;
  top: -12px;
}
.container-quest-reward-nav.bg-yellow {
  background: linear-gradient(16.77deg, rgba(28, 41, 86, 0) -15.47%, rgba(217, 152, 27, 0.6) 89.62%);
}
.btn-quest-reward-nav {
  background: linear-gradient(180deg, #47bafb 0%, #306aff 100%);
  box-shadow: 0px 0px 3px 0px #cdcdcd inset;
}
.badge-ticket-gacha-landscape {
  position: absolute;
  top: 16px;
  left: 16px;
}
.btn-history-gacha-landscape {
  position: absolute;
  right: 16px;
  top: 16px;
}
.container-claim-all-quest-landscape {
  position: absolute;
  bottom: 0px;
}
.content-left-side-landscape {
  height: calc(100vh - 32px);
  height: calc(100dvh - 32px);
  position: sticky !important;
  top: 16px;
  min-width: 230px;
}
.container-milestone-transfer {
  background: url(https://cdn-v2.noctuagames.com/website-image/bg-milestone-transfer-landscape.webp?w=188);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 188px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -16px;
  height: 159px;
}
.container-milestone-transfer .content {
  padding: 16px;
  padding-bottom: 0px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
}
.container-progress-milestone-transfer {
  background: rgba(223, 223, 223, 0.1);
  width: 100%;
  border-radius: 8px;
}
.progress-milestone-transfer {
  height: 12px !important;
  border-radius: 8px;
  background: linear-gradient(#60fb47 0%, #13c14e 100%) !important;
  box-shadow: 0px 0px 10px 0px #23e943;
  position: relative;
}
.progress-milestone-transfer .indicator-milestone {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
}
.container-gacha-reward-landscape {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 32px;
  transition: 0.3s;
}
.container-gacha-reward-landscape .content-gacha-reward-landscape {
  height: 0px;
  max-height: calc(100% - 32px);
  overflow: auto;
  background: linear-gradient(192.67deg, rgba(14, 38, 255, 0.1) -2.44%, rgba(0, 0, 0, 0) 59.23%);
  background-color: #11121a;
  border-radius: 8px 8px 0px 0px;
  width: 290px;
  transition: 0.3s;
}
.container-gacha-reward-landscape .content-gacha-reward-landscape.open {
  height: 100%;
}
.container-gacha-reward-landscape.open {
  height: 100%;
  transition: 0.3s;
  max-height: 100vh;
}
.btn-view-gacha-reward-landscape {
  background: linear-gradient(91.59deg, #5099fc 8.72%, #0f75ff 79.99%);
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;
  padding: 4px 8px;
  width: fit-content;
}
.info-ticket-banner-gacha-landscape {
  row-gap: 0px;
  background: rgba(45, 45, 45, 0.31);
  position: absolute;
  bottom: 24px;
  right: 8px;
  padding: 2px 6px;
}
.badge-free-roll-landscape {
  position: absolute;
  right: -8px;
  top: 16px;
}
.btn-yellow-homepage-webview-landscape:hover,
.btn-yellow-homepage-webview-landscape:focus,
.btn-yellow-homepage-webview-landscape,
.btn-yellow {
  background: linear-gradient(180deg, #fbcc47 0%, #ffac30 100%) !important;
  box-shadow: 0px 1px 14px 0px rgba(233, 157, 35, 0.25), 0px 4px 0px 0px #550000;
}
.container-claim-quest-webview-landscape {
  background: linear-gradient(270.42deg, rgba(255, 184, 2, 0.186) 18.33%, rgba(255, 195, 104, 0) 95.4%);
  padding: 4px 8px;
  border-radius: 16px;
}
.masking-bg-webview-landscape {
  position: fixed;
  left: 50%;
  top: 0px;
  width: 100%;
  transform: translate(-50%);
  z-index: 999;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
}
.reward-claim-quest-overview {
  background: linear-gradient(181.98deg, rgba(48, 6, 191, 0) -4.35%, rgba(72, 13, 241, 0.3) 46.59%, rgba(159, 84, 255, 0.3) 91.23%) !important;
  z-index: 2;
  overflow: visible !important;
  border: none !important;
  position: relative;
  border-radius: 8px;
}
.reward-claim-quest-overview .amount {
  background: #061325a6;
  border-radius: 0px 0px 8px 8px;
  width: calc(100% - 2px);
  margin-bottom: 1px !important;
  margin: auto;
}
.reward-claim-quest-overview::before {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-image: linear-gradient(160.66deg, #bf63f8 3.9%, #b4ecf8 44.36%, #4bc9f7 91.18%);
  z-index: -1;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 8px;
  padding: 1px;
  inset: 0;
}
.badge-level {
  background: linear-gradient(180deg, #fbcc47 0%, #ffac30 100%);
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 0% 100%);
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 0px 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 0px 2px 0px #ffffff inset;
}
.dot-quest-count {
  position: absolute !important;
  right: 0px;
  top: -12px;
}
.bg-noctua-sidebar-webview {
  width: 82px;
  position: absolute;
  right: 0px;
}
.dot-claim-quest-overview {
  background: #f00255 !important;
  position: absolute !important;
  z-index: 1;
  right: 0px;
  top: -8px;
}
@media (max-width: 767px) {
  .content-left-side-landscape {
    min-width: 166px;
  }
  .container-webview-landscape {
    width: calc(100dvw - 110px);
  }
  .bg-webview-landscape.with-sidebar {
    width: calc(100dvw - 110px);
  }
  .bottom-landscape {
    width: calc(100% - 110px);
  }
  .bottom-landscape.bleach {
    width: calc(100% - 143px);
  }
}
.container-NG-badge-landscape.bleach {
  min-width: auto;
}
.container-header-point.bleach {
  position: fixed;
  width: calc(100% - 143px);
}
.order-detail-noctua-pay {
  background: #113e39;
  border-radius: 8px;
  padding: 16px;
  position: relative;
}
.order-detail-noctua-pay::before {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 50%;
  left: -12px;
  top: 50%;
  background: #13171c;
  transform: translate(0, -50%);
}
.order-detail-noctua-pay::after {
  position: absolute;
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 50%;
  right: -12px;
  top: 50%;
  background: #13171c;
  transform: translate(0, -50%);
}
.nct-pay-item {
  height: 100%;
}
.nct-pay-item .payment-item-ss {
  height: 100%;
}
.bind-account-modal.ant-modal {
  max-width: 90% !important;
}
.bind-account-modal.ant-modal .ant-modal-content {
  border-radius: 10px;
  background-image: url('https://cdn-v2.noctuagames.com/website-image/bind-acount-modal-background.webp');
}
.curr-date-info {
  position: absolute;
  width: 70%;
  top: 43%;
  margin: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bg-leaderboard-xmas {
  background: url('https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-leaderboard-xmas.webp?w=420');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  border: 2px solid #ffe65d;
}
.event-selected-navbar {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(0deg, #ffe65d, #ffe65d);
  border-image-slice: 1;
  background: linear-gradient(181.03deg, rgba(255, 230, 93, 0) 40.79%, #ffe65d 299.71%);
}
.event-selected-bot-menu {
  background: -webkit-linear-gradient(115.32deg, #bf63f8 10.05%, #b4ecf8 48.46%, #4bc9f7 92.91%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-puzzle-event {
  background: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-puzzle-xmas.webp?w=640);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.bg-claim-daily-sign {
  background: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-leaderboard-xmas.webp?w=480);
  background-size: 106%;
  background-repeat: no-repeat;
  background-position: center;
}
.content-reward-retro-sign-xmas {
  background: url(https://cdn-v2.noctuagames.com/games-image/saint_seiya/christmas/bg-leaderboard-xmas.webp?w=480);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  border: 2px solid #ffe65d;
  border-radius: 16px;
}
.content-reward-retro-sign-xmas .ornament-left {
  position: absolute;
  left: -30px;
  top: -24px;
}
.content-reward-retro-sign-xmas .ornament-bottom-right {
  position: absolute;
  right: -32px;
  bottom: -16%;
  width: calc(100vw - 32px);
  max-width: calc(420px - 32px);
}
.btn-close-frame-xmas {
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
}
.text-receive-reward-puzzle-event {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 13%;
  z-index: 1;
  width: 100%;
  font-size: 40px;
  line-height: 36px;
  font-weight: bold;
}
.ash-echoes-gameplay-bg-1 {
  position: absolute;
  z-index: 1;
}
.ash-echoes-gameplay-bg-2 {
  position: absolute;
  z-index: 1;
  height: 90%;
  width: 90%;
  top: 5%;
  left: 5%;
}
.ash-echoes-gameplay-title {
  margin-top: 60px;
}
.ash-echoes-gameplay-btn {
  margin-bottom: 20px;
}
.ash-echoes-gameplay-btn-text {
  position: absolute;
  z-index: 2;
  margin-left: 35px;
  margin-top: 10px;
  max-width: 80px;
  line-height: 1.2;
  top: 0;
}
.ash-echoes-gameplay-btn-text.ash-echoes-gameplay-btn-text-active {
  font-weight: 600;
}
.ash-echoes-gameplay-btn-text-m {
  position: absolute;
  z-index: 2;
  margin-left: 6px;
  margin-top: 6px;
  max-width: 80px;
  line-height: 1.2;
  top: 0;
}
.ash-echoes-gameplay-btn-text-m.ash-echoes-gameplay-btn-text-active {
  font-weight: 600;
}
.ash-echoes-gameplay-btn-animation {
  transition: margin 500ms;
}
.ash-echoes-gameplay-btn-container {
  height: 64px;
  width: 180px;
}
.ash-echoes-gameplay-btn-container-m {
  height: 28px;
  width: 100px;
}
.ash-echoes-multiverse-title {
  margin-top: 120px;
}
.ash-echoes-inactive-btn {
  position: absolute;
  top: 0;
  transition: opacity 10ms;
}
.ash-echoes-inactive-btn.ash-echoes-inactive-btn-hide {
  opacity: 0;
}
.ash-echoes-inactive-btn-img {
  transition: margin 1000ms;
}
.ash-echoes-zoom-in-out {
  animation: ashEchoesZoomAnimation 0.5s ease-in-out;
}
@keyframes ashEchoesZoomAnimation {
  0% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
.ash-echoes-gameplay-video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.ash-echoes-multiverse-text {
  text-shadow: 0px 3px 2.9px #000, 0px 3px 16.9px #000, 0px 0px 31.4px rgba(0, 0, 0, 0.85), 0px 0px 31.4px rgba(0, 0, 0, 0.85);
}
.ash-echoes-multiverse-transition {
  transition: margin 1000ms, opacity 1000ms;
}
.ash-echoes-arrow {
  cursor: pointer;
  z-index: 10;
  position: absolute;
}
.overlay-feature {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 719px) {
  .overlay-feature {
    padding-top: 32px;
  }
}
@media (min-width: 720px) {
  .overlay-feature {
    align-items: center;
  }
}
/* src/Carousel.css */
.carousel-s {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin: auto;
  perspective: 1000px;
}
.carousel-s-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin: auto;
  perspective: 1000px;
  margin-top: 4%;
}
.carousel-images-s {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 420px;
  overflow: hidden;
}
.carousel-images-s-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}
.carousel-image-s {
  position: absolute;
  width: 725px;
  height: 420px;
  opacity: 0;
  transform: scale(0.7);
  transition: transform 0.5s, opacity 0.5s, z-index 0.5s;
}
.carousel-image-s-mobile {
  position: absolute;
  width: 80%;
  height: 455px;
  opacity: 0;
  transform: scale(0.7);
  transition: transform 0.5s, opacity 0.5s, z-index 0.5s;
}
.carousel-image-s.prev {
  width: 665px;
  height: 374px;
  filter: brightness(0.6) grayscale(0.3);
  opacity: 1;
  transform: scale(0.8) translateX(-40%);
}
.carousel-image-s-mobile.prev {
  width: 70%;
  height: 386px;
  filter: brightness(0.6) grayscale(0.3);
  opacity: 1;
  transform: scale(0.8) translateX(-30%);
}
.carousel-image-s.next {
  width: 665px;
  height: 374px;
  filter: brightness(0.6) grayscale(0.3);
  opacity: 1;
  transform: scale(0.8) translateX(40%);
}
.carousel-image-s-mobile.next {
  width: 70%;
  height: 386px;
  filter: brightness(0.6) grayscale(0.3);
  opacity: 1;
  transform: scale(0.8) translateX(30%);
}
.carousel-image-s.active {
  opacity: 1;
  transform: scale(1) translateX(0);
  z-index: 1;
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 25px 25px;
  background-image: url('https://cdn-v2.noctuagames.com/games-image/ash_echoes/version-2/feature/frame.webp');
}
.carousel-image-s-mobile.active {
  opacity: 1;
  transform: scale(1) translateX(0);
  z-index: 1;
  background-size: 105% 100%;
  background-repeat: no-repeat;
  padding: 15px 15px;
  background-image: url('https://cdn-v2.noctuagames.com/games-image/ash_echoes/version-2/feature/portrait-frame.webp');
  background-position: center;
  background-size: contain;
  object-fit: contain;
}
.carousel-button-s {
  background: none;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  user-select: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: #333;
}
.carousel-button-s.prev {
  left: 10px;
}
.carousel-button-s.next {
  right: 10px;
}
.carousel-button-s:focus {
  outline: none;
}
@keyframes float {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes floatR {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes floatB {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
.floating-image {
  animation: float 5s ease-in-out infinite;
  filter: drop-shadow(0px 3px 7px #61cdff);
}
.floating-image-right {
  animation: floatR 5s ease-in-out infinite;
  filter: drop-shadow(0px 3px 7px #61cdff);
}
.floating-image-bottom {
  animation: floatB 4s ease-in-out infinite;
}
.carousel-dot-indicators {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.carousel-dot {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}
.carousel-dot-mobile {
  position: relative;
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}
.carousel-dot::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
}
.carousel-dot-mobile::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: transparent;
}
.carousel-dot.active {
  background-color: transparent;
  border: 'solid 2px rgba(255, 255, 255, 1)';
}
.carousel-dot-mobile.active {
  background-color: transparent;
  border: 'solid 2px rgba(255, 255, 255, 1)';
}
.carousel-dot.active::before {
  background-color: #61cdff;
  /* Active dot with a blue bullet */
}
.carousel-dot-mobile.active::before {
  background-color: #61cdff;
  /* Active dot with a blue bullet */
}
.carousel-line {
  width: 35px;
  height: 2px;
  background-color: #ffffff;
}
.carousel-line-mobile {
  width: 30px;
  height: 2px;
  background-color: #ffffff;
}
.carousel-line-after-before {
  width: 105px;
  height: 2px;
  background-color: #ffffff;
}
.carousel-line-after-before-mobile {
  width: 40px;
  height: 2px;
  background-color: #ffffff;
}
.fade-s {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.fade-s.active {
  opacity: 1;
}
.container-frame-milestone {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/pre-register/frame-milestone.webp);
  background-size: cover;
}
@media (max-width: 768px) {
  .ae-home-video-popup-m .ant-modal {
    max-width: 100vw !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
.ae-home-video-popup-m .ant-modal {
  top: 30px;
}
.bg-section-m {
  background: linear-gradient(rgba(15, 28, 47, 0.7), rgba(15, 28, 47, 0.7)), url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/activity/bg-content-m.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.activity-section-ae-m {
  position: relative;
  width: 100vw;
}
.activity-section-ae {
  position: relative;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/activity/bg-activity-ver2.webp?w=1700);
}
.overflow-hidden {
  overflow: hidden;
}
.modal-ae-activity .ant-modal-header {
  background-color: #121212 !important;
  border: solid 0px;
  color: white;
}
.modal-ae-activity .content {
  border-radius: 0px 0px 10px 10px !important;
  background-color: #121212 !important;
  height: 560px;
  overflow-y: scroll;
}
.modal-ae-activity .content-2 {
  border-radius: 0px 0px 10px 10px !important;
  background-color: #121212 !important;
  height: 100%;
  overflow-y: scroll;
}
.modal-ae-activity .content-3 {
  border-radius: 0px 0px 10px 10px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  height: 100%;
  overflow-y: scroll;
}
.modal-ae-raffle {
  width: 100% !important;
}
.modal-ae-raffle .ant-modal-header {
  background-color: rgba(0, 0, 0, 0) !important;
  border: solid 0px;
  color: white;
}
.modal-ae-raffle .content-3 {
  border-radius: 0px 0px 10px 10px !important;
  background-color: rgba(0, 0, 0, 0) !important;
  height: 100%;
  overflow-y: scroll;
}
.modal-ae-raffle .content-3-m {
  border-radius: 0px 0px 10px 10px !important;
  background-color: rgba(0, 0, 0, 0) !important;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.modal-ae-reward .ant-modal-header {
  background-color: rgba(0, 0, 0, 0) !important;
  border: solid 0px;
  color: white;
}
.modal-ae-reward .content-3 {
  border-radius: 0px 0px 10px 10px !important;
  background-color: rgba(0, 0, 0, 0) !important;
  height: 100%;
  overflow-y: scroll;
}
.modal-ae-activity-share .ant-modal-header {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/activity/share-d.webp);
  border: solid 0px;
  color: white;
}
.modal-ae-activity-share .content {
  border-radius: 0px 0px 10px 10px !important;
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/activity/share-d.webp);
  height: 560px;
  background-size: cover;
  overflow-y: scroll;
}
.modal-ae-activity-share .em-bottom-sheet-container-open {
  border-radius: 0px !important;
}
.sheet-ae-reward {
  background-color: #121212 !important;
  border-radius: 0px;
  bottom: 0px !important;
  padding: 5px !important;
}
.sheet-ae-reward .em-bottom-sheet-container {
  background-color: #121212 !important;
  border-radius: 0px;
}
.sheet-ae-reward-raffle {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-radius: 0px;
}
.sheet-ae-reward-raffle .em-bottom-sheet-container {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-radius: 0px;
}
.masking-blur {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(2px);
}
.sheet-ae-share {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/activity/share-d.webp);
  border-radius: 0px;
}
.sheet-ae-share .em-bottom-sheet-container {
  background-image: url(https://cdn-v2.noctuagames.com/games-image/ash_echoes/activity/share-d.webp);
  border-radius: 0px;
}
.dropdown-menu-activity-ae {
  background: #2b2e33;
  right: 0px;
  position: absolute;
  border-radius: 5px;
  padding: 10px;
  width: 280px;
  opacity: 0;
  pointer-events: none;
  top: 30px;
  transition: 0.3s;
}
.dropdown-menu-activity-ae.show {
  opacity: 1;
  top: 36px;
  pointer-events: unset;
  z-index: 1;
}
.container-overlay-frame {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9;
  padding: 44px 34px;
}
.container-overlay-frame .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.container-overlay-frame .text-congrats {
  font-size: 33px;
}
.container-overlay-frame .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.container-overlay-frame .icon {
  filter: drop-shadow(11px -7px 6px #112154) drop-shadow(11px 12px 45px #112154) drop-shadow(-10px 0px 5px #112154);
}
.container-overlay-frame.fullscreen {
  position: fixed;
  width: 100vw;
  height: 100vh;
  padding: 0px !important;
}
.sticky-btn-official-ae {
  position: fixed;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
}
.container-text-prereg-ae {
  background: rgba(18, 39, 74, 0.7);
  border-radius: 25px;
  padding: 6px 10px;
}
.prereg-count-ae {
  font-size: 70px;
  font-style: normal;
  text-shadow: 0px 4px 12px #0d0930, 0px -4px 12px #0d0930, 0px 4px 12px #0d0930;
  line-height: 70px;
}
.tooltip-prereg-ae {
  background: rgba(19, 23, 28, 0.6);
  padding: 4px;
  border-radius: 5px;
  position: absolute;
  width: 500px;
  left: 50%;
  transform: translate(-50%);
  top: 92px;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .tooltip-prereg-ae {
    max-width: calc(100vw - 32px);
  }
}
.tooltip-prereg-ae.show {
  opacity: 1;
}
.line-stepper {
  width: 40%;
  height: 1px;
  background: #474b4e;
  position: absolute;
  left: 9%;
  top: 30%;
}
.line-stepper.active {
  background: #3b82f6;
}
.container-ae {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 1440px;
  padding-left: 24px;
  padding-right: 24px;
}
.content-benefit-milestone {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
}
.total-prereg-ae-m {
  text-align: left;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  font-size: 32px;
  font-weight: 700;
  -webkit-text-stroke-color: #3697de;
  -webkit-text-stroke-width: 1px;
}
.centerize-milestone-ae {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ae-in,
.echomancers.active .char-2d,
.echomancers.active .char-2d-m,
.echomancers.active .char-3d-m.visible,
.echomancers.active .char-3d.visible,
.char-item.active .name-white,
.char-item.active .name-yellow,
.char-item.active .video-preview,
.char-item.active .ticket,
.char-item.active .skill-and-type,
.char-item.active .container-description,
.char-item.active .name-m,
.char-item.active .bg-desc {
  transition: 0.5s ease-in-out;
  opacity: 1;
}
.ae-out,
.echomancers .char-2d,
.echomancers .char-2d-m,
.echomancers .char-3d,
.echomancers .char-3d-m,
.echomancers.active .char-2d-m.hide,
.echomancers.active .char-2d.hide,
.echomancers.active .char-3d,
.echomancers.active .char-3d-m,
.char-item .name-white,
.char-item .name-yellow,
.char-item .video-preview,
.char-item .ticket,
.char-item .skill-and-type,
.char-item .container-description,
.char-item .name-m,
.char-item .bg-desc {
  transition: 0.5s ease-in-out;
  opacity: 0;
}
.bg-section-ae {
  background: url('https://cdn-v2.noctuagames.com/games-image/ash_echoes/bg-new-ae-common.webp?w=1920');
  background-position: center;
  background-size: cover;
}
@media (max-width: 768px) {
  .bg-section-ae {
    background: url('https://cdn-v2.noctuagames.com/games-image/ash_echoes/bg-new-ae-common-m.webp?w=1920');
    background-size: cover;
  }
}
.echomancers {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease-in-out;
  overflow: hidden;
}
.echomancers .char-2d {
  position: absolute;
  left: 43%;
  bottom: -8%;
  width: auto;
  transform: translate(-50%);
  height: 94%;
  pointer-events: none;
}
.echomancers .char-2d.ivana {
  height: 96%;
  left: 61%;
}
.echomancers .char-2d.yuqi {
  height: 100%;
  left: 65%;
}
.echomancers .char-2d.sambheka {
  height: 115%;
}
.echomancers .char-2d-m {
  height: auto;
  width: 100%;
  left: 0px;
  transform: unset;
  position: absolute;
  pointer-events: none;
  bottom: -10%;
}
.echomancers .char-3d {
  bottom: 0px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  height: 96%;
}
.echomancers .char-3d-m {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  height: 65%;
  bottom: 24%;
}
.echomancers.active {
  opacity: 1;
  pointer-events: visible;
}
.echomancers.active .char-2d {
  bottom: 0px;
}
.echomancers.active .char-2d-m {
  bottom: 0;
}
.echomancers.active .char-3d {
  bottom: 0px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  height: 96%;
}
.echomancers.active .char-3d-m {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  height: 65%;
  bottom: 24%;
}
.content-char {
  position: relative;
  margin: auto;
}
.char-item .name-white {
  position: absolute;
  left: -60px;
  height: 29%;
  top: -16px;
}
.char-item .name-yellow {
  position: absolute;
  right: -10%;
  height: 32%;
  top: -10%;
}
.char-item .video-preview {
  position: absolute;
  right: 5%;
  top: 37%;
  width: 27%;
  transform: translate(0, -50%);
  z-index: 1;
}
.char-item .video-preview .thumbnail {
  position: absolute;
  width: 98%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.char-item .ticket {
  position: absolute;
  right: 20%;
  width: 40%;
  top: 60%;
  transform: translate(50%, -50%) rotate(16deg);
  z-index: 1;
}
.char-item .btn-3d {
  position: absolute;
  left: 6%;
  top: 78%;
  transform: translate(-50%, -50%);
}
.char-item .skill-and-type {
  position: absolute;
  top: 37%;
  left: -10%;
  transform: translate(0, -50%);
  z-index: 1;
}
.char-item .star {
  position: absolute;
  left: -24px;
  top: 30.5%;
  transform: translate(0, -50%);
  width: auto;
  height: 11.2%;
}
.char-item .btn-play-preview {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20%;
  filter: drop-shadow(0px 3px 7px rgba(255, 255, 255, 0.5));
}
.char-item .container-description {
  position: absolute;
  top: 56%;
  left: -10%;
  transform: translate(0, -50%);
  width: 26%;
  z-index: 1;
}
.char-item .container-description .ae-char-desc-container {
  max-height: 194px;
  overflow: auto;
}
.char-item .name-m {
  position: absolute;
  top: -22px;
  height: 10%;
  left: -10%;
}
.char-item .bg-desc {
  position: absolute;
  width: 100vw;
  left: 0px;
  bottom: -10%;
}
@media (max-width: 1366px) {
  .char-item .container-description {
    width: 30%;
    top: 58%;
  }
  .char-item .container-description .ae-char-desc-container {
    max-height: 154px;
    overflow: auto;
  }
  .char-item .skill-and-type {
    top: 39%;
  }
  .char-item .skill-and-type .skill {
    height: 38px;
  }
  .char-item .skill-and-type .type {
    height: 16px;
  }
  .char-item .btn-3d {
    width: 94px;
    left: 5.8%;
  }
}
@media (max-width: 1180px) {
  .char-item .container-description {
    width: 30%;
    top: 58%;
  }
  .char-item .container-description .ae-char-desc-container {
    max-height: 144px;
    overflow: auto;
  }
  .char-item .btn-3d {
    width: 94px;
    left: 7%;
  }
}
@media (max-width: 1024px) {
  .char-item .container-description {
    width: 30%;
  }
  .char-item .container-description .ae-char-desc-container {
    max-height: 124px;
    overflow: auto;
  }
}
@media (max-width: 768px) {
  .char-item .star {
    position: absolute;
    right: 0px;
    left: unset;
    top: 0px;
    height: 7.5%;
  }
  .char-item .skill-and-type {
    left: unset;
    top: 40px;
    right: -10%;
  }
  .char-item .ticket {
    width: 80%;
    right: unset;
    left: -8px;
    transform: rotate(-10deg);
    top: 62%;
  }
  .char-item .btn-3d {
    left: unset;
    right: 16px;
    transform: unset;
    top: 69%;
  }
  .char-item .container-description {
    width: 100%;
    transform: unset;
    top: unset;
    max-height: 103px;
    left: 0px;
    bottom: 8%;
  }
  .char-item .container-description .ae-char-desc-container {
    max-height: 154px;
    overflow: auto;
  }
}
.char-item.active .name-white {
  position: absolute;
  left: 0px;
  height: 29%;
  top: -16px;
}
.char-item.active .name-yellow {
  position: absolute;
  right: 0px;
  height: 29%;
  top: -16px;
}
.char-item.active .ticket {
  position: absolute;
  right: 20%;
  width: 33%;
  top: 60%;
  transform: translate(50%, -50%);
  z-index: 1;
}
.char-item.active .skill-and-type {
  left: 16px;
}
.char-item.active .container-description {
  left: 10px;
}
.char-item.active .name-m {
  left: 16px;
}
.char-item.active .bg-desc {
  bottom: 0px;
}
@media (max-width: 768px) {
  .char-item.active .star {
    position: absolute;
    right: 0px;
    left: unset;
    top: 0px;
    height: 7.5%;
  }
  .char-item.active .skill-and-type {
    left: unset;
    top: 40px;
    right: 16px;
  }
  .char-item.active .ticket {
    width: 75%;
    right: unset;
    left: -8px;
    transform: rotate(0deg);
    top: 62%;
  }
  .char-item.active .btn-3d {
    left: unset;
    right: 16px;
    transform: unset;
    top: 69%;
  }
  .char-item.active .container-description {
    width: 100%;
    transform: unset;
    top: unset;
    max-height: 103px;
    left: 0px;
    bottom: 10%;
  }
  .char-item.active .container-description .ae-char-desc-container {
    max-height: 154px;
    overflow: auto;
  }
}
.container-nav-char-ae {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}
.container-nav-char-ae .content-nav {
  position: absolute;
  top: 50%;
  right: -75px;
  transform: translate(0, -50%);
  z-index: 2;
  pointer-events: visible;
}
@media (max-width: 1800px) {
  .container-nav-char-ae .content-nav {
    right: -40px;
  }
}
@media (max-width: 1680px) {
  .container-nav-char-ae .content-nav {
    right: 0;
  }
}
@media (max-width: 1440px) {
  .container-nav-char-ae .content-nav {
    right: 24px;
  }
}
.content-nav-ae-m {
  position: absolute;
  right: 16px;
  top: 45%;
  transform: translate(0, -50%);
  z-index: 1;
}
.echomancers.tablet .content-char,
.echomancers.tablet.active .content-char {
  margin-top: 18%;
}
.echomancers.tablet .char-2d,
.echomancers.tablet.active .char-2d {
  height: 72%;
}
.echomancers.tablet .char-3d,
.echomancers.tablet.active .char-3d {
  height: 74%;
}
.echomancers.tablet .char-item .container-description,
.echomancers.tablet.active .char-item .container-description {
  z-index: 1;
  width: 40%;
}
@media (max-width: 820px) {
  .echomancers.tablet .postcard,
  .echomancers.tablet.active .postcard {
    height: 420px;
  }
}
.container-nav-char-ae.tablet {
  top: 60%;
}
.container-nav-char-ae.tablet .content-nav {
  right: 24px;
}
@media (min-height: 1024px) and (max-width: 768px) and (orientation: portrait) {
  .echomancers .char-2d-m,
  .echomancers.active .char-2d-m {
    top: -40px;
  }
  .echomancers .content-char,
  .echomancers.active .content-char {
    padding-top: 80px;
  }
  .echomancers .skill-and-type,
  .echomancers.active .skill-and-type {
    left: unset;
    top: 40px;
    right: 16px;
  }
  .echomancers .bg-desc,
  .echomancers.active .bg-desc {
    bottom: 18%;
  }
  .echomancers .ticket,
  .echomancers.active .ticket {
    width: 450px;
    top: 44%;
  }
  .echomancers .btn-3d,
  .echomancers.active .btn-3d {
    top: 50.5%;
    width: 108px;
    left: unset;
  }
  .echomancers .container-description,
  .echomancers.active .container-description {
    bottom: 38%;
    width: 100%;
    top: unset;
  }
  .echomancers .container-description .ae-char-desc-container,
  .echomancers.active .container-description .ae-char-desc-container {
    height: 100px;
  }
  .echomancers .char-3d-m,
  .echomancers.active .char-3d-m {
    bottom: 20%;
  }
  .echomancers .char-2d-m {
    top: -20px;
  }
  .echomancers .char-3d-m {
    bottom: 20%;
  }
}
.video-mask-ae {
  position: absolute;
  top: 8px;
  right: 7px;
  overflow: hidden;
  -webkit-mask-position: top right;
  mask-position: top right;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 96%;
  height: 100%;
  margin: auto;
  mask-size: 100% auto;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWoAAADWBAMAAAAKidVqAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABtQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlFHiIAAAAAl0Uk5TAB4/YGp/3f+6kZW8/AAAAf1JREFUeJzt2DFOAlEURuH7rCzRwli6C1t3YWlsbN2FdlpDQ23jmqipqDE6Mu8NxkbDGHMmNzmnYCiGly9/AgRKtE5n8ddODrxvttk/K93Xa7rYfL/n6OLXI95fhwOGy93f1WQvq3oZ1Ge300nG9PZUL02dZer92E2dZeqI7XP/WNV5po6Y9+/eqs4z9TB2r840dRu7V2eauo1dsk1dxy7Zpq5jl3RT92OXdFNHrJcl39TRLUq+qXdjl8urqQ3j+1CNpZpLNZdqLtVcqrlUc6nmUs31nlKdc2vVXKq5VHOp5lLNpZpLNZdqLtVcqrly/kZXzaWaSzVXzs9r1VyquVRzqeZSzaWaSzWXai7VXKq5VHOp5lLN5f98XKq5VHOp5lLN5Xcjl2ou1VyquVRzqeZSzaWaSzWXai7VXKq5VHOp5lLNpZorq/r6YmrD+FRzqeZSzaWaSzWXai7VXKq5VHOp5lLNpZpLNZdqLtVcqrlUc6nmUs2lmks1l2ou1VyquVRzqeZSzaWaSzWXai7VXKq5sqrPb6Y2jG9dysNmasTYukWJfGOvlyXSjd0tNiXSjb1exk6dbOzd1L062di7qas61dj91FUdx/dTWw5v+xyDOh7zjD3vqU2dZ+w69aDOM3adeq/OMnabeq/OMnab+ktdZv9y6j8d81Mfq3b9BKoWVdZr0vpPAAAAAElFTkSuQmCC);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWoAAADWBAMAAAAKidVqAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAABtQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlFHiIAAAAAl0Uk5TAB4/YGp/3f+6kZW8/AAAAf1JREFUeJzt2DFOAlEURuH7rCzRwli6C1t3YWlsbN2FdlpDQ23jmqipqDE6Mu8NxkbDGHMmNzmnYCiGly9/AgRKtE5n8ddODrxvttk/K93Xa7rYfL/n6OLXI95fhwOGy93f1WQvq3oZ1Ge300nG9PZUL02dZer92E2dZeqI7XP/WNV5po6Y9+/eqs4z9TB2r840dRu7V2eauo1dsk1dxy7Zpq5jl3RT92OXdFNHrJcl39TRLUq+qXdjl8urqQ3j+1CNpZpLNZdqLtVcqrlUc6nmUs31nlKdc2vVXKq5VHOp5lLNpZpLNZdqLtVcqrly/kZXzaWaSzVXzs9r1VyquVRzqeZSzaWaSzWXai7VXKq5VHOp5lLN5f98XKq5VHOp5lLN5Xcjl2ou1VyquVRzqeZSzaWaSzWXai7VXKq5VHOp5lLNpZorq/r6YmrD+FRzqeZSzaWaSzWXai7VXKq5VHOp5lLNpZpLNZdqLtVcqrlUc6nmUs2lmks1l2ou1VyquVRzqeZSzaWaSzWXai7VXKq5sqrPb6Y2jG9dysNmasTYukWJfGOvlyXSjd0tNiXSjb1exk6dbOzd1L062di7qas61dj91FUdx/dTWw5v+xyDOh7zjD3vqU2dZ+w69aDOM3adeq/OMnabeq/OMnab+ktdZv9y6j8d81Mfq3b9BKoWVdZr0vpPAAAAAElFTkSuQmCC);
}
.video-mask-ae video {
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  height: auto;
  object-fit: cover;
}
.scannerContainer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* Ensure that the scanner bar doesn’t overflow */
}
.scannerBar {
  margin-right: 10px;
  position: absolute;
  width: 100%;
  height: 100px;
  /* Adjust height as needed */
  background: rgba(255, 255, 255, 0.5);
  /* Scanner bar color */
  top: -100px;
  /* Start position off-screen */
  animation: scanAnimation 5s linear infinite;
}
@keyframes scanAnimation {
  0% {
    top: -100px;
    /* Start position off-screen */
  }
  100% {
    top: 100%;
    /* Move the bar to the bottom of the container */
  }
}
.video-char-benefit-ae {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  z-index: 3;
  left: -16%;
}
@media (min-width: 2048px) {
  .video-char-benefit-ae {
    left: -21%;
  }
}
@media (max-width: 1920px) {
  .video-char-benefit-ae {
    left: -16%;
  }
}
@media (max-width: 1920px) and (height: 1440px) {
  .video-char-benefit-ae {
    left: -23%;
  }
}
@media (max-width: 1920px) and (max-height: 953px) {
  .video-char-benefit-ae {
    left: -12%;
  }
}
@media (max-width: 1600px) {
  .video-char-benefit-ae {
    left: -20%;
  }
}
@media (max-width: 1600px) and (max-height: 1200px) {
  .video-char-benefit-ae {
    left: -28%;
  }
}
@media (max-width: 1440px) and (max-height: 900px) {
  .video-char-benefit-ae {
    left: -28%;
  }
}
@media (max-width: 1376px) {
  .video-char-benefit-ae {
    left: -36%;
  }
}
@media (max-width: 1366px) {
  .video-char-benefit-ae {
    left: -24%;
  }
}
@media (max-width: 1366px) and (min-height: 1024px) {
  .video-char-benefit-ae {
    left: -36%;
  }
}
@media (max-width: 1180px) {
  .video-char-benefit-ae {
    left: -34%;
  }
}
@media (max-width: 1024px) {
  .video-char-benefit-ae {
    left: -36%;
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  .video-char-benefit-ae {
    left: -40%;
  }
}
.text-thanks-prereg-ae {
  text-shadow: 0px 2px 8px #0000008c;
}
.content-thanks-prereg-wide {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.btn-watch-get-rewards-ae {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 38%;
  top: 78%;
}
.btn-watch-get-rewards-ae.mobile {
  width: 74%;
  top: 81%;
}
.custom-ol-first {
  counter-reset: item;
  list-style: none;
  padding-left: 20px;
  color: black;
}
.custom-ol-first > li {
  counter-increment: item;
  position: relative;
  margin-bottom: 10px;
  padding-left: 25px;
}
.custom-ol-first > li::before {
  position: absolute;
  left: -20px;
  /* Adjust this value for spacing */
  font-weight: 500;
  color: black;
  /* Adjust color if needed */
}
.custom-ol-first.first > li::before {
  content: '1.' counter(item) '.';
}
.custom-ol-first.second > li::before {
  content: '2.' counter(item) '.';
}
.custom-ol-first.third > li::before {
  content: '3.' counter(item) '.';
}
.custom-ol-first.fourth > li::before {
  content: '4.' counter(item) '.';
}
.custom-ol-first.fifth > li::before {
  content: '5.' counter(item) '.';
}
.custom-ol-first.sixth > li::before {
  content: '6.' counter(item) '.';
}
.custom-ol-first.seventh > li::before {
  content: '7.' counter(item) '.';
}
.custom-ol-first.eighth > li::before {
  content: '8.' counter(item) '.';
}
.custom-ol-first.ninth > li::before {
  content: '9.' counter(item) '.';
}
.custom-ol-first.tenth > li::before {
  content: '10.' counter(item) '.';
}
.custom-ol-first.eleventh > li::before {
  content: '11.' counter(item) '.';
}
.custom-ol-first.twelfth > li::before {
  content: '12.' counter(item) '.';
}
.custom-ol-first.thirteenth > li::before {
  content: '13.' counter(item) '.';
}
.custom-ol-first.fourteenth > li::before {
  content: '14.' counter(item) '.';
}
.custom-ol-first.fifteenth > li::before {
  content: '15.' counter(item) '.';
}
.custom-ol-first.sixteenth > li::before {
  content: '16.' counter(item) '.';
}
#update-profile .ant-radio {
  top: 0px;
}
#update-profile .ant-radio-wrapper {
  margin-right: 0px;
  height: 16px;
}
#update-profile span.ant-radio + * {
  padding-top: 8px !important;
}
#update-profile .ant-radio .ant-radio-inner {
  background-color: transparent !important;
  border: 1px solid #386bb6 !important;
}
#update-profile .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: unset !important;
}
#update-profile .ant-form-item-with-help .ant-form-item-explain {
  height: 10px;
  min-height: 0 !important;
}
#update-profile .ant-space {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 8px !important;
}
#update-profile .ant-space .ant-space-item {
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  column-width: 200px !important;
  height: 41px !important;
  border-radius: 5px !important;
  position: relative !important;
}
.carousel-homepage .ant-carousel .slick-dots li,
.carousel-homepage .ant-carousel .slick-dots li button {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #ebf5ff !important;
}
.carousel-homepage .ant-carousel .slick-dots li.slick-active button {
  background: #3685f1 !important;
}
.carousel-homepage .container-item-hero-banner {
  width: 100%;
  height: 440px;
  margin: auto;
  position: relative;
}
.carousel-homepage .container-item-hero-banner .thumbnail {
  transition: transform 0.5s ease-in-out;
}
.carousel-homepage .overlay-hero-banner {
  position: absolute;
  z-index: 7;
  top: 0px;
  left: 0px;
  background: linear-gradient(270deg, rgba(11, 11, 11, 0) 0%, rgba(11, 11, 11, 0.6) 100%, rgba(11, 11, 11, 0.6) 100%);
  width: 80%;
  height: 100%;
  pointer-events: none;
}
.carousel-homepage .content-hero-banner {
  line-height: 2;
  position: absolute;
  left: 60px;
  top: 50%;
  transform: translate(0px, -50%);
  pointer-events: visible;
  max-width: 40%;
}
.carousel-homepage .container-btn-nav {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 50%;
  transform: translate(0px, -50%);
}
.container-nav-hero-banner {
  height: 100%;
  display: grid;
  gap: 24px;
}
.container-nav-hero-banner .nav-carousel-hero-banner {
  padding: 10px 12px;
  border-radius: 10px;
  position: relative;
}
.container-nav-hero-banner .nav-carousel-hero-banner:hover .bg-progress {
  background: rgba(255, 255, 255, 0.08);
}
.container-nav-hero-banner .bg-progress {
  background: transparent;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: 0.3s;
}
.container-nav-hero-banner .bg-progress.show {
  background: rgba(255, 255, 255, 0.08);
  animation: nav-carousel-progress 8s;
}
@keyframes progress {
  0% {
    width: 0px;
  }
  100% {
    width: 100%;
  }
}
.item-hero-banner-m {
  width: 200px;
}
.container-item-hero-banner-m {
  overflow-x: auto;
  height: 30px;
  display: flex !important;
  overflow-y: hidden;
}
.container-item-hero-banner-m::-webkit-scrollbar-track {
  background: #777a8b;
  width: 4px !important;
  height: 4px;
}
.container-item-hero-banner-m::-webkit-scrollbar-thumb:horizontal {
  background: #34384b;
  border-radius: 10px;
  width: 4px !important;
  height: 4px;
}
.container-item-hero-banner-m::-webkit-scrollbar {
  width: 4px !important;
  height: 4px;
  background: transparent;
}
.container-item-hero-banner-carousel-m .slick-list {
  padding: 0 10px 0 0 !important;
}
.item-hero-banner-carousel-m {
  width: 280px;
  height: 400px !important;
  position: relative;
  margin-right: 20px;
}
.item-hero-banner-carousel-m .overlay-hero-banner {
  position: absolute;
  z-index: 7;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(to top, rgba(11, 11, 11, 0.85), rgba(11, 11, 11, 0));
  width: 100%;
  height: 80%;
  pointer-events: none;
}
.item-hero-banner-carousel-m .content-hero-banner {
  line-height: 2;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0px, -50%);
  pointer-events: visible;
}
.item-hero-banner-carousel-m .container-content-banner {
  padding: 16px;
}
.explore-game-homepage > .ant-spin-nested-loading > .ant-spin-container > .ant-row {
  justify-content: left !important;
}
.zoom-on-hover-container {
  overflow: hidden;
}
.zoom-on-hover-container .zoom-on-hover {
  transition: transform 0.5s ease-in-out;
}
.zoom-on-hover-container:hover img {
  transform: scale(1.1);
}
@media (max-width: 1024px) {
  .container-nav-hero-banner {
    gap: 4px;
  }
}
@media (max-width: 768px) {
  .container-nav-hero-banner {
    gap: 1px;
  }
}
.container-content-banner {
  position: absolute;
  bottom: 0px;
  padding: 40px;
  left: 0px;
  width: 100%;
  max-width: 320px;
}
.logo-content-banner {
  position: relative;
  left: 24px;
  transition: 1s ease-in-out;
  transition-delay: 0.5s;
  opacity: 0;
}
.logo-content-banner.active {
  left: 0px;
  opacity: 1;
}
.news-feature-hero {
  padding: 16px;
  border-radius: 10px;
  transition: 0.3s;
}
.news-feature-hero .container-thumbnail {
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: 10px;
  height: 303px;
}
.news-feature-hero .thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.news-feature-hero:hover {
  background: rgba(55, 133, 242, 0.1);
}
.news-feature-hero:hover .thumbnail {
  transform: scale(1.02);
}
.breadcrumb-news .ant-breadcrumb > span,
.breadcrumb-news .ant-breadcrumb {
  display: flex !important;
  align-items: center !important;
  line-height: 16px;
}
.breadcrumb-news .ant-breadcrumb-separator {
  display: flex;
  align-items: center;
}
.bg-grid-noise {
  width: 100vw;
  height: 100vh;
  background-image: url(https://cdn-v2.noctuagames.com/website-image/bg-grid-noise-repeat.webp);
  position: fixed;
  left: 0px;
  top: 0px;
}
.bg-stars-effect {
  width: 100vw;
  height: 100vh;
  background-image: url(https://cdn-v2.noctuagames.com/website-image/bg-stars-effect.webp);
  background-size: contain;
  animation: bgStarsEffect 1s infinite;
  transition: 0.3s;
  margin-top: 72px;
}
@keyframes bgStarsEffect {
  0% {
    transition: 0.3s;
    background-image: url(https://cdn-v2.noctuagames.com/website-image/bg-stars-effect-dark.webp);
  }
  50% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/website-image/bg-stars-effect.webp');
  }
  100% {
    transition: 0.3s;
    background-image: url('https://cdn-v2.noctuagames.com/website-image/bg-stars-effect-dark.webp');
  }
}
.container-gacha-showcase {
  background: rgba(30, 34, 39, 0.9);
  border-radius: 20px;
  padding: 28px 0px;
  height: 534px;
  width: 100%;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  border: 3px solid rgba(30, 34, 39, 0.9);
}
.container-gacha-showcase .overlay-lock {
  left: 0px;
  top: 0px;
  width: 100%;
  background: rgba(30, 37, 48, 0.7);
  border-radius: 20px;
  border: 3px solid rgba(30, 37, 48, 0.7);
  height: 100%;
}
.container-gacha-showcase:hover {
  transform: scale(1.03);
  box-shadow: 1px 1px 12px 0px rgba(255, 255, 255, 0.2) inset, 1px 1px 16px 0px rgba(255, 255, 255, 0.5);
  border: 3px solid white;
}
.container-play-gacha {
  width: 1173px;
  height: 690px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(30, 34, 39, 0.8);
  border-radius: 10px;
  opacity: 0;
  z-index: -100;
  transition: 0.3s ease-in-out;
}
.carousel-gacha-reward .ant-carousel .slick-list {
  overflow: unset !important;
}
.carousel-gacha-reward::-webkit-scrollbar {
  display: none;
}
.container-gacha-play {
  background: rgba(30, 34, 39, 0.8);
  padding: 24px;
  border-radius: 10px;
  box-shadow: 16px 13px 20px 0px rgba(54, 101, 242, 0.1);
}
.gacha-option-item {
  filter: grayscale(1) brightness(0.6);
  transition: 0.3s;
}
.gacha-option-item.active {
  filter: unset;
  transform: scale(1.3);
}
.container-button-pachinko {
  position: absolute;
  bottom: 16%;
  left: 55%;
  transform: translate(-50%);
}
.container-button-pachinko .note {
  position: absolute;
  top: -30px;
  left: 2px;
}
.container-button-pachinko .note.ten {
  top: -22px;
}
.gacha-options-games {
  width: 150px;
  position: absolute;
  top: 65%;
  transform: translate(0px, -50%);
  z-index: 1;
}
.gacha-play {
  transition: 0.3s;
  pointer-events: visible;
}
.overlay-gacha-play-now-own-game {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgba(30, 34, 39, 0.8);
  z-index: 2;
}
.gacha-play-now-own-game {
  position: absolute;
  width: 100%;
  max-width: 380px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.gacha-play-now-own-game .box {
  background: #2a3039;
  border-radius: 12px;
  box-shadow: 1px 3px 7px 0px rgba(30, 34, 39, 0.8);
}
.container-button-panel {
  position: absolute;
  bottom: 136px;
  left: 65%;
  transform: translate(-50%);
}
.container-button-panel .panel {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 3px;
}
.gacha-claw-machine .wave {
  position: absolute;
  bottom: 0px;
  width: 100%;
  mix-blend-mode: luminosity;
}
.gacha-claw-machine .banner-gacha-claw {
  left: 50%;
  transform: translate(-50%);
  top: 8px;
  object-fit: cover;
  width: 92% !important;
}
.gacha-claw-machine .bg-claw {
  width: 92%;
  background: #0b336c;
  height: 44%;
  position: absolute;
  top: 19%;
  left: 50%;
  transform: translate(-50%);
  border-radius: 8px;
}
.container-button-panel.showcase {
  bottom: 27%;
  left: 64%;
}
.container-button-panel.showcase .note {
  position: absolute;
  top: -16px;
  left: -4px;
}
.container-button-panel.showcase .note.ten {
  position: absolute;
  top: -14px;
  left: -4px;
}
.container-button-panel.showcase-m {
  bottom: 25%;
  left: 40%;
}
.container-button-panel.showcase-m .note {
  position: absolute;
  top: -16px;
  left: -4px;
}
.container-button-panel.showcase-m .note.ten {
  position: absolute;
  top: -14px;
  left: -4px;
}
.gacha-claw-machine.saint-seiya-item-2 {
  background: linear-gradient(179.97deg, #efa62d 0.02%, #552625 96.45%);
}
.gacha-claw-machine.saint-seiya-item-3 {
  background: linear-gradient(179.97deg, #efa62d 0.02%, #552625 96.45%);
}
.gacha-claw-machine.knightcore-item {
  background: linear-gradient(179.97deg, #3083e9 0.02%, #1b4a83 96.45%);
}
.gacha-claw-machine.dragonknights-item-2 {
  background: linear-gradient(179.97deg, #478ebc 0.02%, #0f73ff 96.45%);
}
.gacha-btn-press:hover {
  transition: 0.3s;
}
.gacha-btn-press:hover {
  filter: drop-shadow(0px 6px 8px #ffffff);
}
.modal-reward-gacha .ant-modal-content {
  background: transparent !important;
  box-shadow: unset !important;
}
.glow-item-reward {
  filter: drop-shadow(0px 0px 5px #ffffff);
}
.got-item-reward {
  display: none;
}
.got-item-reward.two {
  position: absolute;
  display: unset;
  width: 120px;
  right: 0px;
  top: -120px;
}
.got-item-reward.three {
  position: absolute;
  display: unset;
  width: 100px;
  right: 30px;
  top: 110px;
}
.got-item-reward.four {
  position: absolute;
  display: unset;
  width: 100px;
  left: 30px;
  top: 100px;
}
.got-item-reward.five {
  position: absolute;
  display: unset;
  width: 100px;
  left: 0px;
  top: -60px;
}
.got-item-reward.six {
  position: absolute;
  display: unset;
  width: 85px;
  left: 40%;
  top: -70px;
}
.got-item-reward.seven {
  position: absolute;
  display: unset;
  width: 85px;
  right: -50px;
  top: 40px;
}
.got-item-reward.eight {
  position: absolute;
  display: unset;
  width: 71px;
  left: -20px;
  top: 40px;
}
.got-item-reward.nine {
  position: absolute;
  display: unset;
  width: 71px;
  left: 90px;
  top: -110px;
}
.got-item-reward.ten {
  position: absolute;
  display: unset;
  width: 71px;
  right: 20px;
  top: 10px;
}
.quest-item-card {
  height: 100%;
  background: transparent !important;
  border-radius: 5px;
  border-radius: 5px !important;
  transition: 0.5s;
}
.quest-item-card .thumbnail {
  border-radius: 5px 5px 0px 0px;
  transition: transform 0.3s ease-in-out;
}
.quest-item-card:hover .thumbnail {
  transform: scale(1.02);
}
.quest-item-card .badge-recommended-quest {
  background: #fbbc05;
  position: absolute;
  padding: 4px;
  border-radius: 5px;
  left: 8px;
  top: 8px;
  z-index: 1;
}
.quest-item-card .container-cover {
  border-radius: 5px 5px 0px 0px;
  display: flex;
  overflow: hidden;
}
.quest-item-card .ant-card-body {
  padding: 15px 0px !important;
}
.quest-item-card.recommended {
  border: 2px solid #e2ae29;
}
.quest-item-card.claimed {
  filter: brightness(0.4);
  pointer-events: none;
}
.btn-filter-quest {
  background: rgba(44, 50, 95, 0.6) !important;
}
.quest-reward-pagination .ant-pagination-item,
.quest-reward-pagination .ant-pagination-prev .ant-pagination-item-link,
.quest-reward-pagination .ant-pagination-next .ant-pagination-item-link {
  background: transparent !important;
  border: unset !important;
  color: white !important;
}
.quest-reward-pagination .ant-pagination-item-active {
  background: #3b82f6 !important;
  border-radius: 10px;
}
.quest-reward-pagination .ant-pagination-item-active a {
  color: white !important;
}
.glow-machine-vip {
  transform: translate(-50%, -50%);
  top: 45%;
  left: 52.5%;
  width: 100%;
}
.glow-machine-vip.showcase {
  transform: translate(-50%, -50%);
  top: 45%;
  left: 50%;
  height: 80%;
  width: auto;
}
.video-gacha-vip {
  display: flex;
  justify-content: center;
  height: 610px;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .glow-machine-vip {
    width: 120vw;
  }
}
.carousel-gacha-reward {
  overflow-y: hidden;
}
.carousel-gacha-reward .ant-carousel .slick-list {
  overflow: unset !important;
}
.container-gacha-showcase {
  padding: 16px 0px;
  max-height: 289px;
}
.container-button-panel .panel {
  top: 0px;
}
.container-button-panel.showcase {
  bottom: 27%;
  left: 64%;
}
.container-button-panel.showcase .note {
  position: absolute;
  top: -16px;
  left: -4px;
}
.container-button-panel.showcase .note.ten {
  position: absolute;
  top: -14px;
  left: -4px;
}
.curve-text-lets-play {
  position: unset !important;
  margin-bottom: -80px;
  margin-left: -30px;
}
.container-button-pachinko.showcase {
  top: unset;
  bottom: 16%;
}
.container-button-pachinko.showcase .note {
  top: -25px;
  left: 0px;
}
.container-button-pachinko.showcase .note.ten {
  top: -25px;
  left: 0px;
}
@media (max-width: 991px) {
  .container-button-pachinko.showcase .note {
    top: -15px;
    left: -5px;
  }
  .container-button-pachinko.showcase .note.ten {
    top: -10px;
    left: -5px;
  }
}
@media (max-width: 480px) {
  .container-button-pachinko {
    position: absolute;
    bottom: 26%;
    left: 56%;
    transform: translate(-50%);
  }
  .gacha-options-games {
    margin-top: 16px;
    position: unset;
    transform: unset;
    width: 100%;
  }
  .letsplay-gacha-games {
    left: -30px;
  }
}
.bottom-sheet-reward-mask {
  max-width: 100% !important;
}
.img-gacha-blur-showcase {
  position: absolute;
  height: 100%;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
}
.container-button-panel.gacha-games .note {
  position: absolute;
  top: -30px;
  left: -4px;
}
.container-button-panel.gacha-games .note.ten {
  top: -25px;
}
.gacha-play-nav-side {
  height: 100%;
  width: 100%;
  border-radius: 0px 10px 10px 0px;
  background: linear-gradient(270deg, #24282c 0%, rgba(54, 101, 242, 0.2) 100%);
  background-color: #24282c !important;
  transform: 0.3s;
}
.gacha-play-nav-side p {
  writing-mode: vertical-lr;
}
.gacha-play-nav-side.left {
  border-radius: 10px 0px 0px 10px;
  background: linear-gradient(90deg, #24282c 0%, rgba(54, 101, 242, 0.2) 100%);
}
.gacha-play-nav-side.left p {
  writing-mode: vertical-rl;
}
.loading-gacha-play .ant-spin-dot-item {
  background-color: white !important;
}
.gacha-reward-container {
  max-height: 531px;
  min-height: 531px;
  height: 531px;
  overflow-x: auto;
}
.gacha-reward-container-scrollbar {
  /* Handle */
}
.gacha-reward-container-scrollbar ::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  background: transparent;
}
.gacha-reward-container-scrollbar ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.gacha-claw-machine-gif {
  position: absolute !important;
  left: 50%;
  top: 23%;
  width: 93%;
  transform: translate(-50%);
  height: auto;
}
.gacha-claw-machine-gif-m {
  position: absolute !important;
  left: 29%;
  top: 24%;
  width: 54%;
  transform: translate(-50%);
  height: auto;
}
.bg-vip-silver-webview {
  background: linear-gradient(275.7deg, #808080 16.17%, rgba(0, 0, 0, 0) 74.38%), linear-gradient(297.25deg, rgba(235, 235, 235, 0.3) -15.51%, rgba(163, 163, 163, 0.3) 97.8%) !important;
  background-color: #4b5563 !important;
}
.bg-vip-silver-webview .medal-vip {
  position: absolute;
  width: 106px;
  right: -40px;
  bottom: -40px;
}
.bg-vip-silver-webview .medal-vip.simple {
  width: 124px;
  right: -40px;
  top: 44px;
  opacity: 0.5;
}
.bg-vip-gold-webview {
  background: linear-gradient(288.07deg, #ffc888 22.11%, rgba(194, 128, 0, 0) 84.64%), linear-gradient(305.49deg, rgba(255, 198, 114, 0.9) -6.24%, rgba(164, 116, 45, 0.7) 98.05%), linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)) !important;
  background-color: #dfa146 !important;
}
.bg-vip-gold-webview .medal-vip {
  position: absolute;
  width: 106px;
  right: -40px;
  bottom: -40px;
}
.bg-vip-gold-webview .medal-vip.simple {
  width: 124px;
  right: -40px;
  top: 40px;
  opacity: 0.5;
}
.carousel-banner-webview .ant-carousel .slick-dots li {
  width: 8px !important;
  border-radius: 25px !important;
  opacity: unset !important;
}
.carousel-banner-webview .ant-carousel .slick-dots li {
  background: white !important;
}
.carousel-banner-webview .ant-carousel .slick-dots li.slick-active {
  background: #3685f1 !important;
}
.carousel-banner-webview .ant-carousel .slick-dots li.slick-active button {
  opacity: 0;
}
.carousel-banner-webview .ant-carousel .slick-list .slick-slide.slick-active .carousel-banner-item {
  height: 180px !important;
  max-height: 180px !important;
  min-height: 180px !important;
  width: calc(420px - 58px) !important;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.carousel-banner-webview .ant-carousel .slick-dots-bottom {
  bottom: -16px;
}
.carousel-banner-webview .ant-carousel .slick-dots-bottom li {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
}
.carousel-banner-webview .ant-carousel .slick-dots-bottom li button {
  background: transparent;
}
.red-dot-badge-webview .ant-badge-dot {
  width: 11px !important;
  height: 12px !important;
  box-shadow: unset !important;
  top: 10px;
  right: 10px;
}
.fab-webview-container {
  z-index: 2147483601;
  cursor: pointer;
}
.fab-webview-container img {
  width: 78px;
  height: auto;
}
@media (min-width: 768px) {
}
.fab-webview-container > .fab-webview-hidden-link:hover {
  transition: 0.2s;
  transform: scale(1.2);
}
.fab-webview-container .fab-webview-hide {
  position: absolute;
  -ms-transform: translate(-12px, 40px) scaleX(-1);
  transform: translate(-12px, 40px) scaleX(-1);
  padding-top: 4px;
  background: #5099fc;
  border-radius: 50%;
  padding-left: 4px;
  padding-right: 4px;
  transition: all 0.4s ease-in-out;
}
.fab-webview-hide-flip {
  transform: translate(-12px, 40px) scaleX(1) !important;
}
.fab-fixed-container {
  position: fixed;
  z-index: 2147483601;
}
.text-ng-gacha-webview {
  background: -webkit-linear-gradient(#ffc672, #a4742d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.container-button-panel-webview {
  position: absolute;
  bottom: 95px;
  left: 65%;
  transform: translate(-50%);
}
.container-button-panel-webview .panel {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 3px;
}
.container-button-gacha-desk-webview {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 44px;
}
.container-gacha-tab-landscape {
  background: rgba(30, 34, 39, 0.8);
  height: calc(100vh - 110px);
  position: relative;
  border-radius: 5px 5px 0px 0px;
  padding: 16px 16px 0px 16px;
  overflow: auto;
}
.btn-tab-webview-gacha.active {
  background: rgba(30, 34, 39, 0.8) !important;
}
.container-gacha-play-portrait {
  box-shadow: 5px 6px 25px 8px rgba(54, 101, 242, 0.1), 20px 19px 16px 9px rgba(54, 101, 242, 0.09);
  background: rgba(30, 34, 39, 0.8);
}
.bg-gradient-bind-landscape {
  width: 111%;
  height: 300px;
  position: absolute;
  background: linear-gradient(103deg, #12274a -114.97%, rgba(18, 39, 74, 0) 86.98%);
  left: -16px;
  z-index: auto;
  top: -16px;
}
.overlay-lock-webview {
  left: 0px;
  top: 0px;
  width: 100%;
  background: rgba(19, 23, 28, 0.7);
  border-radius: 10px;
  height: 100%;
}
.tab-details-hub .ant-tabs-nav-list .ant-tabs-tab {
  text-align: center;
  margin-bottom: 15px;
  flex: 1 !important;
  justify-content: center !important;
  color: #2b2e33 !important;
  font-weight: bold;
}
@media (max-width: 768px) {
  .tab-details-hub .ant-tabs-nav-list .ant-tabs-tab {
    width: 90px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.tab-details-hub .ant-tabs-nav::before {
  border-color: #2b2b2b !important;
}
.tab-details-hub .ant-tabs-tab .ant-tabs-tab-btn {
  color: #f5f5f580 !important;
}
.tab-details-hub .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff !important;
}
.tab-details-hub .ant-tabs-ink-bar {
  background-color: white !important;
  height: 4px !important;
}
.hub-transfer.ant-btn-text {
  background-color: transparent !important;
  color: white !important;
}
.hub-transfer.ant-btn-text:hover {
  background-color: transparent !important;
  color: white !important;
}
.hub-transfer.ant-btn-text:focus {
  background-color: transparent !important;
  color: white !important;
}
.popover-hub-ng .ant-popover-arrow-content::before {
  background: #2b2e33 !important;
}
.popover-hub-ng .ant-popover-inner-content {
  padding-bottom: 0px !important;
  padding-top: 16px !important;
}
.hub-btn-quest-filter {
  background: rgba(245, 245, 245, 0.1) !important;
  height: 40px !important;
  opacity: 0.5;
  transition: 0.3s;
}
.hub-btn-quest-filter.active {
  opacity: 1;
}
.hub-quest-dropdown {
  width: 200px;
}
@media (max-width: 768px) {
  .hub-quest-dropdown {
    width: 100%;
  }
}
.hub-quest-dropdown .ant-select-selector {
  background-color: #f5f5f51a !important;
  border-color: transparent !important;
}
.hub-quest-dropdown-select {
  background-color: #474b4e !important;
  color: white;
}
.hub-quest-dropdown-select .ant-select-item {
  background-color: #474b4e !important;
}
.hub-quest-dropdown-select .ant-select-item-option-active {
  background-color: #363a3e !important;
}
.hub-start-enjoy-text {
  line-height: 12px;
}
body {
  font-family: Inter !important;
  margin: 0 auto !important;
  overflow-x: hidden;
  background-color: #13171c !important;
  color: white;
  letter-spacing: -0.006em;
  font-variant-ligatures: none;
}
/*
 * misc
 */
.cursor-unset {
  cursor: unset;
}
.use-pointer,
.play-btn,
.topup-item-card,
.btn-gacha-history,
.text-link {
  cursor: pointer;
}
.use-normal-pointer {
  cursor: default !important;
}
.use-not-allowed {
  cursor: not-allowed;
}
.not-allowed {
  cursor: not-allowed;
  filter: grayscale(100%);
  opacity: 0.5;
  position: relative;
}
.not-allowed::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.ant-typography {
  font-family: Inter;
  color: white;
  letter-spacing: -0.006em;
}
.ant-modal {
  max-width: 90vw;
}
.ant-modal.confirm-modal .ant-modal-confirm-body .anticon {
  color: #e2ae29;
}
.ant-modal.confirm-modal .ant-modal-confirm-btns .ant-btn {
  border: 0;
  color: #2b2e33;
}
.ant-modal.confirm-modal .ant-modal-confirm-btns .ant-btn-primary {
  background-color: transparent;
  border: 1px #3685f1 solid;
  color: #3685f1;
}
.ant-modal.confirm-modal .ant-modal-content {
  border-radius: 8px;
}
@media (min-width: 420px) {
  .ant-modal {
    max-width: 420px !important;
    width: 100%;
  }
  .use-dynamic-width {
    max-width: unset !important;
    width: 100%;
  }
}
.text-size-4 {
  font-size: 4px !important;
}
.text-size-5 {
  font-size: 5px !important;
}
.text-size-6 {
  font-size: 6px !important;
}
.text-size-7 {
  font-size: 7px !important;
}
.text-size-8 {
  font-size: 8px !important;
}
.text-size-9 {
  font-size: 9px !important;
}
.text-size-10 {
  font-size: 10px !important;
}
.text-size-11 {
  font-size: 11px !important;
}
.text-size-12 {
  font-size: 12px !important;
}
.text-size-14 {
  font-size: 14px !important;
}
.text-size-16 {
  font-size: 16px !important;
}
.text-size-18 {
  font-size: 18px !important;
}
.text-size-19 {
  font-size: 19px !important;
}
.text-size-20 {
  font-size: 20px !important;
}
.text-size-21 {
  font-size: 21px !important;
}
.text-size-22 {
  font-size: 22px !important;
}
.text-size-23 {
  font-size: 23px !important;
}
.text-size-24,
.text-exclusive-prize-ss {
  font-size: 24px !important;
}
.text-size-26 {
  font-size: 26px !important;
}
.text-size-28 {
  font-size: 28px !important;
}
.text-size-32 {
  font-size: 32px !important;
}
.text-size-30 {
  font-size: 30px !important;
}
.text-size-34 {
  font-size: 34px !important;
}
.text-size-36 {
  font-size: 36px !important;
}
.text-size-38 {
  font-size: 38px !important;
}
.text-size-40 {
  font-size: 40px !important;
}
.text-size-44 {
  font-size: 44px !important;
}
.text-size-46 {
  font-size: 46px !important;
}
.text-size-48 {
  font-size: 48px !important;
}
.text-size-60 {
  font-size: 60px !important;
}
.text-size-72 {
  font-size: 72px !important;
}
.text-height-1 {
  line-height: 1px !important;
}
.text-height-3 {
  line-height: 3px !important;
}
.text-height-4 {
  line-height: 4px !important;
}
.text-height-5 {
  line-height: 5px !important;
}
.text-height-6 {
  line-height: 6px !important;
}
.text-height-7 {
  line-height: 7px !important;
}
.text-height-8 {
  line-height: 8px !important;
}
.text-height-9 {
  line-height: 9px !important;
}
.text-height-10 {
  line-height: 10px !important;
}
.text-height-12 {
  line-height: 12px !important;
}
.text-height-14 {
  line-height: 14px !important;
}
.text-height-16 {
  line-height: 16px !important;
}
.text-height-17,
.label-rarity,
.label-text-ultra-rare,
.label-text-super-rare,
.label-text-rare,
.label-text-uncommon,
.label-text-common {
  line-height: 17px !important;
}
.text-height-18 {
  line-height: 18px !important;
}
.text-height-20 {
  line-height: 20px !important;
}
.text-height-21 {
  line-height: 21px !important;
}
.text-height-24,
.text-exclusive-prize-ss {
  line-height: 24px !important;
}
.text-height-27 {
  line-height: 27px !important;
}
.text-height-28 {
  line-height: 28px !important;
}
.text-height-30 {
  line-height: 30px !important;
}
.text-height-32 {
  line-height: 32px !important;
}
.text-height-36 {
  line-height: 36px !important;
}
.text-height-38 {
  line-height: 38px !important;
}
.text-height-40 {
  line-height: 40px !important;
}
.text-height-46 {
  line-height: 46px !important;
}
.text-weight-regular {
  font-family: Inter;
  font-weight: 400 !important;
  letter-spacing: -0.006em;
}
.text-weight-semimedium {
  font-family: Inter;
  font-weight: 500 !important;
  letter-spacing: -0.006em;
}
.text-weight-medium {
  font-family: Inter;
  font-weight: 600 !important;
  letter-spacing: -0.006em;
}
.text-weight-bold,
.text-road-to-anniv-ss,
.text-xmas-quest,
.congrats-get-prize-gacha,
.label-rarity,
.btn-persona:focus,
.btn-persona:hover,
.btn-persona,
.text-quest-update-details,
.text-exclusive-prize-ss,
.label-text-ultra-rare,
.label-text-super-rare,
.label-text-rare,
.label-text-uncommon,
.label-text-common {
  font-family: Inter;
  font-weight: 700 !important;
  letter-spacing: -0.006em;
}
.text-weight-extra-bold {
  font-family: Inter;
  font-weight: 800 !important;
  letter-spacing: -0.006em;
}
/*
 * color pallete
 */
/*
 * typography
 */
.text-color-black,
.btn-yellow,
.em-label-content.input-personality .ant-picker-input > input,
.input-personality .ant-picker-input > input,
.btn-go-quest.gold {
  color: #000 !important;
}
.text-color-white,
.em-label-content .em-input,
.em-label-content .ant-input,
.em-label-content .ant-picker input,
.input-phone .react-tel-input .form-control,
.ant-select-selector,
.ant-empty-description {
  color: white !important;
}
.text-color-neutral-0,
.btn-tab-webview-gacha.active {
  color: #f3f2f2 !important;
}
.text-color-neutral-10,
.platform-wrap .platform-item .platform-content .platform-text,
.label-game-status.beta,
.game-detail-stepper-container.is-active .ant-typography {
  color: #b0b2b3 !important;
}
.text-color-neutral-20,
.ant-dropdown-menu-item-selected .ant-btn-primary[disabled],
.ant-dropdown-menu-item-selected .ant-btn-primary[disabled]:hover,
.ant-dropdown-menu-item-selected .ant-btn-primary[disabled]:focus,
.ant-dropdown-menu-item-selected .ant-btn-primary[disabled]:active,
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: #96989a !important;
}
.text-color-neutral-30,
.em-label-content .em-label {
  color: #7c7e81 !important;
}
.text-color-neutral-40 {
  color: #626468 !important;
}
.text-color-neutral-50,
.date-separator {
  color: #474b4e !important;
}
.text-color-neutral-60,
.em-label-content .floating-label-date,
.input-phone .react-tel-input .country-list .country .dial-code,
.placeholder-tel,
.game-detail-stepper-container .ant-typography {
  color: #363a3e !important;
}
.text-color-neutral-70,
.textarea-with-count .ant-input-textarea-show-count::after,
.btn-anniv-ss-yellow[disabled],
.btn-anniv-ss-yellow[disabled]:hover,
.btn-anniv-ss-yellow[disabled]:focus,
.btn-anniv-ss-yellow[disabled]:active {
  color: #2b2e33 !important;
}
.text-color-neutral-80 {
  color: #1f2327 !important;
}
.text-color-neutral-90 {
  color: #424242 !important;
}
.text-color-neutral-100,
.ant-message {
  color: #13171c !important;
}
.text-color-neutral-primary {
  color: #13171c !important;
}
.text-color-blue-10 {
  color: #e9f1fe !important;
}
.text-color-blue-20 {
  color: #bed5fc !important;
}
.text-color-blue-30 {
  color: #92bafa !important;
}
.text-color-blue-40 {
  color: #7cacf9 !important;
}
.text-color-blue-50 {
  color: #679ef8 !important;
}
.text-color-blue-60 {
  color: #5190f7 !important;
}
.text-color-blue-70 {
  color: #3b82f6 !important;
}
.text-color-blue-primary {
  color: #3b82f6 !important;
}
.text-color-blue-80 {
  color: #295bac !important;
}
.text-color-blue-90 {
  color: #1d417b !important;
}
.text-color-blue-100 {
  color: #12274a !important;
}
.text-color-blue-110 {
  color: #060d19 !important;
}
.text-color-yellow-10 {
  color: #fffce8 !important;
}
.text-color-yellow-20 {
  color: #fef9c3 !important;
}
.text-color-yellow-30 {
  color: #ffef8a !important;
}
.text-color-yellow-40 {
  color: #fde047 !important;
}
.text-color-yellow-50 {
  color: #facc14 !important;
}
.text-color-yellow-60 {
  color: #ebb305 !important;
}
.text-color-yellow-70 {
  color: #ca8a03 !important;
}
.text-color-yellow-80 {
  color: #8d6102 !important;
}
.text-color-yellow-90 {
  color: #654501 !important;
}
.text-color-yellow-100 {
  color: #3d2901 !important;
}
.text-color-yellow-110 {
  color: #140e00 !important;
}
.text-color-purple-10 {
  color: #efe7fb !important;
}
.text-color-purple-20 {
  color: #dfcff7 !important;
}
.text-color-purple-30 {
  color: #ceb7f2 !important;
}
.text-color-purple-40 {
  color: #be9fee !important;
}
.text-color-purple-50 {
  color: #ae88ea !important;
}
.text-color-purple-60 {
  color: #9e70e6 !important;
}
.text-color-purple-70 {
  color: #7d40dd !important;
}
.text-color-purple-80 {
  color: #582d9b !important;
}
.text-color-purple-90 {
  color: #3f206f !important;
}
.text-color-purple-100 {
  color: #251342 !important;
}
.text-color-purple-110 {
  color: #0d0616 !important;
}
.text-color-red-10 {
  color: #f7e6e6 !important;
}
.text-color-red-20 {
  color: #efcdcd !important;
}
.text-color-red-30 {
  color: #e8b3b3 !important;
}
.text-color-red-40 {
  color: #d88181 !important;
}
.text-color-red-50 {
  color: #d06868 !important;
}
.text-color-red-60 {
  color: #c94e4e !important;
}
.text-color-red-70 {
  color: #c13535 !important;
}
.text-color-red-80 {
  color: #872525 !important;
}
.text-color-red-90 {
  color: #601b1b !important;
}
.text-color-red-100 {
  color: #3a1010 !important;
}
.text-color-red-110 {
  color: #130505 !important;
}
.text-color-green-10 {
  color: #dcfce7 !important;
}
.text-color-green-20 {
  color: #bbf7d0 !important;
}
.text-color-green-30 {
  color: #87efac !important;
}
.text-color-green-40 {
  color: #49de80 !important;
}
.text-color-green-50 {
  color: #22c55d !important;
}
.text-color-green-60 {
  color: #17a34a !important;
}
.text-color-green-70 {
  color: #17803d !important;
}
.text-color-green-80 {
  color: #105a2b !important;
}
.text-color-green-90 {
  color: #0c401f !important;
}
.text-color-green-100 {
  color: #072612 !important;
}
.text-color-green-110 {
  color: #020d06 !important;
}
.text-color-primary-main,
.game-detail-stepper-container .stepper span,
.leaderboard-pagination .ant-pagination-item-active {
  color: #3685f1 !important;
}
.text-color-primary-surface {
  color: #dcebfe !important;
}
.text-color-primary-border {
  color: #c5ddfe !important;
}
.text-color-primary-hover,
.chat-input::-webkit-input-placeholder,
.chat-input:-moz-placeholder,
.chat-input::-moz-placeholder,
.chat-input:-ms-input-placeholder,
.chat-input::placeholder {
  color: #4380d2 !important;
}
.text-color-primary-pressed {
  color: #284d7e !important;
}
.text-color-primary-focus {
  color: #d8e6f9 !important;
}
.text-color-warning-main {
  color: #e2ae29 !important;
}
.text-color-warning-surface {
  color: #ffde33 !important;
}
.text-color-warning-border {
  color: #fff4bb !important;
}
.text-color-warning-hover {
  color: #d4b92b !important;
}
.text-color-warning-pressed {
  color: #806f1a !important;
}
.text-color-danger-main,
.em-default-form .ant-form-item-explain-error {
  color: #f6274c !important;
}
.text-color-danger-surface {
  color: #fdd4db !important;
}
.text-color-danger-border {
  color: #fcb7c3 !important;
}
.text-color-danger-hover {
  color: #cd213f !important;
}
.text-color-danger-pressed {
  color: #7b1426 !important;
}
.text-color-success-main {
  color: #1aaa55 !important;
}
.text-color-success-surface {
  color: #d1eedd !important;
}
.text-color-success-border {
  color: #b3e3c6 !important;
}
.text-color-success-hover {
  color: #168e47 !important;
}
.text-color-success-pressed {
  color: #0d552b !important;
}
.text-color-info-main {
  color: #0b5cd7 !important;
}
.text-color-info-surface {
  color: #cedef7 !important;
}
.text-color-info-border {
  color: #aec9f2 !important;
}
.text-color-info-hover {
  color: #094db3 !important;
}
.text-color-info-pressed {
  color: #052e6b !important;
}
.text-color-info-green {
  color: #1ec80f !important;
}
.text-color-secondary-sky-blue {
  color: #25aae1 !important;
}
.text-color-secondary-light-blue {
  color: #dff4fd !important;
}
.text-color-secondary-blue {
  color: #386bb6 !important;
}
.text-color-secondary-dark-blue {
  color: #12273c !important;
}
.text-color-secondary-gradient-blue {
  color: linear-gradient(126.75deg, #0b3886 10.83%, #386bb6 100%) !important;
}
.text-color-transparent-sky-blue {
  color: rgba(116, 190, 232, 0.1) !important;
}
.text-color-secondary-dark-blue-tosca {
  color: #255582 !important;
}
.text-color-secondary-pink {
  color: #c781b7 !important;
}
.text-color-secondary-purple {
  color: #5d29e2 !important;
}
.text-color-secondary-dark-grey {
  color: #272727 !important;
}
.text-color-secondary-deep-dark-blue {
  color: #1b1d2a !important;
}
.text-color-purple {
  color: #5d29e2 !important;
}
.text-color-deep-koamaru {
  color: #35395f !important;
}
.text-color-philippine-gray {
  color: #929292 !important;
}
.text-color-eerie-black {
  color: #111727 !important;
}
.text-color-eerie-black-light {
  color: #1e1e1e !important;
}
.text-color-space-cadet {
  color: #4e4a2b !important;
}
.text-color-secondary-deep-dark-blue {
  color: #1b1d2a !important;
}
.text-color-purple {
  color: #5d29e2 !important;
}
.text-color-taupe-gray {
  color: #888888 !important;
}
.text-color-dark-charcoal {
  color: #333333 !important;
}
.text-color-philippine-silver {
  color: #b8b8b8 !important;
}
.text-color-raisin-black {
  color: #232323 !important;
}
.text-color-water {
  color: #c9ecfc !important;
}
.text-color-urobilin,
.game-detail-stepper-container.is-active .stepper span,
.game-detail-stepper-container.is-done .ant-typography {
  color: #e2ae29 !important;
}
.text-color-secondary-deep-dark-blue {
  color: #1b1d2a !important;
}
.text-color-secondary-deep-dark-grey,
.game-detail-stepper-container.is-done .stepper span {
  color: #202020 !important;
}
.text-color-secondary-super-dark-blue {
  color: #12141a !important;
}
.text-color-cloud-burst {
  color: #2b2f4e !important;
}
.text-color-dark {
  color: #1d203a !important;
}
.text-color-pickled-bluewood {
  color: #333855 !important;
}
.text-color-snow-drift {
  color: #f9f9f9 !important;
}
.text-color-blueberry {
  color: #5099fc !important;
}
.text-color-secondary-jade-green {
  color: linear-gradient(92.39deg, #1aaa55 -67.39%, #255582 102.05%) !important;
}
.text-color-secondary-dark-mustard {
  color: linear-gradient(90.66deg, #fcc812 0.57%, #aa8607 102.11%) !important;
}
.text-color-light-carmine-pink {
  color: #e8747a !important;
}
.text-color-transparent {
  color: transparent !important;
}
.text-color-candy-pink {
  color: #e8747a !important;
}
.text-color-sunglow {
  color: #ffc633 !important;
}
.text-color-cloud {
  color: #181818 !important;
}
.text-color-gun-powder {
  color: #374151 !important;
}
.text-color-mid-blue {
  color: #3566a8 !important;
}
.text-color-blue-zodiac {
  color: #132c50 !important;
}
.text-color-cloud-burst {
  color: #2b2f4e !important;
}
.text-color-dark-jungle-green {
  color: #1b1f23 !important;
}
.text-color-battleship-grey {
  color: #848484 !important;
}
.text-color-tufts-blue {
  color: #4470c4 !important;
}
.text-color-violet-blue {
  color: #4a18cb !important;
}
.text-color-ebony-clay {
  color: #252845 !important;
}
.text-color-header-color {
  color: #21232d !important;
}
.text-color-bg-layout {
  color: #13171c !important;
}
.text-color-snow-drift {
  color: #f9f9f9 !important;
}
.text-color-rajah {
  color: #fca350 !important;
}
.text-color-royal-orange {
  color: #f19c49 !important;
}
.text-color-dark-gunmetal {
  color: #21232d !important;
}
.text-color-baltic-sea {
  color: #262b34 !important;
}
.text-color-green-grey {
  color: #6c9871 !important;
}
.text-color-bright-sun {
  color: #ffcc48 !important;
}
.text-color-golden-yellow {
  color: #ffde00 !important;
}
.text-color-heavy-metal {
  color: #2b2b2b !important;
}
.text-color-dark-grey {
  color: #383838 !important;
}
.text-color-thunder-bird {
  color: #c12525 !important;
}
.text-color-pale-blue {
  color: #add0ff !important;
}
.text-color-deep-oak {
  color: #4a1d0d !important;
}
.text-color-ducky-yellow {
  color: #feda00 !important;
}
.text-color-blue-gem {
  color: #370d90 !important;
}
.text-color-meteorite {
  color: #362270 !important;
}
.text-color-tufts-blue {
  color: #4470c4 !important;
}
.text-color-haiti {
  color: #141440 !important;
}
.text-color-chardonnay {
  color: #f6d382 !important;
}
.text-color-sepia {
  color: #653714 !important;
}
.text-color-lovely {
  color: #812bec !important;
}
.text-color-ship-grey {
  color: #383b43 !important;
}
.text-color-espresso {
  color: #5e251c !important;
}
.text-color-lisbon-brown {
  color: #3c371e !important;
}
.text-color-lapis-blue {
  color: #222c74 !important;
}
.text-color-cumin {
  color: #944123 !important;
}
.text-color-scampi {
  color: #585fa4 !important;
}
.text-color-sandwisp,
.text-xmas-quest {
  color: #f4e8a0 !important;
}
.text-color-brown-bramble {
  color: #512606 !important;
}
.text-color-banana-yellow {
  color: #ffe54c !important;
}
.text-color-naples-yellow {
  color: #ffd65a !important;
}
.text-color-faded-blue {
  color: #6d8cb1 !important;
}
.text-color-lava-red {
  color: #e51005 !important;
}
.text-color-otter-brown {
  color: #6c4618 !important;
}
.text-color-mirage {
  color: #111827 !important;
}
.text-color-tealish-blue {
  color: #262b34 !important;
}
.text-color-slate-grey {
  color: #647e95 !important;
}
.text-color-whisper {
  color: #eeeeee !important;
}
.text-color-cyan-blue {
  color: #3685f1 !important;
}
.text-color-yellow-800 {
  color: #382705 !important;
}
.text-color-yellow-500 {
  color: #fbbc05 !important;
}
.text-color-blue-600 {
  color: #0d53b5 !important;
}
.text-color-blue-500 {
  color: #3685f1 !important;
}
.text-color-blue-400 {
  color: #5e9df4 !important;
}
.text-color-fuel-yellow {
  color: #e2ae29 !important;
}
.text-color-deep-green {
  color: #005804 !important;
}
.text-color-corn-harvest {
  color: #926d00 !important;
}
.text-color-gold {
  color: #cd9800 !important;
}
.text-color-mirage {
  color: #111827 !important;
}
.text-color-cinder {
  color: #13171c !important;
}
.text-color-black-pearl {
  color: #060d28 !important;
}
.text-color-steel-80 {
  color: #4d6478 !important;
}
.text-color-evos-80 {
  color: #0a6a93 !important;
}
.text-color-gun-powder {
  color: #374151 !important;
}
.text-color-dull-red {
  color: #b73737 !important;
}
.text-color-zeus {
  color: #1e2227 !important;
}
.text-color-grey-80 {
  color: #e5e7eb !important;
}
.text-color-grey-50 {
  color: #9ca3af !important;
}
.text-color-grey-60 {
  color: #d1d5db !important;
}
.text-color-faded-gray {
  color: #646e7b !important;
}
.text-color-dark-charcoal {
  color: #333333 !important;
}
.text-color-very-dark-blue {
  color: #090e30 !important;
}
.text-color-malibu {
  color: #65d3ff !important;
}
.text-color-yellow-600 {
  color: #e99d23 !important;
}
.bg-secondary-gradient-blue {
  background: linear-gradient(126.75deg, #0b3886 10.83%, #386bb6 100%) !important;
}
.bg-secondary-dark-gradient {
  background: linear-gradient(151.38deg, #101220 40.28%, #142e46 98.9%) !important;
}
.bg-secondary-blue-dark-gradient {
  background: linear-gradient(91.77deg, #255582 -24.6%, rgba(80, 153, 252, 0) 115.02%) !important;
}
.bg-deep-blue {
  background: #272b4c !important;
}
.bg-dark-blue {
  background: #1d203a !important;
}
.bg-secondary-purple-pink {
  background: linear-gradient(to right, #e448ce, #5f00e3) !important;
}
.bg-secondary-lavender-indigo,
.info-point-purple .ant-popover-inner-content {
  background: linear-gradient(90.66deg, #8c60ff 0.57%, #5d29e2 102.11%) !important;
}
.bg-faded-gray {
  background: #646e7b !important;
}
.bg-dark-charcoal {
  background: #333333 !important;
}
/*
 * spacing
 */
.p-0,
.ant-drawer-body,
.vip-benefit-list .ant-list-footer,
.chat-tab .ant-list-empty-text,
.center-v-empty-list .ant-list-empty-text,
.btn-close-frame-ss,
.btn-close-frame-xmas,
.modal-reward-gacha.webview .ant-modal-body,
.game-activites-list .ant-list-empty-text {
  padding: calc(0 * 8px) !important;
}
.pt-0,
.expand-purchase-summary .ant-collapse-content-box,
.reward-games-card .ant-card-body,
.reward-games-card-v2 .ant-card-body {
  padding-top: calc(0 * 8px) !important;
}
.pl-0 {
  padding-left: calc(0 * 8px) !important;
}
.pr-0 {
  padding-right: calc(0 * 8px) !important;
}
.pb-0 {
  padding-bottom: calc(0 * 8px) !important;
}
.pv-0 {
  padding-top: calc(0 * 8px) !important;
  padding-bottom: calc(0 * 8px) !important;
}
.ph-0,
.layout-wrapper .ant-drawer-footer,
.chat-input,
.friend-list-collapse-header .ant-collapse-header,
.friend-list-collapse-header .ant-collapse-content .ant-collapse-content-box,
.payment-method-collapse-header .ant-collapse-header,
.payment-method-collapse-header .ant-collapse-content .ant-collapse-content-box {
  padding-left: calc(0 * 8px) !important;
  padding-right: calc(0 * 8px) !important;
}
.m-0,
ol.lower-alpha-parentheses,
ul,
.vertical-line {
  margin: calc(0 * 8px) !important;
}
.mt-0 {
  margin-top: calc(0 * 8px) !important;
}
.ml-0 {
  margin-left: calc(0 * 8px) !important;
}
.mr-0 {
  margin-right: calc(0 * 8px) !important;
}
.mb-0,
.congrats-get-prize-gacha {
  margin-bottom: calc(0 * 8px) !important;
}
.mv-0 {
  margin-top: calc(0 * 8px) !important;
  margin-bottom: calc(0 * 8px) !important;
}
.mh-0 {
  margin-left: calc(0 * 8px) !important;
  margin-right: calc(0 * 8px) !important;
}
.p--15 {
  padding: calc(0.15 * 8px) !important;
}
.pt--15 {
  padding-top: calc(0.15 * 8px) !important;
}
.pl--15 {
  padding-left: calc(0.15 * 8px) !important;
}
.pr--15 {
  padding-right: calc(0.15 * 8px) !important;
}
.pb--15 {
  padding-bottom: calc(0.15 * 8px) !important;
}
.pv--15 {
  padding-top: calc(0.15 * 8px) !important;
  padding-bottom: calc(0.15 * 8px) !important;
}
.ph--15 {
  padding-left: calc(0.15 * 8px) !important;
  padding-right: calc(0.15 * 8px) !important;
}
.m--15 {
  margin: calc(0.15 * 8px) !important;
}
.mt--15 {
  margin-top: calc(0.15 * 8px) !important;
}
.ml--15 {
  margin-left: calc(0.15 * 8px) !important;
}
.mr--15 {
  margin-right: calc(0.15 * 8px) !important;
}
.mb--15 {
  margin-bottom: calc(0.15 * 8px) !important;
}
.mv--15 {
  margin-top: calc(0.15 * 8px) !important;
  margin-bottom: calc(0.15 * 8px) !important;
}
.mh--15 {
  margin-left: calc(0.15 * 8px) !important;
  margin-right: calc(0.15 * 8px) !important;
}
.p--25 {
  padding: calc(0.25 * 8px) !important;
}
.pt--25 {
  padding-top: calc(0.25 * 8px) !important;
}
.pl--25 {
  padding-left: calc(0.25 * 8px) !important;
}
.pr--25 {
  padding-right: calc(0.25 * 8px) !important;
}
.pb--25 {
  padding-bottom: calc(0.25 * 8px) !important;
}
.pv--25,
.progress-milestone-transfer .indicator-milestone {
  padding-top: calc(0.25 * 8px) !important;
  padding-bottom: calc(0.25 * 8px) !important;
}
.ph--25 {
  padding-left: calc(0.25 * 8px) !important;
  padding-right: calc(0.25 * 8px) !important;
}
.m--25 {
  margin: calc(0.25 * 8px) !important;
}
.mt--25 {
  margin-top: calc(0.25 * 8px) !important;
}
.ml--25 {
  margin-left: calc(0.25 * 8px) !important;
}
.mr--25 {
  margin-right: calc(0.25 * 8px) !important;
}
.mb--25 {
  margin-bottom: calc(0.25 * 8px) !important;
}
.mv--25 {
  margin-top: calc(0.25 * 8px) !important;
  margin-bottom: calc(0.25 * 8px) !important;
}
.mh--25 {
  margin-left: calc(0.25 * 8px) !important;
  margin-right: calc(0.25 * 8px) !important;
}
.p--5,
.em-icon-content-modal,
.flower-badge {
  padding: calc(0.5 * 8px) !important;
}
.pt--5 {
  padding-top: calc(0.5 * 8px) !important;
}
.pl--5 {
  padding-left: calc(0.5 * 8px) !important;
}
.pr--5 {
  padding-right: calc(0.5 * 8px) !important;
}
.pb--5 {
  padding-bottom: calc(0.5 * 8px) !important;
}
.pv--5 {
  padding-top: calc(0.5 * 8px) !important;
  padding-bottom: calc(0.5 * 8px) !important;
}
.ph--5,
.payment-badge-count .ant-badge-count,
.chat-tab .chat-group-more-action,
.progress-milestone-transfer .indicator-milestone,
.square-warning-badge-count .ant-badge-count {
  padding-left: calc(0.5 * 8px) !important;
  padding-right: calc(0.5 * 8px) !important;
}
.m--5 {
  margin: calc(0.5 * 8px) !important;
}
.mt--5,
.em-default-form .ant-form-item-explain-error {
  margin-top: calc(0.5 * 8px) !important;
}
.ml--5,
.em-default-form .ant-form-item-explain,
.platform-wrap .platform-item .platform-content .platform-text {
  margin-left: calc(0.5 * 8px) !important;
}
.mr--5 {
  margin-right: calc(0.5 * 8px) !important;
}
.mb--5 {
  margin-bottom: calc(0.5 * 8px) !important;
}
.mv--5 {
  margin-top: calc(0.5 * 8px) !important;
  margin-bottom: calc(0.5 * 8px) !important;
}
.mh--5,
.content-feature-item-kc,
.friends-slider-item {
  margin-left: calc(0.5 * 8px) !important;
  margin-right: calc(0.5 * 8px) !important;
}
.p--75 {
  padding: calc(0.75 * 8px) !important;
}
.pt--75 {
  padding-top: calc(0.75 * 8px) !important;
}
.pl--75 {
  padding-left: calc(0.75 * 8px) !important;
}
.pr--75 {
  padding-right: calc(0.75 * 8px) !important;
}
.pb--75 {
  padding-bottom: calc(0.75 * 8px) !important;
}
.pv--75 {
  padding-top: calc(0.75 * 8px) !important;
  padding-bottom: calc(0.75 * 8px) !important;
}
.ph--75 {
  padding-left: calc(0.75 * 8px) !important;
  padding-right: calc(0.75 * 8px) !important;
}
.m--75 {
  margin: calc(0.75 * 8px) !important;
}
.mt--75 {
  margin-top: calc(0.75 * 8px) !important;
}
.ml--75 {
  margin-left: calc(0.75 * 8px) !important;
}
.mr--75 {
  margin-right: calc(0.75 * 8px) !important;
}
.mb--75 {
  margin-bottom: calc(0.75 * 8px) !important;
}
.mv--75 {
  margin-top: calc(0.75 * 8px) !important;
  margin-bottom: calc(0.75 * 8px) !important;
}
.mh--75 {
  margin-left: calc(0.75 * 8px) !important;
  margin-right: calc(0.75 * 8px) !important;
}
.p-1,
.menu-item,
.em-btn-logout,
.payment-item-ss,
.menu-item-active {
  padding: calc(1 * 8px) !important;
}
.pt-1,
.game-congratulation-card {
  padding-top: calc(1 * 8px) !important;
}
.pl-1,
.ant-select-selector .ant-select-selection-item {
  padding-left: calc(1 * 8px) !important;
}
.pr-1,
.ant-select-arrow {
  padding-right: calc(1 * 8px) !important;
}
.pb-1,
.slider-wrapper .ant-carousel .slick-track,
.slider-wrapper-v2 .ant-carousel .slick-track {
  padding-bottom: calc(1 * 8px) !important;
}
.pv-1,
.friend-list-collapse-header .ant-collapse-header,
.payment-method-collapse-header .ant-collapse-header {
  padding-top: calc(1 * 8px) !important;
  padding-bottom: calc(1 * 8px) !important;
}
.ph-1,
.games-big-card .ant-card-body .game-type-wrapper .badge,
.container-reward-ygg2,
.reward-games-card .ant-card-body,
.reward-games-card-v2 .ant-card-body,
.btn-gacha-history {
  padding-left: calc(1 * 8px) !important;
  padding-right: calc(1 * 8px) !important;
}
.m-1 {
  margin: calc(1 * 8px) !important;
}
.mt-1,
.em-btn-logout {
  margin-top: calc(1 * 8px) !important;
}
.ml-1,
.chat-tab .chat-unread-badge {
  margin-left: calc(1 * 8px) !important;
}
.mr-1,
.games-slider-item,
.carousel-item-vip-benefit,
.slider-wrapper .ant-carousel .hero-slider-item,
.slider-wrapper-v2 .ant-carousel .hero-slider-item {
  margin-right: calc(1 * 8px) !important;
}
.mb-1,
.em-default-form .ant-form-item {
  margin-bottom: calc(1 * 8px) !important;
}
.mv-1 {
  margin-top: calc(1 * 8px) !important;
  margin-bottom: calc(1 * 8px) !important;
}
.mh-1,
.carousel-feature-item-lod {
  margin-left: calc(1 * 8px) !important;
  margin-right: calc(1 * 8px) !important;
}
.p-2,
.wrapper-auth,
.bottom-button-fixed,
.container-fixed-btn-add-friend,
.btn-buy-now,
.carousel-gacha-item,
.quest-item-d,
.container-gacha-reward-landscape .content-gacha-reward-landscape.open {
  padding: calc(2 * 8px) !important;
}
.pt-2 {
  padding-top: calc(2 * 8px) !important;
}
.pl-2,
.exchange-reward-item .card-item-label {
  padding-left: calc(2 * 8px) !important;
}
.pr-2 {
  padding-right: calc(2 * 8px) !important;
}
.pb-2,
.layout-wrapper .ant-drawer-footer,
.em-container-bottom {
  padding-bottom: calc(2 * 8px) !important;
}
.pv-2,
.friend-list-collapse-header .ant-collapse-content .ant-collapse-content-box {
  padding-top: calc(2 * 8px) !important;
  padding-bottom: calc(2 * 8px) !important;
}
.ph-2,
.layout-wrapper .layout-header,
.game-congratulation-card,
.game-desc-ygg2,
.modal-platform-coming-soon .ant-modal-content,
.expand-purchase-summary .ant-collapse-header,
.page-tour-container,
.container-voucher-kc,
.em-container-bottom {
  padding-left: calc(2 * 8px) !important;
  padding-right: calc(2 * 8px) !important;
}
.m-2 {
  margin: calc(2 * 8px) !important;
}
.mt-2 {
  margin-top: calc(2 * 8px) !important;
}
.ml-2 {
  margin-left: calc(2 * 8px) !important;
}
.mr-2 {
  margin-right: calc(2 * 8px) !important;
}
.mb-2,
.menu-item,
.menu-item-active {
  margin-bottom: calc(2 * 8px) !important;
}
.mv-2 {
  margin-top: calc(2 * 8px) !important;
  margin-bottom: calc(2 * 8px) !important;
}
.mh-2,
.em-btn-logout {
  margin-left: calc(2 * 8px) !important;
  margin-right: calc(2 * 8px) !important;
}
.p-3 {
  padding: calc(3 * 8px) !important;
}
.pt-3 {
  padding-top: calc(3 * 8px) !important;
}
.pl-3 {
  padding-left: calc(3 * 8px) !important;
}
.pr-3 {
  padding-right: calc(3 * 8px) !important;
}
.pb-3 {
  padding-bottom: calc(3 * 8px) !important;
}
.pv-3,
.page-tour-container {
  padding-top: calc(3 * 8px) !important;
  padding-bottom: calc(3 * 8px) !important;
}
.ph-3,
.exchange-reward-item .card-item-label,
.carousel-banner .carousel-banner-item .banner-content {
  padding-left: calc(3 * 8px) !important;
  padding-right: calc(3 * 8px) !important;
}
.m-3 {
  margin: calc(3 * 8px) !important;
}
.mt-3 {
  margin-top: calc(3 * 8px) !important;
}
.ml-3 {
  margin-left: calc(3 * 8px) !important;
}
.mr-3 {
  margin-right: calc(3 * 8px) !important;
}
.mb-3 {
  margin-bottom: calc(3 * 8px) !important;
}
.mv-3 {
  margin-top: calc(3 * 8px) !important;
  margin-bottom: calc(3 * 8px) !important;
}
.mh-3 {
  margin-left: calc(3 * 8px) !important;
  margin-right: calc(3 * 8px) !important;
}
.p-4 {
  padding: calc(4 * 8px) !important;
}
.pt-4,
.container-gacha-reward-landscape .content-gacha-reward-landscape.open {
  padding-top: calc(4 * 8px) !important;
}
.pl-4 {
  padding-left: calc(4 * 8px) !important;
}
.pr-4 {
  padding-right: calc(4 * 8px) !important;
}
.pb-4 {
  padding-bottom: calc(4 * 8px) !important;
}
.pv-4 {
  padding-top: calc(4 * 8px) !important;
  padding-bottom: calc(4 * 8px) !important;
}
.ph-4 {
  padding-left: calc(4 * 8px) !important;
  padding-right: calc(4 * 8px) !important;
}
.m-4 {
  margin: calc(4 * 8px) !important;
}
.mt-4 {
  margin-top: calc(4 * 8px) !important;
}
.ml-4 {
  margin-left: calc(4 * 8px) !important;
}
.mr-4 {
  margin-right: calc(4 * 8px) !important;
}
.mb-4 {
  margin-bottom: calc(4 * 8px) !important;
}
.mv-4 {
  margin-top: calc(4 * 8px) !important;
  margin-bottom: calc(4 * 8px) !important;
}
.mh-4 {
  margin-left: calc(4 * 8px) !important;
  margin-right: calc(4 * 8px) !important;
}
.p-5 {
  padding: calc(5 * 8px) !important;
}
.pt-5 {
  padding-top: calc(5 * 8px) !important;
}
.pl-5 {
  padding-left: calc(5 * 8px) !important;
}
.pr-5 {
  padding-right: calc(5 * 8px) !important;
}
.pb-5 {
  padding-bottom: calc(5 * 8px) !important;
}
.pv-5 {
  padding-top: calc(5 * 8px) !important;
  padding-bottom: calc(5 * 8px) !important;
}
.ph-5 {
  padding-left: calc(5 * 8px) !important;
  padding-right: calc(5 * 8px) !important;
}
.m-5 {
  margin: calc(5 * 8px) !important;
}
.mt-5 {
  margin-top: calc(5 * 8px) !important;
}
.ml-5 {
  margin-left: calc(5 * 8px) !important;
}
.mr-5 {
  margin-right: calc(5 * 8px) !important;
}
.mb-5 {
  margin-bottom: calc(5 * 8px) !important;
}
.mv-5 {
  margin-top: calc(5 * 8px) !important;
  margin-bottom: calc(5 * 8px) !important;
}
.mh-5 {
  margin-left: calc(5 * 8px) !important;
  margin-right: calc(5 * 8px) !important;
}
.p-6 {
  padding: calc(6 * 8px) !important;
}
.pt-6 {
  padding-top: calc(6 * 8px) !important;
}
.pl-6 {
  padding-left: calc(6 * 8px) !important;
}
.pr-6 {
  padding-right: calc(6 * 8px) !important;
}
.pb-6 {
  padding-bottom: calc(6 * 8px) !important;
}
.pv-6 {
  padding-top: calc(6 * 8px) !important;
  padding-bottom: calc(6 * 8px) !important;
}
.ph-6 {
  padding-left: calc(6 * 8px) !important;
  padding-right: calc(6 * 8px) !important;
}
.m-6 {
  margin: calc(6 * 8px) !important;
}
.mt-6 {
  margin-top: calc(6 * 8px) !important;
}
.ml-6 {
  margin-left: calc(6 * 8px) !important;
}
.mr-6 {
  margin-right: calc(6 * 8px) !important;
}
.mb-6 {
  margin-bottom: calc(6 * 8px) !important;
}
.mv-6 {
  margin-top: calc(6 * 8px) !important;
  margin-bottom: calc(6 * 8px) !important;
}
.mh-6 {
  margin-left: calc(6 * 8px) !important;
  margin-right: calc(6 * 8px) !important;
}
.p-7 {
  padding: calc(7 * 8px) !important;
}
.pt-7 {
  padding-top: calc(7 * 8px) !important;
}
.pl-7 {
  padding-left: calc(7 * 8px) !important;
}
.pr-7 {
  padding-right: calc(7 * 8px) !important;
}
.pb-7 {
  padding-bottom: calc(7 * 8px) !important;
}
.pv-7 {
  padding-top: calc(7 * 8px) !important;
  padding-bottom: calc(7 * 8px) !important;
}
.ph-7 {
  padding-left: calc(7 * 8px) !important;
  padding-right: calc(7 * 8px) !important;
}
.m-7 {
  margin: calc(7 * 8px) !important;
}
.mt-7 {
  margin-top: calc(7 * 8px) !important;
}
.ml-7 {
  margin-left: calc(7 * 8px) !important;
}
.mr-7 {
  margin-right: calc(7 * 8px) !important;
}
.mb-7 {
  margin-bottom: calc(7 * 8px) !important;
}
.mv-7 {
  margin-top: calc(7 * 8px) !important;
  margin-bottom: calc(7 * 8px) !important;
}
.mh-7 {
  margin-left: calc(7 * 8px) !important;
  margin-right: calc(7 * 8px) !important;
}
.p-8 {
  padding: calc(8 * 8px) !important;
}
.pt-8 {
  padding-top: calc(8 * 8px) !important;
}
.pl-8 {
  padding-left: calc(8 * 8px) !important;
}
.pr-8 {
  padding-right: calc(8 * 8px) !important;
}
.pb-8,
.carousel-banner .carousel-banner-item .banner-content {
  padding-bottom: calc(8 * 8px) !important;
}
.pv-8 {
  padding-top: calc(8 * 8px) !important;
  padding-bottom: calc(8 * 8px) !important;
}
.ph-8 {
  padding-left: calc(8 * 8px) !important;
  padding-right: calc(8 * 8px) !important;
}
.m-8 {
  margin: calc(8 * 8px) !important;
}
.mt-8 {
  margin-top: calc(8 * 8px) !important;
}
.ml-8 {
  margin-left: calc(8 * 8px) !important;
}
.mr-8 {
  margin-right: calc(8 * 8px) !important;
}
.mb-8 {
  margin-bottom: calc(8 * 8px) !important;
}
.mv-8 {
  margin-top: calc(8 * 8px) !important;
  margin-bottom: calc(8 * 8px) !important;
}
.mh-8 {
  margin-left: calc(8 * 8px) !important;
  margin-right: calc(8 * 8px) !important;
}
.p-9 {
  padding: calc(9 * 8px) !important;
}
.pt-9 {
  padding-top: calc(9 * 8px) !important;
}
.pl-9 {
  padding-left: calc(9 * 8px) !important;
}
.pr-9 {
  padding-right: calc(9 * 8px) !important;
}
.pb-9 {
  padding-bottom: calc(9 * 8px) !important;
}
.pv-9 {
  padding-top: calc(9 * 8px) !important;
  padding-bottom: calc(9 * 8px) !important;
}
.ph-9 {
  padding-left: calc(9 * 8px) !important;
  padding-right: calc(9 * 8px) !important;
}
.m-9 {
  margin: calc(9 * 8px) !important;
}
.mt-9 {
  margin-top: calc(9 * 8px) !important;
}
.ml-9 {
  margin-left: calc(9 * 8px) !important;
}
.mr-9 {
  margin-right: calc(9 * 8px) !important;
}
.mb-9 {
  margin-bottom: calc(9 * 8px) !important;
}
.mv-9 {
  margin-top: calc(9 * 8px) !important;
  margin-bottom: calc(9 * 8px) !important;
}
.mh-9 {
  margin-left: calc(9 * 8px) !important;
  margin-right: calc(9 * 8px) !important;
}
.p-10 {
  padding: calc(10 * 8px) !important;
}
.pt-10 {
  padding-top: calc(10 * 8px) !important;
}
.pl-10 {
  padding-left: calc(10 * 8px) !important;
}
.pr-10 {
  padding-right: calc(10 * 8px) !important;
}
.pb-10 {
  padding-bottom: calc(10 * 8px) !important;
}
.pv-10 {
  padding-top: calc(10 * 8px) !important;
  padding-bottom: calc(10 * 8px) !important;
}
.ph-10 {
  padding-left: calc(10 * 8px) !important;
  padding-right: calc(10 * 8px) !important;
}
.m-10 {
  margin: calc(10 * 8px) !important;
}
.mt-10 {
  margin-top: calc(10 * 8px) !important;
}
.ml-10 {
  margin-left: calc(10 * 8px) !important;
}
.mr-10 {
  margin-right: calc(10 * 8px) !important;
}
.mb-10 {
  margin-bottom: calc(10 * 8px) !important;
}
.mv-10 {
  margin-top: calc(10 * 8px) !important;
  margin-bottom: calc(10 * 8px) !important;
}
.mh-10 {
  margin-left: calc(10 * 8px) !important;
  margin-right: calc(10 * 8px) !important;
}
.p-12 {
  padding: calc(12 * 8px) !important;
}
.pt-12 {
  padding-top: calc(12 * 8px) !important;
}
.pl-12,
.game-congratulation-card .ant-row {
  padding-left: calc(12 * 8px) !important;
}
.pr-12 {
  padding-right: calc(12 * 8px) !important;
}
.pb-12 {
  padding-bottom: calc(12 * 8px) !important;
}
.pv-12 {
  padding-top: calc(12 * 8px) !important;
  padding-bottom: calc(12 * 8px) !important;
}
.ph-12 {
  padding-left: calc(12 * 8px) !important;
  padding-right: calc(12 * 8px) !important;
}
.m-12 {
  margin: calc(12 * 8px) !important;
}
.mt-12 {
  margin-top: calc(12 * 8px) !important;
}
.ml-12 {
  margin-left: calc(12 * 8px) !important;
}
.mr-12 {
  margin-right: calc(12 * 8px) !important;
}
.mb-12 {
  margin-bottom: calc(12 * 8px) !important;
}
.mv-12 {
  margin-top: calc(12 * 8px) !important;
  margin-bottom: calc(12 * 8px) !important;
}
.mh-12 {
  margin-left: calc(12 * 8px) !important;
  margin-right: calc(12 * 8px) !important;
}
.p-14 {
  padding: calc(14 * 8px) !important;
}
.pt-14 {
  padding-top: calc(14 * 8px) !important;
}
.pl-14 {
  padding-left: calc(14 * 8px) !important;
}
.pr-14 {
  padding-right: calc(14 * 8px) !important;
}
.pb-14 {
  padding-bottom: calc(14 * 8px) !important;
}
.pv-14 {
  padding-top: calc(14 * 8px) !important;
  padding-bottom: calc(14 * 8px) !important;
}
.ph-14 {
  padding-left: calc(14 * 8px) !important;
  padding-right: calc(14 * 8px) !important;
}
.m-14 {
  margin: calc(14 * 8px) !important;
}
.mt-14 {
  margin-top: calc(14 * 8px) !important;
}
.ml-14 {
  margin-left: calc(14 * 8px) !important;
}
.mr-14 {
  margin-right: calc(14 * 8px) !important;
}
.mb-14 {
  margin-bottom: calc(14 * 8px) !important;
}
.mv-14 {
  margin-top: calc(14 * 8px) !important;
  margin-bottom: calc(14 * 8px) !important;
}
.mh-14 {
  margin-left: calc(14 * 8px) !important;
  margin-right: calc(14 * 8px) !important;
}
.p-15 {
  padding: calc(15 * 8px) !important;
}
.pt-15 {
  padding-top: calc(15 * 8px) !important;
}
.pl-15 {
  padding-left: calc(15 * 8px) !important;
}
.pr-15 {
  padding-right: calc(15 * 8px) !important;
}
.pb-15 {
  padding-bottom: calc(15 * 8px) !important;
}
.pv-15 {
  padding-top: calc(15 * 8px) !important;
  padding-bottom: calc(15 * 8px) !important;
}
.ph-15 {
  padding-left: calc(15 * 8px) !important;
  padding-right: calc(15 * 8px) !important;
}
.m-15 {
  margin: calc(15 * 8px) !important;
}
.mt-15 {
  margin-top: calc(15 * 8px) !important;
}
.ml-15 {
  margin-left: calc(15 * 8px) !important;
}
.mr-15 {
  margin-right: calc(15 * 8px) !important;
}
.mb-15 {
  margin-bottom: calc(15 * 8px) !important;
}
.mv-15 {
  margin-top: calc(15 * 8px) !important;
  margin-bottom: calc(15 * 8px) !important;
}
.mh-15 {
  margin-left: calc(15 * 8px) !important;
  margin-right: calc(15 * 8px) !important;
}
.p-16 {
  padding: calc(16 * 8px) !important;
}
.pt-16 {
  padding-top: calc(16 * 8px) !important;
}
.pl-16 {
  padding-left: calc(16 * 8px) !important;
}
.pr-16 {
  padding-right: calc(16 * 8px) !important;
}
.pb-16 {
  padding-bottom: calc(16 * 8px) !important;
}
.pv-16 {
  padding-top: calc(16 * 8px) !important;
  padding-bottom: calc(16 * 8px) !important;
}
.ph-16 {
  padding-left: calc(16 * 8px) !important;
  padding-right: calc(16 * 8px) !important;
}
.m-16 {
  margin: calc(16 * 8px) !important;
}
.mt-16 {
  margin-top: calc(16 * 8px) !important;
}
.ml-16 {
  margin-left: calc(16 * 8px) !important;
}
.mr-16 {
  margin-right: calc(16 * 8px) !important;
}
.mb-16 {
  margin-bottom: calc(16 * 8px) !important;
}
.mv-16 {
  margin-top: calc(16 * 8px) !important;
  margin-bottom: calc(16 * 8px) !important;
}
.mh-16 {
  margin-left: calc(16 * 8px) !important;
  margin-right: calc(16 * 8px) !important;
}
.p-20 {
  padding: calc(20 * 8px) !important;
}
.pt-20 {
  padding-top: calc(20 * 8px) !important;
}
.pl-20 {
  padding-left: calc(20 * 8px) !important;
}
.pr-20 {
  padding-right: calc(20 * 8px) !important;
}
.pb-20 {
  padding-bottom: calc(20 * 8px) !important;
}
.pv-20 {
  padding-top: calc(20 * 8px) !important;
  padding-bottom: calc(20 * 8px) !important;
}
.ph-20 {
  padding-left: calc(20 * 8px) !important;
  padding-right: calc(20 * 8px) !important;
}
.m-20 {
  margin: calc(20 * 8px) !important;
}
.mt-20 {
  margin-top: calc(20 * 8px) !important;
}
.ml-20 {
  margin-left: calc(20 * 8px) !important;
}
.mr-20 {
  margin-right: calc(20 * 8px) !important;
}
.mb-20 {
  margin-bottom: calc(20 * 8px) !important;
}
.mv-20 {
  margin-top: calc(20 * 8px) !important;
  margin-bottom: calc(20 * 8px) !important;
}
.mh-20 {
  margin-left: calc(20 * 8px) !important;
  margin-right: calc(20 * 8px) !important;
}
.p-24 {
  padding: calc(24 * 8px) !important;
}
.pt-24 {
  padding-top: calc(24 * 8px) !important;
}
.pl-24 {
  padding-left: calc(24 * 8px) !important;
}
.pr-24 {
  padding-right: calc(24 * 8px) !important;
}
.pb-24 {
  padding-bottom: calc(24 * 8px) !important;
}
.pv-24 {
  padding-top: calc(24 * 8px) !important;
  padding-bottom: calc(24 * 8px) !important;
}
.ph-24 {
  padding-left: calc(24 * 8px) !important;
  padding-right: calc(24 * 8px) !important;
}
.m-24 {
  margin: calc(24 * 8px) !important;
}
.mt-24 {
  margin-top: calc(24 * 8px) !important;
}
.ml-24 {
  margin-left: calc(24 * 8px) !important;
}
.mr-24 {
  margin-right: calc(24 * 8px) !important;
}
.mb-24 {
  margin-bottom: calc(24 * 8px) !important;
}
.mv-24 {
  margin-top: calc(24 * 8px) !important;
  margin-bottom: calc(24 * 8px) !important;
}
.mh-24 {
  margin-left: calc(24 * 8px) !important;
  margin-right: calc(24 * 8px) !important;
}
.bg-black {
  background: #000 !important;
}
.bg-white,
.leaderboard-pagination .ant-pagination-item-active,
.progress-milestone-transfer .indicator-milestone {
  background: white !important;
}
.bg-neutral-0 {
  background: #f3f2f2 !important;
}
.bg-neutral-10,
.games-detail-carousel-banner .ant-carousel .slick-dots-bottom li,
.carousel-banner .ant-carousel .slick-dots-bottom li,
.slider-wrapper .ant-carousel .slick-dots-bottom li,
.slider-wrapper-v2 .ant-carousel .slick-dots-bottom li {
  background: #b0b2b3 !important;
}
.bg-neutral-20 {
  background: #96989a !important;
}
.bg-neutral-30,
.ant-dropdown-menu-item-selected {
  background: #7c7e81 !important;
}
.bg-neutral-40 {
  background: #626468 !important;
}
.bg-neutral-50,
.ant-dropdown-menu-item-selected .ant-btn-primary[disabled],
.ant-dropdown-menu-item-selected .ant-btn-primary[disabled]:hover,
.ant-dropdown-menu-item-selected .ant-btn-primary[disabled]:focus,
.ant-dropdown-menu-item-selected .ant-btn-primary[disabled]:active,
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  background: #474b4e !important;
}
.bg-neutral-60 {
  background: #363a3e !important;
}
.bg-neutral-70 {
  background: #2b2e33 !important;
}
.bg-neutral-80 {
  background: #1f2327 !important;
}
.bg-neutral-90,
.exchange-reward-progress .ant-progress-inner {
  background: #424242 !important;
}
.bg-neutral-100 {
  background: #13171c !important;
}
.bg-neutral-primary {
  background: #13171c !important;
}
.bg-blue-10 {
  background: #e9f1fe !important;
}
.bg-blue-20 {
  background: #bed5fc !important;
}
.bg-blue-30 {
  background: #92bafa !important;
}
.bg-blue-40 {
  background: #7cacf9 !important;
}
.bg-blue-50 {
  background: #679ef8 !important;
}
.bg-blue-60 {
  background: #5190f7 !important;
}
.bg-blue-70 {
  background: #3b82f6 !important;
}
.bg-blue-primary {
  background: #3b82f6 !important;
}
.bg-blue-80 {
  background: #295bac !important;
}
.bg-blue-90 {
  background: #1d417b !important;
}
.bg-blue-100 {
  background: #12274a !important;
}
.bg-blue-110 {
  background: #060d19 !important;
}
.bg-yellow-10 {
  background: #fffce8 !important;
}
.bg-yellow-20 {
  background: #fef9c3 !important;
}
.bg-yellow-30 {
  background: #ffef8a !important;
}
.bg-yellow-40 {
  background: #fde047 !important;
}
.bg-yellow-50 {
  background: #facc14 !important;
}
.bg-yellow-60 {
  background: #ebb305 !important;
}
.bg-yellow-70 {
  background: #ca8a03 !important;
}
.bg-yellow-80 {
  background: #8d6102 !important;
}
.bg-yellow-90 {
  background: #654501 !important;
}
.bg-yellow-100 {
  background: #3d2901 !important;
}
.bg-yellow-110 {
  background: #140e00 !important;
}
.bg-purple-10 {
  background: #efe7fb !important;
}
.bg-purple-20 {
  background: #dfcff7 !important;
}
.bg-purple-30 {
  background: #ceb7f2 !important;
}
.bg-purple-40 {
  background: #be9fee !important;
}
.bg-purple-50 {
  background: #ae88ea !important;
}
.bg-purple-60 {
  background: #9e70e6 !important;
}
.bg-purple-70 {
  background: #7d40dd !important;
}
.bg-purple-80 {
  background: #582d9b !important;
}
.bg-purple-90 {
  background: #3f206f !important;
}
.bg-purple-100 {
  background: #251342 !important;
}
.bg-purple-110 {
  background: #0d0616 !important;
}
.bg-red-10 {
  background: #f7e6e6 !important;
}
.bg-red-20 {
  background: #efcdcd !important;
}
.bg-red-30 {
  background: #e8b3b3 !important;
}
.bg-red-40 {
  background: #d88181 !important;
}
.bg-red-50 {
  background: #d06868 !important;
}
.bg-red-60 {
  background: #c94e4e !important;
}
.bg-red-70 {
  background: #c13535 !important;
}
.bg-red-80 {
  background: #872525 !important;
}
.bg-red-90 {
  background: #601b1b !important;
}
.bg-red-100 {
  background: #3a1010 !important;
}
.bg-red-110 {
  background: #130505 !important;
}
.bg-green-10 {
  background: #dcfce7 !important;
}
.bg-green-20 {
  background: #bbf7d0 !important;
}
.bg-green-30 {
  background: #87efac !important;
}
.bg-green-40 {
  background: #49de80 !important;
}
.bg-green-50 {
  background: #22c55d !important;
}
.bg-green-60 {
  background: #17a34a !important;
}
.bg-green-70 {
  background: #17803d !important;
}
.bg-green-80 {
  background: #105a2b !important;
}
.bg-green-90 {
  background: #0c401f !important;
}
.bg-green-100 {
  background: #072612 !important;
}
.bg-green-110 {
  background: #020d06 !important;
}
.bg-primary-main,
.bottom-navbar-indicator,
#feedback-form .ant-btn,
.carousel-banner-saint-seiya .ant-carousel .slick-dots li.slick-active button,
.item-image .bundle-package-absolute,
.btn-go-quest,
.vertical-line {
  background: #3685f1 !important;
}
.bg-primary-surface {
  background: #dcebfe !important;
}
.bg-primary-border {
  background: #c5ddfe !important;
}
.bg-primary-hover,
.chat-link-preview {
  background: #4380d2 !important;
}
.bg-primary-pressed,
.purchase-pending .outter-1 .outter-2 .inner {
  background: #284d7e !important;
}
.bg-primary-focus {
  background: #d8e6f9 !important;
}
.bg-warning-main,
.badge-quest-persona {
  background: #e2ae29 !important;
}
.bg-warning-surface {
  background: #ffde33 !important;
}
.bg-warning-border {
  background: #fff4bb !important;
}
.bg-warning-hover {
  background: #d4b92b !important;
}
.bg-warning-pressed {
  background: #806f1a !important;
}
.bg-danger-main,
.red-dot-bottom,
.purchase-failed .outter-1 .outter-2 .inner,
.purchase-expired .outter-1 .outter-2 .inner,
.red-dot {
  background: #f6274c !important;
}
.bg-danger-surface {
  background: #fdd4db !important;
}
.bg-danger-border {
  background: #fcb7c3 !important;
}
.bg-danger-hover {
  background: #cd213f !important;
}
.bg-danger-pressed {
  background: #7b1426 !important;
}
.bg-success-main {
  background: #1aaa55 !important;
}
.bg-success-surface {
  background: #d1eedd !important;
}
.bg-success-border {
  background: #b3e3c6 !important;
}
.bg-success-hover,
.stack-card-item .content .badge-wrap.register,
.purchase-delivered .outter-1 .outter-2 .inner,
.purchase-paid .outter-1 .outter-2 .inner,
.btn-claim-quest {
  background: #168e47 !important;
}
.bg-success-pressed {
  background: #0d552b !important;
}
.bg-info-main {
  background: #0b5cd7 !important;
}
.bg-info-surface {
  background: #cedef7 !important;
}
.bg-info-border {
  background: #aec9f2 !important;
}
.bg-info-hover {
  background: #094db3 !important;
}
.bg-info-pressed {
  background: #052e6b !important;
}
.bg-info-green {
  background: #1ec80f !important;
}
.bg-secondary-sky-blue {
  background: #25aae1 !important;
}
.bg-secondary-light-blue {
  background: #dff4fd !important;
}
.bg-secondary-blue {
  background: #386bb6 !important;
}
.bg-secondary-dark-blue {
  background: #12273c !important;
}
.bg-secondary-gradient-blue {
  background: linear-gradient(126.75deg, #0b3886 10.83%, #386bb6 100%) !important;
}
.bg-transparent-sky-blue,
.em-icon-content-modal {
  background: rgba(116, 190, 232, 0.1) !important;
}
.bg-secondary-dark-blue-tosca {
  background: #255582 !important;
}
.bg-secondary-pink {
  background: #c781b7 !important;
}
.bg-secondary-purple {
  background: #5d29e2 !important;
}
.bg-secondary-dark-grey,
.input-phone .react-tel-input .country-list,
.input-phone .react-tel-input .form-control,
.modal-exchange-success .ant-modal-content,
.btn-anniv-ss-yellow[disabled],
.btn-anniv-ss-yellow[disabled]:hover,
.btn-anniv-ss-yellow[disabled]:focus,
.btn-anniv-ss-yellow[disabled]:active {
  background: #272727 !important;
}
.bg-secondary-deep-dark-blue,
.radio-item-transfer .ant-radio-inner,
.order-detail-reward-content .ant-collapse-content,
.radio-item-new-chat .ant-radio-inner,
.bg-transfer-detail .layout-header,
.header-reward-log-ss .layout-header {
  background: #1b1d2a !important;
}
.bg-purple {
  background: #5d29e2 !important;
}
.bg-deep-koamaru {
  background: #35395f !important;
}
.bg-philippine-gray {
  background: #929292 !important;
}
.bg-eerie-black {
  background: #111727 !important;
}
.bg-eerie-black-light,
.input-phone .react-tel-input .country-list .country.highlight,
.input-phone .react-tel-input .country-list .country:hover {
  background: #1e1e1e !important;
}
.bg-space-cadet {
  background: #4e4a2b !important;
}
.bg-secondary-deep-dark-blue,
.radio-item-transfer .ant-radio-inner,
.order-detail-reward-content .ant-collapse-content,
.radio-item-new-chat .ant-radio-inner,
.bg-transfer-detail .layout-header,
.header-reward-log-ss .layout-header {
  background: #1b1d2a !important;
}
.bg-purple {
  background: #5d29e2 !important;
}
.bg-taupe-gray {
  background: #888888 !important;
}
.bg-dark-charcoal {
  background: #333333 !important;
}
.bg-philippine-silver {
  background: #b8b8b8 !important;
}
.bg-raisin-black {
  background: #232323 !important;
}
.bg-water,
.info-point .ant-popover-inner-content {
  background: #c9ecfc !important;
}
.bg-urobilin {
  background: #e2ae29 !important;
}
.bg-secondary-deep-dark-blue,
.radio-item-transfer .ant-radio-inner,
.order-detail-reward-content .ant-collapse-content,
.radio-item-new-chat .ant-radio-inner,
.bg-transfer-detail .layout-header,
.header-reward-log-ss .layout-header {
  background: #1b1d2a !important;
}
.bg-secondary-deep-dark-grey,
.react-calendar {
  background: #202020 !important;
}
.bg-secondary-super-dark-blue,
.custom-modal.modal-guide-download-pc .ant-modal-content {
  background: #12141a !important;
}
.bg-cloud-burst,
.topup-item-card {
  background: #2b2f4e !important;
}
.bg-dark {
  background: #1d203a !important;
}
.bg-pickled-bluewood {
  background: #333855 !important;
}
.bg-snow-drift {
  background: #f9f9f9 !important;
}
.bg-blueberry {
  background: #5099fc !important;
}
.bg-secondary-jade-green {
  background: linear-gradient(92.39deg, #1aaa55 -67.39%, #255582 102.05%) !important;
}
.bg-secondary-dark-mustard {
  background: linear-gradient(90.66deg, #fcc812 0.57%, #aa8607 102.11%) !important;
}
.bg-light-carmine-pink {
  background: #e8747a !important;
}
.bg-transparent {
  background: transparent !important;
}
.bg-candy-pink {
  background: #e8747a !important;
}
.bg-sunglow {
  background: #ffc633 !important;
}
.bg-cloud {
  background: #181818 !important;
}
.bg-gun-powder {
  background: #374151 !important;
}
.bg-mid-blue {
  background: #3566a8 !important;
}
.bg-blue-zodiac {
  background: #132c50 !important;
}
.bg-cloud-burst,
.topup-item-card {
  background: #2b2f4e !important;
}
.bg-dark-jungle-green {
  background: #1b1f23 !important;
}
.bg-battleship-grey {
  background: #848484 !important;
}
.bg-tufts-blue {
  background: #4470c4 !important;
}
.bg-violet-blue {
  background: #4a18cb !important;
}
.bg-ebony-clay {
  background: #252845 !important;
}
.bg-header-color {
  background: #21232d !important;
}
.bg-bg-layout,
.ant-modal.modal-gold-bound .ant-modal-content,
.ant-modal.onboarding-topup-wrapper .ant-modal-content,
.modal-gacha .ant-modal-content,
.ant-modal.onboarding-topup-webview-wrapper .ant-modal-content {
  background: #13171c !important;
}
.bg-snow-drift {
  background: #f9f9f9 !important;
}
.bg-rajah {
  background: #fca350 !important;
}
.bg-royal-orange {
  background: #f19c49 !important;
}
.bg-dark-gunmetal {
  background: #21232d !important;
}
.bg-baltic-sea {
  background: #262b34 !important;
}
.bg-green-grey {
  background: #6c9871 !important;
}
.bg-bright-sun {
  background: #ffcc48 !important;
}
.bg-golden-yellow {
  background: #ffde00 !important;
}
.bg-heavy-metal {
  background: #2b2b2b !important;
}
.bg-dark-grey {
  background: #383838 !important;
}
.bg-thunder-bird {
  background: #c12525 !important;
}
.bg-pale-blue {
  background: #add0ff !important;
}
.bg-deep-oak {
  background: #4a1d0d !important;
}
.bg-ducky-yellow {
  background: #feda00 !important;
}
.bg-blue-gem {
  background: #370d90 !important;
}
.bg-meteorite {
  background: #362270 !important;
}
.bg-tufts-blue {
  background: #4470c4 !important;
}
.bg-haiti {
  background: #141440 !important;
}
.bg-chardonnay {
  background: #f6d382 !important;
}
.bg-sepia {
  background: #653714 !important;
}
.bg-lovely {
  background: #812bec !important;
}
.bg-ship-grey {
  background: #383b43 !important;
}
.bg-espresso {
  background: #5e251c !important;
}
.bg-lisbon-brown {
  background: #3c371e !important;
}
.bg-lapis-blue {
  background: #222c74 !important;
}
.bg-cumin {
  background: #944123 !important;
}
.bg-scampi {
  background: #585fa4 !important;
}
.bg-sandwisp {
  background: #f4e8a0 !important;
}
.bg-brown-bramble {
  background: #512606 !important;
}
.bg-banana-yellow {
  background: #ffe54c !important;
}
.bg-naples-yellow {
  background: #ffd65a !important;
}
.bg-faded-blue {
  background: #6d8cb1 !important;
}
.bg-lava-red {
  background: #e51005 !important;
}
.bg-otter-brown {
  background: #6c4618 !important;
}
.bg-mirage {
  background: #111827 !important;
}
.bg-tealish-blue {
  background: #262b34 !important;
}
.bg-slate-grey {
  background: #647e95 !important;
}
.bg-whisper {
  background: #eeeeee !important;
}
.bg-cyan-blue {
  background: #3685f1 !important;
}
.bg-yellow-800 {
  background: #382705 !important;
}
.bg-yellow-500 {
  background: #fbbc05 !important;
}
.bg-blue-600 {
  background: #0d53b5 !important;
}
.bg-blue-500 {
  background: #3685f1 !important;
}
.bg-blue-400 {
  background: #5e9df4 !important;
}
.bg-fuel-yellow {
  background: #e2ae29 !important;
}
.bg-deep-green {
  background: #005804 !important;
}
.bg-corn-harvest {
  background: #926d00 !important;
}
.bg-gold {
  background: #cd9800 !important;
}
.bg-mirage {
  background: #111827 !important;
}
.bg-cinder,
.nct-custom-dropdown {
  background: #13171c !important;
}
.bg-black-pearl {
  background: #060d28 !important;
}
.bg-steel-80 {
  background: #4d6478 !important;
}
.bg-evos-80 {
  background: #0a6a93 !important;
}
.bg-gun-powder {
  background: #374151 !important;
}
.bg-dull-red {
  background: #b73737 !important;
}
.bg-zeus,
.nct-custom-dropdown .ant-select-item-option-active:hover,
.nct-custom-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: #1e2227 !important;
}
.bg-grey-80 {
  background: #e5e7eb !important;
}
.bg-grey-50 {
  background: #9ca3af !important;
}
.bg-grey-60 {
  background: #d1d5db !important;
}
.bg-faded-gray {
  background: #646e7b !important;
}
.bg-dark-charcoal {
  background: #333333 !important;
}
.bg-very-dark-blue {
  background: #090e30 !important;
}
.bg-malibu {
  background: #65d3ff !important;
}
.bg-yellow-600 {
  background: #e99d23 !important;
}
.text-center,
.congrats-get-prize-gacha,
.text-quest-update-details,
.text-exclusive-prize-ss,
.text-receive-reward-puzzle,
.text-receive-reward-puzzle-event {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.word-break {
  word-break: break-word;
}
.card-container {
  border: 0;
  border-radius: 8px;
  background: white;
  padding: 16px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.04), 0 0 2px 0 rgba(0, 0, 0, 0.08);
}
.red-dot {
  height: 6px;
  width: 6px;
  position: absolute !important;
  top: 0;
  right: 0;
}
.border-radius-2 {
  border-radius: 2px !important;
}
.border-radius-4,
.react-calendar,
.em-btn-logout,
.games-slider-item,
.slider-wrapper .ant-carousel .hero-slider-item,
.slider-wrapper-v2 .ant-carousel .hero-slider-item,
.em-icon-content-modal,
.friends-slider-item,
.em-select .ant-select-selector {
  border-radius: 4px !important;
}
.border-radius-6 {
  border-radius: 6px !important;
}
.border-radius-8,
.games-big-card .ant-card-body .game-type-wrapper .badge,
.platform-wrap .platform-item,
.games-small-card .badge-section .badge-person,
.games-small-card .badge-section .badge-register,
.btn-ash-echoes,
.btn-dragon-isle,
.btn-knight-core,
.red-dot-bottom,
.games-detail-carousel-banner,
.page-tour-container,
.collapse-voucher-item,
.btn-success-shine,
.btn-success-shine::before,
.btn-primary-shine,
.btn-primary-shine::before,
.ant-btn-primary[disabled].btn-disabled-shine,
.btn-yellow-shine-3d,
.ant-btn-primary[disabled].btn-yellow-shine-3d,
.ant-btn-primary[disabled].btn-yellow-shine-3d:hover,
.btn-yellow-shine-3d::before,
.btn-yellow-shine-3d-d::before,
.btn-purple-shine-3d::before,
.btn-grey-shine,
.btn-grey-shine::before,
.info-point .ant-popover-inner,
.info-point-purple .ant-popover-inner,
.popover-coins .ant-popover-inner,
.topup-item-card,
.payment-item-ss,
.btn-claim-quest.gold,
.red-dot {
  border-radius: 8px !important;
}
.border-radius-20,
.wrapper-auth,
.payment-badge-count .ant-badge-count,
.chat-link-preview {
  border-radius: 20px !important;
}
.border-radius-24 {
  border-radius: 24px !important;
}
.border-radius-25 {
  border-radius: 25px !important;
}
.border-radius-18,
.chat-image {
  border-radius: 18px !important;
}
.border-radius-12,
.game-congratulation-card {
  border-radius: 12px !important;
}
.border-radius-42 {
  border-radius: 42px !important;
}
.input-text {
  padding: 8px 16px !important;
  border-radius: 3px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
.vertical-center {
  position: absolute;
  top: 50%;
  width: 100%;
}
.display-column {
  display: flex !important;
  flex-direction: column !important;
}
/*
 * border color
 */
.border-black {
  border-color: #000 !important;
}
.border-white,
.radio-item-d .ant-radio-checked .ant-radio-inner,
.radio-item-transfer .ant-radio-inner,
.leaderboard-pagination .ant-pagination-item-active {
  border-color: white !important;
}
.border-neutral-0 {
  border-color: #f3f2f2 !important;
}
.border-neutral-10 {
  border-color: #b0b2b3 !important;
}
.border-neutral-20 {
  border-color: #96989a !important;
}
.border-neutral-30 {
  border-color: #7c7e81 !important;
}
.border-neutral-40 {
  border-color: #626468 !important;
}
.border-neutral-50,
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  border-color: #474b4e !important;
}
.border-neutral-60 {
  border-color: #363a3e !important;
}
.border-neutral-70,
.btn-anniv-ss-yellow[disabled],
.btn-anniv-ss-yellow[disabled]:hover,
.btn-anniv-ss-yellow[disabled]:focus,
.btn-anniv-ss-yellow[disabled]:active {
  border-color: #2b2e33 !important;
}
.border-neutral-80 {
  border-color: #1f2327 !important;
}
.border-neutral-90 {
  border-color: #424242 !important;
}
.border-neutral-100 {
  border-color: #13171c !important;
}
.border-neutral-primary {
  border-color: #13171c !important;
}
.border-blue-10 {
  border-color: #e9f1fe !important;
}
.border-blue-20 {
  border-color: #bed5fc !important;
}
.border-blue-30 {
  border-color: #92bafa !important;
}
.border-blue-40 {
  border-color: #7cacf9 !important;
}
.border-blue-50 {
  border-color: #679ef8 !important;
}
.border-blue-60 {
  border-color: #5190f7 !important;
}
.border-blue-70 {
  border-color: #3b82f6 !important;
}
.border-blue-primary {
  border-color: #3b82f6 !important;
}
.border-blue-80 {
  border-color: #295bac !important;
}
.border-blue-90 {
  border-color: #1d417b !important;
}
.border-blue-100 {
  border-color: #12274a !important;
}
.border-blue-110 {
  border-color: #060d19 !important;
}
.border-yellow-10 {
  border-color: #fffce8 !important;
}
.border-yellow-20 {
  border-color: #fef9c3 !important;
}
.border-yellow-30 {
  border-color: #ffef8a !important;
}
.border-yellow-40 {
  border-color: #fde047 !important;
}
.border-yellow-50 {
  border-color: #facc14 !important;
}
.border-yellow-60 {
  border-color: #ebb305 !important;
}
.border-yellow-70 {
  border-color: #ca8a03 !important;
}
.border-yellow-80 {
  border-color: #8d6102 !important;
}
.border-yellow-90 {
  border-color: #654501 !important;
}
.border-yellow-100 {
  border-color: #3d2901 !important;
}
.border-yellow-110 {
  border-color: #140e00 !important;
}
.border-purple-10 {
  border-color: #efe7fb !important;
}
.border-purple-20 {
  border-color: #dfcff7 !important;
}
.border-purple-30 {
  border-color: #ceb7f2 !important;
}
.border-purple-40 {
  border-color: #be9fee !important;
}
.border-purple-50 {
  border-color: #ae88ea !important;
}
.border-purple-60 {
  border-color: #9e70e6 !important;
}
.border-purple-70 {
  border-color: #7d40dd !important;
}
.border-purple-80 {
  border-color: #582d9b !important;
}
.border-purple-90 {
  border-color: #3f206f !important;
}
.border-purple-100 {
  border-color: #251342 !important;
}
.border-purple-110 {
  border-color: #0d0616 !important;
}
.border-red-10 {
  border-color: #f7e6e6 !important;
}
.border-red-20 {
  border-color: #efcdcd !important;
}
.border-red-30 {
  border-color: #e8b3b3 !important;
}
.border-red-40 {
  border-color: #d88181 !important;
}
.border-red-50 {
  border-color: #d06868 !important;
}
.border-red-60 {
  border-color: #c94e4e !important;
}
.border-red-70 {
  border-color: #c13535 !important;
}
.border-red-80 {
  border-color: #872525 !important;
}
.border-red-90 {
  border-color: #601b1b !important;
}
.border-red-100 {
  border-color: #3a1010 !important;
}
.border-red-110 {
  border-color: #130505 !important;
}
.border-green-10 {
  border-color: #dcfce7 !important;
}
.border-green-20 {
  border-color: #bbf7d0 !important;
}
.border-green-30 {
  border-color: #87efac !important;
}
.border-green-40 {
  border-color: #49de80 !important;
}
.border-green-50 {
  border-color: #22c55d !important;
}
.border-green-60 {
  border-color: #17a34a !important;
}
.border-green-70 {
  border-color: #17803d !important;
}
.border-green-80 {
  border-color: #105a2b !important;
}
.border-green-90 {
  border-color: #0c401f !important;
}
.border-green-100 {
  border-color: #072612 !important;
}
.border-green-110 {
  border-color: #020d06 !important;
}
.border-primary-main,
.menu-item-active,
.ant-select-selector,
.btn-go-quest,
.em-btn-outline-secondary:hover {
  border-color: #3685f1 !important;
}
.border-primary-surface,
.em-btn-outline-secondary {
  border-color: #dcebfe !important;
}
.border-primary-border {
  border-color: #c5ddfe !important;
}
.border-primary-hover {
  border-color: #4380d2 !important;
}
.border-primary-pressed,
.radio-item-new-chat .ant-radio-inner {
  border-color: #284d7e !important;
}
.border-primary-focus {
  border-color: #d8e6f9 !important;
}
.border-warning-main {
  border-color: #e2ae29 !important;
}
.border-warning-surface {
  border-color: #ffde33 !important;
}
.border-warning-border {
  border-color: #fff4bb !important;
}
.border-warning-hover {
  border-color: #d4b92b !important;
}
.border-warning-pressed {
  border-color: #806f1a !important;
}
.border-danger-main {
  border-color: #f6274c !important;
}
.border-danger-surface {
  border-color: #fdd4db !important;
}
.border-danger-border {
  border-color: #fcb7c3 !important;
}
.border-danger-hover {
  border-color: #cd213f !important;
}
.border-danger-pressed {
  border-color: #7b1426 !important;
}
.border-success-main {
  border-color: #1aaa55 !important;
}
.border-success-surface {
  border-color: #d1eedd !important;
}
.border-success-border {
  border-color: #b3e3c6 !important;
}
.border-success-hover,
.btn-claim-quest {
  border-color: #168e47 !important;
}
.border-success-pressed {
  border-color: #0d552b !important;
}
.border-info-main {
  border-color: #0b5cd7 !important;
}
.border-info-surface {
  border-color: #cedef7 !important;
}
.border-info-border {
  border-color: #aec9f2 !important;
}
.border-info-hover {
  border-color: #094db3 !important;
}
.border-info-pressed {
  border-color: #052e6b !important;
}
.border-info-green {
  border-color: #1ec80f !important;
}
.border-secondary-sky-blue {
  border-color: #25aae1 !important;
}
.border-secondary-light-blue {
  border-color: #dff4fd !important;
}
.border-secondary-blue {
  border-color: #386bb6 !important;
}
.border-secondary-dark-blue {
  border-color: #12273c !important;
}
.border-secondary-gradient-blue {
  border-color: linear-gradient(126.75deg, #0b3886 10.83%, #386bb6 100%) !important;
}
.border-transparent-sky-blue {
  border-color: rgba(116, 190, 232, 0.1) !important;
}
.border-secondary-dark-blue-tosca,
.menu-item,
.menu-item-active {
  border-color: #255582 !important;
}
.border-secondary-pink {
  border-color: #c781b7 !important;
}
.border-secondary-purple {
  border-color: #5d29e2 !important;
}
.border-secondary-dark-grey {
  border-color: #272727 !important;
}
.border-secondary-deep-dark-blue {
  border-color: #1b1d2a !important;
}
.border-purple {
  border-color: #5d29e2 !important;
}
.border-deep-koamaru {
  border-color: #35395f !important;
}
.border-philippine-gray {
  border-color: #929292 !important;
}
.border-eerie-black {
  border-color: #111727 !important;
}
.border-eerie-black-light {
  border-color: #1e1e1e !important;
}
.border-space-cadet {
  border-color: #4e4a2b !important;
}
.border-secondary-deep-dark-blue {
  border-color: #1b1d2a !important;
}
.border-purple {
  border-color: #5d29e2 !important;
}
.border-taupe-gray {
  border-color: #888888 !important;
}
.border-dark-charcoal {
  border-color: #333333 !important;
}
.border-philippine-silver {
  border-color: #b8b8b8 !important;
}
.border-raisin-black {
  border-color: #232323 !important;
}
.border-water {
  border-color: #c9ecfc !important;
}
.border-urobilin {
  border-color: #e2ae29 !important;
}
.border-secondary-deep-dark-blue {
  border-color: #1b1d2a !important;
}
.border-secondary-deep-dark-grey {
  border-color: #202020 !important;
}
.border-secondary-super-dark-blue {
  border-color: #12141a !important;
}
.border-cloud-burst {
  border-color: #2b2f4e !important;
}
.border-dark {
  border-color: #1d203a !important;
}
.border-pickled-bluewood {
  border-color: #333855 !important;
}
.border-snow-drift {
  border-color: #f9f9f9 !important;
}
.border-blueberry {
  border-color: #5099fc !important;
}
.border-secondary-jade-green {
  border-color: linear-gradient(92.39deg, #1aaa55 -67.39%, #255582 102.05%) !important;
}
.border-secondary-dark-mustard {
  border-color: linear-gradient(90.66deg, #fcc812 0.57%, #aa8607 102.11%) !important;
}
.border-light-carmine-pink {
  border-color: #e8747a !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-candy-pink {
  border-color: #e8747a !important;
}
.border-sunglow {
  border-color: #ffc633 !important;
}
.border-cloud {
  border-color: #181818 !important;
}
.border-gun-powder {
  border-color: #374151 !important;
}
.border-mid-blue {
  border-color: #3566a8 !important;
}
.border-blue-zodiac {
  border-color: #132c50 !important;
}
.border-cloud-burst {
  border-color: #2b2f4e !important;
}
.border-dark-jungle-green {
  border-color: #1b1f23 !important;
}
.border-battleship-grey {
  border-color: #848484 !important;
}
.border-tufts-blue {
  border-color: #4470c4 !important;
}
.border-violet-blue {
  border-color: #4a18cb !important;
}
.border-ebony-clay {
  border-color: #252845 !important;
}
.border-header-color {
  border-color: #21232d !important;
}
.border-bg-layout {
  border-color: #13171c !important;
}
.border-snow-drift {
  border-color: #f9f9f9 !important;
}
.border-rajah {
  border-color: #fca350 !important;
}
.border-royal-orange {
  border-color: #f19c49 !important;
}
.border-dark-gunmetal {
  border-color: #21232d !important;
}
.border-baltic-sea {
  border-color: #262b34 !important;
}
.border-green-grey {
  border-color: #6c9871 !important;
}
.border-bright-sun {
  border-color: #ffcc48 !important;
}
.border-golden-yellow {
  border-color: #ffde00 !important;
}
.border-heavy-metal {
  border-color: #2b2b2b !important;
}
.border-dark-grey {
  border-color: #383838 !important;
}
.border-thunder-bird {
  border-color: #c12525 !important;
}
.border-pale-blue {
  border-color: #add0ff !important;
}
.border-deep-oak {
  border-color: #4a1d0d !important;
}
.border-ducky-yellow {
  border-color: #feda00 !important;
}
.border-blue-gem {
  border-color: #370d90 !important;
}
.border-meteorite {
  border-color: #362270 !important;
}
.border-tufts-blue {
  border-color: #4470c4 !important;
}
.border-haiti {
  border-color: #141440 !important;
}
.border-chardonnay {
  border-color: #f6d382 !important;
}
.border-sepia {
  border-color: #653714 !important;
}
.border-lovely {
  border-color: #812bec !important;
}
.border-ship-grey {
  border-color: #383b43 !important;
}
.border-espresso {
  border-color: #5e251c !important;
}
.border-lisbon-brown {
  border-color: #3c371e !important;
}
.border-lapis-blue {
  border-color: #222c74 !important;
}
.border-cumin {
  border-color: #944123 !important;
}
.border-scampi {
  border-color: #585fa4 !important;
}
.border-sandwisp {
  border-color: #f4e8a0 !important;
}
.border-brown-bramble {
  border-color: #512606 !important;
}
.border-banana-yellow {
  border-color: #ffe54c !important;
}
.border-naples-yellow {
  border-color: #ffd65a !important;
}
.border-faded-blue {
  border-color: #6d8cb1 !important;
}
.border-lava-red {
  border-color: #e51005 !important;
}
.border-otter-brown {
  border-color: #6c4618 !important;
}
.border-mirage {
  border-color: #111827 !important;
}
.border-tealish-blue {
  border-color: #262b34 !important;
}
.border-slate-grey {
  border-color: #647e95 !important;
}
.border-whisper {
  border-color: #eeeeee !important;
}
.border-cyan-blue,
.selector-item.active {
  border-color: #3685f1 !important;
}
.border-yellow-800 {
  border-color: #382705 !important;
}
.border-yellow-500 {
  border-color: #fbbc05 !important;
}
.border-blue-600 {
  border-color: #0d53b5 !important;
}
.border-blue-500 {
  border-color: #3685f1 !important;
}
.border-blue-400 {
  border-color: #5e9df4 !important;
}
.border-fuel-yellow {
  border-color: #e2ae29 !important;
}
.border-deep-green {
  border-color: #005804 !important;
}
.border-corn-harvest {
  border-color: #926d00 !important;
}
.border-gold {
  border-color: #cd9800 !important;
}
.border-mirage {
  border-color: #111827 !important;
}
.border-cinder {
  border-color: #13171c !important;
}
.border-black-pearl {
  border-color: #060d28 !important;
}
.border-steel-80 {
  border-color: #4d6478 !important;
}
.border-evos-80 {
  border-color: #0a6a93 !important;
}
.border-gun-powder {
  border-color: #374151 !important;
}
.border-dull-red {
  border-color: #b73737 !important;
}
.border-zeus {
  border-color: #1e2227 !important;
}
.border-grey-80 {
  border-color: #e5e7eb !important;
}
.border-grey-50 {
  border-color: #9ca3af !important;
}
.border-grey-60 {
  border-color: #d1d5db !important;
}
.border-faded-gray {
  border-color: #646e7b !important;
}
.border-dark-charcoal {
  border-color: #333333 !important;
}
.border-very-dark-blue {
  border-color: #090e30 !important;
}
.border-malibu {
  border-color: #65d3ff !important;
}
.border-yellow-600 {
  border-color: #e99d23 !important;
}
/*
 * border-radius
 */
.border-radius-0 {
  border-radius: 0px !important;
  overflow: hidden;
}
.border-radius-4,
.react-calendar,
.em-btn-logout,
.games-slider-item,
.slider-wrapper .ant-carousel .hero-slider-item,
.slider-wrapper-v2 .ant-carousel .hero-slider-item,
.em-icon-content-modal,
.friends-slider-item,
.em-select .ant-select-selector {
  border-radius: 4px !important;
  overflow: hidden;
}
.border-radius-5,
.em-label-content .em-input,
.input-phone .react-tel-input .form-control,
.carousel-homepage .content-hero-banner button,
.item-hero-banner-carousel-m .content-hero-banner button {
  border-radius: 5px !important;
  overflow: hidden;
}
.border-radius-6 {
  border-radius: 6px !important;
  overflow: hidden;
}
.border-radius-8,
.games-big-card .ant-card-body .game-type-wrapper .badge,
.platform-wrap .platform-item,
.games-small-card .badge-section .badge-person,
.games-small-card .badge-section .badge-register,
.btn-ash-echoes,
.btn-dragon-isle,
.btn-knight-core,
.red-dot-bottom,
.games-detail-carousel-banner,
.page-tour-container,
.collapse-voucher-item,
.btn-success-shine,
.btn-success-shine::before,
.btn-primary-shine,
.btn-primary-shine::before,
.ant-btn-primary[disabled].btn-disabled-shine,
.btn-yellow-shine-3d,
.ant-btn-primary[disabled].btn-yellow-shine-3d,
.ant-btn-primary[disabled].btn-yellow-shine-3d:hover,
.btn-yellow-shine-3d::before,
.btn-yellow-shine-3d-d::before,
.btn-purple-shine-3d::before,
.btn-grey-shine,
.btn-grey-shine::before,
.info-point .ant-popover-inner,
.info-point-purple .ant-popover-inner,
.popover-coins .ant-popover-inner,
.topup-item-card,
.payment-item-ss,
.btn-claim-quest.gold,
.red-dot {
  border-radius: 8px !important;
  overflow: hidden;
}
.border-radius-10,
.modal-exchange-success .ant-modal-content {
  border-radius: 10px !important;
  overflow: hidden;
}
.border-radius-12,
.game-congratulation-card {
  border-radius: 12px !important;
  overflow: hidden;
}
.border-radius-16,
.item-image,
.item-image .module,
.progress-milestone-transfer .indicator-milestone {
  border-radius: 16px !important;
  overflow: hidden;
}
.border-radius-22,
.modal-platform-coming-soon .ant-modal-content,
.ant-select-selector,
.btn-claim-quest,
.btn-go-quest {
  border-radius: 22px !important;
  overflow: hidden;
}
.border-radius-32 {
  border-radius: 32px !important;
  overflow: hidden;
}
.border-radius-50 {
  border-radius: 50px !important;
  overflow: hidden;
}
.border-radius-100,
.chat-tab .chat-group-more-action.ant-btn:hover,
.bordered-avatar.ant-image,
.bordered-avatar img,
.full-rounded-image .ant-image-mask {
  border-radius: 100px !important;
  overflow: hidden;
}
/*
  * positions
  */
.position-relative,
.menu-item,
.platform-wrap .platform-item,
.persona-quest-item-bonus-ticket,
.topup-item-card,
.container-chat-list,
.menu-item-active,
.persona-quest-item-bonus-point {
  position: relative !important;
}
.position-absolute,
.em-label-content .em-label,
.em-label-content .floating-label-date,
.em-input-icon-calendar,
.trapezoid,
.footer-logo,
.carousel-banner .carousel-banner-item .banner-content,
.btn-skip-personality-auth {
  position: absolute !important;
}
.position-fixed,
.bottom-button-fixed,
.container-bottom-navbar,
.btn-buy-now {
  position: fixed !important;
}
.position-static {
  position: static !important;
}
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.box-shadow,
.games-slider-item,
.slider-wrapper .ant-carousel .hero-slider-item,
.slider-wrapper-v2 .ant-carousel .hero-slider-item,
.friends-slider-item {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}
.ant-modal-bottom-sheet .ant-modal-body {
  max-width: 420px;
  width: 100%;
}
.ant-modal-bottom-sheet .ant-modal-content {
  position: fixed !important;
  bottom: 0px;
  margin: auto;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  width: 100%;
  max-width: 420px;
}
.w-100,
.bottom-button-fixed,
.container-bottom-navbar {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.h-100vh {
  height: 100vh !important;
}
.w-fit {
  width: fit-content;
}
.disable-ant-modal-footer .ant-modal-footer {
  display: none;
}
/*
 * width
 */
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100,
.bottom-button-fixed,
.container-bottom-navbar {
  width: 100% !important;
}
/*
  * height
  */
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.em-select .ant-select-arrow {
  display: flex;
}
.border {
  border: 1px solid;
}
/*
 * border color
 */
.border-black {
  border-color: #000 !important;
}
.border-white,
.radio-item-d .ant-radio-checked .ant-radio-inner,
.radio-item-transfer .ant-radio-inner,
.leaderboard-pagination .ant-pagination-item-active {
  border-color: white !important;
}
.border-neutral-0 {
  border-color: #f3f2f2 !important;
}
.border-neutral-10 {
  border-color: #b0b2b3 !important;
}
.border-neutral-20 {
  border-color: #96989a !important;
}
.border-neutral-30 {
  border-color: #7c7e81 !important;
}
.border-neutral-40 {
  border-color: #626468 !important;
}
.border-neutral-50,
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  border-color: #474b4e !important;
}
.border-neutral-60 {
  border-color: #363a3e !important;
}
.border-neutral-70,
.btn-anniv-ss-yellow[disabled],
.btn-anniv-ss-yellow[disabled]:hover,
.btn-anniv-ss-yellow[disabled]:focus,
.btn-anniv-ss-yellow[disabled]:active {
  border-color: #2b2e33 !important;
}
.border-neutral-80 {
  border-color: #1f2327 !important;
}
.border-neutral-90 {
  border-color: #424242 !important;
}
.border-neutral-100 {
  border-color: #13171c !important;
}
.border-neutral-primary {
  border-color: #13171c !important;
}
.border-blue-10 {
  border-color: #e9f1fe !important;
}
.border-blue-20 {
  border-color: #bed5fc !important;
}
.border-blue-30 {
  border-color: #92bafa !important;
}
.border-blue-40 {
  border-color: #7cacf9 !important;
}
.border-blue-50 {
  border-color: #679ef8 !important;
}
.border-blue-60 {
  border-color: #5190f7 !important;
}
.border-blue-70 {
  border-color: #3b82f6 !important;
}
.border-blue-primary {
  border-color: #3b82f6 !important;
}
.border-blue-80 {
  border-color: #295bac !important;
}
.border-blue-90 {
  border-color: #1d417b !important;
}
.border-blue-100 {
  border-color: #12274a !important;
}
.border-blue-110 {
  border-color: #060d19 !important;
}
.border-yellow-10 {
  border-color: #fffce8 !important;
}
.border-yellow-20 {
  border-color: #fef9c3 !important;
}
.border-yellow-30 {
  border-color: #ffef8a !important;
}
.border-yellow-40 {
  border-color: #fde047 !important;
}
.border-yellow-50 {
  border-color: #facc14 !important;
}
.border-yellow-60 {
  border-color: #ebb305 !important;
}
.border-yellow-70 {
  border-color: #ca8a03 !important;
}
.border-yellow-80 {
  border-color: #8d6102 !important;
}
.border-yellow-90 {
  border-color: #654501 !important;
}
.border-yellow-100 {
  border-color: #3d2901 !important;
}
.border-yellow-110 {
  border-color: #140e00 !important;
}
.border-purple-10 {
  border-color: #efe7fb !important;
}
.border-purple-20 {
  border-color: #dfcff7 !important;
}
.border-purple-30 {
  border-color: #ceb7f2 !important;
}
.border-purple-40 {
  border-color: #be9fee !important;
}
.border-purple-50 {
  border-color: #ae88ea !important;
}
.border-purple-60 {
  border-color: #9e70e6 !important;
}
.border-purple-70 {
  border-color: #7d40dd !important;
}
.border-purple-80 {
  border-color: #582d9b !important;
}
.border-purple-90 {
  border-color: #3f206f !important;
}
.border-purple-100 {
  border-color: #251342 !important;
}
.border-purple-110 {
  border-color: #0d0616 !important;
}
.border-red-10 {
  border-color: #f7e6e6 !important;
}
.border-red-20 {
  border-color: #efcdcd !important;
}
.border-red-30 {
  border-color: #e8b3b3 !important;
}
.border-red-40 {
  border-color: #d88181 !important;
}
.border-red-50 {
  border-color: #d06868 !important;
}
.border-red-60 {
  border-color: #c94e4e !important;
}
.border-red-70 {
  border-color: #c13535 !important;
}
.border-red-80 {
  border-color: #872525 !important;
}
.border-red-90 {
  border-color: #601b1b !important;
}
.border-red-100 {
  border-color: #3a1010 !important;
}
.border-red-110 {
  border-color: #130505 !important;
}
.border-green-10 {
  border-color: #dcfce7 !important;
}
.border-green-20 {
  border-color: #bbf7d0 !important;
}
.border-green-30 {
  border-color: #87efac !important;
}
.border-green-40 {
  border-color: #49de80 !important;
}
.border-green-50 {
  border-color: #22c55d !important;
}
.border-green-60 {
  border-color: #17a34a !important;
}
.border-green-70 {
  border-color: #17803d !important;
}
.border-green-80 {
  border-color: #105a2b !important;
}
.border-green-90 {
  border-color: #0c401f !important;
}
.border-green-100 {
  border-color: #072612 !important;
}
.border-green-110 {
  border-color: #020d06 !important;
}
.border-primary-main,
.menu-item-active,
.ant-select-selector,
.btn-go-quest,
.em-btn-outline-secondary:hover {
  border-color: #3685f1 !important;
}
.border-primary-surface,
.em-btn-outline-secondary {
  border-color: #dcebfe !important;
}
.border-primary-border {
  border-color: #c5ddfe !important;
}
.border-primary-hover {
  border-color: #4380d2 !important;
}
.border-primary-pressed,
.radio-item-new-chat .ant-radio-inner {
  border-color: #284d7e !important;
}
.border-primary-focus {
  border-color: #d8e6f9 !important;
}
.border-warning-main {
  border-color: #e2ae29 !important;
}
.border-warning-surface {
  border-color: #ffde33 !important;
}
.border-warning-border {
  border-color: #fff4bb !important;
}
.border-warning-hover {
  border-color: #d4b92b !important;
}
.border-warning-pressed {
  border-color: #806f1a !important;
}
.border-danger-main {
  border-color: #f6274c !important;
}
.border-danger-surface {
  border-color: #fdd4db !important;
}
.border-danger-border {
  border-color: #fcb7c3 !important;
}
.border-danger-hover {
  border-color: #cd213f !important;
}
.border-danger-pressed {
  border-color: #7b1426 !important;
}
.border-success-main {
  border-color: #1aaa55 !important;
}
.border-success-surface {
  border-color: #d1eedd !important;
}
.border-success-border {
  border-color: #b3e3c6 !important;
}
.border-success-hover,
.btn-claim-quest {
  border-color: #168e47 !important;
}
.border-success-pressed {
  border-color: #0d552b !important;
}
.border-info-main {
  border-color: #0b5cd7 !important;
}
.border-info-surface {
  border-color: #cedef7 !important;
}
.border-info-border {
  border-color: #aec9f2 !important;
}
.border-info-hover {
  border-color: #094db3 !important;
}
.border-info-pressed {
  border-color: #052e6b !important;
}
.border-info-green {
  border-color: #1ec80f !important;
}
.border-secondary-sky-blue {
  border-color: #25aae1 !important;
}
.border-secondary-light-blue {
  border-color: #dff4fd !important;
}
.border-secondary-blue {
  border-color: #386bb6 !important;
}
.border-secondary-dark-blue {
  border-color: #12273c !important;
}
.border-secondary-gradient-blue {
  border-color: linear-gradient(126.75deg, #0b3886 10.83%, #386bb6 100%) !important;
}
.border-transparent-sky-blue {
  border-color: rgba(116, 190, 232, 0.1) !important;
}
.border-secondary-dark-blue-tosca,
.menu-item,
.menu-item-active {
  border-color: #255582 !important;
}
.border-secondary-pink {
  border-color: #c781b7 !important;
}
.border-secondary-purple {
  border-color: #5d29e2 !important;
}
.border-secondary-dark-grey {
  border-color: #272727 !important;
}
.border-secondary-deep-dark-blue {
  border-color: #1b1d2a !important;
}
.border-purple {
  border-color: #5d29e2 !important;
}
.border-deep-koamaru {
  border-color: #35395f !important;
}
.border-philippine-gray {
  border-color: #929292 !important;
}
.border-eerie-black {
  border-color: #111727 !important;
}
.border-eerie-black-light {
  border-color: #1e1e1e !important;
}
.border-space-cadet {
  border-color: #4e4a2b !important;
}
.border-secondary-deep-dark-blue {
  border-color: #1b1d2a !important;
}
.border-purple {
  border-color: #5d29e2 !important;
}
.border-taupe-gray {
  border-color: #888888 !important;
}
.border-dark-charcoal {
  border-color: #333333 !important;
}
.border-philippine-silver {
  border-color: #b8b8b8 !important;
}
.border-raisin-black {
  border-color: #232323 !important;
}
.border-water {
  border-color: #c9ecfc !important;
}
.border-urobilin {
  border-color: #e2ae29 !important;
}
.border-secondary-deep-dark-blue {
  border-color: #1b1d2a !important;
}
.border-secondary-deep-dark-grey {
  border-color: #202020 !important;
}
.border-secondary-super-dark-blue {
  border-color: #12141a !important;
}
.border-cloud-burst {
  border-color: #2b2f4e !important;
}
.border-dark {
  border-color: #1d203a !important;
}
.border-pickled-bluewood {
  border-color: #333855 !important;
}
.border-snow-drift {
  border-color: #f9f9f9 !important;
}
.border-blueberry {
  border-color: #5099fc !important;
}
.border-secondary-jade-green {
  border-color: linear-gradient(92.39deg, #1aaa55 -67.39%, #255582 102.05%) !important;
}
.border-secondary-dark-mustard {
  border-color: linear-gradient(90.66deg, #fcc812 0.57%, #aa8607 102.11%) !important;
}
.border-light-carmine-pink {
  border-color: #e8747a !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-candy-pink {
  border-color: #e8747a !important;
}
.border-sunglow {
  border-color: #ffc633 !important;
}
.border-cloud {
  border-color: #181818 !important;
}
.border-gun-powder {
  border-color: #374151 !important;
}
.border-mid-blue {
  border-color: #3566a8 !important;
}
.border-blue-zodiac {
  border-color: #132c50 !important;
}
.border-cloud-burst {
  border-color: #2b2f4e !important;
}
.border-dark-jungle-green {
  border-color: #1b1f23 !important;
}
.border-battleship-grey {
  border-color: #848484 !important;
}
.border-tufts-blue {
  border-color: #4470c4 !important;
}
.border-violet-blue {
  border-color: #4a18cb !important;
}
.border-ebony-clay {
  border-color: #252845 !important;
}
.border-header-color {
  border-color: #21232d !important;
}
.border-bg-layout {
  border-color: #13171c !important;
}
.border-snow-drift {
  border-color: #f9f9f9 !important;
}
.border-rajah {
  border-color: #fca350 !important;
}
.border-royal-orange {
  border-color: #f19c49 !important;
}
.border-dark-gunmetal {
  border-color: #21232d !important;
}
.border-baltic-sea {
  border-color: #262b34 !important;
}
.border-green-grey {
  border-color: #6c9871 !important;
}
.border-bright-sun {
  border-color: #ffcc48 !important;
}
.border-golden-yellow {
  border-color: #ffde00 !important;
}
.border-heavy-metal {
  border-color: #2b2b2b !important;
}
.border-dark-grey {
  border-color: #383838 !important;
}
.border-thunder-bird {
  border-color: #c12525 !important;
}
.border-pale-blue {
  border-color: #add0ff !important;
}
.border-deep-oak {
  border-color: #4a1d0d !important;
}
.border-ducky-yellow {
  border-color: #feda00 !important;
}
.border-blue-gem {
  border-color: #370d90 !important;
}
.border-meteorite {
  border-color: #362270 !important;
}
.border-tufts-blue {
  border-color: #4470c4 !important;
}
.border-haiti {
  border-color: #141440 !important;
}
.border-chardonnay {
  border-color: #f6d382 !important;
}
.border-sepia {
  border-color: #653714 !important;
}
.border-lovely {
  border-color: #812bec !important;
}
.border-ship-grey {
  border-color: #383b43 !important;
}
.border-espresso {
  border-color: #5e251c !important;
}
.border-lisbon-brown {
  border-color: #3c371e !important;
}
.border-lapis-blue {
  border-color: #222c74 !important;
}
.border-cumin {
  border-color: #944123 !important;
}
.border-scampi {
  border-color: #585fa4 !important;
}
.border-sandwisp {
  border-color: #f4e8a0 !important;
}
.border-brown-bramble {
  border-color: #512606 !important;
}
.border-banana-yellow {
  border-color: #ffe54c !important;
}
.border-naples-yellow {
  border-color: #ffd65a !important;
}
.border-faded-blue {
  border-color: #6d8cb1 !important;
}
.border-lava-red {
  border-color: #e51005 !important;
}
.border-otter-brown {
  border-color: #6c4618 !important;
}
.border-mirage {
  border-color: #111827 !important;
}
.border-tealish-blue {
  border-color: #262b34 !important;
}
.border-slate-grey {
  border-color: #647e95 !important;
}
.border-whisper {
  border-color: #eeeeee !important;
}
.border-cyan-blue,
.selector-item.active {
  border-color: #3685f1 !important;
}
.border-yellow-800 {
  border-color: #382705 !important;
}
.border-yellow-500 {
  border-color: #fbbc05 !important;
}
.border-blue-600 {
  border-color: #0d53b5 !important;
}
.border-blue-500 {
  border-color: #3685f1 !important;
}
.border-blue-400 {
  border-color: #5e9df4 !important;
}
.border-fuel-yellow {
  border-color: #e2ae29 !important;
}
.border-deep-green {
  border-color: #005804 !important;
}
.border-corn-harvest {
  border-color: #926d00 !important;
}
.border-gold {
  border-color: #cd9800 !important;
}
.border-mirage {
  border-color: #111827 !important;
}
.border-cinder {
  border-color: #13171c !important;
}
.border-black-pearl {
  border-color: #060d28 !important;
}
.border-steel-80 {
  border-color: #4d6478 !important;
}
.border-evos-80 {
  border-color: #0a6a93 !important;
}
.border-gun-powder {
  border-color: #374151 !important;
}
.border-dull-red {
  border-color: #b73737 !important;
}
.border-zeus {
  border-color: #1e2227 !important;
}
.border-grey-80 {
  border-color: #e5e7eb !important;
}
.border-grey-50 {
  border-color: #9ca3af !important;
}
.border-grey-60 {
  border-color: #d1d5db !important;
}
.border-faded-gray {
  border-color: #646e7b !important;
}
.border-dark-charcoal {
  border-color: #333333 !important;
}
.border-very-dark-blue {
  border-color: #090e30 !important;
}
.border-malibu {
  border-color: #65d3ff !important;
}
.border-yellow-600 {
  border-color: #e99d23 !important;
}
/*
 * border width
 */
.border-width-1 {
  border-width: 1 solid !important;
}
.border-width-2 {
  border-width: 2 solid !important;
}
.border-width-3 {
  border-width: 3 solid !important;
}
.border-width-4 {
  border-width: 4 solid !important;
}
.border-width-5 {
  border-width: 5 solid !important;
}
a.ant-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}
.height-unset {
  height: unset !important;
}
.white-space-pre {
  white-space: pre !important;
}
.white-space-pre-wrap,
.text-receive-reward-puzzle,
.text-receive-reward-puzzle-event {
  white-space: pre-wrap !important;
}
.white-space-pre-line {
  white-space: pre-line !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.em-bottom {
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.em-container-bottom {
  width: 100%;
  max-width: 420px;
}
/*
  * height
  */
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
/*
   * positions
   */
.position-relative,
.menu-item,
.platform-wrap .platform-item,
.persona-quest-item-bonus-ticket,
.topup-item-card,
.container-chat-list,
.menu-item-active,
.persona-quest-item-bonus-point {
  position: relative !important;
}
.position-absolute,
.em-label-content .em-label,
.em-label-content .floating-label-date,
.em-input-icon-calendar,
.trapezoid,
.footer-logo,
.carousel-banner .carousel-banner-item .banner-content,
.btn-skip-personality-auth {
  position: absolute !important;
}
.position-fixed,
.bottom-button-fixed,
.container-bottom-navbar,
.btn-buy-now {
  position: fixed !important;
}
.position-static {
  position: static !important;
}
/*
 * displays
 */
.display-none {
  display: none !important;
}
.display-inline {
  display: inline !important;
}
.display-block {
  display: block !important;
}
.display-flex {
  display: flex !important;
}
.align-baseline {
  align-items: baseline !important;
}
.align-center {
  align-items: center !important;
}
.align-flex-end {
  align-items: flex-end !important;
}
.align-flex-start {
  align-items: flex-start !important;
}
.cover,
.nav-carousel-homepage .icon-nav-carousel,
.video-anim-gacha-ball video {
  object-fit: cover;
  width: 100%;
}
.button-blue-gradient {
  background: linear-gradient(126.75deg, #0b3886 10.83%, #386bb6 100%) !important;
}
.inner-h-format p {
  margin: 0px;
}
.vertical-line {
  height: 20px;
  width: 4px;
}
.socmed-copy-link .ant-typography-copy {
  margin: 0;
}
/*
* background sizes
*/
.image-cover {
  object-fit: cover !important;
}
.image-contain {
  object-fit: contain !important;
}
.image-inherit {
  object-fit: inherit !important;
}
.image-auto {
  object-fit: auto !important;
}
.image-unset {
  object-fit: unset !important;
}
.centerize,
.plus-topup-menu,
.region .see-more-number,
.games-big-card .ant-card-body .game-type-wrapper .badge,
.platform-wrap .platform-item .platform-content,
.container-auth,
.container-auth,
.topup-games-item .card-item .is-active-checklist,
.play-btn,
.btn-entry-point-saint-seiya:focus,
.btn-entry-point-saint-seiya:hover,
.btn-entry-point-saint-seiya,
.socmed-item-ss,
.icon-btn-entry-point-ss,
.pagination-container .pagination-item,
.pagination-arrow,
.nav-ae-indicator,
.container-volume .wrapper-volume,
.locked-quest-persona,
.persona-quest-item-bonus-ticket,
#edit-profile span.ant-radio + *,
.bonus-ticket-item-topup,
.btn-persona.disabled:focus,
.btn-persona.disabled:hover,
.btn-persona.disabled:visited,
.btn-persona.disabled:active,
.btn-persona.disabled,
.plus-topup-leaderbord,
.btn-close-frame-ss,
.progress-milestone-transfer .indicator-milestone,
.btn-close-frame-xmas,
#update-profile span.ant-radio + *,
.persona-quest-item-bonus-point {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.justify-center {
  justify-content: center !important;
}
.bg-white-transparent,
.play-btn {
  background: rgba(255, 255, 255, 0.5) !important;
}
.bordered-avatar {
  border: 2px solid #5099fc33;
}
.bordered-avatar.ant-image {
  padding: 2px;
}
.bordered-avatar img {
  padding: 2px;
}
.bordered-avatar {
  border: 2px solid #253552 !important;
}
.hide-label-preview .ant-image-mask .ant-image-mask-info {
  display: none !important;
}
.square-warning-badge-count .ant-badge-count {
  height: 16px;
  min-width: 16px;
  border-radius: 4px;
  color: #13171c;
  background-color: #e2ae29;
  box-shadow: unset;
}
/*
 * border-width
 */
.border-width-1 {
  border: 1px solid;
}
.border-width-2 {
  border: 2px solid;
}
.border-width-3 {
  border: 3px solid;
}
.border-width-4 {
  border: 4px solid;
}
.iframe-embed-page {
  height: 100%;
  overflow: hidden;
  width: 100%;
  border: 0px;
}
.h-100vh {
  height: 100vh;
}
.background-webview {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #12141a;
  left: 0px;
  top: 0px;
  z-index: -1;
}
.crisp-ios {
  min-height: 375px;
}
.undraggable:active {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  pointer-events: none;
}
.btn-change-lang {
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 36px !important;
  min-width: 76px;
}
.no-color {
  background: unset !important;
}
.slick-dots li button:before {
  content: unset !important;
}
.border-unset,
.btn-install-kc,
.btn-install-dk,
.btn-yellow,
.btn-close-frame-ss,
.btn-close-frame-xmas {
  border: unset !important;
}
.btn-h-auto {
  height: auto !important;
}
.bottom-fixed,
.container-share-persona {
  width: 100%;
  position: fixed !important;
  max-width: 420px !important;
  left: 50%;
  transform: translate(-50%);
  bottom: 0px;
  z-index: 1;
}
/*
 * z index
 */
.z-index-0 {
  z-index: 0 !important;
}
.z-index-1 {
  z-index: 1 !important;
}
.z-index-2 {
  z-index: 2 !important;
}
.z-index-3 {
  z-index: 3 !important;
}
.z-index-4 {
  z-index: 4 !important;
}
.z-index-5 {
  z-index: 5 !important;
}
.z-index-6 {
  z-index: 6 !important;
}
.z-index-7 {
  z-index: 7 !important;
}
.z-index-8 {
  z-index: 8 !important;
}
.z-index-9 {
  z-index: 9 !important;
}
.z-index-10 {
  z-index: 10 !important;
}
html,
body {
  overscroll-behavior: none;
}
.btn-topup-ss,
.btn-topup-ss:hover,
.btn-topup-ss:focus {
  background: linear-gradient(115.95deg, #ff6c2d -1.36%, #ff1ba4 43.76%, #9c1eff 95.98%) !important;
  box-shadow: 0px 3px 0px 0px #680b59, 0px 4px 14px 0px #661284 !important;
  border: unset !important;
}
.italic,
.text-road-to-anniv-ss {
  font-style: italic !important;
}
.no-focus {
  -moz-user-focus: none;
  -webkit-user-focus: none;
  -ms-user-focus: none;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  -ms-user-modify: read-only;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.no-pointer {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  pointer-events: none;
}
.max-width-unset {
  max-width: unset !important;
}
.min-width-unset {
  min-width: unset !important;
}
/*
* text transforms
*/
.text-transform-uppercase {
  text-transform: uppercase !important;
}
.text-transform-lowercase {
  text-transform: lowercase !important;
}
.text-transform-capitalize {
  text-transform: capitalize !important;
}
.h-auto {
  height: auto !important;
}
.container-server-item {
  background: rgba(249, 249, 249, 0.1);
}
.container-server-item.current-active {
  background: linear-gradient(180deg, rgba(67, 226, 41, 0.3) 0%, rgba(255, 255, 255, 0) 75%);
  border: 1px solid #43e229;
}
.align-items-center {
  align-items: center;
}
.align-items-normal {
  align-items: normal !important;
}
.invisible-background {
  background-color: transparent !important;
}
.blur-background {
  background: rgba(74, 79, 106, 0.24);
}
.backdrop-black {
  background-color: black !important;
  opacity: 70%;
}
.emboss-progressbar:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: -5px;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  border-radius: 10px;
  box-shadow: 0px -1px 4px 0px #ef8e1d inset, 0px 1px 1px 1px #ccc, 0 0 0 6px #fff, 0 -12px 12px 24px #ddd;
}
.fade-in-out {
  transition: opacity 0.5s ease-in-out;
}
.absolute-center {
  top: 50%;
  /* position the top  edge of the element at the middle of the parent */
  left: 50%;
  /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  position: absolute;
}
.absolute-center-h {
  left: 50%;
  /* position the left edge of the element at the middle of the parent */
  transform: translate(-50%);
  position: absolute;
}
.one-line-overflow-hidden {
  overflow: hidden;
  white-space: nowrap;
}
.btn-h-20 {
  height: 20px !important;
}
.btn-h-26 {
  height: 26px !important;
}
.btn-h-30 {
  height: 30px !important;
}
.btn-h-36 {
  height: 36px !important;
}
.btn-h-40 {
  height: 40px !important;
}
.btn-h-44 {
  height: 44px !important;
}
.btn-h-48 {
  height: 48px !important;
}
.btn-h-50 {
  height: 50px !important;
}
.btn-h-52 {
  height: 52px !important;
}
.btn-h-57 {
  height: 57px !important;
}
.btn-h-64 {
  height: 64px !important;
}
.btn-w-26 {
  width: 26px !important;
}
.btn-w-36 {
  width: 36px !important;
}
.btn-w-40 {
  width: 40px !important;
}
.btn-w-44 {
  width: 44px !important;
}
.btn-w-48 {
  width: 48px !important;
}
.btn-w-52 {
  width: 52px !important;
}
.btn-w-57 {
  width: 57px !important;
}
.btn-w-64 {
  width: 64px !important;
}
.ant-scrolling-effect {
  float: left;
}
.text-align-webkit-center {
  text-align: -webkit-center;
}
.rotate-180 {
  rotate: 180deg;
}
.absolute-v-center {
  position: absolute;
  top: 50%;
}
.absolute-h-center-transform {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.absolute-v-center-transform {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.absolute-center-transform {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.genre-tag-d {
  padding: 2px 10px;
  transform: skew(-20deg);
  background: rgba(249, 249, 249, 0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5.3px);
  border-radius: 4px;
}
.text-stroke {
  text-shadow: 0px 2px 2px #54507d;
}
.one-line-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*
  * bg-defaults
  */
.bg-image-noctua-default {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url('https://cdn-v2.noctuagames.com/website-image/bg-default.webp');
}
.bg-image-noctua-success {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url('https://cdn-v2.noctuagames.com/website-image/bg-default-succes.webp');
}
.bg-image-noctua-warning {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url('https://cdn-v2.noctuagames.com/website-image/bg-default-warning.webp');
}
.bg-image-noctua-failed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url('https://cdn-v2.noctuagames.com/website-image/bg-default-failed.webp');
}
.draggable-container {
  display: flex;
  overflow-x: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  /* Enable smooth scrolling on iOS */
}
.draggable-card {
  flex: 0 0 auto;
  margin: 1rem 0;
  scroll-snap-align: start;
  cursor: grab;
}
/* Add styling for the drag state */
.draggable-card:active {
  cursor: grabbing;
}
.ticket-card {
  width: 100%;
  border-radius: 10px;
  background: #113e39;
  overflow: hidden;
}
.ticket-card-header {
  border-bottom: 2px dashed #2f5961;
  border-radius: 10px 10px 0 0;
  position: relative;
}
.ticket-card-header:before,
.ticket-card-header:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: #13171c;
  border-radius: 100%;
  bottom: -12px;
  box-sizing: border-box;
}
.ticket-card-header:before {
  left: -12px;
}
.ticket-card-header:after {
  right: -12px;
}
.ticket-card-body {
  border-top: none;
  border-radius: 0 0 10px 10px;
}
.bg-cover {
  background-size: cover;
}
.btn-ghost-primary {
  border: solid 1px #3685f1 !important;
  color: #3685f1 !important;
}
.overflow-hidden {
  overflow: hidden;
}
.nct-pagination .ant-pagination-item,
.nct-pagination .ant-pagination-prev .ant-pagination-item-link,
.nct-pagination .ant-pagination-next .ant-pagination-item-link {
  background: transparent !important;
  border: unset !important;
  color: white !important;
}
.nct-pagination .ant-pagination-item-active {
  background: #3b82f6 !important;
  border-radius: 10px;
}
.nct-pagination .ant-pagination-item-active a {
  color: white !important;
}
.nct-pagination .ant-pagination-item-ellipsis {
  color: white !important;
}
.m-auto {
  margin: auto;
}
.hide-play-btn-video::-webkit-media-controls {
  display: none !important;
}
.h-100dvh {
  height: 100dvh !important;
}
.ant-drawer-right.ant-drawer-open {
  box-shadow: unset !important;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: unset !important;
}
.ant-scrolling-effect {
  width: 100% !important;
}
@media (max-width: 1024px) {
  .desktop-only {
    display: none !important;
  }
}
.numbering ol {
  counter-reset: item;
}
.numbering li {
  display: block;
}
.numbering li:before {
  content: counters(item, '.') ' ';
  counter-increment: item;
}
.normal-letter-spacing {
  letter-spacing: -0.006em !important;
}
.pre-download-game-modal .ant-modal-content {
  border-radius: 20px !important;
}