/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
[class^=ant-],
[class*= ant-],
[class^=ant-] *,
[class*= ant-] *,
[class^=ant-] *::before,
[class*= ant-] *::before,
[class^=ant-] *::after,
[class*= ant-] *::after {
  box-sizing: border-box;
}
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-family: "montserrat", "IBM Plex Sans Thai", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  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: #dc433b;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #e86f64;
}
a:active {
  color: #b52a28;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: "Anonymous Pro", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #dc433b;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.fade-leave.fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #dc433b;
  --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 #dc433b;
  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 #dc433b;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.zoom-enter,
.zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-enter-prepare,
.zoom-appear-prepare {
  transform: none;
}
.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-enter-prepare,
.zoom-big-appear-prepare {
  transform: none;
}
.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-enter-prepare,
.zoom-big-fast-appear-prepare {
  transform: none;
}
.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-enter-prepare,
.zoom-up-appear-prepare {
  transform: none;
}
.zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-enter-prepare,
.zoom-down-appear-prepare {
  transform: none;
}
.zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-enter-prepare,
.zoom-left-appear-prepare {
  transform: none;
}
.zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-enter-prepare,
.zoom-right-appear-prepare {
  transform: none;
}
.zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.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;
}
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
}
.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: #edfaff;
  border: 1px solid #8ecae8;
}
.ant-alert-info .ant-alert-icon {
  color: #1979c3;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}
.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}
.ant-alert-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.ant-alert-no-icon {
  padding: 8px 15px;
}
.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 .ant-alert-icon {
  margin-right: auto;
  margin-left: 15px;
}
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: #fff;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.05);
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #dc433b;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 7px 0 7px 16px;
  line-height: 1.143;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: rgba(0, 0, 0);
  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: #dc433b;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ant-anchor-rtl {
  direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
  margin-right: -4px;
  margin-left: 0;
  padding-right: 4px;
  padding-left: 0;
}
.ant-anchor-rtl .ant-anchor-ink {
  right: 0;
  left: auto;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
  right: 50%;
  left: 0;
  transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
  padding: 7px 16px 7px 0;
}
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: rgba(0, 0, 0);
  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: 4px;
}
.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: rgba(0, 0, 0);
  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: rgba(0, 0, 0);
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: auto;
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1979c3;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1979c3;
  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: #f5222d;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0);
  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 {
  position: relative;
  top: auto;
  display: block;
  transform-origin: 50% 50%;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: #dc433b;
  border-radius: 4px;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentColor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}
.ant-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.ant-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.ant-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.ant-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.ant-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.ant-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.ant-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.ant-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.ant-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.ant-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.ant-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.ant-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  right: 0;
  border-color: currentColor transparent transparent currentColor;
}
.ant-ribbon.ant-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  left: 0;
  border-color: currentColor currentColor transparent transparent;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl .ant-badge-count,
.ant-badge-rtl .ant-badge-dot,
.ant-badge-rtl .ant-badge .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 4px;
  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: 4px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentColor transparent transparent currentColor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
  border-color: currentColor transparent transparent currentColor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: #e86f64;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-btn {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0);
  background: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #e86f64;
  background: #fff;
  border-color: #e86f64;
}
.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: #b52a28;
  background: #fff;
  border-color: #b52a28;
}
.ant-btn:active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  background: #dc433b;
  border-color: #dc433b;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background: #e86f64;
  border-color: #e86f64;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active {
  color: #fff;
  background: #b52a28;
  border-color: #b52a28;
}
.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #e86f64;
  border-left-color: #e86f64;
}
.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: #e86f64;
}
.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: #e86f64;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0);
  background: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #e86f64;
  background: transparent;
  border-color: #e86f64;
}
.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: #b52a28;
  background: transparent;
  border-color: #b52a28;
}
.ant-btn-ghost:active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0);
  background: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #e86f64;
  background: #fff;
  border-color: #e86f64;
}
.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: #b52a28;
  background: #fff;
  border-color: #b52a28;
}
.ant-btn-dashed:active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active {
  color: #fff;
  background: #cf1322;
  border-color: #cf1322;
}
.ant-btn-danger:active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #dc433b;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #e86f64;
  background: transparent;
  border-color: #e86f64;
}
.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: #b52a28;
  background: transparent;
  border-color: #b52a28;
}
.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text {
  color: rgba(0, 0, 0);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-text > a:only-child {
  color: currentColor;
}
.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #e86f64;
  background: transparent;
  border-color: #e86f64;
}
.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: #b52a28;
  background: transparent;
  border-color: #b52a28;
}
.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: rgba(0, 0, 0);
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-text:active {
  color: rgba(0, 0, 0);
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous {
  color: #f5222d;
  background: #fff;
  border-color: #f5222d;
}
.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: #ff4d4f;
  background: #fff;
  border-color: #ff4d4f;
}
.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: #cf1322;
  background: #fff;
  border-color: #cf1322;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  background: #ff4d4f;
  border-color: #ff4d4f;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  background: #cf1322;
  border-color: #cf1322;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link {
  color: #f5222d;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #e86f64;
  background: transparent;
  border-color: #e86f64;
}
.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: #b52a28;
  background: transparent;
  border-color: #b52a28;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff4d4f;
  background: transparent;
  border-color: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #cf1322;
  background: transparent;
  border-color: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text {
  color: #f5222d;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #e86f64;
  background: transparent;
  border-color: #e86f64;
}
.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: #b52a28;
  background: transparent;
  border-color: #b52a28;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #ff4d4f;
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #cf1322;
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 4px;
  vertical-align: -1px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 4px;
}
.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: 4px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
  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: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #dc433b;
  background: transparent;
  border-color: #dc433b;
  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: #e86f64;
  background: transparent;
  border-color: #e86f64;
}
.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: #b52a28;
  background: transparent;
  border-color: #b52a28;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #f5222d;
  background: transparent;
  border-color: #f5222d;
  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: #ff4d4f;
  background: transparent;
  border-color: #ff4d4f;
}
.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: #cf1322;
  background: transparent;
  border-color: #cf1322;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
  color: #f5222d;
  background: transparent;
  border-color: #f5222d;
  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: #ff4d4f;
  background: transparent;
  border-color: #ff4d4f;
}
.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: #cf1322;
  background: transparent;
  border-color: #cf1322;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  color: #f5222d;
  background: transparent;
  border-color: transparent;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff4d4f;
  background: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  color: #cf1322;
  background: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\A0';
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #e86f64;
  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: #e86f64;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.ant-btn > .ant-btn-loading-icon:only-child .anticon {
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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 rgba(0, 0, 0, 0.05);
  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: 4px;
}
.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 4px 4px;
}
.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: #fff3f0;
}
.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: #dc433b;
}
.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 rgba(0, 0, 0, 0.05);
  border-radius: 0;
  transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  position: static;
  width: auto;
  height: 86px;
  overflow-y: auto;
  color: rgba(0, 0, 0);
  line-height: 1.5715;
  text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #dc433b;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: rgba(0, 0, 0);
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    width: 50%;
    text-align: center;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  text-align: right;
}
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 4px;
}
.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 rgba(0, 0, 0, 0.05);
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 16px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 0 0;
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-card-body {
  padding: 16px;
}
.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: 16px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0.05), 1px 1px 0 0 rgba(0, 0, 0, 0.05), 1px 0 0 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 0 rgba(0, 0, 0, 0.05) inset;
  transition: all 0.3s;
}
.ant-card-rtl .ant-card-grid {
  float: right;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-right: -1px;
  margin-left: -1px;
  transform: translateY(-1px);
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 4px 4px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.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: #dc433b;
  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: #dc433b;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-card-type-inner .ant-card-head {
  padding: 0 16px;
  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 16px;
}
.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: 4px;
  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 8px;
  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: 8px;
}
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  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;
}
.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;
}
.ant-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-cascader-input.ant-input {
  position: static;
  width: 100%;
  padding-right: 24px;
  background-color: transparent !important;
  cursor: pointer;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}
.ant-cascader-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}
.ant-cascader-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-cascader-picker:focus .ant-cascader-input {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-cascader-picker-borderless .ant-cascader-input {
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 20px 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
}
.ant-cascader-picker-label:hover + .ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover + .ant-cascader-input) {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-cascader-picker-label:hover + .ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover + .ant-cascader-input) {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px;
}
.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  list-style: none;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px;
}
.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 4px 4px 0;
}
.ant-cascader-menu:only-child {
  border-radius: 4px;
}
.ant-cascader-menu-item {
  padding: 5px 12px;
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
  pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #fff3f0;
}
.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f5222d;
}
.ant-cascader-picker-rtl .ant-cascader-input.ant-input {
  padding-right: 11px;
  padding-left: 24px;
  text-align: right;
}
.ant-cascader-picker-rtl {
  direction: rtl;
}
.ant-cascader-picker-rtl .ant-cascader-picker-label {
  padding: 0 12px 0 20px;
  text-align: right;
}
.ant-cascader-picker-rtl .ant-cascader-picker-clear {
  right: auto;
  left: 12px;
}
.ant-cascader-picker-rtl .ant-cascader-picker-arrow {
  right: auto;
  left: 12px;
}
.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: auto;
  left: 8px;
}
.ant-cascader-menu-rtl .ant-cascader-menu {
  direction: rtl;
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-cascader-menu-rtl .ant-cascader-menu:first-child {
  border-radius: 0 4px 4px 0;
}
.ant-cascader-menu-rtl .ant-cascader-menu:last-child {
  margin-right: 0;
  margin-left: -1px;
  border-left-color: transparent;
  border-radius: 4px 0 0 4px;
}
.ant-cascader-menu-rtl .ant-cascader-menu:only-child {
  border-radius: 4px;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-expand {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
  right: auto;
  left: 12px;
}
.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
  transform: scaleY(-1);
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #dc433b;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dc433b;
  border-radius: 4px;
  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: 4px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #dc433b;
  border-color: #dc433b;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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 {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #dc433b;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px;
}
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
}
.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 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header::before {
  display: table;
  content: '';
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header::after {
  display: table;
  clear: both;
  content: '';
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header::before {
  display: table;
  content: '';
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header::after {
  display: table;
  clear: both;
  content: '';
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 17px;
  left: 16px;
  display: inline-block;
  font-size: 12px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: auto;
}
.ant-collapse-content {
  color: rgba(0, 0, 0);
  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 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: left;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}
.ant-comment {
  position: relative;
  background-color: inherit;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  margin-bottom: inherit;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  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 {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
  transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-picker:hover,
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: rgba(0, 0, 0, 0.25);
}
.ant-picker.ant-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.ant-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}
.ant-picker-input > input::-moz-placeholder {
  opacity: 1;
}
.ant-picker-input > input::placeholder {
  color: #bfbfbf;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-picker-input > input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-picker-input > input:focus,
.ant-input-rtl .ant-picker-input > input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-picker-input > input-sm {
  padding: 0px 7px;
}
.ant-picker-input > input-rtl {
  direction: rtl;
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #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 {
  align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  vertical-align: top;
  cursor: default;
}
.ant-picker-focused .ant-picker-separator {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  position: relative;
  display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
  right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: #dc433b;
  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: rgba(0, 0, 0);
  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.66666667px;
  display: block;
  transform: rotate(-45deg);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 1.66666667px;
  display: block;
  transform: rotate(135deg);
}
.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
  padding: 6.66666667px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  color: #dc433b;
  background: #fff3f0;
  border-color: #ffc9bf;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  position: absolute;
  z-index: 1;
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 16.5px;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
  transition: left 0.3s ease-out;
}
.ant-picker-range-arrow::after {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(0, 0, 0, 0.05);
  border-color: #fff #fff transparent transparent;
  content: '';
}
.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: rgba(0, 0, 0, 0.05);
}
.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  outline: none;
}
.ant-picker-panel-focused {
  border-color: #dc433b;
}
.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 rgba(0, 0, 0, 0.05);
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}
.ant-picker-header > button:hover {
  color: rgba(0, 0, 0);
}
.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: #dc433b;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentColor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentColor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}
.ant-picker-content th {
  height: 30px;
  color: rgba(0, 0, 0);
  line-height: 30px;
}
.ant-picker-cell {
  padding: 3px 0;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.ant-picker-cell-in-view {
  color: rgba(0, 0, 0);
}
.ant-picker-cell-disabled {
  cursor: not-allowed;
}
.ant-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  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 #dc433b;
  border-radius: 4px;
  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: #fff3f0;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #fff;
  background: #dc433b;
}
.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: #fff3f0;
}
.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 #eb9692;
  border-bottom: 1px dashed #eb9692;
  transform: translateY(-50%);
  content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: #f7d4d2;
}
.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: 4px 0 0 4px;
}
.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 4px 4px 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: #f7d4d2;
  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 #eb9692;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
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 #eb9692;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-picker-cell-disabled {
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
}
.ant-picker-cell-disabled::before {
  background: #f5f5f5;
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  width: 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 rgba(0, 0, 0, 0.05);
}
.ant-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #dc433b;
}
.ant-picker-today-btn:hover {
  color: #e86f64;
}
.ant-picker-today-btn:active {
  color: #b52a28;
}
.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 #eb9692;
  border-radius: 4px 0 0 4px;
}
.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 #eb9692;
  border-radius: 0 4px 4px 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 #eb9692;
  border-radius: 0 4px 4px 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 #eb9692;
  border-radius: 4px 0 0 4px;
}
.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: #dc433b;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.05);
}
.ant-picker-time-panel-column-active {
  background: rgba(255, 243, 240, 0.2);
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: rgba(0, 0, 0);
  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: #fff3f0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
/* stylelint-disable-next-line */
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker-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: 4px;
  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 4px 4px 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: 4px 0 0 4px;
}
.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 #eb9692;
  border-left: none;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 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 #eb9692;
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.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 #eb9692;
  border-left: 1px dashed #eb9692;
  border-radius: 4px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}
.ant-descriptions-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  flex: auto;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-descriptions-extra {
  margin-left: auto;
  color: rgba(0, 0, 0);
  font-size: 14px;
}
.ant-descriptions-view {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
  text-align: start;
}
.ant-descriptions-item-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
  content: ' ';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  flex: 1;
  color: rgba(0, 0, 0);
  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 rgba(0, 0, 0, 0.05);
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.05);
}
.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: rgba(0, 0, 0);
  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 {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: rgba(0, 0, 0);
  font-weight: normal;
  font-size: 14px;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 95%;
}
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}
.ant-drawer > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left {
  left: 0;
}
.ant-drawer-left .ant-drawer-content-wrapper {
  left: 0;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  pointer-events: auto;
}
.ant-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  padding: 20px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header-no-title .ant-drawer-close {
  margin-right: var(--scroll-bar);
  /* stylelint-disable-next-line function-calc-no-invalid */
  padding-right: calc(20px - var(--scroll-bar));
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: rgba(0, 0, 0);
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 0 0;
}
.ant-drawer-header-no-title {
  color: rgba(0, 0, 0);
  background: #fff;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.ant-drawer-body {
  flex-grow: 1;
  padding: 24px;
  overflow: auto;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ant-drawer-footer {
  flex-shrink: 0;
  padding: 10px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  filter: alpha(opacity=45);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
  pointer-events: none;
}
.ant-drawer-open-content {
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-drawer .ant-picker-clear {
  background: #fff;
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  right: auto;
  left: 0;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #f5222d;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  color: #fff;
  background-color: #f5222d;
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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 {
  display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 10px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 10px;
}
.ant-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-dropdown-placement-topCenter > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-dropdown-placement-bottomCenter > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  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,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > a > .anticon:first-child,
.ant-dropdown-menu-submenu-title > a > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
  vertical-align: -0.1em;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0);
  transition: all 0.3s;
}
.ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-submenu-title > a:hover {
  color: rgba(0, 0, 0);
}
.ant-dropdown-menu-item > .anticon + span > a,
.ant-dropdown-menu-submenu-title > .anticon + span > a {
  color: rgba(0, 0, 0);
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon + span > a:hover,
.ant-dropdown-menu-submenu-title > .anticon + span > a:hover {
  color: rgba(0, 0, 0);
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #dc433b;
  background-color: #fff3f0;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: rgba(0, 0, 0, 0.05);
}
.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: #dc433b;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #333333;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #dc433b;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
  right: -7px;
  left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-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-arrow,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  right: auto;
  left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-empty-img-default-ellipse {
  fill-opacity: 0.8;
  fill: #f5f5f5;
}
.ant-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
  fill: url(#linearGradient-1);
}
.ant-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
  fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: #fff;
}
.ant-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.ant-empty-img-simple-g {
  stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
  fill: #fafafa;
}
.ant-empty-rtl {
  direction: rtl;
}
.ant-form-item .ant-mentions,
.ant-form-item textarea.ant-input {
  height: auto;
}
.ant-form-item .ant-upload {
  background: transparent;
}
.ant-form-item .ant-upload.ant-upload-drag {
  background: #fafafa;
}
.ant-form-item input[type='radio'],
.ant-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-form-item .ant-radio-inline,
.ant-form-item .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.ant-form-item .ant-radio-inline:first-child,
.ant-form-item .ant-checkbox-inline:first-child {
  margin-left: 0;
}
.ant-form-item .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical {
  display: block;
}
.ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical,
.ant-form-item .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-item .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-form-item .ant-select,
.ant-form-item .ant-cascader-picker {
  width: 100%;
}
.ant-form-item .ant-input-group .ant-select,
.ant-form-item .ant-input-group .ant-cascader-picker {
  width: auto;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1 0;
}
.ant-form-vertical .ant-form-item {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
  display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain.ant-form-item-explain-error {
  color: #f5222d;
}
.ant-form-item-explain.ant-form-item-explain-warning {
  color: #faad14;
}
.ant-form-item-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
.ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear {
  right: 32px;
}
.ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
.ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 19px;
}
.ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: 32px;
}
.ant-form-item-has-feedback .ant-picker {
  padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-large {
  padding-right: 29.2px;
}
.ant-form-item-has-feedback .ant-picker-small {
  padding-right: 25.2px;
}
.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #faad14;
}
.ant-form-item-has-warning .ant-input,
.ant-form-item-has-warning .ant-input-affix-wrapper,
.ant-form-item-has-warning .ant-input:hover,
.ant-form-item-has-warning .ant-input-affix-wrapper:hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-input:focus,
.ant-form-item-has-warning .ant-input-affix-wrapper:focus,
.ant-form-item-has-warning .ant-input-focused,
.ant-form-item-has-warning .ant-input-affix-wrapper-focused {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-warning .ant-input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-form-item-has-warning .ant-input-affix-wrapper-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-form-item-has-warning .ant-input-affix-wrapper-disabled input:focus {
  box-shadow: none !important;
}
.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-warning .ant-input-prefix {
  color: #faad14;
}
.ant-form-item-has-warning .ant-input-group-addon {
  color: #faad14;
  border-color: #faad14;
}
.ant-form-item-has-warning .has-feedback {
  color: #faad14;
}
.ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon {
  color: #faad14;
  animation-name: diffZoomIn3 !important;
}
.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  background-color: #fff;
  border-color: #faad14 !important;
}
.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-warning .ant-input-number,
.ant-form-item-has-warning .ant-picker {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-input-number-focused,
.ant-form-item-has-warning .ant-picker-focused,
.ant-form-item-has-warning .ant-input-number:focus,
.ant-form-item-has-warning .ant-picker:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
.ant-form-item-has-warning .ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.ant-form-item-has-error .ant-form-item-split {
  color: #f5222d;
}
.ant-form-item-has-error .ant-input,
.ant-form-item-has-error .ant-input-affix-wrapper,
.ant-form-item-has-error .ant-input:hover,
.ant-form-item-has-error .ant-input-affix-wrapper:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-form-item-has-error .ant-input:focus,
.ant-form-item-has-error .ant-input-affix-wrapper:focus,
.ant-form-item-has-error .ant-input-focused,
.ant-form-item-has-error .ant-input-affix-wrapper-focused {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.ant-form-item-has-error .ant-input-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-input-affix-wrapper-disabled {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-input-affix-wrapper-disabled input:focus {
  box-shadow: none !important;
}
.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.ant-form-item-has-error .ant-input-prefix {
  color: #f5222d;
}
.ant-form-item-has-error .ant-input-group-addon {
  color: #f5222d;
  border-color: #f5222d;
}
.ant-form-item-has-error .has-feedback {
  color: #f5222d;
}
.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  animation-name: diffZoomIn2 !important;
}
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
  background-color: #fff;
  border-color: #f5222d !important;
}
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border: 0;
}
.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}
.ant-form-item-has-error .ant-input-number,
.ant-form-item-has-error .ant-picker {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-form-item-has-error .ant-input-number-focused,
.ant-form-item-has-error .ant-picker-focused,
.ant-form-item-has-error .ant-input-number:focus,
.ant-form-item-has-error .ant-picker:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.ant-form-item-has-error .ant-input-number:not([disabled]):hover,
.ant-form-item-has-error .ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
  background-color: #fff;
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.ant-form-item-has-error .ant-transfer-list {
  border-color: #f5222d;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-form-item-has-error .ant-radio-button-wrapper {
  border-color: #f5222d !important;
}
.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before {
  background-color: #f5222d;
}
.ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #dc433b;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 24px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 24px;
}
.ant-form-large .ant-form-item-label > label {
  height: 40px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 40px;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item-with-help {
  margin-bottom: 0;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 32px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  writing-mode: horizontal-tb;
  margin-inline-start: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}
.ant-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 32px;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  min-height: 24px;
  padding-top: 0px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item .ant-input-textarea-show-count::after {
  position: absolute;
  bottom: -22px;
  width: 100%;
}
.show-help-enter,
.show-help-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 11px;
  padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 11px;
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 11px;
  padding-left: 29.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 7px;
  padding-left: 25.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 16px;
}
.ant-row {
  display: flex;
  flex-flow: row wrap;
}
.ant-row::before,
.ant-row::after {
  display: flex;
}
.ant-row-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;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.ant-image-preview.zoom-enter,
.ant-image-preview.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  -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: rgba(0, 0, 0);
  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: rgba(0, 0, 0);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  display: inline-flex;
}
.ant-input-affix-wrapper::-moz-placeholder {
  opacity: 1;
}
.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-affix-wrapper-sm {
  padding: 0px 7px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper:hover {
  border-color: #e86f64;
  border-right-width: 1px !important;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: transparent;
}
.ant-input-affix-wrapper > input.ant-input {
  padding: 0;
  border: none;
  outline: none;
}
.ant-input-affix-wrapper > input.ant-input:focus {
  box-shadow: none;
}
.ant-input-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\A0';
}
.ant-input-prefix,
.ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.ant-input-clear-icon {
  margin: 0 4px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0);
}
.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.ant-input-clear-icon:last-child {
  margin-right: 0;
}
.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0 !important;
  border: 0 !important;
}
.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  opacity: 1;
}
.ant-input::placeholder {
  color: #bfbfbf;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 0px 7px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select.ant-select-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: #dc433b;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0px 7px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 40px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.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: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-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: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group.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: 4px 0 0 4px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 4px 4px 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: 4px 0 0 4px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 4px 0 0 4px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 4px 4px 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 4px 4px 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: 4px 0 0 4px;
}
.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 4px 4px 0;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
  height: 32px;
}
.ant-input[type='color'].ant-input-lg {
  height: 40px;
}
.ant-input[type='color'].ant-input-sm {
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ant-input-textarea-show-count::after {
  display: block;
  color: rgba(0, 0, 0, 0.45);
  text-align: right;
  content: attr(data-count);
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #e86f64;
}
.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: #e86f64;
}
.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 4px 4px 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:last-child {
  margin-right: 4px;
  margin-left: 0;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-right-color: #e86f64;
  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: #e86f64;
}
.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: 4px 0 0 4px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 32px;
  }
  .ant-input-lg {
    height: 40px;
  }
  .ant-input-sm {
    height: 24px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-input-number::-moz-placeholder {
  opacity: 1;
}
.ant-input-number::placeholder {
  color: #bfbfbf;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-input-number:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number:focus,
.ant-input-number-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-input-number:focus,
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  padding: 0px 7px;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #e86f64;
}
.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: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  opacity: 1;
}
.ant-input-number-input::placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  min-width: auto;
  margin-right: 0;
  font-size: 7px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  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: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  right: auto;
  left: 0;
  border-right: 1px solid #d9d9d9;
  border-left: 0;
  border-radius: 4px 0 0 4px;
}
.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: 60px;
  padding: 0 50px;
  color: rgba(0, 0, 0);
  line-height: 60px;
  background: #ffffff;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0);
  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: #ffffff;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 60px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #ffffff;
  border-radius: 0 4px 4px 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: 4px 0 0 4px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0);
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0);
  background: #fff;
}
.ant-layout-rtl {
  direction: rtl;
}
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: rgba(0, 0, 0);
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
  width: 0;
  color: rgba(0, 0, 0);
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-meta-title > a {
  color: rgba(0, 0, 0);
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #dc433b;
}
.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: rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.05);
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.05);
}
.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: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-right: 0;
  margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
  margin-right: 48px;
  margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
  right: auto;
  left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-right: 40px;
  margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 24px;
    margin-left: 0;
  }
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 22px;
    margin-left: 0;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.5715;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
  opacity: 1;
}
.ant-mentions::placeholder {
  color: #bfbfbf;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-mentions:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions:focus,
.ant-mentions-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-mentions:focus,
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-borderless,
.ant-mentions-borderless:hover,
.ant-mentions-borderless:focus,
.ant-mentions-borderless-focused,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  padding: 0px 7px;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 30px;
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea::-moz-placeholder {
  opacity: 1;
}
.ant-mentions > textarea::placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0);
  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: 4px 4px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: rgba(0, 0, 0);
  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: #f5222d;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
  color: #f5222d;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
  color: #f5222d;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #f5222d;
}
.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: #f5222d;
}
.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: #f5222d;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  color: #fff;
  background-color: #f5222d;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  height: 1.5715;
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #dc433b;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #fff3f0;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item a {
  color: rgba(0, 0, 0);
}
.ant-menu-item a:hover {
  color: #dc433b;
}
.ant-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge a {
  color: rgba(0, 0, 0);
}
.ant-menu-item > .ant-badge a:hover {
  color: #dc433b;
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: rgba(0, 0, 0, 0.05);
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #dc433b;
}
.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: #dc433b;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #dc433b;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #fff3f0;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-menu-vertical-right {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.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.15s 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;
  margin-right: 10px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), 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 {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.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 > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: rgba(0, 0, 0, 0.05);
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 4px;
  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: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
  background-color: #fff;
}
.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: rgba(0, 0, 0);
  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: #dc433b;
}
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2.5px);
}
.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: #dc433b;
}
.ant-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin: 0 20px;
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
  padding-right: 0;
  padding-left: 0;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #dc433b;
  border-bottom: 2px solid #dc433b;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: rgba(0, 0, 0);
}
.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #dc433b;
}
.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #dc433b;
}
.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 #dc433b;
  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: 36px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  line-height: 36px;
  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: 36px;
  line-height: 36px;
}
.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 16px / 2);
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.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-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 36px;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.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-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 36px;
  line-height: 36px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #333333;
}
.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: #333333;
}
.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: #333333;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #dc433b;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #dc433b;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #dc433b;
}
.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 rgba(0, 0, 0, 0.05);
}
.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: rgba(0, 0, 0);
  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: 4px;
  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: #f5222d;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1979c3;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-message-rtl {
  direction: rtl;
}
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  -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: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0);
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 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 rgba(0, 0, 0, 0.05);
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1979c3;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
.ant-modal-wrap-rtl {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
  right: initial;
  left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer button + button {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  float: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns button + button {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-hook-holder,
.ant-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 24px * 2);
  margin-bottom: 16px;
  margin-left: auto;
  overflow: hidden;
  word-wrap: break-word;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-notification-topLeft .ant-notification-hook-holder,
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-hook-holder,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}
.ant-notification-hook-holder > .ant-notification-notice {
  margin-bottom: 0;
  box-shadow: none;
}
.ant-notification-notice {
  padding: 16px 24px;
  line-height: 1.5715;
}
.ant-notification-notice-message {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1979c3;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #f5222d;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-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;
    padding-top: 16px;
    padding-bottom: 16px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 0;
  padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
  right: auto;
  left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: #dc433b;
  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: #e86f64;
}
.ant-page-header-back-button:active {
  color: #b52a28;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  display: flex;
  justify-content: space-between;
}
.ant-page-header-heading-left {
  display: flex;
  align-items: center;
  margin: 4px 0;
  overflow: hidden;
}
.ant-page-header-heading-title {
  margin-right: 12px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading .ant-avatar {
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}
.ant-page-header-heading-extra > * {
  margin-left: 12px;
  white-space: unset;
}
.ant-page-header-heading-extra > *:first-child {
  margin-left: 0;
}
.ant-page-header-content {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
  margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
  border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
  padding: 8px 0;
  font-size: 16px;
}
.ant-page-header-compact .ant-page-header-heading {
  flex-wrap: wrap;
}
.ant-page-header-rtl {
  direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-page-header-rtl .ant-page-header-heading-title {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
  float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
  float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
  margin-right: 12px;
  margin-left: 0;
}
.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
  float: right;
}
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: "montserrat", "IBM Plex Sans Thai", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0);
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #dc433b;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #dc433b;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #dc433b;
}
.ant-pagination-item-active a {
  color: #dc433b;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #e86f64;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #e86f64;
}
.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: #dc433b;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0);
  font-family: "montserrat", "IBM Plex Sans Thai", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: rgba(0, 0, 0);
  cursor: pointer;
  user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
  border-color: #e86f64;
}
.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: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #dc433b;
  border-color: #dc433b;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .ant-pagination-options *::-ms-backdrop,
  .ant-pagination-options {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  opacity: 1;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:focus,
.ant-input-rtl .ant-pagination-options-quick-jumper input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0px 7px;
}
.ant-pagination-options-quick-jumper input-rtl {
  direction: rtl;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #dc433b;
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-size-changer {
  top: 0px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  padding: 0px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination-rtl .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: rgba(0, 0, 0);
  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: 4px;
  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 rgba(0, 0, 0, 0.05);
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8.0005px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-right: 22px;
  padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: #1979c3;
}
.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: #1979c3;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1979c3;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-right: 0;
  margin-left: calc(-2em - 8px);
  padding-right: 0;
  padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
  right: 0;
  left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-right: 8px;
  margin-left: 0;
  text-align: right;
}
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  font-size: 0;
  line-height: unset;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0px;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #dc433b;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(220, 67, 59, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dc433b;
  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: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #dc433b;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #dc433b;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0);
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0);
}
.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: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #dc433b;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px rgba(220, 67, 59, 0.08);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #dc433b;
  background: #fff;
  border-color: #dc433b;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #dc433b;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #dc433b;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #e86f64;
  border-color: #e86f64;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #e86f64;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #b52a28;
  border-color: #b52a28;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: #b52a28;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(220, 67, 59, 0.08);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #dc433b;
  border-color: #dc433b;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #e86f64;
  border-color: #e86f64;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #b52a28;
  border-color: #b52a28;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(220, 67, 59, 0.08);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #e86f64;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}
.ant-rate {
  box-sizing: border-box;
  color: rgba(0, 0, 0);
  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;
  transition: all 0.3s;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:hover,
.ant-rate-star > div:focus {
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: rgba(0, 0, 0, 0.05);
  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: #f5222d;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1979c3;
}
.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 {
  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-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-right: 4px;
  margin-bottom: 2px;
  padding: 0 4px 0 8px;
  line-height: 22px;
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  cursor: default;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  user-select: none;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  color: #bfbfbf;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: 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-search {
  position: relative;
  margin-left: 0.5px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  font-family: "montserrat", "IBM Plex Sans Thai", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5715;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  width: 100%;
  min-width: 4.1px;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.ant-select-multiple .ant-select-selection-search:first-child > .ant-select-selection-search-input {
  margin-left: 6.5px !important;
}
.ant-select-multiple .ant-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
  line-height: 32px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
  height: 33px;
  line-height: 33px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
  line-height: 16px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  height: 17px;
  line-height: 17px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
  height: 16px;
  line-height: 14px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  left: 7px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input {
  margin-left: 3px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 32px;
}
.ant-select-disabled .ant-select-selection-item-remove {
  display: none;
}
/* Reset search input style */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
  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: #e86f64;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(220, 67, 59, 0.2);
}
.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-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;
  -webkit-appearance: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #e86f64;
  border-right-width: 1px !important;
}
.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-selection-item {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-item *::-ms-backdrop,
  .ant-select-selection-item {
    flex: auto;
  }
}
.ant-select-selection-placeholder {
  flex: 1;
  overflow: hidden;
  color: #bfbfbf;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-placeholder *::-ms-backdrop,
  .ant-select-selection-placeholder {
    flex: auto;
  }
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  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: 53%;
  right: 11px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .anticon {
  vertical-align: top;
  transition: transform 0.3s;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
  cursor: not-allowed;
}
.ant-select-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-clear::before {
  display: block;
}
.ant-select-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-empty {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: rgba(0, 0, 0);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: default;
}
.ant-select-item-option {
  display: flex;
}
.ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-item-option-state {
  flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: rgba(0, 0, 0);
  font-weight: 600;
  background-color: #fff3f0;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #dc433b;
}
.ant-select-item-option-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-item-option-grouped {
  padding-left: 24px;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow {
  right: initial;
  left: 11px;
}
.ant-select-rtl .ant-select-clear {
  right: initial;
  left: 11px;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 4px;
  padding-left: 24px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
  margin-right: 0;
  margin-left: 4px;
  padding: 0 8px 0 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search {
  margin-right: 0.5px;
  margin-left: 4px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  right: 0;
  left: auto;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search:first-child > .ant-select-selection-search-input {
  margin-right: 5px !important;
  margin-left: 0 !important;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  right: 11px;
  left: auto;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  right: 7px;
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 11px;
  left: 25px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}
.ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 11px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 0;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: 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-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: 4px;
  width: 64px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  width: 32px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  width: 80px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  width: 40px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  width: 48px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  width: 24px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: 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: 100%;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  width: 100%;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-image {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  background: 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: rgba(0, 0, 0);
  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;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  right: 12px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  right: 4px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  right: 2px;
  left: auto;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #ffc9bf;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #ffc9bf;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
  border-color: #e36962;
  box-shadow: 0 0 0 5px rgba(220, 67, 59, 0.12);
}
.ant-slider-handle:focus {
  border-color: #e36962;
  outline: none;
  box-shadow: 0 0 0 5px rgba(220, 67, 59, 0.12);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #dc433b;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #f59c90;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #f59c90;
}
.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: rgba(0, 0, 0);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #eea19d;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  right: 0;
  left: auto;
}
.ant-slider-rtl .ant-slider-dot {
  margin-right: -4px;
  margin-left: 0;
}
.ant-slider-rtl .ant-slider-dot:first-child {
  margin-right: -4px;
  margin-left: 0;
}
.ant-slider-rtl .ant-slider-dot:last-child {
  margin-right: -4px;
  margin-left: 0;
}
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #dc433b;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  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: #dc433b;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: "montserrat", "IBM Plex Sans Thai", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.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: rgba(0, 0, 0);
  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: "montserrat", "IBM Plex Sans Thai", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #dc433b;
  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: rgba(0, 0, 0, 0.05);
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0);
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: rgba(0, 0, 0, 0.05);
  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: rgba(0, 0, 0, 0.05);
}
.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: rgba(0, 0, 0, 0.05);
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #dc433b;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #dc433b;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #dc433b;
}
.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: rgba(0, 0, 0, 0.05);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: rgba(0, 0, 0, 0.05);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #dc433b;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #dc433b;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #dc433b;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #dc433b;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #dc433b;
}
.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: #dc433b;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: rgba(0, 0, 0, 0.05);
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: rgba(0, 0, 0, 0.05);
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d;
}
.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: #dc433b;
}
.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: #dc433b;
}
.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: #dc433b;
}
.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: #dc433b;
}
.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: 8px;
  margin-left: 0;
  background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
  width: inherit;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  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: #dc433b;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-rtl {
  direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
  right: 0;
  left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
  padding-right: 0;
  padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title::after {
  right: 100%;
  left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 16px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  right: 0.5px;
  left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-right: -12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  margin-right: -16px;
  margin-left: 0;
  text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
  right: 100%;
  left: auto;
  margin-right: -2px;
  margin-left: 0;
  transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 12px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  padding-right: 0;
  padding-left: 12px;
}
.ant-steps-rtl.ant-steps-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-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-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: rgba(0, 0, 0);
  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 rgba(220, 67, 59, 0.2);
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #dc433b;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
}
.ant-switch-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  transition: all 0.2s ease-in-out;
  content: '';
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-loading-icon {
  position: relative;
  top: 2px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #dc433b;
}
.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-thead th.ant-table-column-has-sorters {
  padding: 0;
}
.ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column-title {
  padding: 12px 2.3em 12px 8px;
}
.ant-table.ant-table-middle .ant-table-thead .ant-table-column-sorters {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -12px -8px -12px 25px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-thead th.ant-table-column-has-sorters {
  padding: 0;
}
.ant-table.ant-table-small .ant-table-thead .ant-table-filter-column {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-thead .ant-table-filter-column-title {
  padding: 8px 2.3em 8px 8px;
}
.ant-table.ant-table-small .ant-table-thead .ant-table-column-sorters {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -8px -8px -8px 25px;
}
.ant-table-small .ant-table-thead > tr > th {
  background-color: #fafafa;
}
.ant-table-small .ant-table-selection-column {
  width: 46px;
  min-width: 46px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-right: 0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  content: '';
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 4px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-title {
  padding: 16px 16px;
}
.ant-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 33px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #fff3f0;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #ffebe6;
}
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  padding: 0;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container {
  background: #f7f7f7;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-sorters-with-tooltip {
  display: inline-block;
  width: 100%;
}
.ant-table-column-sorters {
  display: inline-flex;
  align-items: center;
  padding: 16px 16px;
}
.ant-table-column-sorter {
  margin-top: 0.15em;
  margin-bottom: -0.15em;
  margin-left: 8px;
  color: #bfbfbf;
}
.ant-table-column-sorter-full {
  margin-top: -0.2em;
  margin-bottom: 0;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #dc433b;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-filter-column {
  display: flex;
  align-items: center;
  margin: -16px -16px;
}
.ant-table-filter-column-title {
  flex: auto;
  padding: 16px 2.3em 16px 16px;
}
.ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column {
  margin: 0;
}
.ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 2.3em 0 0;
}
.ant-table-filter-trigger-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex: none;
  align-items: stretch;
  align-self: stretch;
  cursor: pointer;
  transition: background-color 0.3s;
}
.ant-table-filter-trigger-container-open,
.ant-table-filter-trigger-container:hover,
.ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover {
  background: #e5e5e5;
}
.ant-table-filter-trigger {
  display: block;
  width: 2.3em;
  color: #bfbfbf;
  font-size: 12px;
  transition: color 0.3s;
}
.ant-table-filter-trigger .anticon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ant-table-filter-trigger-container-open .ant-table-filter-trigger,
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-filter-trigger.active {
  color: #dc433b;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px 7px 3px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-table .ant-table-selection-col {
  width: 32px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-selection {
  position: relative;
  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: #dc433b;
  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 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #e86f64;
}
.ant-table-row-expand-icon:active {
  color: #b52a28;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentColor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-header {
  position: sticky;
  z-index: calc(2 + 1);
}
.ant-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: rgba(204, 204, 204, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  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: 4px 4px 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: 4px;
  border-top-right-radius: 4px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-footer {
  border-radius: 0 0 4px 4px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 8px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger-container {
  right: auto;
  left: 0;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) {
  margin-right: 0;
  margin-left: 2px;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
  flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
  bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 16px 0;
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab:last-of-type,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:last-of-type,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:last-of-type,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-bottom: 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  font-weight: normal;
  text-shadow: 0 0 0.25px #b52a28;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.05);
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tabs-dropdown-menu-item {
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.05);
  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: #dc433b;
  background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) {
  margin-right: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 4px 4px 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 4px 4px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type),
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) {
  margin-bottom: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 4px 0 0 4px;
}
.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 4px 4px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 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: #e86f64;
}
.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: #b52a28;
}
.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: #dc433b;
  pointer-events: none;
}
.ant-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 32px 0 0;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-tabs-tab:last-of-type {
  margin-right: 0;
  margin-left: 0;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: #b52a28;
}
.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: #e86f64;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #dc433b;
  font-weight: 500;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-content {
  display: flex;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-content-animated {
  transition: margin 0.3s;
}
.ant-tabs-tabpane {
  flex: none;
  width: 100%;
  outline: none;
}
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
  opacity: 1;
  transition: all 0.3s;
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #dc433b;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #dc433b;
}
.ant-tag-checkable:active {
  background-color: #b52a28;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-tag-success {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-processing {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-error {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-warning {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}
.ant-timeline {
  box-sizing: border-box;
  color: rgba(0, 0, 0);
  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 rgba(0, 0, 0, 0.05);
}
.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: #dc433b;
  border-color: #dc433b;
}
.ant-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d;
}
.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 rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.05);
  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 rgba(0, 0, 0, 0.05);
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  border-right: 2px dotted rgba(0, 0, 0, 0.05);
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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;
  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: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow-content {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content {
  background-color: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow-content {
  background-color: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content {
  background-color: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content {
  background-color: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content {
  background-color: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content {
  background-color: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content {
  background-color: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content {
  background-color: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content {
  background-color: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content {
  background-color: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content {
  background-color: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content {
  background-color: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: 1 1 50%;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
  background-color: transparent;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
}
.ant-transfer-list-with-pagination {
  width: 250px;
  height: auto;
}
.ant-transfer-list-search {
  padding-right: 24px;
  padding-left: 8px;
}
.ant-transfer-list-search-action {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: 28px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 32px;
  text-align: center;
}
.ant-transfer-list-search-action .anticon {
  color: rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45);
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  display: flex;
  flex: none;
  align-items: center;
  height: 40px;
  padding: 8px 12px 9px;
  color: rgba(0, 0, 0);
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 0 0;
}
.ant-transfer-list-header > *:not(:last-child) {
  margin-right: 4px;
}
.ant-transfer-list-header > * {
  flex: none;
}
.ant-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}
.ant-transfer-list-header-dropdown {
  font-size: 10px;
  transform: translateY(10%);
  cursor: pointer;
}
.ant-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}
.ant-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: relative;
  flex: none;
  padding: 12px;
}
.ant-transfer-list-content {
  flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content-item {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  line-height: 20px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 8px;
}
.ant-transfer-list-content-item > * {
  flex: none;
}
.ant-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-transfer-list-content-item-remove {
  color: #dc433b;
  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: #e86f64;
}
.ant-transfer-list-content-item-remove:active {
  color: #b52a28;
}
.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: #e86f64;
}
.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: #ffebe6;
}
.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: #fff3f0;
}
.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 rgba(0, 0, 0, 0.05);
}
.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 rgba(0, 0, 0, 0.05);
}
.ant-transfer-operation {
  display: flex;
  flex: none;
  flex-direction: column;
  align-self: center;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
.ant-transfer .ant-empty-image {
  max-height: -2px;
}
.ant-transfer-rtl {
  direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
  padding-right: 8px;
  padding-left: 24px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
  right: auto;
  left: 12px;
}
.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
  margin-right: 0;
  margin-left: 4px;
}
.ant-transfer-rtl .ant-transfer-list-header {
  right: 0;
  left: auto;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
  right: 0;
  left: auto;
}
.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 14px !important;
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  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: #dc433b;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-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: #dc433b;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dc433b;
  border-radius: 4px;
  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: 4px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #dc433b;
  border-color: #dc433b;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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 {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #dc433b;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree-checkbox-rtl {
  direction: rtl;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #fff3f0;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree .ant-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.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: #dc433b;
}
.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;
  bottom: -4px;
  margin-left: -1px;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  margin-left: -1px;
  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: 4px;
  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: #ffece8;
}
.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[draggable='true'] {
  line-height: 24px;
  user-select: none;
}
.ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #dc433b;
  border-radius: 1px;
  pointer-events: none;
}
.ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #dc433b;
  border-radius: 50%;
  content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #dc433b;
}
.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.225em;
}
.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: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-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: #dc433b;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dc433b;
  border-radius: 4px;
  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: 4px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #dc433b;
  border-color: #dc433b;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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 {
  display: inline-block;
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #dc433b;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree-checkbox-rtl {
  direction: rtl;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree-select-dropdown {
  padding: 8px 4px 0;
}
.ant-tree-select-dropdown-rtl {
  direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
  border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode {
  padding-bottom: 8px;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #fff3f0;
}
.ant-select-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree .ant-select-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  background: #f5f5f5;
}
.ant-select-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.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: #dc433b;
}
.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;
  bottom: -4px;
  margin-left: -1px;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 10px;
  height: 14px;
  margin-left: -1px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-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: 4px;
  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: #ffece8;
}
.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[draggable='true'] {
  line-height: 24px;
  user-select: none;
}
.ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #dc433b;
  border-radius: 1px;
  pointer-events: none;
}
.ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #dc433b;
  border-radius: 50%;
  content: '';
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #dc433b;
}
.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.225em;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}
.ant-typography {
  color: rgba(0, 0, 0);
  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: #f5222d;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus,
a.ant-typography.ant-typography-danger:hover {
  color: #ff4d4f;
}
.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,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
h5.ant-typography,
.ant-typography h5 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
}
a.ant-typography,
.ant-typography a {
  color: #dc433b;
  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: #e86f64;
}
a.ant-typography:active,
.ant-typography a:active {
  color: #b52a28;
}
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: #dc433b;
  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: #e86f64;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #b52a28;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 1px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
  margin: 1em 0;
}
.ant-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.ant-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  right: -12px;
  left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: 4px;
  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: #dc433b;
}
.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: 4px;
  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: #b52a28;
}
.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: #e86f64;
}
.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: #e86f64;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0);
  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: rgba(0, 0, 0);
}
.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: #f5222d;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #f5222d;
}
.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: 4px;
}
.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: #f5222d;
}
.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: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
  fill: #fff1f0;
}
.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: #f5222d;
}
.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 {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card-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: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  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;
  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;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-Thin.ttf);
  font-weight: 200;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-ThinItalic.ttf);
  font-weight: 200;
  font-style: italic;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-Light.ttf);
  font-weight: 300;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-LightItalic.ttf);
  font-weight: 300;
  font-style: italic;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-Regular.ttf);
  font-weight: 400;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-Italic.ttf);
  font-weight: 400;
  font-style: italic;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-Medium.ttf);
  font-weight: 500;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-MediumItalic.ttf);
  font-weight: 500;
  font-style: italic;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-SemiBold.ttf);
  font-weight: 600;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf);
  font-weight: 600;
  font-style: italic;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-Bold.ttf);
  font-weight: 700;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-BoldItalic.ttf);
  font-weight: 700;
  font-style: italic;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-ExtraBold.ttf);
  font-weight: 900;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: montserrat;
  src: url(/static/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf);
  font-weight: 900;
  font-style: italic;
  unicode-range: U+0-7F;
}
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/static/fonts/ibm/IBMPlexSansThai-Bold.ttf');
  font-weight: bold;
  unicode-range: U+0E00-0E7F;
}
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/static/fonts/ibm/IBMPlexSansThai-ExtraLight.ttf');
  font-weight: 200;
  unicode-range: U+0E00-0E7F;
}
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/static/fonts/ibm/IBMPlexSansThai-Light.ttf');
  font-weight: 300;
  unicode-range: U+0E00-0E7F;
}
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/static/fonts/ibm/IBMPlexSansThai-Medium.ttf');
  font-weight: 500;
  unicode-range: U+0E00-0E7F;
}
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/static/fonts/ibm/IBMPlexSansThai-Regular.ttf');
  unicode-range: U+0E00-0E7F;
}
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/static/fonts/ibm/IBMPlexSansThai-SemiBold.ttf');
  font-weight: 600;
  unicode-range: U+0E00-0E7F;
}
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/static/fonts/ibm/IBMPlexSansThai-Text.ttf');
  font-weight: 200;
  unicode-range: U+0E00-0E7F;
}
@font-face {
  font-family: 'IBM Plex Sans Thai';
  src: url('/static/fonts/ibm/IBMPlexSansThai-Thin.ttf');
  font-weight: 100;
  unicode-range: U+0E00-0E7F;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVnJx26TKEr37c9aBBx_kwfzg38pQhMruE.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVnJx26TKEr37c9aBBx_kwEzg38pQhMruE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVnJx26TKEr37c9aBBx_kwFzg38pQhMruE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVnJx26TKEr37c9aBBx_kwLzg38pQhM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxUl0c_SjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxUl0c5ijTjQJElti5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxUl0c5yjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxUl0c6SjTjQJElg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxNl4c_SjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxNl4c5ijTjQJElti5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxNl4c5yjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxNl4c6SjTjQJElg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVhJx26TKEr37c9aBB5iXwJxArepzhN.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVhJx26TKEr37c9aBB5knwJxArepzhN.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVhJx26TKEr37c9aBB5k3wJxArepzhN.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVhJx26TKEr37c9aBB5nXwJxArepw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxbl8c_SjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxbl8c5ijTjQJElti5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxbl8c5yjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxbl8c6SjTjQJElg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxQlgc_SjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxQlgc5ijTjQJElti5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxQlgc5yjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxQlgc6SjTjQJElg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxJlkc_SjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxJlkc5ijTjQJElti5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxJlkc5yjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxJlkc6SjTjQJElg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxOloc_SjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxOloc5ijTjQJElti5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxOloc5yjTjQJElti5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVkJx26TKEr37c9aBBxOloc6SjTjQJElg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVhJx26TKEr37c9YHZ5iXwJxArepzhN.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVhJx26TKEr37c9YHZ5knwJxArepzhN.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVhJx26TKEr37c9YHZ5k3wJxArepzhN.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVhJx26TKEr37c9YHZ5nXwJxArepw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YNpoik8s6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YNpoilQs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YNpoilUs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YNpoilss6yLUrwA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YL5rik8s6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YL5rilQs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YL5rilUs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YL5rilss6yLUrwA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVjJx26TKEr37c9aAFJn3YO5gjupg.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVjJx26TKEr37c9aBpJn3YO5gjupg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVjJx26TKEr37c9aBtJn3YO5gjupg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVjJx26TKEr37c9aBVJn3YO5gg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YOZqik8s6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YOZqilQs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YOZqilUs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YOZqilss6yLUrwA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YMptik8s6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YMptilQs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YMptilUs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YMptilss6yLUrwA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YK5sik8s6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YK5silQs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YK5silUs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YK5silss6yLUrwA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YLJvik8s6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YLJvilQs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YLJvilUs6yLUrwB0lw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sarabun/v8/DtVmJx26TKEr37c9YLJvilss6yLUrwA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.ant-typography.red-text,
.red-text {
  color: #dc433b !important;
}
.ant-form-item-label > label,
.ant-btn,
.ant-typography.title-size {
  font-size: 24px;
}
h1.ant-typography,
.ant-typography h1 {
  font-size: 24px;
}
h2.ant-typography,
.ant-typography h2 {
  font-size: 22px;
}
h3.ant-typography,
.ant-typography h3 {
  font-size: 20px;
}
h4.ant-typography,
.ant-typography h4 {
  font-size: 20px;
}
h5.ant-typography,
.ant-typography h5 {
  font-size: 18px;
}
h6.ant-typography,
.ant-typography h6 {
  font-size: 17px;
}
h1.ant-typography,
.ant-typography h1,
h2.ant-typography,
.ant-typography h2,
h3.ant-typography,
.ant-typography h3,
h4.ant-typography,
.ant-typography h4,
h5.ant-typography,
.ant-typography h5,
h6.ant-typography,
.ant-typography h6 {
  margin: 0;
  padding: 0;
}
.text-uppercase {
  text-transform: uppercase;
}
.black-font {
  color: black !important;
}
.main > .ant-row:first-child {
  position: fixed;
  z-index: 999;
  width: 100vw;
}
.main-menu {
  display: flex;
  justify-content: stretch;
  padding: 0px;
}
.main-menu li.ant-menu-item {
  width: 100%;
}
.main-menu .anticon {
  color: rgba(0, 0, 0);
}
.main-menu h2.ant-typography,
.main-menu .ant-typography h2,
.main-menu h3.ant-typography,
.main-menu .ant-typography h3,
.main-menu h4.ant-typography,
.main-menu .ant-typography h4,
.main-menu a,
.main-menu .ant-typography,
.main-menu .ant-btn-link {
  color: rgba(0, 0, 0);
}
.main-menu h2.ant-typography:hover,
.main-menu .ant-typography h2:hover,
.main-menu h3.ant-typography:hover,
.main-menu .ant-typography h3:hover,
.main-menu h4.ant-typography:hover,
.main-menu .ant-typography h4:hover,
.main-menu a:hover,
.main-menu .ant-typography:hover,
.main-menu .ant-btn-link:hover {
  color: rgba(0, 0, 0);
}
.menu-mobile-btn.ant-btn,
.menu-mobile-btn.ant-btn:hover,
.menu-mobile-btn.ant-btn:focus,
.menu-mobile-btn.ant-btn:active,
.menu-mobile-btn.ant-btn.active {
  background: #ffffff;
  color: #000000;
  border: none;
  padding: 0;
}
.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,
.sub-menu-popup .ant-menu-submenu-title {
  font-size: 16px;
}
.sub-menu.first-level {
  border-top: 1px solid #ccc;
}
.sub-menu.first-level-last {
  border-bottom: 1px solid #ccc;
}
.ant-menu-submenu-popup {
  background: white !important;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  font-size: 16px;
}
.main-menu-desktop .ant-menu {
  background-color: #ffffff;
}
.main-menu-desktop .ant-menu.ant-menu-horizontal {
  border-bottom: none;
}
.main-menu-desktop .ant-typography,
.main-menu-desktop .ant-btn-link {
  font-size: 16px;
}
.drawer-main-menu .ant-menu-vertical .ant-menu-item:not(:last-child),
.drawer-main-menu .ant-menu-vertical-left .ant-menu-item:not(:last-child),
.drawer-main-menu .ant-menu-vertical-right .ant-menu-item:not(:last-child),
.drawer-main-menu .ant-menu-inline .ant-menu-item:not(:last-child),
.drawer-main-menu .ant-menu-vertical .ant-menu-item,
.drawer-main-menu .ant-menu-vertical-left .ant-menu-item,
.drawer-main-menu .ant-menu-vertical-right .ant-menu-item,
.drawer-main-menu .ant-menu-inline .ant-menu-item,
.drawer-main-menu .ant-menu-vertical .ant-menu-submenu-title,
.drawer-main-menu .ant-menu-vertical-left .ant-menu-submenu-title,
.drawer-main-menu .ant-menu-vertical-right .ant-menu-submenu-title,
.drawer-main-menu .ant-menu-inline .ant-menu-submenu-title,
.drawer-main-menu .sub-menu-popup .ant-menu-submenu-title {
  margin: 0;
  padding: 0;
}
.drawer-main-menu .ant-menu-item-active.ant-menu-item-selected,
.drawer-main-menu .ant-menu-item-selected,
.drawer-main-menu h2.ant-typography:hover,
.drawer-main-menu .ant-typography h2:hover,
.drawer-main-menu h3.ant-typography:hover,
.drawer-main-menu .ant-typography h3:hover,
.drawer-main-menu h4.ant-typography:hover,
.drawer-main-menu .ant-typography h4:hover,
.drawer-main-menu a:hover,
.drawer-main-menu .ant-typography:hover,
.drawer-main-menu .ant-btn-link:hover,
.drawer-main-menu h2.ant-typography,
.drawer-main-menu .ant-typography h2,
.drawer-main-menu h3.ant-typography,
.drawer-main-menu .ant-typography h3,
.drawer-main-menu h4.ant-typography,
.drawer-main-menu .ant-typography h4,
.drawer-main-menu a,
.drawer-main-menu .ant-typography,
.drawer-main-menu .ant-btn-link {
  color: rgba(0, 0, 0);
}
.drawer-main-menu .ant-tabs-bar,
.drawer-main-menu .ant-drawer-body {
  margin: 0;
  padding: 0;
}
.drawer-main-menu .ant-menu {
  background-color: #ffffff;
}
.drawer-main-menu .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected,
.drawer-main-menu .ant-menu-item:active,
.drawer-main-menu .ant-menu-submenu-title:active {
  background: none;
}
.drawer-main-menu .ant-menu-vertical .ant-menu-item::after,
.drawer-main-menu .ant-menu-vertical-left .ant-menu-item::after,
.drawer-main-menu .ant-menu-vertical-right .ant-menu-item::after,
.drawer-main-menu .ant-menu-inline .ant-menu-item::after {
  border: 0;
}
.drawer-main-menu .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  transition: none;
  flex-grow: 1;
  text-align: center;
}
.drawer-main-menu .ant-tabs-nav.ant-tabs-nav-animated {
  display: flex;
}
.drawer-main-menu .ant-tabs-nav.ant-tabs-nav-animated > div {
  display: flex;
  justify-self: start;
  width: 100%;
  flex-direction: row;
}
.drawer-main-menu .main-menu {
  flex-direction: column;
}
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 888;
  background-color: white;
}
@media (max-width: 1200px) {
  div.sticky {
    top: 0;
    padding-bottom: 0 !important;
  }
}
.widget-header-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #ffffff;
  max-width: 1240px;
  margin: auto;
  justify-content: space-between;
  padding-top: 15px;
}
@media (max-width: 1200px) {
  .widget-header-wrapper {
    flex-wrap: nowrap;
    padding-top: 0;
  }
}
.widget-header-wrapper .main-menu-desktop {
  width: 100%;
}
@media (max-width: 1200px) {
  .widget-header-wrapper .main-menu-desktop {
    width: 0;
    display: none;
  }
}
.widget-header-wrapper .main-menu-desktop .ant-menu {
  background-color: #ff0000;
}
.widget-header-wrapper .main-menu-desktop .ant-menu-horizontal {
  padding: 0px;
}
.widget-header-wrapper .main-menu-desktop .ant-menu-submenu-horizontal,
.widget-header-wrapper .main-menu-desktop .ant-menu-item-only-child {
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
  height: 25px;
  text-align: center;
  padding: 0 10px;
  margin-left: 0;
  margin-right: 0;
}
.widget-header-wrapper .main-menu-desktop .ant-menu-submenu-horizontal:hover,
.widget-header-wrapper .main-menu-desktop .ant-menu-item-only-child:hover {
  border-bottom: none;
}
.widget-header-wrapper .main-menu-desktop .ant-menu-submenu-title:hover {
  color: white;
}
.widget-header-wrapper .main-menu-desktop .ant-menu-submenu,
.widget-header-wrapper .main-menu-desktop .ant-menu-item {
  top: 0;
  margin-top: unset;
  border-bottom: unset;
}
.widget-header-wrapper .main-menu-desktop .ant-menu-submenu.skeleton,
.widget-header-wrapper .main-menu-desktop .ant-menu-item.skeleton {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.25;
}
.widget-header-wrapper .main-menu-desktop .ant-menu-submenu.skeleton:hover,
.widget-header-wrapper .main-menu-desktop .ant-menu-item.skeleton:hover {
  background-color: unset !important;
}
.widget-header-wrapper .main-menu-desktop .ant-menu-submenu:hover,
.widget-header-wrapper .main-menu-desktop .ant-menu-item:hover {
  background-color: #6600ff !important;
  border-color: transparent;
  color: white;
}
.widget-header-wrapper .main-menu-desktop .category-bar-main-menu.selected {
  background-color: #6600ff;
  color: white;
}
.widget-header-wrapper .main-menu-desktop .en-menu {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #ffffff;
  text-transform: uppercase;
}
.widget-header-wrapper .main-menu-desktop .th-menu {
  font-weight: 800;
  letter-spacing: 2px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  left: 0.2px;
}
.widget-header-wrapper .main-menu-desktop .ant-typography > strong {
  font-weight: bold;
}
.widget-header-wrapper .main-menu-desktop .ant-menu-overflowed-submenu {
  color: #ffffff;
  background-color: unset !important;
}
.widget-header-wrapper .column {
  display: flex;
  justify-content: flex-end;
}
.widget-header-wrapper .column .main-menu-desktop {
  min-width: 85%;
}
.widget-header-wrapper .column .main-menu-desktop .ant-menu-item,
.widget-header-wrapper .column .main-menu-desktop .ant-menu-submenu-title {
  font-size: 20px;
  color: rgba(0, 0, 0);
}
.widget-header-wrapper .column-left {
  width: 80px;
  height: 105px;
  margin-right: 30px;
}
@media (max-width: 1200px) {
  .widget-header-wrapper .column-left {
    width: auto;
    height: initial;
    justify-content: flex-start;
    align-items: center;
    margin-right: 20px;
  }
}
.widget-header-wrapper .column-left #form-search-product .ant-form-item-has-error {
  padding: 0;
}
.widget-header-wrapper .column-right-main {
  width: 1130px;
}
@media (max-width: 1200px) {
  .widget-header-wrapper .column-right-main {
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
.widget-header-wrapper .column-right-top {
  height: 25px;
  background-color: #000000;
}
.widget-header-wrapper .column-right {
  width: 100%;
}
.widget-header-wrapper .column-right .widget-search-product > div > div {
  flex-flow: nowrap;
  justify-content: flex-end;
  align-items: center;
}
.widget-header-wrapper .column-right .top {
  padding: 20px 24px 23px 0;
  font-size: 10px;
  height: 81px;
}
@media (max-width: 1200px) {
  .widget-header-wrapper .column-right .top {
    padding: 0;
  }
}
.widget-header-wrapper .column-right .top .top-left {
  width: 67%;
  align-self: center;
}
.widget-header-wrapper .column-right .top .top-right {
  width: calc(100% - 67%);
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.widget-header-wrapper .column-right .top .top-right .column > div {
  display: flex;
  align-items: center;
}
.widget-header-wrapper .column-right .top .top-right .column.column-account .account-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.widget-header-wrapper .column-right .top .top-right .column.column-account img {
  width: 29px;
  height: 33px;
  object-fit: contain;
  margin-right: 18px;
}
.widget-header-wrapper .column-right .top .top-right .column:last-child {
  border-left: 2px solid #000000;
  padding-left: 25px;
  flex-shrink: 0;
}
.widget-header-wrapper .column-right .top .top-right .column .widget-mini-cart img {
  width: 30px;
  height: 33px;
}
@media (max-width: 1200px) {
  .widget-header-wrapper .column-right .top .top-right .column .widget-mini-cart img {
    width: 26px;
    height: 28px;
  }
}
@media (max-width: 768px) {
  .widget-header-wrapper .column-right .top .top-right .column .widget-mini-cart img {
    width: 30px;
    height: 30px;
  }
}
.widget-header-wrapper .widget-account__login-form .float-label .ant-input-suffix img.password-icon-show {
  width: 25px !important;
  height: 15px !important;
  margin-right: 0 !important;
}
.widget-header-wrapper .widget-account__login-form .float-label .ant-input-suffix img.password-icon-hide {
  height: 19px !important;
  width: 25px !important;
  margin-right: 0 !important;
}
.widget-header-wrapper .widget-mini-cart,
.widget-header-wrapper .widget-wishlist,
.widget-header-wrapper .widget-house,
.widget-header-wrapper .widget-sales-order {
  margin-right: 24px;
}
.widget-header-wrapper .widget-logo {
  cursor: pointer;
}
.widget-header-wrapper .widget-logo img {
  height: 100%;
  width: 100%;
  max-height: 131px;
  max-width: 113px;
}
.widget-header-wrapper .widget-search-product .ant-col:only-child {
  width: 100%;
}
.widget-header-wrapper .widget-search-product button.ant-btn-link {
  width: 31px;
  height: 32px;
  border: none;
  padding: 0;
  margin: 0;
}
.widget-header-wrapper .widget-search-product button.ant-btn-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  .widget-header-wrapper .widget-search-product button.ant-btn-link {
    width: 28px;
    height: 30px;
  }
}
.widget-header-wrapper .widget-search-product .ant-row-middle .ant-col:last-child {
  width: 100%;
}
.widget-header-wrapper .widget-search-product .ant-row-middle .ant-col:last-child input {
  width: 100%;
}
.widget-header-wrapper .widget-search-product .ant-input.search-input {
  height: 32px;
  border-bottom: 2px solid #000000;
  font-size: 12px;
  border-top: none;
  border-left: none;
  border-right: none;
  font-weight: 500;
  color: #000000;
  border-radius: 0;
  padding-left: 5px;
}
.widget-header-wrapper .widget-search-product .ant-input.search-input:focus {
  box-shadow: unset;
}
.widget-header-wrapper .widget-search-product .ant-input.search-input:focus::placeholder {
  opacity: 0;
}
.widget-header-wrapper .widget-search-product .ant-input.search-input .mixin-placeholder {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  color: #000000;
  transform: translateX(30px);
}
@media (max-width: 1200px) {
  .widget-header-wrapper .widget-search-product .ant-input.search-input .mixin-placeholder {
    transform: translateX(0);
  }
}
.widget-header-wrapper .widget-search-product .ant-input.search-input::-webkit-input-placeholder {
  /* Edge */
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  color: #000000;
  transform: translateX(30px);
}
@media (max-width: 1200px) {
  .widget-header-wrapper .widget-search-product .ant-input.search-input::-webkit-input-placeholder {
    transform: translateX(0);
  }
}
.widget-header-wrapper .widget-search-product .ant-input.search-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  color: #000000;
  transform: translateX(30px);
}
@media (max-width: 1200px) {
  .widget-header-wrapper .widget-search-product .ant-input.search-input:-ms-input-placeholder {
    transform: translateX(0);
  }
}
.widget-header-wrapper .widget-search-product .ant-input.search-input::placeholder {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  color: #000000;
  transform: translateX(30px);
}
@media (max-width: 1200px) {
  .widget-header-wrapper .widget-search-product .ant-input.search-input::placeholder {
    transform: translateX(0);
  }
}
.widget-header-wrapper .widget-search-product img {
  height: 100%;
}
.widget-header-wrapper .widget-mini-cart {
  line-height: calc(37px - 4px);
}
.widget-header-wrapper .widget-mini-cart a {
  position: relative;
}
.widget-header-wrapper .widget-mini-cart a .ant-col {
  position: absolute;
  top: -3px;
  width: 96%;
  text-align: center;
  height: 25px;
  min-width: 25px;
  transform: translate(10px, 10px);
}
.widget-header-wrapper .widget-mini-cart a span.ant-typography {
  font-size: 10px;
  font-weight: bold;
}
.widget-header-wrapper .widget-mini-cart a span.ant-typography.mini-text {
  font-size: 9px;
}
.widget-header-wrapper .widget-mini-cart__withitems .ant-col {
  border: 1px solid #000000;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: -3px;
  width: 96%;
  text-align: center;
  height: 25px;
  transform: translate(10px, 10px);
}
.widget-header-wrapper .widget-mini-cart__withoutitems .ant-col {
  display: none;
}
.widget-header-wrapper .widget-lang .box {
  width: 29px;
  height: 29px;
  border-radius: 8px;
  box-shadow: 2px 2px 0 0 #000000;
  box-shadow: 5px 5px 0 0 #000000;
  border: solid 0.5px #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.widget-header-wrapper .widget-lang .box .text {
  font-size: 12px;
  font-weight: 600;
  color: black;
  text-transform: none;
  padding-top: 1px;
}
.lang-menu-overlay {
  top: 16px;
  right: -13px;
  padding: 13px 20px 21px 19.5px;
  background: #fff;
  border-radius: 0;
  max-height: 108px;
  height: 108px;
}
.lang-menu-overlay:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  z-index: 2;
  top: -8px;
  right: 18px;
  transform: rotate(45deg);
}
.lang-menu-overlay .ant-dropdown-menu-item-divider {
  height: 1px;
  margin: 9px 0 6px;
  border-top: solid 0.5px #000000;
}
.lang-menu-overlay .ant-dropdown-menu-item.lang-item {
  display: flex;
  flex-direction: column;
}
.lang-menu-overlay .ant-dropdown-menu-item.lang-item > div {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.56px;
  color: #000000;
}
.lang-menu-overlay .ant-dropdown-menu-item.lang-item.ant-dropdown-menu-item-only-child {
  cursor: pointer;
  padding: 0;
}
.lang-menu-overlay .ant-dropdown-menu-item.lang-item .box {
  width: 29px;
  height: 29px;
  border-radius: 8px;
  box-shadow: 3px 3px 0 0 black;
  border: solid 0.5px black;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
  background-color: brown;
}
.lang-menu-overlay .ant-dropdown-menu-item.lang-item .box.selected {
  box-shadow: 3px 3px 0 0 #6600ff;
  border: solid 0.5px #6600ff;
  color: #6600ff;
  background-color: #6600ff;
}
.lang-menu-overlay .ant-dropdown-menu-item.lang-item .box.selected .text {
  color: #6600ff;
}
.lang-menu-overlay .ant-dropdown-menu-item.lang-item .box .text {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: black;
}
.lang__mask {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.widget-account {
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
}
.widget-account span,
.widget-account .register {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  cursor: pointer;
}
.widget-account .account-btn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: normal;
  cursor: pointer;
  color: #000000;
  max-width: 200px;
  z-index: 1000;
}
.widget-account > span.account-btn {
  margin-right: 18px;
}
.widget-account div.account-btn {
  margin-right: 18px;
}
.widget-account__mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.widget-account-modal {
  position: absolute;
  z-index: 10;
}
.widget-account-modal--login {
  min-width: 324px;
}
.widget-account__login {
  position: relative;
  box-shadow: 0px 0px 3px 0 #a3a3a3;
  background: #ffffff;
  text-align: center;
  font-size: 15px;
  color: #000000;
  width: 366px;
  min-height: 458px;
  padding: 20px 21px 28px 20px;
  background-color: #ffffff;
}
.widget-account__login.guest {
  padding-bottom: 25px;
  min-height: 100%;
}
.widget-account__login.guest .widget-account__header {
  margin-bottom: 20px;
}
.widget-account__login.guest .email {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: none;
  font-size: 16px;
  line-height: 25px;
}
.widget-account__login.guest .yellow-box {
  margin: 8px 0;
}
.widget-account__login.guest .yellow-box .ant-alert-message {
  margin-left: 0px;
}
.widget-account__login.guest .yellow-box .custom-link {
  font-size: 12px;
  color: #bb8b3e;
  text-transform: none;
  text-align: left;
}
.widget-account__login.guest .yellow-box .custom-link a {
  text-decoration: underline;
  color: #bb8b3e;
}
.widget-account__login.guest .help-support-wrapper {
  text-transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  text-align: 16px;
}
.widget-account__login.guest .icon-info {
  margin-right: 5px;
}
.widget-account__login.guest .guest_sign_out-btn-wrapper span {
  font-size: 20px;
}
.widget-account__login.guest-mobile {
  width: 100%;
  min-height: 100%;
  box-shadow: none;
  padding: 0 0 0 0;
  margin: 5px 0 0 0;
}
.widget-account__login.guest-mobile .widget-account__header {
  margin-bottom: 10px;
}
.widget-account__login.guest-mobile .email {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 5px 0;
  line-height: 13px;
  font-size: 16px;
  text-transform: none;
  margin-bottom: 10px;
}
.widget-account__login.guest-mobile .yellow-box {
  margin: 0 0 5px 0;
}
.widget-account__login.guest-mobile .yellow-box .ant-alert-message {
  margin-left: 0px;
}
.widget-account__login.guest-mobile .yellow-box .custom-link {
  font-size: 12px;
  color: #bb8b3e;
  text-transform: none;
  text-align: left;
}
.widget-account__login.guest-mobile .yellow-box .custom-link a {
  text-decoration: underline;
  color: #bb8b3e;
}
.widget-account__login.guest-mobile .help-support-wrapper {
  text-transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  text-align: 16px;
}
.widget-account__login.guest-mobile .icon-info {
  margin-right: 5px;
}
.widget-account__login.guest-mobile .guest_sign_out-btn-wrapper span {
  font-size: 20px;
}
.widget-account__login .ant-form-item {
  border-radius: 2px;
}
.widget-account__login .ant-form-item:last-child {
  margin-top: 0px;
  margin-bottom: 24px;
}
.widget-account__login .no-margin .ant-form-item {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.widget-account__login .label {
  color: #000;
  top: 14px;
}
.widget-account__login .label.label-float {
  color: #c0c0c0;
  top: 5px;
}
.widget-account__login::after {
  content: "";
  position: absolute;
  top: -12px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #fff;
}
.widget-account__login .float-input .ant-input-suffix {
  margin-top: -9px;
}
.widget-account__login-title {
  text-transform: capitalize;
  margin: 0;
  height: 19px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.login-form-facebook {
  width: 100%;
  height: 44px;
  border: solid 1px #4466af;
  background-color: #4466af !important;
  color: #ffffff !important;
  text-align: center;
  border-radius: 2px;
  outline: none;
  padding: 0;
  display: flex;
  align-items: center;
}
.login-form-facebook:hover {
  background-color: #4466af;
  color: #ffffff;
}
.login-form-facebook .login-form-facebook-icon {
  width: 50px;
  height: 44px;
  background-color: #29498e;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: solid 1px #29498e;
}
.login-form-facebook .login-form-facebook-icon img {
  height: 30px !important;
  width: 14px !important;
  margin-right: 0 !important;
}
.login-form-facebook .login-form-facebook-title {
  text-align: center;
  width: calc(100% - 50px);
}
.login-form-facebook .login-form-facebook-title .signin-btn {
  padding: 0;
  box-shadow: none;
  background: unset;
}
.login-form-facebook .login-form-facebook-title .signin-btn::selection {
  background: unset;
}
.login-form-facebook .login-form-facebook-title .signin-btn::after {
  display: none;
}
.login-form__bottom {
  color: #000000;
}
.login-form__bottom p:first-child {
  font-size: 12px;
  margin-bottom: 17px;
  text-transform: none;
}
.login-form__bottom p:last-child {
  margin-top: 24px;
}
.login-form__bottom .login-form__signup {
  margin-bottom: 0;
  text-transform: initial;
  font-weight: 400;
  font-size: 14px;
}
.login-form__bottom .ant-btn-default {
  border-radius: 2px;
}
.login-form__bottom .ant-btn-default:focus,
.login-form__bottom .ant-btn-default:hover {
  border-color: #4466af;
}
.widget-account__login-form {
  text-transform: none;
}
.widget-account__login-form .ant-form-item-has-error {
  padding: 0;
}
.widget-account__login-form .ant-form-item-control {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.widget-account__login-form .ant-form-item {
  margin-bottom: 0;
}
.widget-account__login-form .ant-form-item .label {
  left: 15px;
}
.widget-account__login-form .ant-form-item .ant-form-item-explain {
  min-height: initial;
  position: unset;
  margin-top: 0;
}
.widget-account__login-form .ant-form-item .ant-form-item-explain > div {
  text-align: right;
}
.widget-account__login-form .ant-form-item .ant-form-item-explain .message-error {
  display: unset;
}
.widget-account__login-form .ant-form-item:nth-child(1) {
  margin-top: 13px;
}
.widget-account__login-form .ant-form-item:nth-child(1).ant-form-item-has-error .float-label input.ant-input {
  border: solid 0.5px #f00;
}
.widget-account__login-form .ant-form-item:nth-child(1) .float-label input.ant-input {
  padding: 11px 105px 13px 15px !important;
  border-radius: 2px;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
}
.widget-account__login-form .ant-form-item:nth-child(1) .float-label input.ant-input.float-input {
  padding: 27px 12px 13px 15px !important;
}
.widget-account__login-form .ant-form-item:nth-child(2) {
  margin-top: 15px;
}
.widget-account__login-form .ant-form-item:nth-child(2).ant-form-item-has-error .ant-input-affix-wrapper {
  border: solid 0.5px #f00;
}
.widget-account__login-form .ant-form-item:nth-child(2) .ant-input-affix-wrapper {
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  padding: 11px 12px 13px 15px !important;
}
.widget-account__login-form .ant-form-item:nth-child(2) span.ant-input-affix-wrapper.ant-input-password {
  padding: 13px 12px 13px 15px !important;
  border-radius: 2px;
}
.widget-account__login-form .ant-form-item:nth-child(2) span.ant-input-affix-wrapper.ant-input-password.float-input {
  padding: 16px 12px 7px 15px !important;
}
.widget-account__login-form .message-error {
  font-size: 12px;
}
.widget-account__login-form .ant-typography.text-register-color {
  color: #fff;
}
.widget-account__login-form .login-form__forgetPassword {
  font-size: 14px;
  text-align: right;
  margin-bottom: 25px;
  margin-top: 6px;
}
.widget-account__login-form .login-form__forgetPassword.have-error {
  margin-bottom: 21px;
}
.widget-account__login-form .login-form__forgetPassword span {
  cursor: pointer;
  font-size: 12px;
}
.widget-account__login-form .login-form__forgetPassword a {
  font-size: 12px;
  text-decoration: none;
}
.widget-account__login-form .login-form__signin-error {
  color: #f5222d;
  text-align: left;
  text-transform: none;
  margin-bottom: 13px;
}
.widget-account__login-form .login-form__signin-deleted-account {
  color: #f5222d;
  text-align: left;
  text-transform: none;
  margin-bottom: 13px;
  font-size: 14px;
  line-height: normal;
  font-weight: normal;
}
.widget-account__login-form .login-form__signin-deleted-account a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: underline;
}
.widget-account__login-form .login-form__signin-password {
  margin-bottom: 0;
}
.form-warning {
  height: 21px;
  display: flex;
  justify-content: flex-end;
  color: #f5222d;
  text-transform: none;
  font-size: 14px;
}
.form-warning:nth-child(2) {
  margin-top: 24px;
}
.form-warning img {
  height: 70%;
  margin-right: 5px;
  cursor: unset;
}
.form-warning p {
  line-height: 15px;
}
.widget-account__myaccount {
  position: relative;
  width: 324px;
  padding: 9px 18px 13px 19px;
  background-color: #ffffff;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item {
  display: flex;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 0px 0px;
  align-items: center;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item .text-soft {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #b0b0b0;
  margin-left: 5px;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item .img-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item .img-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item .label-wrapper {
  display: block;
  width: 100%;
  padding: 11px 0 11px;
  height: 43px;
  border-bottom: 0.5px solid #000;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item .label-wrapper a {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.56px;
  color: #000000;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item .label-wrapper.last {
  border-bottom: none;
  cursor: pointer;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item.account-icon .img-container {
  margin-right: 13px;
  min-width: 20px;
  width: 20px;
  height: 17px;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item.order-icon .img-container {
  margin-right: 15px;
  min-width: 16px;
  width: 16px;
  height: 20px;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item.info-icon .img-container {
  margin-right: 12px;
  min-width: 22px;
  width: 22px;
  height: 22px;
}
.widget-account__myaccount .myaccount-item.myaccount-item.myaccount-item.logout-icon .img-container {
  margin-right: 13px;
  min-width: 20px;
  width: 20px;
  height: 21.6px;
}
.widget-account__myaccount::after {
  content: "";
  position: absolute;
  top: -12px;
  right: 26px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #fff;
}
.account-btn.account--logged {
  margin-right: 30px !important;
}
.widget-account__myaccount.widget-account__myaccount--logged .img-container img {
  margin-right: 0 !important;
}
.mixin-widget-account {
  box-shadow: 0px 0px 3px 0 #a3a3a3;
  background: #ffffff;
}
@media (max-width: 1199px) {
  .widget-header-wrapper {
    margin-top: 0;
    padding: 5px 15px;
  }
  .widget-header-wrapper .column-right .top {
    border-bottom: none;
    padding-bottom: 0px;
  }
  .widget-header-wrapper .column-right .top .top-left {
    width: 80%;
  }
  .widget-header-wrapper .column-right .top .top-right .column:last-child {
    border-left: none;
    padding-left: 19px;
  }
  .widget-header-wrapper .column-right-top {
    display: none;
  }
  .widget-header-wrapper .column-account {
    display: none;
  }
  .widget-header-wrapper .widget-logo > img {
    max-height: 75px;
    max-width: 75px;
  }
  .widget-header-wrapper .widget-house {
    margin-right: 0px;
  }
  .widget-header-wrapper .widget-mini-cart {
    margin-right: 0px;
  }
  .widget-header-wrapper .logo-wrapper {
    margin-left: 20px;
  }
  .main-menu-mobile {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1199px) and (max-width: 1200px) {
  .widget-header-wrapper .logo-wrapper img {
    width: 43px !important;
    height: 50px !important;
    object-fit: contain;
  }
}
@media (max-width: 1199px) {
  .ant-drawer-wrapper-body {
    display: block;
  }
  .ant-drawer-wrapper-body .ant-drawer-header {
    position: fixed;
    width: 80%;
    z-index: 9999;
    border-bottom: none;
  }
  .ant-drawer-wrapper-body .ant-drawer-header::after {
    content: "";
    display: block;
    margin: auto;
    background: #000000;
    height: 2px;
    margin-top: 16px;
  }
  .ant-drawer-wrapper-body .ant-drawer-body {
    padding-top: 64px;
  }
  .sticky {
    margin-top: 0px;
  }
  .ant-input.search-input {
    width: 100%;
    margin-right: 10px;
  }
  .drawer-main-menu .icon {
    transition: all 0.5s;
  }
  .drawer-main-menu .icon.close {
    transform: rotate(-180deg);
  }
  .drawer-main-menu .ant-drawer-content-wrapper {
    width: 80% !important;
    overflow: hidden;
  }
  .drawer-main-menu .main-menu i.ant-menu-submenu-arrow {
    right: 0;
  }
  .drawer-main-menu .button-text {
    font-size: 12px !important;
  }
  .logo-wrapper {
    font-size: initial;
    display: flex;
    align-items: center;
  }
  .logo-wrapper .widget-logo img {
    height: 32px;
    width: 32px;
  }
  .widget-header-wrapper .widget-search-product .ant-input.search-input {
    width: 100px;
  }
  .widget-header-wrapper .widget-search-product .ant-btn-link img {
    height: 24px;
  }
  .widget-header-wrapper .widget-search-product input#search::-webkit-input-placeholder {
    font-size: 8px;
    text-align: center;
  }
  .widget-header-wrapper .widget-search-product .ant-row-middle .ant-col:last-child {
    max-width: 100%;
  }
  .widget-header-wrapper .menu-mobile-btn {
    font-size: 20px;
    margin-right: 0;
  }
  .widget-header-wrapper .widget-mini-cart a span.ant-typography.mini-text {
    font-size: 9px;
  }
  .widget-header-wrapper .column-right-main {
    width: 100%;
    padding-left: 0px;
    margin-left: 0px;
  }
  .widget-header-wrapper .top-right {
    width: unset !important;
  }
  .widget-header-wrapper .column.top {
    display: flex;
    align-items: center;
    max-height: 55px;
    padding-top: 0;
  }
  .widget-header-wrapper .column.top .top-left {
    width: 100%;
  }
  .main-menu {
    width: 90%;
    margin: auto;
    border-right: none;
  }
  .main-menu > li > div.ant-menu-submenu-title {
    padding-left: 0px !important;
  }
  .main-menu > .ant-menu-item-only-child {
    padding-left: 0px !important;
    margin-top: 13px !important;
  }
  .main-menu > .ant-menu-item-only-child span.ant-typography {
    font-size: 12px;
    font-weight: 700;
  }
  .main-menu .sub-menu.first-level {
    border-top: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 3.33;
    color: #000000;
    margin-top: 13px;
  }
  .main-menu .sub-menu.first-level-last {
    border-bottom: none;
  }
  .main-menu .ant-menu-submenu-title {
    padding-right: 40px !important;
  }
  .main-menu li .ant-menu-submenu-selected {
    color: #000000;
  }
  .main-menu li.ant-menu-item-only-child span.ant-typograph {
    font-size: 12px;
  }
  .main-menu li > .ant-menu-item-only-child {
    border-top: none;
    width: 100% !important;
    margin-top: 13px !important;
  }
  .main-menu li .ant-menu-submenu-title {
    color: #000000;
    width: 100% !important;
  }
  .main-menu li .ant-menu-submenu-title span.ant-typography {
    font-size: 12px;
  }
  .main-menu li .ant-menu-submenu-title span.ant-typography:hover {
    color: #6600ff;
  }
  .main-menu li > .ant-menu-sub > li {
    font-weight: 500;
    font-size: 12px;
  }
  .main-menu li > .ant-menu-sub > li.ant-menu-item-only-child {
    padding-left: 13px !important;
  }
  .main-menu li > .ant-menu-sub > li.ant-menu-item-only-child:hover {
    color: #6600ff;
  }
  .main-menu li > .ant-menu-sub > li.ant-menu-submenu > .ant-menu-submenu-title {
    padding-left: 13px !important;
    font-size: 12px !important;
  }
  .main-menu li > .ant-menu-sub > li.ant-menu-submenu > .ant-menu-submenu-title:hover {
    color: #6600ff;
  }
  .main-menu li > .ant-menu-sub > li.ant-menu-submenu > .ant-menu-sub > li {
    font-weight: normal;
    font-size: 12px;
  }
  .main-menu li > .ant-menu-sub > li.ant-menu-submenu > .ant-menu-sub > li.ant-menu-item-only-child {
    padding-left: 23px !important;
  }
  .main-menu li > .ant-menu-sub > li.ant-menu-submenu > .ant-menu-sub > li.ant-menu-item-only-child:hover {
    color: #6600ff;
  }
  .main-menu i.ant-menu-submenu-arrow {
    width: 20px;
    height: 20px;
    transform: none !important;
    top: 40%;
  }
  .main-menu i.ant-menu-submenu-arrow::before {
    content: "";
    position: absolute;
    background: #000000 !important;
    top: -7px;
    bottom: 4px;
    width: 2px !important;
    transform: translateX(-50%) !important;
    height: 14px !important;
  }
  .main-menu i.ant-menu-submenu-arrow::after {
    content: "";
    position: absolute;
    background: #000000 !important;
    left: -7px;
    right: 4px;
    height: 2px !important;
    transform: translateY(-50%) !important;
    width: 14px !important;
  }
  .main-menu .ant-menu-submenu-open > div > i.ant-menu-submenu-arrow::before {
    content: none !important;
  }
  .main-menu .ant-menu-submenu-open > div > i.ant-menu-submenu-arrow::after {
    content: "";
    position: absolute;
    background: #000000;
    left: -7px;
    right: 4px;
    height: 2px !important;
    transform: translateY(-50%) !important;
    width: 14px !important;
  }
  .profile-menu {
    border-bottom: solid 2px #000000;
    width: 90%;
    margin: auto;
    border-right: none;
    padding: 13px 0px;
    transition: all 0.5s;
  }
  .profile-menu.closed {
    border-bottom: solid 0px #000000;
    padding: 0px;
  }
  .profile-menu li.ant-menu-item {
    height: 44px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 4;
    letter-spacing: 0.91px;
    color: #000000;
    padding-left: 0px !important;
    text-transform: uppercase;
  }
  .profile-menu li.ant-menu-item .item {
    display: flex;
    align-items: center;
  }
  .profile-menu li.ant-menu-item > a:hover {
    color: #6600ff;
  }
  .profile-menu li.ant-menu-item img {
    height: 20px;
    width: 20px;
    margin-right: 12px;
  }
  .change-language {
    border-top: solid 2px #000000;
    width: 90%;
    margin: auto;
    border-right: none;
    padding-top: 13px;
    padding-bottom: 23px;
    margin-top: 16px;
  }
  .change-language .ant-col:last-child {
    text-transform: uppercase;
    display: flex;
    align-items: center;
  }
  .language-icon {
    width: fit-content;
    height: 30px;
    margin: 0 19px 0 0;
    padding: 4px 3px 6px;
    border-radius: 8px;
    box-shadow: 3px 3px 0 0 #000000;
    border: solid 0.5px #000000;
    background-color: #ffffff;
  }
  .ant-drawer-close {
    width: 30px;
    height: 30px;
    margin: 9px 13px 16px 87.5px;
    padding: 8px 7px 7px 8px;
    box-shadow: 3px 3px 0 0 #000000;
    border: solid 0.5px #000000;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #000000;
    margin-top: 14px;
  }
  .drawer-main-menu .ant-drawer-header {
    padding: 16px 0;
  }
  .drawer-main-menu {
    pointer-events: none;
  }
  .drawer-main-menu.ant-drawer-open {
    pointer-events: unset;
  }
  .drawer-main-menu.ant-drawer-open .ant-drawer-header {
    padding: 16px 13px 16px;
  }
  .ant-drawer-title {
    text-transform: uppercase;
    font-weight: 500;
  }
  .ant-drawer-title > div {
    display: flex;
    align-items: center;
  }
  .ant-drawer-title > div span.anticon {
    margin-left: 5px;
  }
  .ant-drawer-title img {
    margin-right: 10px;
  }
  .ant-drawer-title span.ant-typography {
    font-size: 10px;
  }
  .drawer-title {
    display: flex;
    align-items: center;
  }
  .drawer-title .login-link {
    border-right: 1px solid #000000;
    padding-right: 10px;
    margin-right: 10px;
  }
  .drawer-title .login-link.is-guest-mode {
    border-right: 0px;
  }
  .drawer-title span {
    margin-left: 5px;
  }
}
@media (min-width: 576px) {
  .drawer-main-menu .ant-drawer-content-wrapper {
    width: 80% !important;
  }
}
@media (min-width: 768px) {
  .drawer-main-menu .ant-drawer-content-wrapper {
    width: 50% !important;
  }
  .ant-drawer-wrapper-body .ant-drawer-header {
    width: 50% !important;
  }
}
.ant-menu-vertical .category-bar-main-menu:not(:last-child) {
  margin-bottom: 0px;
  border-bottom: 1px solid black;
}
.ant-menu-vertical.ant-menu-sub .category-bar-main-menu {
  margin: 0px 16px;
  padding: 2px 0px 38px;
}
.ant-menu-vertical.ant-menu-sub .category-bar-main-menu.ant-menu-item-selected {
  background-color: transparent;
}
.ant-menu-vertical.ant-menu-sub .category-bar-main-menu.ant-menu-item-selected .ant-typography {
  color: #6600ff;
}
.ant-menu-vertical.ant-menu-sub .category-bar-main-menu:hover .ant-typography {
  color: #6600ff;
}
.widget-account__header {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.widget-account__header div {
  margin-right: 4px;
}
.widget-account__header img {
  width: 19px;
  height: auto;
}
.search__icon button {
  overflow: unset;
  width: 100%;
  height: 100%;
}
.search__icon img {
  object-fit: contain;
}
@media (max-width: 768px) {
  .search__icon {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .search__icon {
    flex: 0 0 45px;
    padding: 0 !important;
  }
  .search__icon button {
    margin: 0 !important;
    padding: 0 !important;
  }
  .search__icon img {
    width: 34px;
    height: 34px;
  }
  .widget-header-wrapper .widget-search-product .ant-row-middle .ant-col:last-child input {
    max-width: 630px;
  }
}
@media (max-width: 768px) {
  .search__icon {
    flex: 0 0 35px;
    margin-left: 0;
  }
}
.widget-account__header img {
  width: 19px !important;
  height: 20px !important;
  margin: 0 !important;
}
@media (max-width: 320px) {
  .widget-header-wrapper .column-right .top .top-right .column:last-child {
    border-left: none;
    padding-left: 34px;
  }
}
@media (max-width: 1023px) and (min-width: 360px) {
  .drawer-main-menu .button-text {
    max-width: 67%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    -webkit-line-clamp: 1;
    white-space: nowrap;
  }
}
@media (max-width: 360px) {
  .drawer-main-menu .button-text {
    max-width: 58%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    -webkit-line-clamp: 1;
    white-space: nowrap;
  }
}
.footer-outer {
  background-color: #ffffff;
  margin: auto;
}
.footer-outer .footer-middle {
  margin-top: 30px;
}
.footer-outer .footer-main__bottom-copyright {
  font-size: 12px;
  margin: 1.5rem auto 0;
}
.footer-outer .footer-main__bottom-copyright > p {
  margin-bottom: 0;
}
.footer-main-wrapper {
  background-color: #000000;
  padding: 30px 62px 30px 64px;
  color: #fbfbfb;
  max-height: 500px;
  /* 1199px */
  /* 1099px */
  /* 991px */
  /* 768px */
}
@media only screen and (max-width: 1199px) {
  .footer-main-wrapper {
    max-height: unset;
    align-items: center;
  }
  .footer-main-wrapper .footer-main__first .ant-row.brands {
    margin-top: 2.5rem;
    flex-wrap: nowrap;
  }
  .footer-main-wrapper .ant-row.brands {
    max-height: 48px;
    justify-content: space-around;
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-brands {
    margin-right: 15px;
    max-width: calc(100% - 48px - 15px);
  }
}
@media only screen and (max-width: calc(1199px - 100px)) {
  .footer-main-wrapper {
    padding-bottom: 40px;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container {
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 2rem;
  }
}
@media only screen and (max-width: 991px) {
  .footer-main-wrapper .ant-row.brands {
    max-height: 42px;
    justify-content: space-around;
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-brands {
    margin-right: 25px;
    max-width: calc(100% - 42px - 25px);
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-gourmet {
    max-height: inherit;
  }
}
@media only screen and (max-width: 900px) {
  .footer-main-wrapper .footer-main .footer-main__grid-container {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
  }
  .footer-main-wrapper .ant-row.brands {
    max-height: 40px;
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-brands {
    margin-right: 25px;
    max-width: calc(100% - 40px - 25px);
  }
}
@media only screen and (max-width: 768px) {
  .footer-main-wrapper {
    padding: 20px;
  }
  .footer-main-wrapper .ant-row.brands {
    max-height: 80px;
    justify-content: space-around;
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-brands {
    margin-right: 25px;
  }
  .footer-main-wrapper .footer-main {
    flex-direction: column-reverse;
  }
  .footer-main-wrapper .footer-main .footer-main__second {
    margin-left: 0;
  }
  .footer-main-wrapper .footer-main .footer-subscribe-and-social .footer-subscribe {
    width: 100%;
  }
  .footer-main-wrapper .footer-main .footer-subscribe-and-social .footer-subscribe .float-input {
    padding: 16px 12px 4px 11px !important;
  }
  .footer-main-wrapper .footer-main .footer-subscribe-and-social .footer-subscribe .label-float {
    top: 5px;
  }
  .footer-main-wrapper .footer-main .footer-main__bottom-mobile-store > .mobile-store-images {
    justify-content: space-between;
  }
  .footer-main-wrapper .footer-main .footer-main__first {
    margin-top: 20px;
    margin-right: 0;
  }
  .footer-main-wrapper .footer-main .footer-main__first .ant-row.brands {
    margin-top: inherit;
  }
  .footer-main-wrapper .footer-main .footer-main__first .footer-main__grid-item:last-child .grid-item-first-text {
    border-bottom: 1px solid #fff;
  }
  .footer-main-wrapper .footer-main .footer-main__first .footer-main__grid-item:last-child.show-content .grid-item-first-text {
    border-bottom: none;
  }
  .footer-main-wrapper .footer-main .footer-main__first .footer-main__grid-item:last-child.show-content .grid-item-first-text + div {
    border-bottom: 1px solid #fff;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container .footer-item-main {
    display: none;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container .grid-item-first-text {
    cursor: pointer;
    margin-bottom: 0;
    padding: 0 0.5rem;
    border-top: 1px solid #fff;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container .grid-item-first-text > span {
    color: #ffffff;
    line-height: 48px;
    font-weight: bold;
    display: block;
    position: relative;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container .grid-item-first-text > span::after {
    content: "+";
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container .footer-main__grid-item.show-content .grid-item-first-text {
    border-bottom: none;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container .footer-main__grid-item.show-content .grid-item-first-text > span::after {
    content: "-";
    font-size: 24px;
    right: 3px;
    top: -1px;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container .footer-main__grid-item.show-content .grid-item-first-text + .footer-item-main {
    display: block;
    padding: 0 0 1rem 1.5rem;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container .footer-main__grid-item.show-content + div.footer-main__grid-item p.grid-item-first-text {
    border-top: none !important;
  }
  .footer-main-wrapper .footer-main .footer-main__grid-container .footer-main__grid-item.show-content:last-child .footer-item-main {
    border-bottom: none !important;
  }
}
@media only screen and (max-width: 550px) {
  .footer-main-wrapper {
    padding: 0.75rem;
  }
  .footer-main-wrapper .ant-row.brands {
    max-height: 42px;
    justify-content: space-around;
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-brands {
    margin-right: 20px;
    max-width: calc(100% - 42px - 20px);
  }
}
@media only screen and (max-width: 600px) {
  .footer-main-wrapper {
    padding: 0.75rem;
  }
  .footer-main-wrapper .ant-row.brands {
    max-height: 45px;
    justify-content: space-around;
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-brands {
    margin-right: 20px;
    max-width: calc(100% - 45px - 20px);
  }
}
@media only screen and (max-width: 500px) {
  .footer-main-wrapper {
    padding: 0.75rem;
  }
  .footer-main-wrapper .ant-row.brands {
    max-height: 40px;
    justify-content: space-around;
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-brands {
    margin-right: 10px;
    max-width: calc(100% - 40px - 10px);
  }
}
@media only screen and (max-width: 450px) {
  .footer-main-wrapper {
    padding: 0.75rem;
  }
  .footer-main-wrapper .ant-row.brands {
    max-height: 35px;
    justify-content: space-around;
    display: flex;
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-brands {
    margin-right: 10px;
    max-width: calc(100% - 35px - 10px);
  }
  .footer-main-wrapper .ant-row.brands a:last-of-type img {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 380px) {
  .footer-main-wrapper {
    padding: 0.75rem;
  }
  .footer-main-wrapper .ant-row.brands {
    max-height: 32px;
  }
  .footer-main-wrapper .ant-row.brands .footer-main__bottom-brands {
    max-width: calc(100% - 32px - 10px);
  }
}
.footer-main ul,
.footer-main__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-main,
.footer-main__bottom-copyright {
  max-width: 1240px;
}
.footer-main {
  display: flex;
  margin: 0 auto;
}
.footer-main .footer-main__first {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 1.25rem;
}
.footer-main .footer-main__grid-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  line-height: 1.83;
}
.footer-main .footer-main__grid-container .footer-main__grid-item .grid-item-first-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.footer-main .footer-main__grid-container .footer-main__grid-item .grid-item-first-text > span {
  font-size: 14px;
}
@media (max-width: 767px) {
  .footer-main .footer-main__grid-container .footer-main__grid-item .grid-item-first-text > span {
    font-size: 12px;
  }
}
.footer-main .footer-main__grid-container .footer-main__grid-item .footer-item-main {
  font-weight: 500;
}
.footer-main .footer-main__grid-container .footer-main__grid-item .footer-item-main > p:last-child {
  margin-bottom: 0;
}
.footer-main .footer-main__contact {
  margin-bottom: 0;
}
.footer-main h3 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  line-height: 1;
}
.footer-main a,
.footer-main span {
  color: #ffffff;
  font-size: 16px;
}
.footer-main a:active,
.footer-main a:hover,
.footer-main a:focus {
  color: #ffffff;
}
.footer-main__socials li,
.footer-main__links li {
  display: inline-block;
  line-height: 1.2;
}
.footer-subscribe-and-social {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.footer-subscribe-and-social .footer-subscribe {
  width: 340px;
}
.footer-subscribe-and-social .footer-main__socials {
  margin-top: 20px;
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.footer-subscribe-and-social .footer-main__socials img {
  width: 41px;
}
.footer-main__bottom-mobile-store {
  margin-top: 0;
}
.footer-main__bottom-mobile-store .mobile-store-title {
  font-size: 22px;
}
.footer-main__bottom-mobile-store .mobile-store-title:hover {
  color: #ffffff;
}
.footer-main__bottom-mobile-store .mobile-store-images {
  display: flex;
  height: 30px;
  margin-top: 12px;
}
.footer-main__bottom-mobile-store .mobile-store-images img {
  height: 100%;
  max-width: 101px;
  cursor: pointer;
}
.footer-main__bottom-mobile-store .mobile-store-images img:not(:last-child) {
  margin-right: 15px;
}
.footer-main__links li .saparate {
  color: #ffffff;
  display: inline-block;
  padding: 0 5px;
}
.footer-main__contact ul li {
  line-height: 1.2;
}
.footer-main__contact span.label {
  padding-right: 5px;
  text-transform: uppercase;
}
.footer-main__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  text-align: right;
}
.footer-main__nav li {
  line-height: 1;
}
.footer-main__nav li span {
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 30px;
  text-transform: uppercase;
}
.footer__policy-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__policy-links li {
  border-right: 1px solid #000000;
  display: inline-block;
  padding-right: 17px;
  margin-right: 13px;
  line-height: 16px;
}
.footer__policy-links li:last-child {
  border-right: none;
}
.footer__policy-links li span {
  font-size: 16px;
}
.footer-newsletter {
  display: flex;
  flex-direction: column;
}
.footer-newsletter h2 {
  font-size: 16px;
  font-weight: 400;
  flex-grow: 1;
  line-height: 18px;
  padding-right: 15px;
}
.footer-newsletter .newsletter-title {
  display: flex;
  font-size: 14px;
  align-items: center;
  margin-bottom: 10px;
}
.footer-newsletter .newsletter-title img {
  max-width: 50px;
  margin-right: 15px;
}
.footer-newsletter .newsletter-title h2 {
  color: #fbfbfb;
  font-size: 14px;
  font-weight: 600;
}
.footer-newsletter .newsletter-title h2:hover {
  color: #fbfbfb;
}
.footer-newsletter .newsletter-form {
  position: relative;
}
.footer-newsletter .newsletter-form .ant-form-item {
  width: 100%;
}
.footer-newsletter .newsletter-form input {
  border: 0.5px solid #000000;
  background-color: #ffffff;
  width: 325px;
  height: 43px;
  color: #000000;
  box-shadow: 3px 3px 0 0 #cccccc;
  margin-bottom: 0px !important;
}
.footer-newsletter .newsletter-form input:focus {
  outline: none;
}
.footer-newsletter .newsletter-form ::-webkit-input-placeholder {
  /* Edge */
  text-align: center;
  color: #000000;
}
.footer-newsletter .newsletter-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  text-align: center;
  color: #000000;
}
.footer-newsletter .newsletter-form ::placeholder {
  text-align: center;
  color: #000000;
}
.footer-newsletter .newsletter-form .ant-typography-success {
  color: #52c41a;
}
.footer-newsletter .newsletter-form .ant-typography {
  padding-left: 10px;
}
.footer-newsletter .newsletter-form .ant-btn-loading {
  background: #1979c3;
  position: absolute;
  right: 0;
  height: 45px;
  width: 45px;
}
.footer-newsletter .newsletter-form .label {
  top: 10px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .footer-newsletter .newsletter-form .label {
    font-size: 12px;
    color: #000;
    top: 13px;
  }
}
.footer-newsletter .newsletter-form .ant-input {
  border-radius: 0px !important;
  width: 100%;
}
.footer-policy-outer {
  display: flex;
  justify-content: flex-end;
}
.footer-subscribe-status {
  display: flex;
  float: right;
}
.footer-subscribe-status-error .message-error {
  display: flex;
  justify-content: center;
  color: #e60f0f !important;
  font-size: 14px !important;
}
.footer-subscribe-status-error .message-success {
  display: flex;
  justify-content: center;
  color: #7ed321 !important;
  font-size: 14px !important;
}
.footer-subscribe-status-success {
  color: #7ed321 !important;
}
.footer-subscribe-status-success .message-error {
  display: flex;
  justify-content: center;
  color: #e60f0f !important;
  font-size: 14px !important;
}
.footer-subscribe-status-success .message-success {
  display: flex;
  justify-content: center;
  color: #7ed321 !important;
  font-size: 14px !important;
}
.footer-subscribe-status-invalid {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.footer-main__second {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
}
.footer-main__second > .ant-row:first-child {
  justify-content: space-between;
}
.footer-main__second > .ant-row:nth-child(2) {
  margin-top: 20px;
}
.footer-main__second .footer-main__bottom-gourmet {
  font-weight: 600;
  color: #fbfbfb;
  display: inline-block;
  margin-left: 41px;
  max-height: inherit;
}
.footer-main__second .footer-main__bottom-gourmet > img {
  width: 56px;
  height: 55px;
  margin: auto auto auto 41px;
}
.footer-main__second .footer-main__bottom-gourmet-action {
  max-width: 117px;
  height: 48px;
  margin-right: 19px;
  transform: translateY(18px);
}
.footer-main__second .footer-main__bottom-gourmet-action span {
  font-weight: 600;
  color: #fbfbfb;
  font-size: 12px !important;
}
.footer-main__second .footer-main__bottom-gourmet-action span span {
  font-size: 14px !important;
}
.footer-main__second .footer-main__bottom-gourmet-action span span:not(:last-child) {
  margin-bottom: 15px;
}
.ant-row.brands {
  flex-wrap: nowrap;
  max-height: 80px;
}
.footer-main__bottom-brands {
  max-width: calc(100% - 65px);
  margin-right: 25px;
}
.footer-item-main {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
}
.footer-item-secondary {
  font-weight: 600;
  color: #fbfbfb;
}
.footer-item-secondary span {
  font-size: 14px !important;
}
.footer-item-secondary span:not(:last-child) {
  margin-bottom: 15px;
}
.footer-subscribe-ico-direction {
  position: absolute;
  bottom: 10px;
  right: 8px;
  width: 18px;
  height: 24px;
  cursor: pointer;
}
.footer-subscribe-ico-direction-safari {
  position: absolute;
  bottom: 10px;
  right: 8px;
  width: 18px;
  height: 24px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .footer-subscribe-ico-direction-safari {
    right: 8px;
  }
}
.footer-subscribe-ico-direction_loading {
  position: absolute;
  bottom: 10px;
  right: 8px;
  width: 18px;
  height: 24px;
  cursor: pointer;
  color: #737373 !important;
  right: 12px;
}
.footer-subscribe-ico-direction_loading-safari {
  position: absolute;
  bottom: 10px;
  right: 8px;
  width: 18px;
  height: 24px;
  cursor: pointer;
  color: #737373 !important;
  right: 12px;
}
.footer-subscribe-form {
  position: relative;
}
.footer-subscribe-form .ant-row {
  margin-bottom: 0px !important;
}
.footer-subscribe-form .float-label {
  margin-bottom: 0px !important;
}
.footer-subscribe-form_invalid {
  box-shadow: 3px 3px 0 0 #ff0000 !important;
}
.copyright {
  display: none;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .copyright {
    display: block;
  }
  .copyright a {
    display: block;
    background: #000000;
    font-size: 10px;
    color: #ffffff;
    padding-bottom: 10px;
    padding-top: 30px;
  }
}
@media (max-width: 1599px) {
  .footer-outer > div:first-child {
    margin-top: 0;
  }
}
.menu-footer {
  margin-top: 15px;
  border-top: solid 2px #000000;
}
.footerContentHtml.footerContentHtml {
  height: auto !important;
}
.footerContentHtml.footerContentHtml a::before {
  position: relative;
}
@media (max-width: 768px) {
  .footer-main-wrapper .footer-main > .footer-main__first {
    display: none;
  }
}
@media (max-width: 768px) {
  .footer-main-wrapper .footer-main .footer-subscribe-and-social > .footer-main__socials {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .footer-main-wrapper .footer-main .footer-subscribe-and-social {
    padding: 0 8px;
  }
}
@media (max-width: 768px) {
  .footer-main-wrapper .footer-main__bottom-copyright {
    text-align: center;
  }
}
.ant-btn-primary {
  background-color: #dc433b;
  border-radius: 0;
  border: 0;
}
.ant-btn-primary:hover {
  background-color: #a4a7a9;
}
.ant-btn {
  border-radius: 0;
}
.ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab,
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  border-radius: 0;
  margin-right: 0;
  border-right: none;
  border-color: #ccc;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:last-child,
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active:last-child {
  border-right: 1px solid #ccc;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  border-bottom: none;
}
.magento-tab .ant-tabs-bar {
  margin: 0;
  border-bottom: none;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  border: none;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.mixin-login-form__signin {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 4px 4px 0 0 #00ffc3;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  outline: none;
  cursor: pointer;
}
.mixin-login-form__signin:hover {
  background-color: #000000;
}
.mixin-login-form__signin:focus,
.mixin-login-form__signin:hover {
  border-color: #000000;
}
.mixin-white-button {
  height: 40px;
  width: 100%;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  outline: none;
  cursor: pointer;
}
.menu-itme {
  width: 270px;
  border-radius: 2px;
  border: solid 0.5px #000000;
  background-color: #ffffff !important;
}
.menu-itme .menu-itme-list {
  border-bottom: 0.5px solid black;
  margin-bottom: 0px !important;
  margin-right: 17px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.56px;
  color: #000000;
  margin-top: 14px;
  margin-left: 17px;
  padding: 0px !important;
}
.menu-itme ::selection {
  background: #6600ff;
}
.menu-itme :last-child {
  border-bottom: 10px !important;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% - 34px) !important;
}
.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 {
  border-right: 0px;
}
.menu-itme:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: #ffffff !important;
  color: #6600ff;
}
.menu-itme:not(.ant-menu-horizontal) .ant-menu-item-active {
  color: #6600ff;
}
.customer-title {
  border-bottom: 2px solid black;
  max-width: 1440px;
  height: 47px;
  font-size: 24px !important;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal !important;
  letter-spacing: normal;
  text-align: center;
  color: #000000 !important;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #080808;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #050505;
  border-radius: 10px;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  border: 1px solid #000000;
  border-top: 0;
  border-left: 0;
  margin-left: 2px;
  top: 47%;
  left: 19%;
}
.ant-checkbox-checked::after {
  top: 0;
  left: 0;
  border: 1px solid #000000;
  border-radius: 10px;
}
.profile-form-save .ant-form-item-control {
  align-items: center;
}
.profile-form-save .profile-button-save {
  width: 260px;
  height: 40px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff !important;
  color: #030303 !important;
}
.form-lable-gender {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #000000;
}
.form-gender .form-gender-group {
  text-align: center;
}
.form-gender .form-gender-radio-male {
  display: inline;
}
.form-gender .form-gender-radio-male span.ant-radio + * {
  padding-right: 72px !important;
  padding-left: 9px !important;
}
.form-gender .form-gender-radio-male span {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #000000;
}
.form-gender .form-gender-radio-female {
  display: inline;
}
.form-gender .form-gender-radio-female span.ant-radio + * {
  padding-right: 72px !important;
  padding-left: 9px !important;
}
.form-gender .form-gender-radio-female .ant-radio-inner {
  width: 20px;
  height: 20px;
  border-radius: 30px;
  border: solid 1px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}
.form-gender .form-gender-radio-female span {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #000000;
}
.label-change-email {
  max-width: 256px;
  max-height: 28px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
}
.account_change_password {
  max-width: 256px;
  max-height: 28px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
}
.account-info .ant-picker-input {
  cursor: pointer;
}
.account-info .ant-select-arrow {
  color: #000000;
  width: 20px;
  height: 9px;
}
.account-info .form-lable-gender {
  font-size: 14px;
}
.account-info .line-1 {
  margin-bottom: 33px;
}
.account-info .profile-form-save .profile-button-save {
  color: #000 !important;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.account-info .label-change-email {
  font-size: 12px;
}
.account-info .ant-input-affix-wrapper {
  max-height: 50px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.account-info .ant-input-affix-wrapper input {
  height: 48px;
  padding-top: 10px;
}
.account-info .password-label span.anticon {
  display: none;
}
.account-info .password-label .item.active span.anticon {
  display: inline-block;
}
.bg-write {
  background-color: #ffffff;
}
.bg-dark-gray {
  background-color: #000000;
}
.ant-layout-content {
  background-color: #ffffff;
}
.ant-layout {
  background-color: #ffffff;
}
.ant-layout > .ant-row:first-child {
  position: fixed;
  z-index: 999;
  width: 100%;
}
.header-auth {
  background-color: #ffffff;
}
.header-auth .login-logo {
  max-width: 300px;
  max-height: auto;
  margin: 20px 0;
}
.section-divider .ant-divider-inner-text {
  padding: 0;
  margin: 0;
}
.header-home {
  width: 100%;
}
.footer-auth {
  border-top: 3px solid #333333;
  background-color: #ffffff;
}
.product-tab .ant-tabs-bar {
  margin: 0;
  border-bottom: none;
}
.product-tabpane {
  border: 1px solid #ccc;
  padding: 10px;
}
.cart-page-container {
  min-height: calc(100vh - 80px);
}
.cart-table .ant-table {
  margin: 0px -20px;
}
.cart-list-container {
  padding: 0 20px;
}
.cart-summary-container {
  background: #f7f7f9;
}
@media (min-width: 768px) {
  .auth .login-form {
    min-height: 380px;
  }
}
.customer-container {
  padding-top: 0px;
  width: 1240px;
  margin: 0 auto;
}
.mini-cart-content-container {
  max-height: 55vh;
  overflow: scroll;
}
.mini-cart-content-container .ant-list-item,
.mini-cart-content-container input {
  font-size: 16px;
}
.mini-cart-content-container::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.language .btn-lang {
  color: white;
  font-size: 20px;
}
.language .btn-lang:hover {
  color: white;
}
.language .btn-lang:hover span {
  text-decoration: underline;
}
.language .btn-lang.cuurrent {
  color: #f5222d;
}
.language .btn-lang.cuurrent:hover {
  color: #f5222d;
}
.language .btn-lang.cuurrent:hover span {
  text-decoration: underline;
}
@media (max-width: 1199px) {
  .customer-container {
    width: 100%;
    padding-top: 10px;
  }
}
.customer-account-header .title-container .title {
  font-size: 26px;
  color: black;
}
.customer-account-header .divider {
  border: solid 2px black;
  margin: 15px 0px 16px;
}
.mixin-link-text-style {
  text-decoration: underline;
  color: #000000;
}
.product-details {
  margin-top: 40px;
  justify-content: space-between;
  flex-flow: nowrap;
}
.product-details .price-text {
  font-size: 22px;
  font-weight: 700;
}
.product-details .price-text.special {
  color: #ff0000;
}
@media (max-width: 768px) {
  .product-details {
    margin-top: 23px;
  }
}
.product-details .product-details-image {
  width: 600px;
}
.product-details .product-details-info {
  width: 574px;
}
.product-details .text-product-tag {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
}
@media (max-width: 768px) {
  .product-details .text-product-tag {
    font-size: 12px;
  }
}
.product-details .product-brand {
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 42px;
  letter-spacing: 0;
  color: #000000;
  text-decoration: underline;
}
.product-details div.product-name,
.product-details h1.product-name {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0;
  color: #000000;
  margin: 10px 0;
  height: inherit;
  cursor: default;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inherit;
}
@media (max-width: 768px) {
  .product-details div.product-name,
  .product-details h1.product-name {
    word-break: break-word !important;
    overflow: initial !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
  }
}
.product-details div.product-name:hover,
.product-details h1.product-name:hover {
  opacity: 1;
}
.product-details .product-short-description {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 576px) {
  .product-details .product-short-description {
    margin-bottom: 0px;
  }
}
.product-details .product-short-description table {
  border: hidden !important;
}
.product-details .product-short-description h4 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0;
  color: #000000;
  margin: 0;
}
.product-details .product-price-wrap {
  margin-bottom: 10px;
  display: flex;
}
@media (max-width: 768px) {
  .product-details .product-price-wrap {
    margin-top: 12px;
  }
}
.product-details .product-price-wrap .price-special {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0;
  color: #000000;
}
.product-details .product-price-wrap .price-special > * {
  display: inline-block;
}
.product-details .product-price-wrap .price-special .discount-price {
  font-size: 22px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0;
  color: #000000;
  margin-right: 15px;
  color: #ff0000;
}
.product-details .product-price-wrap .price-special .discount-price > span {
  font-size: 23px;
}
@media (max-width: 768px) {
  .product-details .product-price-wrap .price-special .discount-price > span {
    font-size: 20px;
  }
}
.product-details .product-price-wrap .price-special .original-price {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0;
  color: #000000;
  color: #a1a1a1;
  text-decoration: line-through;
  margin-top: 2px;
}
@media (max-width: 768px) {
  .product-details .product-price-wrap .price-special .original-price > span > span {
    font-size: 17px;
  }
}
.product-details .product-price-wrap .price-save .price-save-container {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0;
  color: #000000;
  color: #ff0000;
}
.product-details .product-price-wrap .price-save .price-save-container .text-price-save {
  font-size: 16px;
  color: inherit;
  margin-right: 3px;
}
.product-details .product-price-wrap .price-save .price-save-container div {
  text-transform: capitalize;
}
.product-details .product-price-wrap .price-save .price-save-container .price__save > span {
  font-size: 16px;
}
@media (max-width: 768px) {
  .product-details .product-price-wrap .price-save .price-save-container .price__save > span {
    font-size: 16px;
  }
}
.product-details .product-price-wrap .text-size-guide {
  display: inline-block;
  font-size: 12px;
  line-height: 2;
  cursor: pointer;
}
.product-details .product-price-wrap .discount-pieces-left {
  margin-top: 20px;
  color: #ff0000;
}
.product-details .product-price-wrap h1 span {
  font-size: 20px;
}
@media (max-width: 768px) {
  .product-details .product-price-wrap h1 span {
    font-size: 20px;
  }
}
.product-details .details-img .display-img > div {
  padding-right: 10px;
}
.product-details div.product-name,
.product-details .product-short-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-word !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  overflow-wrap: break-word !important;
  line-height: 1.5 !important;
  letter-spacing: 0.7px !important;
}
@media (max-width: 768px) {
  .product-details div.product-name,
  .product-details .product-short-description {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-word !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    overflow-wrap: break-word !important;
    line-height: 1.5 !important;
    letter-spacing: 0.77px !important;
  }
}
.product-details div.product-name p,
.product-details .product-short-description p {
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .product-details div.product-name,
  .product-details .product-short-description {
    max-height: 48px;
  }
}
.product-details .thumbnail-product-image-wrapper {
  position: relative;
}
.product-details .thumbnail-product-image-wrapper .common-overlay.left {
  left: -2em;
  display: none;
}
.product-details .thumbnail-product-image-wrapper .common-overlay.right {
  right: -2em;
  display: none;
}
.product-details .thumbnail-product-image-wrapper [ant-click-animating-without-extra-node="true"]::after,
.product-details .thumbnail-product-image-wrapper .ant-click-animating-node {
  animation: none;
}
.product-details .thumbnail-product-image-wrapper .btn-carousel {
  color: #000000;
  background: none;
  box-shadow: none;
  transition: none;
}
.product-details .thumbnail-product-image-wrapper .btn-carousel.ant-btn-primary:hover {
  animation-duration: 0s !important;
  background: none;
  color: #000000;
  box-shadow: none;
  transition: none;
}
.product-details .thumbnail-product-image-wrapper .thumbnal-buttons .button {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  z-index: 1;
  width: 12px;
  cursor: pointer;
}
.product-details .thumbnail-product-image-wrapper .thumbnal-buttons .button.prev {
  left: 5px;
}
.product-details .thumbnail-product-image-wrapper .thumbnal-buttons .button.next {
  right: 5px;
}
.product-details .thumbnail-product-image-row {
  flex-wrap: nowrap;
  overflow: auto;
}
.product-details .thumbnail-product-image-row .thumbnail-product-image .div-image {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #D9D9D9;
  object-fit: contain;
  object-position: center;
  max-width: 100px;
}
.product-details .thumbnail-product-image-row .thumbnail-product-image .div-image.active {
  border: 1px solid #000000;
  max-width: 100px;
}
.product-details .thumbnail-product-image-row .thumbnail-product-image img {
  border: solid 1px #D9D9D9;
}
.product-details .ant-typography.ant-typography-danger {
  color: #f5222d;
}
.product-details .review-compare-wishlist-row {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
  align-items: flex-end;
  margin-bottom: 20px;
  margin-top: 20px;
}
.product-details .review-compare-wishlist-row a:hover {
  text-decoration: underline;
}
.product-details .des h1 {
  margin-bottom: 0.4em;
  color: #000000;
}
.product-details .des .special-price {
  margin-top: 10px;
}
.product-details .des .special-price h1 {
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0;
  color: #000000;
  color: #ff0000;
}
.product-details .des .price {
  margin-bottom: 7px;
}
.product-details .des .price h1 {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0;
  color: #000000;
}
.product-details .des .price .in-stock {
  text-align: right;
}
.product-details .des .price .in-stock h4 {
  font-size: 14px;
}
.product-details .des .size h4 {
  font-size: 15px;
}
.product-details .des .size .ant-tag {
  cursor: pointer;
  min-width: 40px;
  height: 30px;
  text-align: center;
  line-height: 27px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 0;
}
.product-details .des .size .ant-tag.selected {
  outline: 2px solid #d8bdbd;
  border: 1px solid #ffffff;
  background: #ffffff;
}
.product-details .des .color {
  margin-top: 10px;
}
.product-details .des .color h4 {
  font-size: 15px;
}
.product-details .des .color .ant-tag {
  cursor: pointer;
  min-width: 35px;
  height: 25px;
  border-radius: 0;
}
.product-details .des .color .ant-tag.selected {
  outline: 2px solid #d8bdbd;
  border: 1px solid #ffffff;
}
.product-details .des .qty {
  margin-top: 20px;
}
.product-details .des .qty .ant-form-item {
  margin-bottom: 0;
}
.product-details .des .qty h4 {
  font-size: 15px;
  font-weight: normal;
}
.product-details .des .qty .add-to-cart {
  height: 55px;
  z-index: 100;
  background-color: #dc433b;
  border-radius: 40px;
  color: #fff;
  padding: 5px 25px;
  text-decoration: none;
  box-shadow: 0 3px 5px 0 #b0271d;
  font-size: 35px;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-details .image {
  position: relative;
}
.product-details .image .arrow-left,
.product-details .image .arrow-right {
  position: absolute;
  color: #000000;
  top: 35%;
  font-size: 30px;
}
.product-details .image .arrow-left {
  left: -1em;
}
.product-details .image .arrow-right {
  right: -1em;
}
.product-details .image .carousel-wrapper {
  position: relative;
}
.product-details .image .carousel-wrapper .button {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  z-index: 3;
  cursor: pointer;
}
.product-details .image .carousel-wrapper .button.prev {
  left: 20px;
}
.product-details .image .carousel-wrapper .button.prev img {
  width: 21px;
  height: 25px;
}
.product-details .image .carousel-wrapper .button.next {
  right: 20px;
}
.product-details .image .carousel-wrapper .button.next img {
  width: 21px;
  height: 25px;
}
.product-details .details-img {
  display: block;
  height: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding-bottom: 700px;
}
.product-details .details-img .div-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  box-sizing: border-box;
  background-repeat: no-repeat;
  position: absolute;
  border: 1px solid #D9D9D9;
}
.product-details .checkbox-icon {
  width: 15px;
  height: 17px;
  background: url("/static/images/checkbox-icon.png") no-repeat center center;
  background-size: cover;
}
.product-details .product-tag-row {
  margin-top: 15px;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.9;
  letter-spacing: 0;
  color: #000000;
}
.product-details .product-share-row {
  margin-top: 43px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 0;
  color: #000000;
}
.product-details .product-share-row .social-icon-share {
  margin-right: 15px;
  overflow: unset;
  width: 35px;
  height: 35px;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  display: inline-block !important;
  outline: 0;
}
.product-details .product-share-row .social-icon-share.fb {
  background: url("/static/images/fb.png");
}
.product-details .product-share-row .social-icon-share.ig {
  background: url("/static/images/instagram.png");
}
.product-details .product-share-row .social-icon-share.twitter {
  background: url("/static/images/twitter.png");
}
.product-details .product-share-row .social-icon-share.line {
  background: url("/static/images/line.png");
}
.product-details .product-share-row .social-icon-share.copylink {
  background: url("/static/images/share-copy.png");
  cursor: pointer;
}
@media (min-width: 376px) {
  .rate-mb {
    display: none;
  }
}
@media (min-width: 992px) {
  .product-detail-wrap {
    padding: 0px;
  }
  .product-details .product-details-image {
    width: 50%;
    padding-right: 15px;
  }
  .product-details .product-details-info {
    width: 50%;
    padding-left: 15px;
  }
  .product-details .thumbnail-product-image-row {
    padding: 0px;
  }
  .product-details .thumbnail-product-image-row .thumbnail-product-image .thumbnail-product-image-inner {
    width: calc((600px - 96px) / 6);
    height: calc(660px / 6) !important;
  }
}
@media (max-width: 992px) {
  .product-details .details-img {
    padding-bottom: 100%;
  }
}
@media (max-width: 992px) {
  .product-details {
    flex-flow: wrap;
  }
  .product-details .product-details-image {
    width: 100%;
    padding-right: 0;
  }
  .product-details .product-details-info {
    width: 100%;
    padding-left: 0;
  }
}
.detail-brochure-raing-row {
  margin-top: 75px;
}
@media (max-width: 768px) {
  .detail-brochure-raing-row {
    margin-top: 19px;
  }
}
.detail-brochure-raing-row .summary-row {
  margin: 15px 0 0;
}
.detail-brochure-raing-row .summary-row .summary-text {
  text-transform: lowercase;
  margin-left: 20px;
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.detail-brochure-raing-row .no-review-row {
  margin-top: 30px;
}
.detail-brochure-raing-row .no-review-row .summary-text {
  text-transform: lowercase;
  margin-left: 20px;
}
.detail-brochure-raing-row .no-review-row .no-review-text {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.detail-brochure-raing-row .no-review-row .ant-divider.line {
  margin: 0;
  border-top: 1px solid #979797;
}
.detail-brochure-raing-row .offset-header-inner-link {
  display: block;
  position: relative;
  top: -50px;
  visibility: hidden;
}
.detail-brochure-raing-row .review-block-row {
  margin-top: 30px;
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.detail-brochure-raing-row .review-block-row .text-bold {
  letter-spacing: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.detail-brochure-raing-row .review-block-row .title-wrapper {
  margin-bottom: 17px;
}
.detail-brochure-raing-row .review-block-row .rating-wrapper {
  margin-bottom: 19px;
}
.detail-brochure-raing-row .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding: 0;
}
.detail-brochure-raing-row .ant-collapse-item {
  margin-bottom: 10px;
}
.detail-brochure-raing-row .ant-collapse-item .ant-collapse-header {
  text-transform: uppercase;
  position: relative;
  border: 1px solid #D9D9D9;
  padding: 11px 0px 11px 54px;
  border-radius: 2px !important;
  margin-bottom: 19px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
}
.detail-brochure-raing-row .ant-collapse-item:last-child > .ant-collapse-content {
  padding: 0px !important;
}
@media (max-width: 767px) {
  .detail-brochure-raing-row .ant-collapse-item:last-child > .ant-collapse-content {
    margin-bottom: 0px;
  }
}
.more-from-row {
  margin-bottom: 20px;
}
.more-from-row .title {
  font-size: 34px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: 0;
  color: #000000;
  text-decoration: underline;
  margin-bottom: 47px;
}
.more-from-row .section span {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000000;
}
.ralated-row {
  position: relative;
}
@media (max-width: 992px) {
  .ralated-row.more-space .ant-card-cover {
    padding-bottom: 275px !important;
    width: 100%;
  }
  .ralated-row.more-space .ant-carousel .slick-list .slick-slide > div > div {
    vertical-align: top !important;
  }
}
@media (max-width: 768px) {
  .ralated-row.more-space .product-item-card {
    padding: 0 14px;
  }
}
.ralated-row.more-space .slick-track .ant-row .product-brand {
  font-size: 20px;
  margin-top: 0;
}
.ralated-row.more-space .slick-track .ant-row .product-name {
  font-size: 14px;
}
.ralated-row.more-space .slick-track .ant-row .qty-plus img {
  width: 23px;
  height: 25px;
}
@media (max-width: 768px) {
  .ralated-row.more-space .slick-track .ant-card-cover {
    padding-bottom: 166px;
    width: 100%;
    margin: 0 auto;
  }
  .ralated-row.more-space .slick-track .ant-card-body .qty-plus img {
    width: 20px;
    height: 22px;
  }
  .ralated-row.more-space .slick-track .ant-card-body .product-price .special-price {
    font-size: 16px;
  }
  .ralated-row.more-space .slick-track .ant-card-body .product-price > span {
    font-size: 14px;
  }
  .ralated-row.more-space .slick-track .ant-row .product-brand {
    font-size: 12px;
  }
  .ralated-row.more-space .slick-track .ant-row .product-name {
    font-size: 12px;
  }
}
@media (max-width: 570px) {
  .ralated-row.more-space .slick-track .ant-card-cover {
    padding-bottom: 255px !important;
    width: 100%;
  }
}
.ralated-row .title {
  margin: 0 0 40px 0;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .ralated-row .title {
    margin: 30px 0 19px 0;
    font-size: 18px;
    line-height: normal;
  }
}
.ralated-row .common-overlay.left {
  left: -40px;
}
.ralated-row .common-overlay.left img {
  width: 16px;
  height: 18px;
  object-fit: contain;
}
@media (max-width: 768px) {
  .ralated-row .common-overlay.left {
    left: -16px;
  }
  .ralated-row .common-overlay.left img {
    width: 16px;
    height: 19px;
    object-fit: contain;
  }
}
.ralated-row .common-overlay.right {
  right: -40px;
}
.ralated-row .common-overlay.right img {
  width: 16px;
  height: 18px;
  object-fit: contain;
}
@media (max-width: 768px) {
  .ralated-row .common-overlay.right {
    right: -16px;
  }
  .ralated-row .common-overlay.right img {
    width: 16px;
    height: 19px;
    object-fit: contain;
  }
}
.ralated-row [ant-click-animating-without-extra-node="true"]::after,
.ralated-row .ant-click-animating-node {
  animation: none;
}
.ralated-row .btn-carousel {
  color: #000000;
  background: none;
  box-shadow: none;
  transition: none;
}
.ralated-row .btn-carousel.ant-btn-primary:hover {
  animation-duration: 0s !important;
  background: none;
  color: #000000;
  box-shadow: none;
  transition: none;
}
.product-description-block * {
  padding: 0 !important;
}
.product-description-block .ant-tabs {
  color: #000000;
  font-size: 16px;
}
.attribute-error .custom-select .ant-select-selector .ant-select-selection-placeholder {
  color: #f5222d !important;
  opacity: 1 !important;
}
.circle-color {
  margin-right: 11px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: red;
  display: inline-block;
  border: 1px solid #D9D9D9;
}
.arrow-down-icon {
  background: url("/static/images/arrow-down-icon.png") no-repeat center;
  background-size: cover;
  width: 21px;
  height: 13px;
}
.attribute-row {
  position: relative;
  display: flex;
}
.attribute-row .label {
  text-transform: capitalize;
  z-index: 99;
  position: absolute;
  top: 16px;
  left: 0;
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.product-attribute-row .qty-label {
  padding: 10px 0;
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  min-width: 100px;
}
.product-attribute-row .qty-input-wrapper {
  flex: 1;
}
.product-attribute-row .qty-input-wrapper input.ant-input {
  height: 100%;
  border: none;
  font-size: 14px;
}
.product-attribute-row .qty-input-wrapper .default-input {
  padding: 0px;
}
.product-attribute-row .qty-wrapper {
  height: 43px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.product-attribute-row .qty-wrapper.no-border-top {
  border-top: none;
}
.product-attribute-row .qty-wrapper .arrow-down {
  background: url("/static/images/arrow-down-icon.png") no-repeat center;
  background-size: cover;
  width: 21px;
  height: 13px;
  margin-right: 10px;
  display: inline-block;
}
.product-attribute-row .qty-wrapper .arrow-up {
  background: url("/static/images/arrow-up-icon.png") no-repeat center;
  background-size: cover;
  width: 20px;
  height: 13px;
  margin-right: 10px;
  display: inline-block;
}
.product-attribute-row .product-campaign-wrapper {
  min-height: 43px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.product-attribute-row .product-campaign-wrapper.no-border-top {
  border-top: none;
}
.product-attribute-row .product-campaign-wrapper .campaign-label {
  margin: 20px 0 15px;
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  min-width: 100px;
}
@media (max-width: 768px) {
  .product-attribute-row .product-campaign-wrapper .campaign-label {
    margin: 15px 0 !important;
  }
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .product-attribute-row .product-campaign-detail-container.product-campaign-detail-container {
    margin-bottom: 18px;
  }
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper {
  height: 100%;
  flex-flow: nowrap;
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper {
    flex-flow: wrap;
  }
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .ant-divider-horizontal {
  margin: 7px 0 0 0;
  display: none;
}
@media (max-width: 768px) {
  .product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .ant-divider-horizontal {
    display: block;
    margin: 17px 0 15px;
    background-color: #d9d9d9;
    height: 1px;
  }
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper.mobile-line-divide {
  border-top: 1px solid #D9D9D9;
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .description-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  flex: 1;
  line-height: normal;
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .description-container .text-description {
  text-decoration: underline;
  word-break: break-all;
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .description-container .bonus-description {
  margin: 20px 0 0;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f00;
}
@media (max-width: 768px) {
  .product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .description-container .bonus-description {
    margin: 0 0 5px;
  }
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .image-container {
  width: 170px;
  height: 95px;
  max-height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .image-container {
    width: 100%;
    height: initial;
    max-height: 190px;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .image-container img {
  width: 170px;
  height: 95px;
  max-height: 95px;
}
@media (max-width: 768px) {
  .product-attribute-row .product-campaign-detail-container.product-campaign-detail-container .product-campaign-detail-wrapper .image-container img {
    width: 100%;
    height: 100%;
    max-height: initial;
  }
}
.product-attribute-row .ant-typography-danger {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000000;
}
.product-attribute-row .product-details-add-to-cart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  width: 100%;
  height: 50px;
  box-shadow: 5px 5px 0 0 #6600ff;
  background-color: #000000 !important;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0;
  color: #000000;
  color: #ffffff;
  text-transform: uppercase;
}
.product-attribute-row .product-details-add-to-cart img {
  margin-right: 10px;
}
.product-attribute-row .product-details-add-to-cart::after,
.product-attribute-row .product-details-add-to-cart .ant-click-animating-node {
  animation: none;
}
.product-attribute-row .order-tip {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0;
  text-align: center;
  margin-top: 20px;
  color: #000000;
}
.product-attribute-row .order-tip div {
  text-transform: lowercase;
  overflow: hidden;
}
.product-attribute-row .order-tip div span {
  color: #6600ff;
  text-transform: uppercase;
}
.product-attribute-row .attribute-row {
  padding: 10px 0;
  border-bottom: 1px solid #000000;
  color: #000000;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.product-attribute-row .attribute-row .option-label-wrap {
  min-width: 100px;
  max-width: 100px;
}
.product-attribute-row .attribute-row.no-padding-bottom {
  padding-bottom: 0;
}
.product-attribute-row .attribute-row.select-attribute-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
}
.product-attribute-row .attribute-row.select-attribute-row .ant-select-selection-placeholder {
  margin-top: auto;
  margin-bottom: auto;
  color: #000;
  font-size: 14px;
}
.product-attribute-row .attribute-row.select-attribute-row .ant-select-selection-item {
  font-size: 14px;
}
.product-attribute-row .attribute-row.select-attribute-row .ant-select-selector {
  border: none !important;
  margin-left: -12px;
}
.product-attribute-row .attribute-row.select-attribute-row .option-label {
  margin-top: auto;
  margin-bottom: auto;
}
.product-attribute-row .attribute-row.border-top {
  border-top: 1px solid #000000;
}
.product-attribute-row .attribute-row .option-label {
  float: left;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0;
  color: #000000;
  line-height: normal;
  max-width: 100px;
}
.product-attribute-row .attribute-row .option-values {
  float: left;
}
.product-attribute-row .attribute-row .option-values .message {
  min-height: 24px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0;
  color: #000000;
  text-transform: capitalize;
}
.product-attribute-row .attribute-row .option-values .message .error {
  color: #f5222d;
}
.product-attribute-row .attribute-row .option-values .option-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.product-attribute-row .attribute-row .option-values .option-list ul li {
  float: left;
  margin: 0 10px 10px 0;
  width: 32px;
  height: 32px;
  border-radius: 28px;
  box-sizing: border-box;
  border: 1px solid #9c9c9c;
  cursor: pointer;
  text-align: center;
  position: relative;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0;
  color: #000000;
  overflow: hidden;
}
@media (max-width: 768px) {
  .product-attribute-row .attribute-row .option-values .option-list ul li {
    width: 32px;
    height: 32px;
  }
}
.product-attribute-row .attribute-row .option-values .option-list ul li.active {
  border-color: #000000 !important;
}
.product-attribute-row .attribute-row .option-values .option-list ul li.disabled:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #9c9c9c;
  top: 50%;
  position: absolute;
  left: 0;
  transform: rotate(-45deg);
  transform-origin: center center;
}
.product-attribute-row .attribute-row .option-values .option-list ul li.disable_color_all {
  pointer-events: none;
}
.product-attribute-row .attribute-row .option-values .option-list ul li.disable_color_all:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #9c9c9c;
  top: 50%;
  position: absolute;
  left: 0;
  transform: rotate(-45deg);
  transform-origin: center center;
}
.product-attribute-row .attribute-row .option-values .option-list.option-list-size ul li {
  border-color: #9c9c9c;
}
.product-attribute-row .attribute-row .option-values .option-list.option-list-size ul li.disabled {
  color: #9c9c9c;
}
.product-attribute-row .attribute-row .option-values .option-list.option-list-size ul li.disabled:after {
  background: #9c9c9c;
}
.product-attribute-row .attribute-row .option-values .option-list.option-list-Size ul li.disabled {
  opacity: 0.5;
}
.product-attribute-row .attribute-row .option-values .option-list.option-list-Color ul li {
  border: solid 1px #e4e4e4;
}
.product-attribute-row .attribute-row .option-values .option-list.option-list-Color ul li.active {
  border-color: #000000 !important;
}
.product-attribute-row .attribute-row .option-values .option-list.option-list-Color ul li.disabled:after {
  content: "";
  background: #e4e4e4;
}
@media (max-width: 576px) {
  .product-detail-wrap {
    padding: 0px;
  }
  .product-detail-wrap .product-details .details-img {
    padding-bottom: 338.3px;
    margin: 0 auto;
  }
  .product-detail-wrap .product-details .image .arrow-left {
    left: 0;
  }
  .product-detail-wrap .product-details .image .arrow-right {
    right: 0;
  }
  .product-detail-wrap .product-details .image .carousel-wrapper .button {
    width: 17px;
    margin-top: -8.5px;
  }
  .product-detail-wrap .product-details .image .carousel-wrapper .button.prev {
    left: 13px;
  }
  .product-detail-wrap .product-details .image .carousel-wrapper .button.next {
    right: 13px;
  }
  .product-detail-wrap .product-details .thumbnail-product-image-row .thumbnail-product-image-inner .div-image {
    border-color: #979797;
    border-radius: 2px;
  }
  .product-detail-wrap .product-details .thumbnail-product-image-row .thumbnail-product-image-inner .div-image.active {
    border-color: #000000;
  }
  .product-detail-wrap .product-details .thumbnail-product-image-wrapper .thumbnal-buttons .button {
    width: 15px;
    margin-top: 0px;
  }
  .product-detail-wrap .product-details .thumbnail-product-image-wrapper .thumbnal-buttons .button img {
    display: block;
  }
  .product-detail-wrap .product-details .thumbnail-product-image-wrapper .thumbnal-buttons .button.prev {
    left: 3px;
  }
  .product-detail-wrap .product-details .thumbnail-product-image-wrapper .thumbnal-buttons .button.next {
    right: 3px;
  }
  .product-detail-wrap .product-details .product-brand {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 42px;
    letter-spacing: 0;
    color: #000000;
    margin-top: 27px;
    margin-bottom: 0px;
  }
  .product-detail-wrap .product-details .review-compare-wishlist-row {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 0;
    color: #000000;
  }
  .product-detail-wrap .product-details .product-tag-row .tag-row-item {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 19px;
    letter-spacing: 0;
    color: #000000;
    margin-bottom: 15px;
  }
  .product-detail-wrap .product-details .product-attribute-row .product-details-add-to-cart {
    margin-top: 0;
  }
  .product-detail-wrap .product-details .product-share-row {
    margin-top: 33px;
  }
  .product-detail-wrap .ant-container.breadcrumb-main .breadcrumb-item {
    margin-right: 10px;
    padding-right: 18px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: 0;
    color: #000000;
  }
  .product-detail-wrap .details-img .display-img {
    border-color: #979797 !important;
    border-radius: 2px;
  }
}
@media (max-width: 576px) and (max-width: 768px) {
  .product-detail-wrap .product-details .thumbnail-product-image-wrapper .thumbnal-buttons .button {
    margin-top: -7px;
  }
}
@media (min-width: 576px) {
  .product-details .des .qty .add-to-cart {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .product-details .des .qty .add-to-cart {
    width: 60%;
  }
}
.display-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  box-sizing: border-box;
  background-repeat: no-repeat;
  position: absolute;
}
.display-img .product-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 768px) {
  .display-img > .ant-col {
    padding: 0 !important;
  }
}
.display-img .top-left {
  position: absolute;
  top: 0px;
  left: 0px;
  transform: translate(0%, 0%);
  pointer-events: none;
}
.display-img .top-center {
  position: absolute;
  top: 0px;
  left: 50%;
  right: 50%;
  transform: translate(-50%, 0%);
  pointer-events: none;
}
.display-img .top-right {
  position: absolute;
  top: 0px;
  right: 0px;
  pointer-events: none;
}
.display-img .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.display-img .center-left {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(0%, -50%);
  pointer-events: none;
}
.display-img .center-right {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0%, -50%);
  pointer-events: none;
}
.display-img .bottom-right {
  position: absolute;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.display-img .bottom-left {
  position: absolute;
  left: 0px;
  bottom: 0px;
  pointer-events: none;
}
.display-img .bottom-center {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0%);
  pointer-events: none;
}
.display-img .campaign-img {
  max-width: 170px !important;
  max-height: 95px !important;
  border-radius: unset !important;
}
@media (max-width: 768px) {
  .display-img .campaign-img {
    max-width: 80.5px !important;
    max-height: 45px !important;
  }
}
.display-product-list-container .product-item-card .addtocart-icon-out-of-stock {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.display-product-list-container .ant-list-empty-text {
  display: none;
}
.display-product-list-container.ant-list-grid .ant-col > .ant-list-item {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .display-product-list-container.list-view-suggesstion_view .product-item-card-new {
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 15px;
  }
  .display-product-list-container.list-view-suggesstion_view .product-item-card-new .ant-card-body {
    margin-top: 0;
    padding-left: 10px;
    border-top: 0;
  }
  .display-product-list-container.list-view-suggesstion_view .product-item-card-new .text-product-name {
    font-size: 12px;
  }
  .display-product-list-container.list-view-suggesstion_view .product-item-card-new .text-product-price {
    display: flex;
    align-items: center;
    font-size: 12px !important;
  }
}
.category-details-percent-main {
  background-color: #ff0000;
  margin-left: auto;
  border-radius: 6px;
  width: 50px;
  height: 22px;
  text-align: center;
  position: inherit;
  z-index: 10;
}
.category-details-percent-value {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin: auto 0;
  text-align: center;
}
@media (max-width: 768px) {
  .category-details-percent-value {
    font-size: 24px;
    line-height: 30px;
  }
}
.category-details-percent {
  font-size: 12px;
  color: #ffffff;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin: auto 0;
}
.product-details-percent-main {
  background-color: #ff0000;
  margin-left: auto;
  border-radius: 8px;
  width: 74px;
  height: 42px;
  text-align: center;
  position: inherit;
  z-index: 10;
  padding-top: 1px;
}
.product-details-percent-value {
  font-size: 26px;
  color: #ffffff;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin: auto;
}
.product-details-percent {
  font-size: 16px;
  color: #ffffff;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin: auto;
}
.circle-main {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.discount-price i,
.product-price i {
  font-size: 16px;
  font-style: normal;
}
.product-detail-arrow-icon {
  width: 16px;
  height: 18px;
  cursor: pointer;
}
.product-detail-btn {
  border: none !important;
}
.product-detail-tab-title {
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
}
#tab-container .tab-container-content {
  overflow: hidden;
  margin-top: 15px;
  position: relative;
}
#tab-container .tab-container-content .product-description-block div[data-content-type="video"] div {
  margin-inline: auto;
}
#tab-container .tab-container-content .product-description-block div[data-content-type="video"] div .pagebuilder-video-container iframe {
  width: 100%;
  height: 70vh;
}
@media (max-width: 1024px) {
  #tab-container .tab-container-content .product-description-block div[data-content-type="video"] div .pagebuilder-video-container iframe {
    height: 50vh;
  }
}
#tab-container .tab-container-show-more {
  margin-top: 14px;
  margin-bottom: 30px;
  position: relative;
}
#tab-container .tab-container-show-more .tab-show-more {
  font-size: 14px;
  font-weight: 500;
  color: black !important;
}
.product-specification-container .product-specification-display-content {
  overflow: hidden;
  margin-top: 15px;
}
.product-specification-container .product-specification-display-content .ant-typography {
  margin-top: auto;
  margin-bottom: auto;
}
.product-specification-container .product-specification-display-content .attribute-label {
  font-size: 14px;
  font-weight: bold;
  width: 20%;
}
.product-specification-container .product-specification-display-content .attribute-label .ant-form-item-label > label,
.product-specification-container .product-specification-display-content .attribute-label .ant-btn,
.product-specification-container .product-specification-display-content .attribute-label .ant-typography {
  font-size: 14px;
  font-weight: bold;
}
.product-specification-container .product-specification-display-content .option-label {
  width: 80%;
}
.product-specification-container .product-specification-display-content .option-label .ant-form-item-label > label,
.product-specification-container .product-specification-display-content .option-label .ant-btn,
.product-specification-container .product-specification-display-content .option-label .ant-typography {
  font-size: 14px;
  font-weight: normal;
}
.product-specification-container .product-specification-display-content table {
  border-collapse: collapse;
  width: 100%;
}
.product-specification-container .product-specification-display-content td,
.product-specification-container .product-specification-display-content th {
  border: none;
  text-align: left;
  padding-left: 12px;
  height: 50px;
}
.product-specification-container .product-specification-display-content tr:nth-child(even) {
  background-color: rgba(216, 216, 216, 0.2);
}
@media screen and (max-width: 767px) {
  .detail-brochure-raing-row .ant-collapse-item {
    margin-bottom: 10px;
  }
  .more-from-row .title {
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: 0;
    color: #000000;
    text-decoration: none;
    margin-bottom: 24px;
  }
  .more-from-row .section span {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0;
    color: #000000;
    text-decoration: underline;
  }
}
.review-compare-wishlist-row .product-detail-compare--320 {
  display: none;
}
.product-detail-wrap {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .product-detail-wrap {
    margin-bottom: 0px;
  }
}
.product-detail-wrap .detail-brochure-raing-row .ant-collapse-content {
  padding: 0 20px;
}
.product-detail-wrap .product-details-image .slick-list .slick-track {
  padding-bottom: 0 !important;
}
@media (max-width: 768px) {
  .product-detail-wrap.product-detail-wrap .ant-container.breadcrumb-main {
    margin-bottom: 20px;
  }
  .product-detail-wrap.product-detail-wrap .product-details .product-name,
  .product-detail-wrap.product-detail-wrap .product-details .product-short-description {
    white-space: initial;
    height: initial !important;
    overflow: initial;
    text-overflow: initial;
    display: initial;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
  }
  .product-detail-wrap.product-detail-wrap .product-details .product-short-description p {
    font-size: 14px;
    margin-top: 0px;
  }
  .product-detail-wrap.product-detail-wrap .product-details .price-special .original-price {
    font-size: 16px;
  }
  .product-detail-wrap.product-detail-wrap .product-details .price-special .discount-price {
    font-size: 20px;
  }
  .product-detail-wrap.product-detail-wrap .product-details .price-save .price__save {
    font-size: 16px;
  }
  .product-detail-wrap.product-detail-wrap .product-details .product-price-wrap h1 {
    font-size: 20px;
  }
  .product-details-percent-main {
    width: 60px;
    height: 35px;
    margin-top: 10px;
    margin-right: 10px;
  }
  .product-details-percent-main .product-details-percent-value {
    font-size: 20px;
  }
}
@media (max-width: 450px) {
  .product-detail-wrap .product-details .product-brand {
    font-size: 20px;
  }
}
.product-supplier .supplier-wrapper {
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .product-supplier .supplier-wrapper {
    margin-bottom: 10px;
  }
}
.product-supplier .supplier-label,
.product-supplier .supplier-name {
  font-size: 14px;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  font-style: normal;
  color: inherit;
}
@media (max-width: 575.98px) {
  .product-supplier .supplier-label,
  .product-supplier .supplier-name {
    font-size: 12px;
  }
}
.product-supplier .supplier-label {
  font-weight: 600;
}
.product-supplier .supplier-name {
  font-weight: normal;
}
.rating-review-compare-wishlist-row {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.rating-review-compare-wishlist-row .review-rating-product-wrapper {
  height: 28px;
  width: calc(100% / 3);
  min-width: fit-content;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .rating-review-compare-wishlist-row .review-rating-product-wrapper {
    width: 100%;
  }
}
.rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper {
  display: flex;
  justify-content: space-between;
  min-width: fit-content;
  width: calc(100% / 3 * 2);
  height: auto;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper {
    flex-wrap: wrap;
    width: 100%;
  }
}
.rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .compare-produc-wrapper {
  height: 28px;
  min-width: fit-content;
  width: calc(100% / 2);
  margin-top: 10px;
}
@media (max-width: 767px) {
  .rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .compare-produc-wrapper {
    width: auto;
  }
}
.rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .compare-produc-wrapper span.compare-icon {
  left: 0px !important;
}
.rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .compare-produc-wrapper span.compare-icon-active {
  left: 0px !important;
}
@media (max-width: 1024px) {
  .rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .compare-produc-wrapper span.compare-icon-active > svg {
    width: 22px;
  }
}
.rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .compare-produc-wrapper .compare-icon svg {
  width: 23px;
  margin-right: 13px;
}
@media (max-width: 1024px) {
  .rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .compare-produc-wrapper .compare-icon svg {
    width: 22px;
    margin-right: 5px;
  }
}
.rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .wishlist-produc-wrapper {
  height: 28px;
  min-width: fit-content;
  width: calc(100% / 2);
  margin-top: 10px;
}
@media (min-width: 993px) and (max-width: 1260px) {
  .rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .wishlist-produc-wrapper {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .wishlist-produc-wrapper {
    width: auto;
  }
}
.rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .wishlist-produc-wrapper .ant-row.ant-row-space-between.ant-row-middle.container {
  float: right;
}
.rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .wishlist-produc-wrapper .ant-row.ant-row-space-between.ant-row-middle.container .ant-col.wishlistContainer.is-product-detail {
  margin-top: 0px;
  margin-right: 0px;
}
.rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .wishlist-produc-wrapper .heartIcon {
  width: 24px;
  height: 24px;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .rating-review-compare-wishlist-row .compare-wishlist-produc-wrapper .wishlist-produc-wrapper .heartIcon {
    height: 20px;
    width: 22px;
  }
}
.text-underline-compare-product {
  text-decoration: underline;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  .text-underline-compare-product {
    font-size: 12px;
  }
}
.select-attribute-label {
  padding: 10px 0;
  min-width: 100px;
}
.select-attribute-dropdown {
  border-radius: 2px;
  border: solid 0.5px #000000;
  box-shadow: none;
}
.select-attribute-dropdown .ant-select-item-option-content {
  order: 5;
  font-size: 14px;
  margin-left: 87px;
}
.select-attribute-dropdown .checkbox-icon {
  width: 15px;
  height: 17px;
  background: url("/static/images/svgs/select-config-icon.svg") no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 10px;
}
.ralated-row .relate__product__detail__wrap .addtocart-icon-out-of-stock {
  display: none;
}
.ralated-row .relate__product__detail__wrap .cart-actions.add {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.relate__product__detail__wrap {
  height: 620px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .relate__product__detail__wrap {
    height: 414px;
  }
  .relate__product__detail__wrap .category-details-percent-main {
    height: 32px;
    width: 60px;
    line-height: 29px;
  }
  .relate__product__detail__wrap .category-details-percent-main span {
    font-size: 14px;
  }
}
@media (max-width: 326px) {
  .relate__product__detail__wrap {
    height: 320px;
  }
}
@media (max-width: 768px) {
  .detail-brochure-raing-row .ant-collapse-item .ant-collapse-header {
    height: 50px;
  }
}
.discount-badge {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto !important;
  background-color: #ff0000;
  color: #ffffff;
  font-weight: 600;
  pointer-events: none;
  border-radius: 0 0 0 20px;
  padding: 9px;
  text-align: center;
}
.discount-badge.list .txtLabel {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
@media (max-width: 768px) {
  .discount-badge.list .txtLabel {
    font-size: 10px;
  }
}
.discount-badge.list .txtDiscount {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
@media (max-width: 768px) {
  .discount-badge.list .txtDiscount {
    font-size: 14px;
  }
}
.discount-badge.list .percent {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
@media (max-width: 768px) {
  .discount-badge.list .percent {
    font-size: 10px;
  }
}
.discount-badge.detail .txtLabel {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
.discount-badge.detail .txtDiscount {
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
.discount-badge.detail .percent {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
.sticky-add-to-card {
  margin: 15px 0 0;
}
@media screen and (min-width: 992px) {
  .sticky-add-to-card div[aria-hidden] {
    width: 0px !important;
    height: 0px !important;
  }
  .sticky-add-to-card .ant-affix {
    position: relative !important;
    top: 0 !important;
  }
}
@media screen and (max-width: 992px) {
  .sticky-add-to-card .ant-affix {
    z-index: 100;
    left: 0;
    right: 0;
    padding: 0 10px 10px;
    width: 100% !important;
    height: auto !important;
    background-color: #fff;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.2);
  }
  .sticky-add-to-card .ant-affix .container-add-to-cart {
    margin-top: 15px;
  }
  .sticky-add-to-card .ant-affix .container-add-to-cart {
    margin-top: 20px;
  }
}
@media screen and (max-width: 992px) {
  .sticky-add-to-card.compare-drawer .ant-affix {
    box-shadow: none !important;
  }
}
.sticky-add-to-card.compare-drawer .ant-affix .order-tip {
  display: none;
}
.sticky-add-to-card.sticky-add-to-card .ant-affix .order-tip {
  display: none;
}
.thumbnail-product-image:first {
  padding-left: 0px !important;
}
.thumbnail-product-image:last-child {
  padding-right: 0px !important;
}
.product-detail-icon-add {
  width: 22px;
  height: 30px;
  object-fit: cover;
  margin-right: 19px;
}
.product-add-to-cart {
  font-size: 14px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
}
.product-out-stock-text-container {
  display: flex;
  flex-direction: column;
}
.product-out-stock-text-container span:nth-child(1) {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}
.product-out-stock-text-container span:nth-child(2) {
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.25px;
  color: #ffffff;
}
.thumbnail-product-image-wrapper .carousel-button.left {
  left: 0px;
}
.thumbnail-product-image-wrapper .carousel-button.right {
  right: 0px;
}
@media screen and (max-width: 768px) {
  .thumbnail-product-image .thumbnail-product-image-inner {
    width: calc((100vw - 50px) / 5);
    height: calc(((100vw - 50px) / 5) + 10px) !important;
  }
}
.list-view- {
  width: 100%;
}
.relate-wishlist .wishlist-title {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
}
.relate-wishlist .wishlist-sub-title {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-decoration: underline;
  margin-bottom: 25px;
}
.relate-wishlist .wishlist-underline {
  width: 100%;
  border-bottom: 2px solid;
}
@media screen and (max-width: 768px) {
  .action-product {
    display: flex;
  }
}
.member-only-tag {
  display: flex;
  flex-flow: row wrap;
  font-size: 12px;
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  color: #fff !important;
  background: #000000 !important;
  padding: 7px 10px;
}
.lang-th .member-only-tag {
  padding: 5px 10px;
}
.member-only-tag.product-detail-page {
  display: flex !important;
  align-items: center;
  margin-left: 6px;
  margin-top: -3px;
}
.lang-th .member-only-tag.product-detail-page {
  padding: 5px 10px;
}
@media (max-width: 375px) {
  .member-only-tag.product-detail-page {
    display: none !important;
    padding: 5px 10px;
  }
}
.member-only-tag.mobile-product-detail-page {
  display: none;
}
@media (max-width: 375px) {
  .member-only-tag.mobile-product-detail-page {
    display: inherit;
    position: absolute;
    right: 0;
    padding: 7px 10px;
    justify-content: center;
    align-items: center;
  }
  .lang-th .member-only-tag.mobile-product-detail-page {
    padding: 5px 10px;
  }
}
.member-only-tag.product-list {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px !important;
  font-weight: 500 !important;
  position: relative;
  top: -1px;
}
@media (max-width: 992px) {
  .member-only-tag.product-list {
    font-size: 9px !important;
    padding: 5px 6px;
    top: -2px;
  }
  .lang-th .member-only-tag.product-list {
    padding: 3px 6px;
  }
}
@media (max-width: 767px) {
  .member-only-tag.product-list {
    margin-left: 5px;
    font-size: 8px !important;
  }
  .lang-th .member-only-tag.product-list {
    font-size: 9px !important;
    padding: 3px 7px 2px;
  }
}
@media (max-width: 409px) {
  .lang-th .member-only-tag.product-list {
    font-size: 8px !important;
  }
}
@media (max-width: 397px) {
  .member-only-tag.product-list {
    font-size: 7px !important;
    padding: 3px 5px;
    margin-left: 4px;
    top: -1px;
  }
  .lang-th .member-only-tag.product-list {
    padding: 2px 4px;
    font-size: 7px !important;
  }
}
.member-only-tag.cart-page {
  display: inline-block;
  margin-left: 0px;
  padding: 3px 5px;
}
@media (max-width: 1200px) {
  .member-only-tag.cart-page {
    font-size: 9px !important;
    padding: 3px 5px;
  }
}
@media (max-width: 767px) {
  .member-only-tag.cart-page {
    font-size: 9px !important;
    padding: 3px 5px;
  }
}
@media (max-width: 360px) {
  .member-only-tag.cart-page {
    font-size: 6px !important;
    padding: 3px 4px;
  }
}
.non-member-tag-price {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.non-member-tag-price .tag-wrapper {
  display: flex;
  align-items: center;
  padding: 3px 5px;
  margin-right: 20px;
  background-color: #f2f2f2;
}
.non-member-tag-price .tag-wrapper .text {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #000;
  margin-right: 3px;
}
.non-member-tag-price .tag-wrapper .price {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #000;
}
.non-member-tag-price .tag-message-wrapper {
  color: #ff0000;
}
@media (max-width: 350px) {
  .item-product-reposive-margin-left {
    margin-right: 5px !important;
  }
}
@media (max-width: 350px) {
  .item-product-reposive-margin-right {
    margin-left: 5px !important;
  }
}
@media (min-width: 575px) and (max-width: 767px) {
  .item-product-ipad-screen {
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .item-product-ipad-screen .productItemEmptyRating {
    height: 30px !important;
  }
}
.item-product-ipad-screen .productItemEmptyRating > span {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: 1px;
  margin-left: 6px;
  margin-top: 5px;
}
@media (min-width: 442px) and (max-width: 842px) {
  .item-product-ipad-screen .productItemEmptyRating > span {
    font-weight: 500 !important;
    margin-left: 3px !important;
    margin-top: 6px !important;
    font-size: 10px !important;
  }
}
@media (max-width: 441px) {
  .item-product-ipad-screen .productItemEmptyRating > span {
    font-size: 9px;
    margin-top: 8px;
  }
}
@media (max-width: 375px) {
  .item-product-ipad-screen .productItemEmptyRating > span {
    font-size: 8px;
    margin-top: 9px;
    margin-left: 2px;
  }
}
.item-product-ipad-screen .productItemRatingStar .ant-rate {
  font-size: 13px;
}
@media (min-width: 442px) and (max-width: 842px) {
  .item-product-ipad-screen .productItemRatingStar .ant-rate {
    font-size: 11px !important;
  }
}
@media (max-width: 441px) {
  .item-product-ipad-screen .productItemRatingStar .ant-rate {
    font-size: 10px;
  }
}
@media (max-width: 375px) {
  .item-product-ipad-screen .productItemRatingStar .ant-rate {
    font-size: 9px;
  }
}
@media (max-width: 340px) {
  .item-product-ipad-screen .productItemRatingStar .ant-rate {
    font-size: 8px;
  }
}
@media (max-width: 300px) {
  .item-product-ipad-screen .productItemRatingStar .ant-rate {
    font-size: 7px;
  }
}
.item-product-ipad-screen .productItemRatingStar > span {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: 1px;
  margin-left: 6px;
  margin-top: 5px;
}
@media (min-width: 442px) and (max-width: 842px) {
  .item-product-ipad-screen .productItemRatingStar > span {
    font-weight: 500 !important;
    margin-left: 3px !important;
    margin-top: 6px !important;
    font-size: 10px !important;
  }
}
@media (max-width: 441px) {
  .item-product-ipad-screen .productItemRatingStar > span {
    font-size: 9px;
    margin-top: 8px;
  }
}
@media (max-width: 375px) {
  .item-product-ipad-screen .productItemRatingStar > span {
    font-size: 8px;
    margin-top: 9px;
    margin-left: 2px;
  }
}
.warrantyWrap.warrantyWrap {
  margin: 20px 0;
  padding: 20px;
  border: solid 1px #a6a6a6;
  background-color: #fafafa;
}
@media (max-width: 768px) {
  .warrantyWrap.warrantyWrap {
    margin: 15px 0;
    padding: 15px;
  }
}
.warrantyWrap.warrantyWrap .warrantyTitle {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 0 0 17px;
  color: #000;
}
@media (max-width: 576px) {
  .warrantyWrap.warrantyWrap .ant-checkbox-group {
    width: 100%;
  }
}
.warrantyWrap.warrantyWrap .warrantyItem:not(:last-child) {
  margin: 0 0 13px;
}
.warrantyWrap.warrantyWrap .warrantyItem > .ant-checkbox-wrapper {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 576px) {
  .warrantyWrap.warrantyWrap .warrantyItem > .ant-checkbox-wrapper {
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
}
.warrantyWrap.warrantyWrap .warrantyItem .ant-checkbox {
  top: 3px;
  margin-right: 0;
}
@media (max-width: 576px) {
  .warrantyWrap.warrantyWrap .warrantyItem .ant-checkbox {
    top: 0;
  }
}
.warrantyWrap.warrantyWrap .warrantyItem .ant-checkbox + span {
  padding-left: 10px;
  padding-right: 0;
}
@media (max-width: 576px) {
  .warrantyWrap.warrantyWrap .warrantyItem .ant-checkbox + span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
.warrantyWrap.warrantyWrap .warrantyItem .warrantyItemDesc {
  word-break: break-word;
}
@media (max-width: 576px) {
  .warrantyWrap.warrantyWrap .warrantyItem .warrantyItemDesc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-width: 576px) {
  .warrantyWrap.warrantyWrap .warrantyItem .warrantyItemName {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    max-width: 86%;
  }
}
.warrantyWrap.warrantyWrap .warrantyItem .warrantyItemDesc,
.warrantyWrap.warrantyWrap .warrantyItem .warrantyItemPrice {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.warrantyWrap.warrantyWrap .warrantyItem .warrantyItemPrice {
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;
}
@media (max-width: 576px) {
  .warrantyWrap.warrantyWrap .warrantyItem .warrantyItemPrice {
    display: flex;
    align-items: center;
  }
}
.warrantyWrap.warrantyWrap .warrantyItem .warrantyItemPrice:before {
  content: '+';
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin-right: 5px;
}
.warrantyWrap.warrantyWrap .warrantyInfoIcon {
  padding: 0 10px 0 5px;
  cursor: pointer;
  position: relative;
  top: 1px;
}
@media (max-width: 576px) {
  .warrantyWrap.warrantyWrap .warrantyInfoIcon {
    padding: 0 10px;
    display: inline-block;
  }
}
.warrantyWrap.warrantyWrap .warrantyInfoIcon svg {
  width: 13px;
}
.warrantyModal hr {
  margin: 16px 0 40px;
}
@media (max-width: 768px) {
  .warrantyModal hr {
    margin: 16px 0 25px;
  }
}
.warrantyModal .warrantyContent {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
@media (max-width: 768px) {
  .warrantyModal .ant-modal-content {
    padding: 40px 20px 25px !important;
  }
}
.product-detail-wrap .warrantyWrap.warrantyWrap .warrantyTitle {
  margin: 0 0 19px;
}
.brandBanner {
  margin: 15px 0;
}
@media (max-width: 768px) {
  .brandBanner .brandBannerDesktop {
    display: none;
  }
}
.brandBanner .brandBannerMobile {
  display: none;
}
@media (max-width: 768px) {
  .brandBanner .brandBannerMobile {
    display: block;
  }
}
.brandBanner img {
  width: 100%;
}
.collect-box {
  width: 100%;
  display: flex;
  padding-top: 15px;
}
.collect-image {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.collect-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
}
.collect-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
}
.collect-box-image {
  cursor: pointer;
}
.collect-box-content {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: inherit;
}
@media (max-width: 767px) {
  .collect-box-content {
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .collect-box-content {
    padding-left: 31px;
  }
}
.collect-box-text-icon {
  cursor: pointer;
}
.collect-item-box {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  justify-content: space-between;
}
.collect-item-label {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}
.collect-list-container {
  max-height: 70vh;
  overflow-y: auto;
}
.collect-list-container::-webkit-scrollbar {
  display: none;
}
.collect-item-store {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}
.shipping-type-main {
  padding: 6px 5px 6px 5px;
  background-color: #F1E8FF;
  margin-right: 5px;
}
.shipping-type-main .shipping-type-text {
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  color: #8F4DFF;
}
.shopping-options-container {
  padding-left: 10px;
  background-color: #d9d9d9;
}
.select-sortby.product-list-sortby {
  min-width: 150px;
  height: 100%;
}
.select-sortby.product-list-sortby .ant-select-selection-item {
  text-align: left;
}
@media (max-width: 768px) {
  .select-sortby.product-list-sortby {
    max-width: 100%;
    width: 150px;
    min-width: auto;
  }
}
.product-list-container {
  margin: 0 auto;
}
.product-list-container.product-list-container--empty > .ant-col {
  display: none;
}
.product-list-container .list {
  width: 100%;
}
.product-list-container .line-space {
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 2px;
  font-size: 32px;
  color: rgba(0, 0, 0);
}
.product-list-container .skeleton-product-item {
  width: 100% !important;
  height: 300px;
}
.skeleton-product-item {
  width: 100% !important;
}
div.product-name {
  margin-bottom: 0;
}
.category-radio-container .ant-radio-button-wrapper {
  padding: 0px 10px;
  background-color: #f0f0f0;
}
.category-radio-container .ant-radio-button-wrapper-checked {
  background-color: #d9d9d9;
  border-color: #d9d9d9 !important;
}
.category-radio-container .ant-radio-button-wrapper-checked:focus-within {
  box-shadow: none;
}
.category-radio-container .ant-radio-button-wrapper-checked::before {
  background-color: transparent;
}
.category-radio-container .ant-radio-button-wrapper-checked:hover::before {
  background-color: transparent;
}
#product-contents {
  max-width: 1420px;
  margin: auto;
}
#product-contents > div {
  padding: 0;
}
#product-contents .display-product-list-container .ant-spin-container > .ant-row > div > .ant-col {
  height: 100%;
}
#product-contents .display-product-list-container .ant-spin-container > .ant-row > div {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #product-contents .display-product-list-container .ant-spin-container > .ant-row > div {
    margin-bottom: 5px;
  }
}
.sort-by-dropdown.ant-select-dropdown {
  background: transparent;
  box-shadow: none;
  padding: 0;
  z-index: 1;
}
.sort-by-dropdown.ant-select-dropdown > div {
  border: solid 0.5px #000000;
  margin-top: 13px;
}
.sort-by-dropdown.ant-select-dropdown .ant-select-item {
  background-color: #fff;
  padding: 0 20px;
  text-align: left;
  line-height: 31px;
}
.sort-by-dropdown.ant-select-dropdown .ant-select-item:hover,
.sort-by-dropdown.ant-select-dropdown .ant-select-item.ant-select-item-option-selected {
  background-color: #c0c0c0;
}
.product-detail-loading {
  display: flex;
  justify-content: center;
  padding: 15px 20px;
}
.product-detail-loading .ant-skeleton-avatar {
  width: 600px;
  height: 600px;
}
.product-item-card-full-detail {
  width: 100%;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
}
.product-item-card-full-detail .product-item-card-out-of-stock {
  right: 25px;
}
.product-item-card-full-detail .product-item-card-image {
  max-width: 100%;
  min-height: 350px;
  display: block;
}
.product-item-card-full-detail .rate {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
.product-item-card-full-detail .reviews-button {
  z-index: 100;
  padding: 2px 8px;
}
.product-item-card-full-detail .reviews-button .reviews {
  font-size: 16px;
  color: #1979c3;
}
.product-item-card-full-detail .add_to_cart_btn {
  z-index: 100;
  background-color: #dc433b;
  border-radius: 40px;
  color: #fff;
  padding: 5px 25px;
  text-decoration: none;
  box-shadow: 0 3px 5px 0 #b0271d;
}
button.ant-btn.add-to-cart.ant-btn-primary[disabled] {
  background: #ccc;
  box-shadow: 0 3px 5px 0 #ccc;
}
.product-item-card-out-of-stock {
  position: absolute;
  width: 100%;
  bottom: 2px;
  right: 0;
  left: 0;
  z-index: 1;
}
.product-item-card-out-of-stock * {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}
.product-item-card {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  text-align: left;
}
.product-item-card h4.ant-typography,
.product-item-card .ant-typography h4,
.product-item-card h2.ant-typography,
.product-item-card .ant-typography h2,
.product-item-card a,
.product-item-card .ant-typography,
.product-item-card .ant-btn-link {
  color: #414042;
}
.product-item-card .show-hide {
  display: none;
}
.product-item-card .hide-show {
  display: block;
}
.product-item-card .ant-card-cover {
  margin: 0px;
}
.product-item-card .ant-card-cover .product-item-card-image {
  cursor: pointer;
}
.product-item-card .rate {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
.product-item-card .reviews-button {
  z-index: 100;
  padding: 2px 8px;
}
.product-item-card .reviews-button .reviews {
  font-size: 16px;
  color: #1979c3;
}
.product-item-card .add_to_cart_btn {
  z-index: 100;
  background-color: #dc433b;
  border-radius: 40px;
  color: #fff;
  padding: 5px 25px;
  text-decoration: none;
  box-shadow: 0 3px 5px 0 #b0271d;
}
.product-item-card .ant-card-cover {
  position: relative;
  padding-bottom: 350px;
  width: 300px;
  margin: 0 -7px;
}
@media (max-width: 1200px) {
  .product-item-card .ant-card-cover {
    width: inherit;
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .product-item-card .ant-card-cover {
    padding-bottom: 219px !important;
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 411px) {
  .product-item-card .ant-card-cover {
    width: 100%;
  }
}
.product-item-card:hover .show-hide {
  display: flex;
}
.product-item-card:hover .hide-show {
  display: none;
}
.product-list-filter h3 {
  font-size: 16px;
}
.product-list-filter h4 {
  font-size: 16px;
}
.product-list-filter .options-filtered {
  margin-bottom: 5px;
}
.product-list-filter .options-filtered h4 {
  margin-bottom: 0;
}
.product-list-filter .remove {
  color: #1979c3;
  cursor: pointer;
}
.product-list-filter .options {
  margin-bottom: 20px;
}
.product-list-filter .options .lable {
  color: #1979c3;
}
.product-list-filter .options .count {
  color: #dc433b;
}
.product-list-filter li.product-filter-item {
  margin-right: 4px;
}
.product-list-filter li.product-filter-item .ant-input-affix-wrapper {
  height: 30px;
  width: 199px;
  padding: 3px 8px 3px 9px;
  border: solid 0.5px #000000;
  background-color: #ffffff;
}
.product-list-filter li.product-filter-item .ant-input-affix-wrapper .ant-input-suffix svg {
  min-width: 19px;
  height: 20px;
}
.product-list-filter li.product-filter-item .ant-input-affix-wrapper input {
  font-size: 12px;
  color: #000000;
}
.product-list-filter li.product-filter-item .ant-input-affix-wrapper input::-webkit-input-placeholder {
  /* Edge */
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.product-list-filter li.product-filter-item .ant-input-affix-wrapper input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.product-list-filter li.product-filter-item .ant-input-affix-wrapper input::placeholder {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.product-list-filter li.product-filter-item .ant-divider-horizontal {
  margin: 4px 0 0;
}
.product-list-filter li.product-filter-item .ant-slider-handle {
  border-radius: 50%;
  border: 1px solid #000 !important;
  background: #fff;
  width: 18px;
  height: 18px;
  margin-top: -7px;
}
.product-list-filter li.product-filter-item .ant-slider-handle::after {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #000000;
  z-index: 5;
}
.product-list-filter li.product-filter-item .ant-col.ant-col-9 .display-title {
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.stars-container {
  margin-left: 5px;
  margin-right: 10px;
}
.stars-container .rating-star-filter {
  color: #d5d5d5;
  margin-right: 0px;
}
.stars-container .rating-star-filter + .rating-star-filter {
  margin-left: 3px;
}
.stars-container .rating-star-filter.active {
  color: #6600ff;
}
img[data-element="mobile_image"] {
  height: 0px !important;
}
.sortby-text {
  display: inline;
}
.ant-menu.menu-now-shop-by {
  background: white;
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-right: none;
}
.ant-menu.menu-now-shop-by .ant-menu-submenu-title {
  padding-left: 0 !important;
}
.ant-menu.menu-now-shop-by .ant-menu-item {
  margin: 0;
  padding-left: 0 !important;
}
.ant-menu.menu-now-shop-by .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  text-align: center;
}
.ant-menu.menu-now-shop-by .ant-menu-item:hover,
.ant-menu.menu-now-shop-by .ant-menu-item-active,
.ant-menu.menu-now-shop-by .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu.menu-now-shop-by .ant-menu-submenu-active,
.ant-menu.menu-now-shop-by .ant-menu-submenu-title:hover {
  color: rgba(0, 0, 0);
}
.ant-menu.menu-now-shop-by .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu.menu-now-shop-by .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
}
.ant-menu.menu-now-shop-by .value span {
  color: rgba(0, 0, 0);
}
.ant-menu.menu-now-shop-by .clear-all {
  margin-bottom: 10px;
}
.ant-menu.menu-now-shop-by .clear-all .remove {
  color: #1979c3;
}
.ant-menu.menu-shop-by {
  background: white;
  margin-top: 5px;
  border-right: none;
}
.ant-menu.menu-shop-by .ant-menu-submenu {
  padding: 0;
}
.ant-menu.menu-shop-by .ant-menu-submenu.display-contents-mobile .ant-menu-sub.ant-menu-inline {
  padding-left: 48px;
}
.ant-menu.menu-shop-by .ant-menu-sub.ant-menu-inline {
  margin-bottom: 0;
  padding-bottom: 13px;
  border-bottom: 1px solid #a1a1a1;
}
.ant-menu.menu-shop-by > ul > li {
  padding-top: 8px !important;
  min-height: 20px;
}
.ant-menu.menu-shop-by > ul:last-child > li > ul {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.ant-menu.menu-shop-by > ul > li > div {
  margin-bottom: 12px;
}
.ant-menu.menu-shop-by .ant-menu-item {
  margin: 0;
  white-space: break-spaces;
  height: initial;
  line-height: initial;
}
.ant-menu.menu-shop-by .ant-menu-item .ant-tag.size {
  font-size: 20px;
}
.ant-menu.menu-shop-by .ant-menu-item.display-contents {
  display: contents !important;
}
.pagination-wrapper {
  justify-content: space-between;
}
.pagination-wrapper .page-size-wrapper {
  margin-top: 0px;
}
.action-hidde-filter-bar {
  margin-left: -9px;
}
.action-show-filter-bar,
.action-hidde-filter-bar {
  text-decoration: none;
  cursor: pointer;
}
.action-show-filter-bar span,
.action-hidde-filter-bar span {
  text-transform: uppercase;
  color: #6600ff;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  .action-show-filter-bar span,
  .action-hidde-filter-bar span {
    margin: 9px 0 9px 1px;
  }
}
.action-show-filter-bar img,
.action-hidde-filter-bar img {
  width: 15px;
  height: 28px;
  margin: 0 8px 0 0;
  object-fit: contain;
}
@media (max-width: 768px) {
  .action-show-filter-bar img,
  .action-hidde-filter-bar img {
    object-fit: contain;
  }
}
.action-hidde-filter-bar img {
  transform: rotate(180deg);
}
.product-filter-item:active {
  background: none;
}
.product-filter-item > a {
  position: relative;
  margin: 7px 0;
  display: inline-block;
  padding-left: 30px;
  line-height: 1;
  color: #000000;
}
.product-filter-item > a span.ant-typography {
  font-size: 12px;
}
.product-filter-item > a::before {
  width: 15px;
  height: 15px;
  border: 0.5px solid #000000;
}
@media only screen and (min-width: 992px) {
  .product-filter-item > a:not(.rating-disabled):hover::before {
    background-color: #000000;
  }
  .product-filter-item > a:not(.rating-disabled):hover::after {
    position: absolute;
    display: table;
    border: 1px solid #ffffff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    content: "";
    top: 7px;
    left: 4px;
    width: 5px;
    height: 9px;
  }
}
.product-filter-item > a.checked::before {
  background-color: #000000;
}
.product-filter-item > a.checked::after {
  position: absolute;
  display: table;
  border: 1px solid #ffffff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  content: "";
  top: 7px;
  left: 4px;
  width: 5px;
  height: 9px;
}
.menu-shop-by .ant-menu-submenu-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
  margin: 0 0 0 30px;
}
.menu-shop-by .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.menu-shop-by .product-filter-item {
  padding: 0;
}
.product-list-top-bar {
  width: 100%;
  flex-flow: nowrap;
  margin-top: 10px;
}
.product-list-top-bar .icon-end-attribute {
  margin: 0 5px 0 0;
}
.product-list-top-bar .product-list-sort-by {
  float: right;
}
.product-list-top-bar .product-list-sort-by > div {
  flex: 100%;
  max-width: 240px;
  height: 30px;
  border: solid 0.5px #000000;
  background-color: #ffffff;
  padding: 2px 0 4px 15px;
  line-height: 30px;
  position: relative;
}
.product-list-top-bar .product-list-sort-by > div::before {
  content: "";
  position: absolute;
  top: 7px;
  right: 12px;
  background-image: url("/static/images/icon-open-sortby.png");
  width: 22px;
  height: 15px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.product-list-top-bar .product-list-sort-by > div > span {
  line-height: 34px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
}
.product-list-top-bar .product-list-sort-by > div .select-sortby .ant-select-selector {
  border: none;
  background: none;
  color: #000000;
  line-height: 31px;
  display: block;
  text-align: left;
  height: 30px;
  width: 100%;
}
.product-list-top-bar .product-list-sort-by > div .select-sortby .ant-select-selection-item {
  line-height: 31px;
  padding: 0;
  top: 5px;
  left: 10px;
}
.product-list-top-bar .product-list-sort-by > div .select-sortby .ant-select-arrow {
  display: none;
}
.product-list-top-bar .product-list-sort-by > div .select-sortby.ant-select-focused .ant-select-selector {
  box-shadow: none;
}
.product-list-top-bar .product-list-sort-by > div .ant-btn-icon-only {
  display: none;
}
.product-list-top-bar .filter-section .filter-section__inner {
  flex-flow: nowrap;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .product-list-top-bar .filter-section .filter-section__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product-list-top-bar .filter-section .filter-section__inner > .action-show-filter {
  min-width: 132px;
}
@media (max-width: 768px) {
  .product-list-top-bar .filter-section .filter-section__inner > .action-show-filter {
    min-width: unset;
  }
}
.product-list-top-bar .filter-section .filter-section__inner > .action-show-filter .action-show-filter-bar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.product-list-top-bar .filter-section .filter-section__inner > .action-show-filter .action-show-filter-bar span {
  margin-left: 8px;
}
.product-list-top-bar .filter-section .product-list-now-fillter {
  padding-left: 28px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
}
@media (max-width: 992px) {
  .product-list-top-bar .filter-section .product-list-now-fillter {
    margin-left: 0 !important;
    padding: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
  }
}
.product-list-top-bar .filter-section .product-list-now-fillter span.icon-end-attribute {
  display: none;
}
.product-list-top-bar .filter-section .product-list-now-fillter a span.remove {
  margin: 0 12px 0 9px;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.25;
  letter-spacing: normal;
  color: #737373;
}
.product-list-top-bar .filter-section .product-list-now-fillter span.label-filter-now {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.17;
  letter-spacing: normal;
  color: #000000;
  text-transform: uppercase;
  margin-top: -8px;
  margin-right: 10px;
}
.product-list-top-bar .filter-section .product-list-now-fillter span.option-name {
  margin-right: 5px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0.26px;
  color: #000000;
}
.product-list-top-bar .filter-section .product-list-now-fillter .ant-col.options-filtered {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 8px;
}
.product-list-top-bar .filter-section .product-list-now-fillter .ant-col.options-filtered .option-value-wrapper {
  margin-bottom: 0px !important;
}
.product-list-top-bar .filter-section .product-list-now-fillter span.ant-typography.option-value-tiltered {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-list-top-bar .filter-section .product-list-now-fillter span.option-value-wrapper {
  min-height: 26px;
  border-radius: 15px;
  background-color: #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
  margin-right: 5px;
  margin-bottom: 8px;
}
.product-list-top-bar .filter-section .product-list-now-fillter span.option-value-wrapper .option-value {
  margin-right: 4px;
}
.product-list-top-bar .filter-section .product-list-now-fillter span.option-value-wrapper span.option-value {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  color: #000000;
  display: block;
  max-width: 200px;
}
.product-list-top-bar .filter-section .product-list-now-fillter span.option-value-wrapper span.anticon.anticon-close svg {
  width: 10px;
  height: 9px;
}
.product-list-top-bar .sort-section {
  min-width: 384px;
  height: 100%;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .product-list-top-bar .sort-section {
    min-width: unset;
  }
}
.product-list-top-bar .sort-section .sort__wrapper {
  position: relative;
}
.product-list-top-bar .sort-section .sort__wrapper .sort__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: 240px !important;
  height: 30px !important;
  margin: 0 0 0 0;
  padding: 3px 9px 3px 11px;
  border: solid 0.5px #000000;
  background-color: #ffffff;
}
.product-list-top-bar .sort-section .sort__wrapper .sort__title.sort__title--active img {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .product-list-top-bar .sort-section .sort__wrapper .sort__title {
    width: 100% !important;
    min-width: 141px;
    margin: 0 0 0 0;
  }
}
.product-list-top-bar .sort-section .sort__wrapper .sort__title > div {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .product-list-top-bar .sort-section .sort__wrapper .sort__title > div {
    font-size: 12px !important;
    white-space: nowrap;
    margin-right: 0px !important;
  }
}
.product-list-top-bar .sort-section .sort__wrapper img {
  width: 17px;
  height: 9px;
}
.product-list-top-bar .sort-section .product-list-sort-dropdown {
  position: absolute;
  top: 29px;
  left: 0;
  z-index: 15;
  width: 100%;
  background: #fff;
}
.product-list-top-bar .sort-section .product-list-sort-dropdown .sort__item {
  padding-left: 10px;
  cursor: pointer;
  height: 30px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  color: #000000;
  transition: 300ms;
  display: flex;
  align-content: center;
}
.product-list-top-bar .sort-section .product-list-sort-dropdown .sort__item:hover {
  background: #dadada;
}
@media (max-width: 768px) {
  .product-list-top-bar .sort-section .product-list-sort-dropdown .sort__item {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .product-list-top-bar.product-list-top-bar--filter {
    flex-flow: wrap;
  }
  .product-list-top-bar.product-list-top-bar--filter .sort-section {
    margin-left: auto;
  }
}
.product-list-container {
  position: relative;
  width: 100%;
}
.product-list-container .product-list-filter {
  position: absolute;
  top: 10px;
  left: 0;
  width: 258px;
  max-height: 1192px;
  padding: 10px 24px 10px 25px;
  box-shadow: 5px 5px 0 0 #cccccc;
  border: solid 0.5px #000000;
  background-color: #ffffff;
  overflow: auto;
}
@media (max-width: 768px) {
  .product-list-container .product-list-filter {
    top: 1vh;
  }
}
.product-list-container .product-list-filter .options-filtered {
  display: none;
}
.product-list-container .product-list-filter .remove {
  color: #737373;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.93;
  letter-spacing: normal;
  margin: 10px 0 0 28px;
  display: inline-block;
}
.product-list-container .product-list-filter .remove:hover {
  color: #000000;
}
.category-name {
  text-align: center;
}
.category-name .display-category-name {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
}
.category-name .title-size {
  margin: 20px 0 0 0;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .category-name .title-size {
    margin: 20px 0 0 0;
    font-size: 20px;
    line-height: normal;
  }
}
.category-name .count-item {
  margin: 4px 0 21px 0;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
@media (max-width: 768px) {
  .category-name .count-item {
    margin: 7px 0 24px 0;
    font-weight: normal;
  }
}
#product-contents .product-item-card,
.brand-page .product-item-card {
  transition: 350ms;
  cursor: pointer;
}
#product-contents .product-item-card .ant-card-body,
.brand-page .product-item-card .ant-card-body {
  padding: 0;
  height: calc(100% - 350px);
  padding-bottom: 0px;
  position: relative;
}
#product-contents .product-item-card .ant-card-body > div,
.brand-page .product-item-card .ant-card-body > div {
  border-top: solid 1.5px #000000;
  padding-top: 10px;
  height: 100%;
}
@media (max-width: 768px) {
  #product-contents .product-item-card .ant-card-body,
  .brand-page .product-item-card .ant-card-body {
    max-width: 168px;
    margin: 0 auto;
    height: calc(100% - 219px);
    padding-bottom: 0;
  }
  #product-contents .product-item-card .ant-card-body > div,
  .brand-page .product-item-card .ant-card-body > div {
    padding: 2px 0 0px;
  }
}
@media (max-width: 411px) {
  #product-contents .product-item-card .ant-card-body,
  .brand-page .product-item-card .ant-card-body {
    max-width: 160px;
  }
}
#product-contents .product-item-card .ant-card-body .wishlist-action,
.brand-page .product-item-card .ant-card-body .wishlist-action {
  position: absolute;
  top: 22px;
  right: 0;
  cursor: pointer;
}
#product-contents .product-item-card .ant-card-body span.qty-plus,
.brand-page .product-item-card .ant-card-body span.qty-plus {
  right: 0;
  cursor: pointer;
}
#product-contents .product-item-card .ant-card-body span.qty-plus img,
.brand-page .product-item-card .ant-card-body span.qty-plus img {
  width: 23px;
  height: 25px;
  object-fit: contain;
}
@media (max-width: 768px) {
  #product-contents .product-item-card .ant-card-body span.qty-plus img,
  .brand-page .product-item-card .ant-card-body span.qty-plus img {
    width: 20px;
    height: 22px;
  }
}
@media (max-width: 768px) {
  #product-contents .product-item-card .ant-card-body span.qty-plus,
  .brand-page .product-item-card .ant-card-body span.qty-plus {
    top: 5px;
  }
}
#product-contents .product-item-card .ant-card-body .product-addtocart .ant-spin-spinning,
.brand-page .product-item-card .ant-card-body .product-addtocart .ant-spin-spinning {
  position: absolute;
  top: 25px;
  right: 38px;
  z-index: 1;
}
#product-contents .product-item-card .ant-card-body .product-compare,
.brand-page .product-item-card .ant-card-body .product-compare {
  position: absolute;
  top: 21px;
  right: 68px;
  z-index: 1;
}
#product-contents .product-item-card a,
.brand-page .product-item-card a {
  width: 100%;
}
#product-contents .product-item-card .product-brand,
.brand-page .product-item-card .product-brand {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  color: #000000;
  margin: 0;
  padding-right: 25px;
  min-height: 19px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  #product-contents .product-item-card .product-brand,
  .brand-page .product-item-card .product-brand {
    min-height: 18px;
    font-size: 14px;
  }
}
#product-contents .product-item-card .product-name,
.brand-page .product-item-card .product-name {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #000000;
  padding: 0;
  min-height: 44px;
}
@media (max-width: 768px) {
  #product-contents .product-item-card .product-name,
  .brand-page .product-item-card .product-name {
    min-height: 28px;
    font-size: 12px;
    line-height: 1.17;
  }
}
#product-contents .product-item-card .price-text.line,
.brand-page .product-item-card .price-text.line {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0.5px;
  margin: 0;
}
#product-contents .product-item-card .product-item-card-image-second,
.brand-page .product-item-card .product-item-card-image-second {
  opacity: 0;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
#product-contents .product-item-card .reviews,
.brand-page .product-item-card .reviews {
  font-size: 12px;
  color: #666666;
  letter-spacing: 1px;
  line-height: 2;
  margin: 2px 0 0 5px;
}
#product-contents .product-item-card .ant-card-cover .category-details-percent-main,
.brand-page .product-item-card .ant-card-cover .category-details-percent-main {
  display: flex;
  width: 60px;
  height: 32px;
  max-height: 32px;
  border-radius: 5px;
  padding-top: 1px;
  background-color: #ff0000;
  justify-content: center;
}
#product-contents .product-item-card .ant-card-cover .category-details-percent-main .category-details-percent-value,
.brand-page .product-item-card .ant-card-cover .category-details-percent-main .category-details-percent-value {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #ffffff;
}
#product-contents .product-item-card .ant-card-cover .category-details-percent-main span.category-details-percent,
.brand-page .product-item-card .ant-card-cover .category-details-percent-main span.category-details-percent {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
#product-contents .ant-spin-container > div > div > div,
.brand-page .ant-spin-container > div > div > div {
  height: 100%;
}
.product-item-card {
  min-height: 580px;
}
@media (max-width: 768px) {
  .product-item-card {
    min-height: unset;
  }
}
.product-item-card .ant-card-body .product-price {
  min-height: 60px;
}
@media (max-width: 768px) {
  .product-item-card .ant-card-body .product-price {
    min-height: 45px;
  }
}
.product-item-card .ant-card-body .product-price .discount-price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.product-item-card .ant-card-body .product-price .discount-price .special-price {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: 0.5px;
  color: #ff0000;
  margin-right: 7px;
  display: inline-block;
}
@media (max-width: 768px) {
  .product-item-card .ant-card-body .product-price .discount-price .special-price {
    font-size: 14px;
  }
}
.product-item-card .ant-card-body .product-price .discount-price .full-price {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: 0.35px;
  color: #a1a1a1;
  text-decoration: line-through;
}
@media (max-width: 768px) {
  .product-item-card .ant-card-body .product-price .discount-price .full-price {
    line-height: 1.88;
    font-size: 12px;
  }
}
.product-item-card .ant-card-body .product-price .save-price .price-text-discount {
  margin-right: 3px;
}
.product-item-card .ant-card-body .product-price .save-price span {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: 0.39px;
  color: #ff0000;
}
@media (max-width: 768px) {
  .product-item-card .ant-card-body .product-price .save-price span {
    line-height: 1.2;
    font-size: 12px;
  }
}
.product-item-card .ant-card-body .product-price > span {
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: 0.5px;
  color: #000000;
}
@media (max-width: 768px) {
  .product-item-card .ant-card-body .product-price > span {
    font-size: 14px;
  }
}
.submenu-filter-price .ant-menu-item {
  width: 100% !important;
}
.submenu-filter-price .ant-form-item-label {
  padding: 0;
}
.submenu-filter-price .ant-form-item-label > label {
  color: #000000;
  font-size: 10px;
}
.submenu-filter-price .ant-form-item-control input {
  font-size: 14px;
  height: 33px;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  padding: 0 0 0 10px;
}
.submenu-filter-price .ant-row.ant-form-item {
  display: inline-block;
  width: 75px;
  margin: 0 8px 0 0;
}
.submenu-filter-price .ant-row.ant-form-item.btn-filter-price-submit {
  width: 33px;
  margin: 0;
}
.submenu-filter-price .ant-menu-item {
  padding-right: 0;
  margin-right: -10px;
}
.submenu-filter-price form {
  position: relative;
}
.btn-filter-price-submit {
  position: absolute;
  bottom: 0;
  right: 0;
}
.btn-filter-price-submit .ant-btn-primary {
  width: 33px;
  height: 33px;
  border-radius: 2px;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  visibility: visible;
}
.btn-filter-price-submit .ant-btn-primary span {
  font-size: 0;
  position: static;
}
.btn-filter-price-submit .ant-btn-primary span::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 9px;
  background-image: url("/static/images/icon-open-sortby.png");
  width: 18px;
  height: 14px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transform: rotate(270deg);
}
.product-toolbar-bottom {
  margin: 23px 0 23px;
}
.product-toolbar-bottom span {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.55;
  letter-spacing: 0.95px;
  color: #000000;
}
@media (max-width: 768px) {
  .product-toolbar-bottom span {
    margin: 0 0 0 19px;
    font-size: 16px;
    line-height: 1.94;
    letter-spacing: 0.76px;
    text-align: center;
  }
}
.breadcrumb-item {
  display: inline-block;
  font-size: 12px;
  color: #000000;
  margin-right: 10px;
  padding-right: 18px;
  position: relative;
  cursor: pointer;
  text-transform: capitalize;
  min-height: 18px;
  height: 18px;
}
.breadcrumb-item::after {
  content: ">";
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 12px;
}
.breadcrumb-item:hover {
  color: #dc433b;
}
.breadcrumb-item:hover::after {
  color: #000000;
}
.breadcrumb-item:last-child {
  cursor: default;
}
.breadcrumb-item:last-child:hover {
  color: #000000;
}
.breadcrumb-item:last-child::after {
  display: none;
}
.product-options {
  display: inline-block;
  width: 100%;
}
.attribute-option {
  display: inline;
}
.attribute-option .ant-tag {
  float: left;
}
.attribute-option .ant-tag-has-color {
  width: 20px;
  height: 20px;
  border: solid 0.5px #cccccc;
  border-radius: 100%;
  margin-right: 5px;
}
.attribute-option.disabled .ant-tag-has-color {
  position: relative;
}
.attribute-option.disabled .ant-tag-has-color::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  transform: rotate(135deg);
}
.attribute-option-more {
  width: auto;
  display: inline;
  cursor: pointer;
  position: relative;
  top: -7px;
}
.attribute-option-more span {
  width: 20px;
  height: 20px;
  border: solid 0.5px #cccccc;
  border-radius: 100%;
  font-size: 8px;
  display: inline-block;
  line-height: 19px;
  text-align: center;
}
.attribute-option-more span::before {
  content: "+";
}
.listing-page-no-item {
  display: inline-block;
  width: 100%;
}
.listing-page-no-item .msg-pdl-emty {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.72;
  letter-spacing: 0.86px;
  text-align: center;
  color: #000000;
}
@media (max-width: 375px) {
  .pagination-wrapper {
    justify-content: center;
  }
  .pagination-wrapper .ant-pagination.mini {
    width: 100%;
    text-align: center;
  }
  .pagination-wrapper .page-size-wrapper {
    margin-top: 20px;
  }
  .sortby-text {
    display: none;
  }
}
.category-wrapper .ant-container.breadcrumb-main {
  margin-bottom: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .pagination-wrapper {
    justify-content: center;
  }
  .pagination-wrapper .ant-pagination.mini {
    width: 100%;
    text-align: center;
  }
  .pagination-wrapper .page-size-wrapper {
    margin-top: 20px;
  }
  img[data-element="desktop_image"] {
    height: 0px !important;
  }
  img[data-element="mobile_image"] {
    height: auto !important;
  }
  .product-item-card .show-hide {
    display: block;
  }
  .category-wrapper .display-product-list-container .product-item-card {
    padding: 0;
  }
  .category-wrapper .display-product-list-container .product-item-card .ant-card-body {
    padding: 0;
  }
  .category-wrapper .display-product-list-container .product-item-card .ant-card-body > div {
    padding-top: 5px !important;
  }
  .category-wrapper .display-product-list-container .product-item-card .ant-card-body .ant-rate-star svg {
    width: 10px;
    height: 10px;
  }
  .category-wrapper .display-product-list-container .product-item-card .ant-card-body .reviews {
    display: none;
  }
  .category-wrapper .display-product-list-container .product-item-card .ant-card-body .wishlist-action {
    top: 13px;
  }
  .category-wrapper .display-product-list-container .product-item-card .ant-card-body .qty-plus {
    top: 11px;
  }
  .category-wrapper .display-product-list-container .product-item-card .ant-card-body .product-compare {
    top: 12px;
  }
  .category-wrapper .display-product-list-container .product-item-card .ant-card-body .product-addtocart .product-options {
    margin-top: 0;
  }
  .category-wrapper .display-product-list-container .product-item-card .ant-card-body .product-addtocart .product-options .attribute-option .ant-tag-has-color {
    margin-right: 3px;
  }
  .display-product-list-container .ant-spin-container > .ant-row > div:nth-child(odd) {
    padding: 0 10px 0 0;
    margin-bottom: 20px;
  }
  .display-product-list-container .ant-spin-container > .ant-row > div:nth-child(even) {
    padding: 0 0 0 10px;
    margin-bottom: 20px;
  }
  .product-list-container .filter-section__inner .action-show-filter {
    max-width: none;
    float: none;
  }
  .product-list-container .sort-section .ant-typography {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #000000;
    margin-right: 14px;
    white-space: nowrap;
  }
  .product-list-container .sort-section .product-list-sort-by > div {
    width: 170px;
    padding: 0 35px 0 9px;
  }
  .product-list-container .sort-section .product-list-sort-by > div::before {
    width: 17px;
    height: 11px;
    right: 9px;
    left: auto;
    top: 9px;
  }
  .product-list-container .sort-section .product-list-sort-by .ant-select-selector {
    text-align: left;
  }
  .product-list-container .sort-section .product-list-sort-by .ant-select-selector .ant-select-selection-item {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #000000;
    left: 0;
  }
  .product-list-container .product-list-top-bar.product-list-top-bar--active {
    display: block;
  }
  .product-list-container .product-list-top-bar.product-list-top-bar--active .filter-section {
    max-width: none;
    float: left;
  }
  .product-list-container .product-list-top-bar.product-list-top-bar--active .sort-section {
    float: right;
    max-width: none;
  }
  .product-list-container .product-list-filter {
    left: -15px;
  }
  .product-list-container .product-list-filter .action-hidde-filter-bar {
    display: block;
    margin: 0 -6px 10px;
  }
  .product-list-container .product-list-filter .action-hidde-filter-bar img {
    width: 16px;
    height: 26px;
    margin: 0 10px 0 0;
  }
  .product-list-container .product-list-filter .ant-menu-root {
    margin-top: 0;
    margin-bottom: 8px;
  }
  .product-list-container .product-list-filter .ant-menu-root:last-child {
    margin-bottom: 0;
  }
  .product-list-container .product-list-filter .ant-menu.menu-shop-by .ant-menu-sub.ant-menu-inline {
    margin-bottom: 0;
  }
  .product-list-container .product-list-filter .container-product-filter-item {
    margin-top: 0 !important;
  }
  .product-list-container .product-list-filter .container-product-filter-item .ant-menu-item {
    padding: 0 !important;
    width: 100% !important;
  }
  .product-list-container .product-list-filter .filter-submenu-content {
    padding: 5px 0 13px;
    border-bottom: 1px solid #a1a1a1;
    margin-bottom: 5px !important;
  }
  .product-list-container .product-list-filter .container-product-filter-item {
    border: none;
  }
  .product-list-container .product-list-filter .product-filter-input {
    margin: 0 0 12px 0;
  }
  .product-list-container .product-list-filter .product-filter-input .ant-input-affix-wrapper {
    border: solid 1px rgba(0, 0, 0, 0.5);
  }
  .product-list-container .product-list-filter .product-filter-input .ant-input-affix-wrapper input::placeholder {
    font-size: 12px;
    color: #000000;
  }
  .product-list-container .product-list-filter .product-filter-input .ant-input-affix-wrapper input::-webkit-input-placeholder {
    font-size: 12px;
    color: #000000;
  }
  .product-list-container .product-list-filter .product-filter-input .ant-input-affix-wrapper input:-ms-input-placeholder {
    font-size: 12px;
    color: #000000;
  }
  .product-list-container .product-list-filter .product-filter-slider-input {
    border-bottom: 1px solid #a1a1a1;
    margin-bottom: 5px !important;
  }
  .product-list-container .product-list-filter .product-filter-slider-input .product-filter-slider-input {
    margin: 0;
  }
  .product-list-container .product-list-filter .product-filter-slider-input .ant-slider {
    margin-bottom: 20px;
  }
  .product-list-container .product-list-filter .ant-menu-root .ant-menu-root:last-child ul.filter-submenu-content {
    border: none !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .display-product-list-container .ant-spin-container > .ant-row > div:nth-child(odd) {
    padding: 0 10px 0 0;
  }
}
@media (max-width: 767px) and (max-width: 360px) {
  .display-product-list-container .ant-spin-container > .ant-row > div:nth-child(odd) {
    padding: 0 5px 0 0;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .display-product-list-container .ant-spin-container > .ant-row > div:nth-child(even) {
    padding: 0 0 0 10px;
  }
}
@media (max-width: 767px) and (max-width: 360px) {
  .display-product-list-container .ant-spin-container > .ant-row > div:nth-child(even) {
    padding: 0 0 0 5px;
  }
}
@media (max-width: 767px) and (max-width: 768px) {
  .product-list-container .sort-section .product-list-sort-by .ant-select-selector {
    padding-top: 12px;
  }
}
.product-list-sort-dropdown {
  box-shadow: 5px 5px 0 0 #cccccc;
  border: solid 0.5px #000000;
  border-radius: 0;
}
.product-list-sort-dropdown .sort__item {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0;
  color: #000000;
}
@media (min-width: 576px) {
  .product-item-card .show-hide {
    display: block;
  }
  .ant-menu.menu-shop-by .ant-menu-submenu-title,
  .ant-menu.menu-shop-by .ant-menu-item {
    padding-left: 0 !important;
  }
}
@media only screen and (min-width: 992px) {
  .product-item-card:hover {
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.03), -1px -1px 4px 1px rgba(0, 0, 0, 0.03);
  }
}
@media (min-width: 768px) {
  .display-img > div {
    padding: 0 !important;
  }
}
.container-display-image .default-image-display {
  position: absolute;
  opacity: 1;
  cursor: pointer;
}
.container-display-image .second-image-display {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  margin-top: 10%;
  transition: margin-top 0.2s;
}
.container-display-image:hover .default-image-display {
  opacity: 0;
}
.container-display-image:hover .second-image-display {
  opacity: 1;
  margin-top: 10%;
}
.container-product-filter-item {
  max-height: 155px;
  overflow-y: auto;
  margin-right: 0;
}
.container-product-filter-item .ant-menu-item.product-filter-item.rating-more-width {
  width: 100% !important;
  margin-right: 0;
}
.container-product-filter-item::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent !important;
}
.container-product-filter-item::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #dedede !important;
}
.container-product-filter-item::-webkit-scrollbar-thumb {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background-color: #c1c1c1 !important;
}
.product-filter-input {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 5px;
}
.product-filter-input .ant-input-affix-wrapper:hover {
  border: solid 0.5px #000000;
}
.product-filter-input .ant-input-affix-wrapper :hover {
  border: none;
}
.product-filter-input .ant-input-affix-wrapper:focus,
.product-filter-input .ant-input-affix-wrapper-focused {
  border: solid 0.5px #000000;
  box-shadow: none;
}
.product-filter-slider-input {
  margin-top: 14px;
}
.product-filter-slider-input .ant-divider {
  border-top: 1px solid #000000;
}
.product-filter-slider-input .ant-slider-handle:focus {
  box-shadow: 2px 2px 0 0 #000000;
}
.product-filter-slider-input .ant-slider:hover .ant-slider-handle {
  border: solid 2px #ffffff;
}
.product-filter-slider-input .ant-slider:hover .ant-slider-track {
  background-color: black;
}
.product-filter-slider-input .ant-slider-handle {
  box-shadow: 2px 2px 0 0 #000000;
  border: solid 2px #ffffff;
  background-color: black;
}
.product-filter-slider-input .ant-slider-track {
  background-color: black;
}
.product-filter-slider-input .default-input {
  padding-left: 5px;
  padding-right: 5px;
}
.product-filter-slider-input .display-title {
  font-size: 10px;
  line-height: 2;
}
.product-filter-slider-input .container-display input {
  height: 33px;
  font-size: 14px;
  font-weight: normal;
}
.product-item-card .ant-rate-star svg {
  width: 10px;
}
.product-item-card .reviews {
  display: none;
}
@media screen and (min-width: 1200px) {
  .product-item-card .ant-rate-star svg {
    width: inherit;
  }
  .product-item-card .reviews {
    display: inherit;
  }
}
@media screen and (max-width: 768px) {
  .product-list-top-bar .product-list-sort-by > div::before {
    content: "";
    top: 9px;
    right: 5px;
    width: 15px;
    height: 15px;
  }
  .display-img > .ant-col {
    padding: 0 !important;
  }
}
.menu-label {
  text-transform: uppercase;
  word-break: break-word;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
}
.menu-label + div {
  text-align: right;
}
.menu-label + div svg {
  width: 13px;
  height: 13px;
}
.product__list__by__search--empty .breadcrumb-main {
  margin-bottom: 0;
}
.cart-outer--loading {
  position: absolute;
  top: 12px;
  right: 0;
}
.cart-outer--loading > div {
  width: 25px;
  height: 25px;
}
@media (max-width: 768px) {
  .cart-outer--loading {
    top: 8px;
    right: 0;
  }
  .cart-outer--loading > div {
    width: 17px;
    height: 17px;
  }
}
.product-item-card .ant-card-cover .product-item-card-image-second {
  opacity: 0;
}
.product-item-card .ant-card-cover .product-item-card-image-second,
.product-item-card .ant-card-cover .product-item-card-image {
  transition: 250ms;
}
.product-item-card .ant-card-cover:hover .product-item-card-image-second {
  opacity: 1 !important;
}
.product-item-card .ant-card-cover:hover .product-item-card-image-second + .product-item-card-image {
  opacity: 0 !important;
}
.box-banner + #product-contents {
  margin-top: 30px;
}
.qty-disabled {
  cursor: not-allowed !important;
}
.qty-disabled img {
  opacity: 0.3;
}
@media (max-width: 992px) {
  .product-list-top-bar {
    align-items: center;
    padding-top: 15px;
  }
}
.text-label-filler {
  text-transform: uppercase;
  color: #6600ff !important;
  font-size: 14px !important;
  font-weight: 600;
  margin-top: auto;
  margin-bottom: auto;
  white-space: nowrap;
  cursor: pointer;
}
.text-label-filler:hover {
  color: #000 !important;
}
.container-label-select {
  min-width: 130px;
}
.product-category-brand-wrapper .class-block-full-screen .display-product-list-container .product-item-card .ant-card-body,
.product-category-brand-wrapper .class-block-full-screen .display-product-list-container .brand-page .product-item-card .ant-card-body {
  padding: 0;
  height: calc(100% - 350px);
  padding-bottom: 0px;
  position: relative;
}
.product-category-brand-wrapper .class-block-full-screen .display-product-list-container .product-item-card .ant-card-body > div,
.product-category-brand-wrapper .class-block-full-screen .display-product-list-container .brand-page .product-item-card .ant-card-body > div {
  border-top: solid 1.5px #000000;
  padding-top: 10px;
  height: 100%;
}
.product-category-brand-wrapper .class-block-full-screen .display-product-list-container .product-item-card .product-brand,
.product-category-brand-wrapper .class-block-full-screen .display-product-list-container .brand-page .product-item-card .product-brand {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  color: #000000;
  margin: 0;
  padding-right: 25px;
  min-height: 19px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.product-category-brand-wrapper .class-block-full-screen .display-product-list-container .product-item-card .product-name,
.product-category-brand-wrapper .class-block-full-screen .display-product-list-container .brand-page .product-item-card .product-name {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #000000;
  padding: 0;
  min-height: 44px;
}
@media (max-width: 768px) {
  .product-category-brand-wrapper .class-block-full-screen .display-product-list-container .display-product-list-container .ant-spin-container > .ant-row > div {
    margin-bottom: 5px;
    padding: 0 5px 0 0;
  }
  .product-category-brand-wrapper .class-block-full-screen .display-product-list-container .product-item-card .ant-card-body,
  .product-category-brand-wrapper .class-block-full-screen .display-product-list-container .brand-page .product-item-card .ant-card-body {
    max-width: 168px;
    margin: 0 auto;
    height: calc(100% - 219px);
    padding-bottom: 0;
  }
  .product-category-brand-wrapper .class-block-full-screen .display-product-list-container .product-item-card .product-name,
  .product-category-brand-wrapper .class-block-full-screen .display-product-list-container .brand-page .product-item-card .product-name {
    min-height: 28px;
    font-size: 12px;
    line-height: 1.17;
  }
}
@media (max-width: 411px) {
  .product-category-brand-wrapper .class-block-full-screen .display-product-list-container .product-item-card .ant-card-body,
  .product-category-brand-wrapper .class-block-full-screen .display-product-list-container .brand-page .product-item-card .ant-card-body {
    max-width: 160px;
  }
}
@media (max-width: 768px) {
  .box-banner > .ant-row > .product-list-container {
    max-width: 100%;
    flex: 100%;
    margin-left: 0;
  }
  .box-banner > .ant-row > .product-list-container > .ant-row:nth-child(2) .ant-col > div:nth-child(2) > div {
    min-height: 10px !important;
  }
  .box-banner > .ant-row > .product-list-container > .ant-row:nth-child(2) .ant-col > div:nth-child(2) > div .pagebuilder-column {
    min-height: 10px !important;
  }
  .box-banner > .ant-row > .product-list-container > .ant-row:nth-child(2) .ant-col > div:nth-child(3) > div {
    padding: 0 !important;
  }
  .box-banner > .ant-row > .product-list-container > .ant-row:nth-child(2) .ant-col > div:nth-child(3) > div .pagebuilder-column-group {
    display: block !important;
  }
  .box-banner > .ant-row > .product-list-container > .ant-row:nth-child(2) .ant-col > div:nth-child(3) > div .pagebuilder-column {
    padding: 0 !important;
    float: left;
  }
  .box-banner > .ant-row > .product-list-container > .ant-row:nth-child(2) .ant-col > div:nth-child(3) > div .pagebuilder-column:last-child {
    float: none;
  }
  .box-banner > .ant-row > .product-list-container > .ant-row:nth-child(2) .ant-col > div:nth-child(3) > div .pagebuilder-column:last-child p {
    margin-bottom: 0;
    line-height: normal;
  }
  .box-banner > .ant-row > .product-list-container > .ant-row:nth-child(2) .ant-col > div:nth-child(3) > div .pagebuilder-column:last-child p:first-child {
    display: none;
  }
  .box-banner > .ant-row > .product-list-container > .ant-row:nth-child(2) .ant-col > div:nth-child(3) > div .pagebuilder-column:last-child p > span.s1 {
    font-size: 11px !important;
    line-height: 19px;
    display: block;
  }
  .box-banner .product-list-container > .ant-row:nth-child(2) > .ant-col {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .box-banner .product-list-container > .ant-row:nth-child(2) > .ant-col > .ant-row > .ant-col > div:nth-child(1) {
    display: none;
  }
  .box-banner .product-item-card .ant-card-body .wishlist-action {
    right: 32px;
    top: 9px;
  }
  .box-banner .product-item-card .ant-card-body .product-compare {
    top: 8px;
  }
  .box-banner .product-item-card .ant-card-body {
    padding: 5px 0;
  }
  .box-banner .display-img .ant-col {
    padding: 0 !important;
  }
}
.product__list__by__brand .product-item-card .product-brand,
.product__list__by__name .product-item-card .product-brand,
.product__list__by__search .product-item-card .product-brand,
.brand-page .product-item-card .product-brand {
  margin-top: 0 !important;
  cursor: pointer;
}
.product__list__by__name .listing-page-no-item > .ant-col:nth-child(1),
.product__list__by__brand .listing-page-no-item > .ant-col:nth-child(1) {
  display: none;
}
.product__list__by__name .product-list-container--empty,
.product__list__by__brand .product-list-container--empty {
  margin: 100px 0 192px;
}
@media (max-width: 768px) {
  .product__list__by__name .product-list-container--empty,
  .product__list__by__brand .product-list-container--empty {
    margin: 39px 0 44px;
  }
}
@media (max-width: 768px) {
  .product__list__by__brand .breadcrumb-main,
  .brand-page .breadcrumb-main {
    padding: unset;
  }
  .product-item-card {
    padding: 0;
  }
}
.product-item-card .brand-link {
  cursor: pointer;
}
.product__list__by__search .display-product-list-container .ant-spin-container > .ant-row > div > .ant-col {
  height: 100%;
}
.product__list__by__search .display-product-list-container .ant-spin-container > .ant-row > div {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .product__list__by__search .display-product-list-container .ant-spin-container > .ant-row > div {
    margin-bottom: 5px;
  }
}
.product__list__by__search .product-item-card {
  transition: 350ms;
  cursor: pointer;
  min-height: 580px;
}
@media (max-width: 768px) {
  .product__list__by__search .product-item-card {
    min-height: unset;
  }
}
.product__list__by__search .product-item-card .ant-card-body {
  height: calc(100% - 350px);
  padding: 0;
  padding-bottom: 0px;
}
.product__list__by__search .product-item-card .ant-card-body > div {
  position: relative;
  border-top: 1.5px solid #000;
  padding: 18px 0;
  height: 100%;
}
@media (max-width: 768px) {
  .product__list__by__search .product-item-card .ant-card-body {
    height: calc(100% - 219px);
    max-width: 168px;
    padding-bottom: 0;
    margin: 0 auto;
  }
  .product__list__by__search .product-item-card .ant-card-body > div {
    padding: 5px 0;
  }
}
@media (max-width: 411px) {
  .product__list__by__search .product-item-card .ant-card-body {
    max-width: 158px;
  }
}
.product__list__by__search .product-item-card .ant-card-body .ant-row:nth-child(1) {
  margin-bottom: 0 !important;
}
.product__list__by__search .product-item-card .ant-card-body a {
  width: 100%;
}
.product__list__by__search .product-item-card .ant-card-body .product-brand {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: 0.4px;
  color: #000000;
  min-height: 30px;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .product__list__by__search .product-item-card .ant-card-body .product-brand {
    min-height: 16px;
    width: 100%;
    margin: 7px 0 0;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.35px;
    color: #000000;
    margin-bottom: 0px;
  }
}
.product__list__by__search .product-item-card .ant-card-body .product-name {
  color: #000;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  min-height: 46px;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .product__list__by__search .product-item-card .ant-card-body .product-name {
    margin-bottom: 4px;
    min-height: 34px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    color: #000000;
  }
}
.product__list__by__search .product-item-card .ant-card-body span.qty-plus img {
  width: 23px;
  height: 25px;
  object-fit: contain;
}
@media (max-width: 768px) {
  .product__list__by__search .product-item-card .ant-card-body span.qty-plus img {
    width: 20px;
    height: 22px;
  }
}
.product__list__by__search .product-item-card .ant-card-body .ant-row.product-addtocart .cart-actions {
  position: absolute;
  right: 0;
  top: 20px;
}
@media (max-width: 768px) {
  .product__list__by__search .product-item-card .ant-card-body .ant-row.product-addtocart .cart-actions {
    top: 5px;
  }
}
.product__list__by__search .product-toolbar-bottom {
  margin-bottom: 50px;
}
.product__list__by__search .product-toolbar-bottom span {
  margin: 0 0 0 0;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.48;
  letter-spacing: 1px;
  text-align: center;
  color: #000;
}
@media (max-width: 768px) {
  .product__list__by__search .product-toolbar-bottom span {
    font-size: 16px;
    line-height: 1.94;
    letter-spacing: 0.76px;
  }
}
.mixin-list-main {
  max-height: 410px;
}
.mixin-list-main span {
  cursor: pointer;
}
#category-modal {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  color: #000000;
}
.category-modal__main {
  margin-top: 188px;
  margin-right: 100px;
  margin-left: 100px;
  background-color: #ffffff;
  padding: 50px 82px 0 82px;
  box-shadow: 5px 5px 0 0 #6600ff;
  border: solid 1px #000000;
  position: relative;
  max-height: 78vh;
  overflow-y: auto;
}
.category-modal__loading {
  margin-bottom: 30px;
}
.category-modal__main-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(min-content, max-content));
  grid-column-gap: 50px;
  margin-bottom: 50px;
  position: relative;
}
.category-modal__main-items .category-modal__main-items-virtual {
  max-height: 410px;
}
.category-modal__main-items .category-modal__main-items-virtual span {
  cursor: pointer;
}
.category-modal__main-items .category-modal__main-items-autolist-main {
  max-height: 410px;
  overflow-y: auto;
}
.category-modal__main-items .category-modal__main-items-autolist-main span {
  cursor: pointer;
}
.category-modal__main-img {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-column-gap: 50px;
  padding: 10px 20px;
}
.category-modal__main-title {
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
}
.category-modal__list-left {
  list-style: none;
  padding-left: 0;
  padding-right: 10px;
  text-transform: uppercase;
  margin-top: 20px;
  max-height: 310px;
  overflow-y: auto;
}
.category-modal__list-left li {
  margin-bottom: 5px;
}
.category-modal__list-ul {
  list-style: none;
  padding-left: 0;
  padding-right: 10px;
  text-transform: uppercase;
  margin-top: 20px;
  max-height: 310px;
  overflow-y: auto;
  text-transform: capitalize;
}
.category-modal__list-ul li {
  margin-bottom: 5px;
}
.category-modal__list-shopall {
  font-size: 21px;
  letter-spacing: 1;
  text-align: left;
  font-weight: 700;
  font-style: italic;
}
.category-modal__list-left_items {
  width: 100%;
  cursor: pointer;
}
@media (max-width: 1200px) {
  #category-modal {
    display: none;
  }
}
.category-bar-modal {
  box-shadow: 5px 5px 0 0 #5e00ff;
  border: solid 1px black;
  background-color: white;
  padding-bottom: 0px;
  width: calc(100vw - 100px) !important;
  max-width: 1240px;
  margin: auto;
}
.category-bar-modal .skeleton-cms-block {
  margin-top: 50px;
  padding-right: 50px;
}
.category-bar-modal .skeleton-cms-block .ant-skeleton-content .ant-skeleton-paragraph > li {
  height: 270px;
}
.category-bar-modal .empty-records {
  height: calc(100vh - 200px);
  max-height: 730px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 50px;
}
.category-bar-modal .empty-records .title .ant-typography {
  letter-spacing: 0;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.category-bar-modal .empty-records .description {
  margin-top: 20px;
}
.category-bar-modal .empty-records .description .ant-typography {
  letter-spacing: 0;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.category-bar-modal .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.category-bar-modal .ant-modal-body {
  padding: 30px;
  max-height: 800px;
}
.category-bar-modal .modal-container {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.category-bar-modal .content-container {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 410px;
  width: 100%;
  align-content: flex-start;
}
.category-bar-modal .content-container .display-brand {
  width: 20%;
}
.category-bar-modal .content-container .display-categories {
  width: 20%;
}
.category-bar-modal .content-container .display-categories .children-container .text {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
}
.category-bar-modal .content-container .menu-category-container {
  overflow: hidden;
  width: 100%;
}
.category-bar-modal .content-container .menu-category-container .ant-col-4:not(:last-child) {
  margin-right: 40px;
}
.category-bar-modal .content-container .menu-category-container .menu-category-column {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.category-bar-modal .content-container .title-container {
  display: inline-block;
  padding-right: 20px;
  width: 100%;
}
.category-bar-modal .content-container .title-container.no-width {
  width: unset;
}
.category-bar-modal .content-container .title-container .text {
  height: 28px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: 0;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.category-bar-modal .content-container .title-container .text:hover {
  color: #6600ff;
}
.category-bar-modal .content-container .title-container .text.brand {
  cursor: default;
}
.category-bar-modal .content-container .title-container .text.brand:hover {
  color: #000000;
}
.category-bar-modal .content-container .children-container {
  display: inline-block;
  padding-right: 20px;
  width: 100%;
}
.category-bar-modal .content-container .children-container > span:hover {
  color: #6600ff;
}
.category-bar-modal .content-container .children-container.no-width {
  width: unset;
}
.category-bar-modal .content-container .children-container.last-child {
  margin-bottom: 10px;
}
.category-bar-modal .content-container .children-container .brand-item {
  font-weight: 600 !important;
}
.category-bar-modal .content-container .children-container .text {
  height: 30px;
  font-size: 14px;
  line-height: 2.21;
  text-align: justify;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.category-bar-modal .content-container .children-container .text:hover {
  color: #6600ff;
}
.category-bar-modal .content-container .footer-container {
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 20px;
  width: 100%;
}
.category-bar-modal .content-container .footer-container.no-width {
  width: unset;
}
.category-bar-modal .content-container .footer-container .text {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: 0;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.category-bar-modal .content-container .footer-container .text:hover {
  color: #6600ff;
}
.category-bar-modal .content-container .footer-categories-container {
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 20px;
  width: 100%;
}
.category-bar-modal .content-container .footer-categories-container .text {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: 0;
  color: #000000;
  letter-spacing: 0.76px;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: start;
}
.category-bar-modal .content-container .footer-categories-container .text:hover {
  color: #6600ff;
}
.category-bar-modal .content-container .cursor-pointer {
  cursor: pointer;
}
.category-bar-modal .cms-block {
  margin-top: 20px;
  padding-right: 50px;
  max-height: 270px;
  overflow: hidden;
}
.category-bar-modal .cms-block .pagebuilder-column > div {
  font-weight: 600;
}
.category-bar-modal .cms-block .pagebuilder-column > div > p {
  padding-top: 10px;
  text-align: left !important;
}
.title-category-header {
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.71;
  height: 28px;
  cursor: default;
}
.title-category-header .text {
  height: 28px;
}
.italic span {
  font-style: italic !important;
}
#checkout_header .widget-header-wrapper {
  height: 62px;
  align-items: center;
  padding-top: 0px;
}
#checkout_header .column-main-desktop {
  width: 102% !important;
  margin-left: -10px;
  margin-top: 0px !important;
  margin-bottom: -10px;
}
.checkout-container {
  padding: 0px 20px;
}
.checkout-container .title {
  padding: 12px 0px;
}
.checkout-container .block-row-top {
  padding-bottom: 10px;
}
.checkout-container .block-row {
  padding: 10px 0px 10px;
}
.select-address-block .top-block {
  border-bottom: 1px solid #d9d9d9;
}
.select-address-block .top-block .select-address-btn {
  padding: 0px;
}
.selecting-block .top-block {
  border-bottom: 1px solid #d9d9d9;
  height: 33px;
}
.selecting-block .bottom-block {
  padding-top: 10px;
}
.choose-address-modal .modal-footer .btn {
  flex: 1;
}
.choose-address-modal .list .list-footer .btn {
  padding: 0px;
}
.address-modal .modal-footer .btn {
  flex: 1;
}
.choose-address-modal-list-item {
  width: 100%;
  border: 1px solid #d9d9d9;
}
.choose-address-modal-list-item .colLeft {
  border-right: 1px solid #d9d9d9;
}
#discountCode .title {
  font-size: 24px;
  font-weight: 500;
}
#discountCode .container-suffix {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#discountCode .container-suffix span {
  font-size: 18px;
  font-weight: 500;
}
#discountCode .container-suffix .line {
  width: 1px;
  height: 33px;
  margin: 0 20px 0 20px;
  border: solid 0.5px black;
}
#discountCode .ant-input:focus,
#discountCode .ant-input:hover,
#discountCode .ant-input-focused,
#discountCode .ant-input-affix-wrapper:hover,
#discountCode .ant-input-affix-wrapper:focus,
#discountCode .ant-input-affix-wrapper-focused,
#discountCode .ant-picker:hover,
#discountCode .ant-picker-focused {
  border-color: #000000;
  outline: 0;
  box-shadow: 0 0 0 0 #000000;
}
.section-three {
  padding-bottom: 23px;
}
.section-three .container-item {
  filter: grayscale(1);
  opacity: 0.4;
  pointer-events: none;
}
.modal-remove-products-have-issue .ant-modal-footer a.shadow-text-link.no-underline {
  display: none;
}
.display-tax-invoice .header {
  margin: 5px 0 25px;
  padding-bottom: 22px;
  border-bottom: 1px solid #ababab;
}
.display-tax-invoice .content .checkbox {
  margin: 27px 0;
}
.display-tax-invoice .content .checkbox .ant-checkbox-wrapper {
  display: flex;
}
.display-tax-invoice .content .checkbox .ant-checkbox-wrapper > .ant-checkbox {
  margin-top: 4px;
}
.display-tax-invoice .content .checkbox .ant-checkbox-wrapper > .ant-checkbox-checked::after {
  height: 16px;
}
.display-tax-invoice .content .checkbox-address {
  margin: 22px 0 17px 0;
}
.display-tax-invoice .content .checkbox-address span {
  font-size: 14px;
  font-weight: normal;
}
.display-tax-invoice .content .customer-tax-detail {
  font-size: 14px;
}
.display-tax-invoice .content .customer-tax-detail > .ant-col > .ant-row {
  margin-bottom: 0.75rem;
}
.display-tax-invoice .content .customer-tax-detail > .ant-col > .ant-row span {
  word-break: break-word;
}
.display-tax-invoice .content .customer-tax-detail .addr-detail-label {
  font-weight: 600;
}
.display-tax-invoice .content .ant-form-item {
  margin-bottom: 0;
}
.display-tax-invoice .content .tax-number-type .float-label-select {
  margin-bottom: 0;
}
.display-tax-invoice .header .title {
  font-size: 16px;
  font-weight: 600;
}
.display-tax-invoice .header .desc {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.8;
}
.checkout-page .checkout-page-container {
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .checkout-page .checkout-page-container {
    margin-top: 0px;
  }
}
.checkout-page .title__shipment {
  font-size: 16px !important;
  font-weight: 600 !important;
}
.checkout-page .container-item {
  padding: 20px 0 20px 20px;
  padding-right: 0px;
  border-bottom: solid 0.5px;
}
.checkout-page .container-item .change-delivery-option-wrapper {
  position: absolute;
  bottom: 23px;
  right: 0;
}
.checkout-page .container-item .qty {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.checkout-page .container-item:nth-child(2n) {
  background-color: #ffffff;
}
.checkout-page .container-item.disabled span {
  color: rgba(0, 0, 0, 0.25);
}
.checkout-page .container-item.disabled input {
  cursor: not-allowed;
}
.checkout-page .container-item.disabled .delivery-option {
  cursor: default !important;
}
.checkout-page .container-item .product-name {
  font-size: 14px;
  font-weight: normal;
  padding-right: 15px;
}
@media (max-width: 768px) {
  .checkout-page .container-item .extra_earn_point_wrapper {
    margin-top: 10px;
  }
}
.checkout-page .container-item .itemWarranty {
  margin: 0 0 16px;
}
.checkout-page .container-item .itemWarranty .itemWarrantyName .product-normal-price {
  display: none;
}
.checkout-page .container-item .itemWarranty .itemWarrantyName .product-name {
  display: flex;
  align-items: center;
}
.checkout-page .container-item .itemWarranty .itemWarrantyName .product-name span:first-child {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  max-width: 266px;
  margin: 0 10px 0 0;
}
@media (max-width: 576px) {
  .checkout-page .container-item .itemWarranty .itemWarrantyName .product-name span:first-child {
    max-width: 200px;
  }
}
.checkout-page .container-item .itemWarranty .itemWarrantyName .product-name .warrantyInfoIcon {
  cursor: pointer;
}
@media (max-width: 576px) {
  .checkout-page .container-item .itemWarranty .itemWarrantyName {
    flex-flow: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .checkout-page .container-item .itemWarranty .itemWarrantyName .product-normal-price {
    display: block;
    white-space: nowrap;
  }
}
@media (max-width: 576px) {
  .checkout-page .container-item .itemWarranty .itemWarrantyPrice {
    display: none;
    white-space: nowrap;
  }
}
.checkout-page .container-item .product-option {
  font-size: 12px;
  font-weight: normal;
}
.checkout-page .container-item .display-check-group .delivery-option {
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
}
.checkout-page .container-item .display-check-group .check-title {
  font-weight: normal;
  font-weight: 500;
}
.checkout-page .container-item .display-check-group .check-description {
  font-weight: 300;
  line-height: 1.8;
}
.checkout-page .container-item .display-points .product-points {
  box-shadow: 2px 2px 0 0 #00ff91;
  border: solid 0.5px black;
  background-color: #eeeeee;
  transform: skew(-25deg);
  margin-left: 4px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkout-page .container-item .display-points .product-points span {
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #151515;
  transform: skew(25deg);
}
.checkout-page .container-item .display-points .price {
  font-size: 16px;
  font-weight: 600;
  text-align: right;
}
.checkout-page .container-item .product-image img {
  display: block;
  height: 100px;
  width: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}
.checkout-page .container-header {
  position: relative;
}
.checkout-page .container-header > div.ant-row.ant-form-item {
  position: absolute;
  left: 0;
  pointer-events: none;
  opacity: 0;
  top: -196px;
}
.checkout-page .container-header .title-header {
  padding: 10px 10px;
  background-color: #efefef;
  margin-bottom: 1px;
}
.checkout-page .container-header .title {
  font-size: 14px;
  font-weight: 500;
  max-width: 420px;
}
.checkout-page .container-header .anticon-calendar svg {
  color: white;
}
.checkout-page .container-header .anticon-exclamation-circle {
  margin-left: 4px;
}
.checkout-page .container-header .anticon-exclamation-circle svg {
  width: 13px;
  height: 13px;
}
.checkout-page .container-header .select-date-time {
  background-color: #000000;
  display: flex;
  justify-content: center;
  width: 164px;
  cursor: pointer;
}
.checkout-page .container-header .select-date-time span {
  color: white;
  font-size: 14px;
}
.checkout-page .sub-title {
  font-size: 20px;
  font-weight: 500;
}
.checkout-page .text-center {
  text-emphasis: center;
}
.checkout-page .text {
  font-size: 12px;
  font-weight: normal;
}
.checkout-page .title {
  font-size: 20px;
  font-weight: 500;
}
.checkout-page .text-item {
  font-size: 14px;
  font-weight: normal;
}
.checkout-page .line-1 {
  border: solid 0.5px black;
}
.checkout-page .line-2 {
  background-color: black;
}
@media (max-width: 1024px) {
  .checkout-page .line-2 {
    margin: 17px 0 16px;
  }
}
@media (min-width: 769px) {
  .order-summary-container,
  .paymentSummaryWrap {
    border-radius: 4px;
    border: solid 0.5px black;
    background-color: #ffffff;
    padding: 20px;
  }
}
.order-summary-container .checkout__save {
  margin-top: 5px;
}
.order-summary-container .sub-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 11px;
  display: inline-block;
}
.order-summary-container .sub-title-subtotal {
  font-size: 14px;
  font-weight: normal;
}
.order-summary-container .list-item {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.order-summary-container .text-center {
  text-emphasis: center;
}
.order-summary-container .text {
  font-size: 12px;
  font-weight: normal;
}
.order-summary-container .title {
  font-size: 20px;
  font-weight: 600;
}
.order-summary-container .text-item {
  font-size: 14px;
  font-weight: normal;
}
.order-summary-container .line-1 {
  border-bottom: solid 0.5px black;
  margin: 17px 0 20px;
}
@media (max-width: 1024px) {
  .order-summary-container .line-1 {
    margin: 16px 0;
  }
}
.order-summary-container .line-2 {
  background-color: black;
  border-bottom: solid 2.5px black;
}
.product-normal-price {
  font-size: 16px;
  font-weight: 600;
}
.product-normal-price-line-through {
  font-size: 14px;
  font-weight: normal;
  text-decoration: line-through;
  color: #ababab;
}
.product-special-price {
  font-size: 16px;
  font-weight: 600;
  color: #ff0000;
}
.display-section-content {
  border-bottom: solid 2px black;
  padding-bottom: 23px;
}
.section-two .display-section-content {
  padding-bottom: 23px;
  border-bottom: none;
  width: 100%;
}
.section-two .display-section-content .container-header {
  border-top: solid 0.5px black;
}
.section-two .display-section-content .text-danger {
  display: flex;
  justify-content: flex-end;
}
.display-section-header {
  border-bottom: solid 2px black;
}
.display-section-header .supplier-name {
  margin-top: 1px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: inherit;
  align-self: center;
}
.w-100 {
  width: 100%;
}
.w-70 {
  width: 70%;
}
.w-40 {
  width: 40%;
}
.w-10 {
  width: 10%;
}
.txt-end {
  text-align: end;
}
.h-100 {
  height: 100%;
}
.shipping-address .address {
  font-size: 14px;
  font-weight: normal;
}
.shipping-address .content {
  font-size: 12px;
}
.note-wrapper {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fcf9e6;
  border: solid 1px #b4803d;
  border-radius: 2px;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.note-wrapper strong {
  font-size: 12px;
  color: #bb8b3e;
}
.note-wrapper span {
  color: #bb8b3e;
}
.location-required {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-radius: 2px;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  margin-bottom: 15px;
}
.location-required div {
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .location-required div {
    align-items: flex-start;
  }
}
@media (max-width: 576px) {
  .location-required {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
.location-required img {
  max-width: 28px;
  margin-right: 10px;
}
.location-required .location-required-action {
  margin-left: auto;
  text-decoration: underline;
  cursor: pointer;
}
.location-required p {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #bb8b3e;
  margin: 0;
  padding: 0;
}
.select-displayDate {
  font-size: 14px !important;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: right;
}
@media (max-width: 425px) {
  .select-displayDate {
    text-align: left !important;
  }
}
.main-select-displayDate {
  justify-content: flex-end;
  margin-right: 5px;
}
@media (max-width: 575px) {
  .main-select-displayDate {
    margin-left: 9px;
  }
}
.displayDateTime {
  align-self: center;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 575px) {
  .displayDateTime {
    display: block;
  }
}
.t-underline {
  text-decoration: underline;
}
.f-12 {
  font-size: 12px !important;
}
.text-link {
  text-decoration: underline;
  cursor: pointer;
}
.link {
  text-decoration: underline;
  font-size: 12px;
  margin-left: 19px;
  cursor: pointer;
}
.tax-option {
  font-size: 14px !important;
  font-weight: 600;
}
.tax-option-explain {
  margin-top: 0.5rem;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none;
}
.shipping-address-title {
  padding: 10px;
  background-color: #efefef;
  margin-bottom: 20px;
}
.shipping-address-title span {
  word-break: break-word;
}
@media (max-width: 1024px) {
  .shipping-address-title {
    margin-bottom: 10px;
  }
  .shipping-address-title + div {
    padding: 0px;
  }
}
.checkout-change-delivery-option {
  position: absolute;
  top: 2px;
  right: 0;
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
}
@media (min-width: 1200px) {
  .checkout-change-delivery-option {
    top: 8px;
  }
}
@media (max-width: 370px) {
  .checkout-change-delivery-option {
    top: 14px;
  }
}
.delivery-address {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.note-available {
  margin-top: 10px;
  padding: 10px;
  padding-top: 15px;
  background-color: #efefef;
  border-radius: 2px;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.note-available span:last-child {
  cursor: pointer;
}
.note-out-stock {
  margin-top: 10px;
  margin-bottom: 17px;
  padding: 15px;
  background-color: #fce7e7;
  border: solid 1px #f2bebe;
  border-radius: 2px;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.button-remove-all {
  cursor: pointer;
  text-align: end;
  margin-top: 20px;
  margin-bottom: 20px;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.show-radio {
  flex-direction: unset !important;
}
.checkout-footer {
  border-top: solid 2px !important;
  padding-top: 22px !important;
  margin-bottom: -10px !important;
  height: 68px;
}
.checkout-footer p {
  margin-bottom: 0px !important;
}
.checkout__wrapper .container-dot svg,
.checkout__payment__wrapper .container-dot svg,
.checkout__payment__complete .container-dot svg {
  width: 20px;
  height: 20px;
}
.checkout__wrapper .display-status > .ant-row:nth-child(1),
.checkout__payment__wrapper .display-status > .ant-row:nth-child(1),
.checkout__payment__complete .display-status > .ant-row:nth-child(1) {
  transform: translateX(0);
}
.checkout__wrapper .display-status > .ant-row:nth-child(1) .line,
.checkout__payment__wrapper .display-status > .ant-row:nth-child(1) .line,
.checkout__payment__complete .display-status > .ant-row:nth-child(1) .line {
  margin-left: 0;
}
.checkout__wrapper .display-status > .ant-row:nth-child(2) .line,
.checkout__payment__wrapper .display-status > .ant-row:nth-child(2) .line,
.checkout__payment__complete .display-status > .ant-row:nth-child(2) .line {
  transform: translateX(0);
}
.checkout__wrapper .display-status > .ant-row:nth-child(3),
.checkout__payment__wrapper .display-status > .ant-row:nth-child(3),
.checkout__payment__complete .display-status > .ant-row:nth-child(3) {
  transform: translateX(0);
}
.display-section-container {
  padding-right: 30px;
}
.checkout__wrapper .display-order-summary {
  max-width: 400px;
}
@media (max-width: 992px) {
  .checkout__wrapper .display-order-summary {
    max-width: unset;
  }
}
@media (max-width: 1023px) {
  .main-select-displayDate {
    justify-content: unset;
  }
  .display-section-container {
    padding-right: 0;
  }
  .checkout__wrapper .display-section-header .title {
    font-size: 18px;
  }
  .checkout__wrapper .display-section-content .title-header .title {
    font-size: 14px;
  }
  .checkout__wrapper .display-section-content .select-date-time span {
    font-size: 14px;
  }
  .checkout__wrapper .note-available {
    height: initial;
    padding: 15px;
    margin: 10px 0 20px;
  }
  .checkout__wrapper .section-two .product-image img,
  .checkout__wrapper .section-three .product-image img {
    border: none !important;
    height: initial;
    padding: 0;
    width: 45px;
    height: 60px;
  }
  .checkout__wrapper .section-two .container-item,
  .checkout__wrapper .section-three .container-item {
    padding: 20px 0px !important;
  }
  .checkout__wrapper .section-two .product-special-price,
  .checkout__wrapper .section-three .product-special-price,
  .checkout__wrapper .section-two .product-normal-price-line-through,
  .checkout__wrapper .section-three .product-normal-price-line-through,
  .checkout__wrapper .section-two .qty,
  .checkout__wrapper .section-three .qty,
  .checkout__wrapper .section-two .price,
  .checkout__wrapper .section-three .price,
  .checkout__wrapper .section-two .product-normal-price,
  .checkout__wrapper .section-three .product-normal-price {
    font-size: 14px !important;
  }
  .checkout__wrapper .section-two .display-points,
  .checkout__wrapper .section-three .display-points {
    margin-top: 0 !important;
  }
  .checkout__wrapper .display-tax-invoice {
    padding: 0px;
  }
  .checkout__wrapper .display-tax-invoice .title {
    font-size: 18px;
  }
  .checkout__wrapper .display-tax-invoice .ant-row content {
    margin-top: 25px;
  }
  .checkout__wrapper .title__shipment {
    font-size: 16px !important;
    font-weight: 600;
  }
  .checkout__wrapper .note-wrapper {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .checkout__wrapper .display-status,
  .checkout__payment__wrapper .display-status {
    margin-bottom: 24px;
    padding: 0 15px;
  }
  .shipping-form-container .ant-form-item-control input {
    width: 100%;
  }
  .checkout-free-gift-main {
    align-self: flex-end;
    margin-bottom: 19px;
  }
  .checkout-free-gift-main .ant-row {
    justify-content: center;
  }
  .checkout-free-gift-col {
    margin-bottom: 16px;
  }
}
@media (max-width: 992px) {
  .main-select-displayDate {
    justify-content: end;
  }
  .display-section-container {
    padding-right: 0px;
  }
}
@media (max-width: 425px) {
  .main-select-displayDate {
    justify-content: start;
  }
}
.special-price-top {
  margin-top: 22px;
}
.checkout__popup__btn {
  width: 187px;
  height: 40px;
}
@media screen and (min-width: 1024px) {
  .checkout__wrapper .product-name {
    -webkit-line-clamp: 2;
  }
  .checkout-free-gift-main {
    align-self: center;
    margin-bottom: -10px;
  }
  .checkout-free-gift-col {
    margin-bottom: 16px;
    margin-right: 7px;
  }
}
.payment-display-message-error {
  padding: 15px;
  border-radius: 2px;
  border: solid 0.5px #bb8b3e;
  background-color: #fcf9e6;
  max-width: 50%;
  margin: 0 0 20px;
  color: #bb8b3e;
  width: 50%;
  text-align: center;
}
@media (min-width: 768px) {
  .cancel-button {
    width: 17px;
    min-width: 17px;
    max-width: 17px;
    position: absolute;
    right: 0px;
  }
  .cancel-button > img {
    margin-bottom: 3px;
  }
}
@media (max-width: 767px) {
  .cancel-button {
    top: -2px;
  }
}
.checkout-m-point span {
  font-size: 14px;
}
.checkout-m-point + .checkout-m-point {
  margin-top: 3px;
}
.product-free-gift {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 10px;
}
.checkout_page.checkout_page div.sticky,
.payment_page.payment_page div.sticky {
  padding: 0 !important;
  top: 0;
}
.checkout_page.checkout_page div.sticky div[data-element="main"] > div,
.payment_page.payment_page div.sticky div[data-element="main"] > div {
  margin-bottom: 0 !important;
}
.hidden-radio .price {
  white-space: pre-wrap;
}
.block {
  display: block;
}
.checkout-page .display-status {
  max-width: 635px;
}
.lable-qty-gift {
  font-weight: 500;
}
@media (min-width: 1024px) {
  .product-special-price-main {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: -23px;
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .product-special-price-main {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
.checkout-display-status {
  margin-top: 20px;
}
.guest-checkout-form .group-title {
  font-weight: 700;
  margin-bottom: 10px;
}
.guest-checkout-form .group-title.address {
  margin-top: 20px;
}
.guest-checkout-form .yellow-box {
  padding: 9px 2px 9px;
  border-radius: 2px;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  display: flex;
  align-items: center;
  min-height: 48px;
  margin-bottom: 15px;
}
.guest-checkout-form .yellow-box .login-link {
  text-decoration: underline;
  margin-left: 3px;
  color: #bb8b3e;
}
.guest-checkout-form .yellow-box .ant-alert-message {
  font-size: 12px;
  font-weight: normal;
  color: #bb8b3e;
}
.guest-checkout-form .guest-box-policy {
  margin-top: 20px;
}
.guest-checkout-form .guest-box-policy .custom-container-select-input .ant-select-selection-item {
  max-width: 95% !important;
}
.guest-checkout-form .guest-box-policy .ant-form-item-control-input {
  min-height: 22px;
}
.guest-checkout-form .guest-box-policy .custom-arrow-policy {
  right: 0;
  width: 11px;
}
.guest-checkout-form .guest-box-policy .ant-checkbox-wrapper {
  white-space: initial !important;
  overflow: initial !important;
  text-overflow: initial !important;
  padding: 0 !important;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.guest-checkout-form .guest-box-policy .ant-checkbox-wrapper span .ant-checkbox-input {
  width: 20px !important;
  height: 20px !important;
}
.guest-checkout-form .guest-box-policy .ant-checkbox {
  position: relative;
  top: 2px;
}
.guest-checkout-form .custom-signin-btn {
  height: 50px;
  box-shadow: none;
  background: #111111;
}
.guest-checkout-form .custom-signin-btn span {
  color: #ffffff;
  font-size: 14px;
}
.guest-checkout-form .guest-login-error-msg {
  margin-bottom: 20px;
}
.guest-checkout-form .guest-login-error-msg span {
  color: #ff0000;
  font-size: 12px;
}
.guest-checkout-form .custom-signin-btn:focus,
.guest-checkout-form .custom-signin-btn:hover,
.guest-checkout-form .custom-signin-btn-focused {
  box-shadow: none !important;
}
.guest-checkout-form .delivery-option-wrapper {
  margin-top: 10px;
}
.guest-checkout-form .delivery-option-wrapper .delivery-option-title {
  font-weight: 700;
  margin-bottom: 10px;
}
.guest-checkout-btn-container {
  margin: 20px 40px 5px 40px !important;
}
@media (max-width: 767px) {
  .guest-checkout-btn-container {
    margin: 0 0 0 0 !important;
    padding: 20px 0 24px 0;
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 10000;
  }
}
.guest-checkout-btn-container .custom-cancel-btn-wrapper {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 12px;
  cursor: pointer;
  display: inline;
}
.guest-checkout-btn-container .custom-next-btn-wrapper {
  padding: 6px 91px;
}
@media (max-width: 576px) {
  .guest-checkout-btn-container .custom-next-btn-wrapper {
    padding: 6px 50px;
  }
}
.guest-checkout-btn-container .ant-form-item {
  margin-bottom: 0px;
}
.available-collect-warn {
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  display: flex;
  padding: 8px 10px;
  align-items: center;
  border-radius: 2px;
  margin-bottom: 20px;
}
.available-collect-warn .image {
  width: 30px;
  height: 30px;
}
.available-collect-warn .box-content {
  padding-left: 10px;
}
.available-collect-warn .warn-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  color: #bb8b3e;
}
.available-collect-warn .warn-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #bb8b3e;
}
@media (max-width: 767px) {
  .available-collect {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .available-collect {
    margin-bottom: 40px;
  }
}
.available-collect-error-message {
  color: #ff0000;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.available-collect-delete-error {
  background-color: rgba(255, 0, 0, 0.07) !important;
}
.available-collect-delete {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  background-color: #efefef;
  padding: 10px 10px;
}
.available-collect-delete .lable {
  line-height: 28px;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 576px) {
  .available-collect-delete .lable {
    width: 30%;
  }
}
@media (max-width: 576px) {
  .available-collect-delete .lable {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .available-collect-delete .lable {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .available-collect-delete .lable {
    width: 70%;
  }
}
@media (max-width: 1024px) {
  .available-collect-delete .lable {
    width: 60%;
  }
}
.available-collect-delete .box-right {
  display: flex;
}
.available-collect-delete .delivert-text {
  line-height: 26px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}
.available-collect-delete .delete-text {
  line-height: 26px;
  font-size: 12px;
  font-weight: 500;
  padding-left: 40px;
  text-decoration: underline;
  cursor: pointer;
}
.available-collect-item .container-item {
  padding-right: 100px;
}
@media (max-width: 767px) {
  .available-collect-button-show-more {
    position: absolute;
    right: 0px;
    margin-top: 22px;
    width: 26px;
    height: 28px;
    border: solid 1px #000000;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
    border-radius: 2px;
    z-index: 19;
  }
}
@media (min-width: 768px) {
  .available-collect-button-show-more {
    position: absolute;
    right: 0px;
    margin-top: 40px;
    width: 46px;
    height: 50px;
    border: solid 0.5px #000000;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
    border-radius: 3px;
    z-index: 19;
  }
}
.available-collect-list {
  display: flex;
  border-bottom: solid 1px #000000;
}
.available-collect-list .opacity {
  opacity: 0.5;
}
@media (max-width: 767px) {
  .available-collect-list {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .available-collect-list .count-item-list {
    position: absolute;
    width: 49px;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
  }
}
@media (min-width: 768px) {
  .available-collect-list {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .available-collect-list .count-item-list {
    position: absolute;
    width: 84px;
    height: 103px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
  }
}
@media (max-width: 767px) {
  .available-collect-list img {
    width: 38px;
    height: 42px;
    margin: 4px;
  }
}
@media (min-width: 768px) {
  .available-collect-list img {
    width: 80px;
    height: 90px;
    margin: 5px;
  }
}
.header-collect-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
.header-collect-description {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}
.error-collect .message-error {
  justify-content: right;
}
.display-collect-point {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .display-collect-point {
    -webkit-line-clamp: 2;
  }
}
.frame {
  padding: 10px;
  background-color: #efefef;
}
.frame .delivert-text {
  line-height: 26px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}
.frame .delete-text {
  line-height: 26px;
  font-size: 12px;
  font-weight: 500;
  padding-left: 40px;
  text-decoration: underline;
  cursor: pointer;
}
.frame .bold-text {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.frame-row {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  column-gap: 5px;
}
@media (max-width: 768px) {
  .frame-row.mb-wrap {
    flex-direction: column;
    row-gap: 5px;
  }
}
.left-column {
  display: flex;
  align-items: center;
}
.right-column {
  display: flex;
  align-items: center;
  gap: 10px;
}
.checkout-collect-title-mobile {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.checkout-change-delivery-option-mobile {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-decoration-line: underline;
}
.checkout-change-date-btn {
  min-height: 54px;
}
.policy-collect-store .guest-address-form {
  max-width: 600px !important;
}
.small-consent .guest-address-form {
  max-width: 80% !important;
}
.collect-store-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all;
}
.collect-info {
  margin-left: -10px;
}
@media (max-width: 768px) {
  .collect-info {
    margin-left: 0px;
  }
}
@media (max-width: 425px) {
  .collect-info {
    margin-left: -35px;
  }
}
@media (max-width: 375px) {
  .collect-info {
    margin-left: -30px;
  }
}
.wrapper-collect-store-name {
  display: flex;
  align-items: center;
}
.profile-form-save .ant-form-item-control-input {
  width: 100%;
  text-align: center;
}
.loadmore {
  margin: 0px;
  font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.48;
  letter-spacing: 0;
  font-style: italic;
  text-align: center;
  color: #000000;
  display: block;
}
@media (min-width: 768px) {
  .loadmore {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .loadmore {
    font-size: 16px;
  }
}
.loadmore:hover {
  color: #000000;
}
.myaccount .customer-container .title-section-wrapper.ant-col {
  margin-bottom: 31px;
}
.myaccount .customer-container .title-section-wrapper.ant-col .title-section {
  margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .myaccount .customer-container .title-section-wrapper.ant-col .title-section {
    margin-bottom: 6px;
  }
}
.myaccount .customer-container .title-section-wrapper.ant-col .title-divider {
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .myaccount .customer-container .title-section-wrapper.ant-col .title-divider {
    margin-top: 0px;
  }
}
.menu-item {
  width: 270px;
  border-radius: 4px;
  border: solid 0.5px #000;
  background-color: #ffffff !important;
  padding-top: 3px;
  padding-bottom: 3px;
}
.menu-item a:hover {
  color: #6236ff !important;
}
.menu-item .menu-item-list {
  border-bottom: 0.5px solid black;
  margin-bottom: 0px !important;
  margin-right: 17px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.49px;
  color: #000000;
  margin-top: 0px;
  margin-left: 17px;
  padding: 0px 6px !important;
  display: flex;
  align-items: center;
  height: 45px;
}
.menu-item .menu-item-list .active {
  color: #6236ff !important;
}
.menu-item .menu-item-list img {
  height: 20px;
  width: 20px;
  margin-right: 12px;
}
.menu-item .menu-item-list:active {
  background-color: transparent;
}
.menu-item ::selection {
  background: #6600ff;
}
.menu-item :last-child {
  border-bottom: 10px !important;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% - 34px) !important;
}
.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 {
  border-right: 0px;
}
.menu-item:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: #ffffff !important;
  color: #6600ff;
}
.menu-item:not(.ant-menu-horizontal) .ant-menu-item-active {
  color: #6600ff;
}
@media (max-width: 768px) {
  .detail-wrapper {
    margin-bottom: 20px;
  }
}
.detail-wrapper .header {
  letter-spacing: 0;
  color: #000000;
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 15px;
}
.detail-wrapper .footer {
  margin-top: 14px;
  align-items: center;
}
.detail-wrapper .footer a {
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
}
.title-section-wrapper {
  margin-bottom: 20px;
  position: relative;
}
.title-section-wrapper .title-section {
  text-align: center;
  margin-bottom: 15px;
  color: #000000;
}
.title-section-wrapper .subtitle-section {
  position: absolute;
  bottom: 16px;
  right: 0;
  line-height: 1.5 !important;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: underline;
  color: #000000;
}
.title-section-wrapper .subtitle-section:hover {
  cursor: pointer;
}
.title-section-wrapper .subtitle-section.no-underline {
  bottom: 16px;
  text-decoration: none;
}
@media (max-width: 1200px) {
  .title-section-wrapper .subtitle-section {
    right: 16px;
  }
}
.title-section-wrapper .second-subtitle-section {
  position: absolute;
  bottom: 16px;
  right: 57px;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: underline;
  color: #000000;
}
.title-section-wrapper .second-subtitle-section.no-underline {
  bottom: 16px;
  text-decoration: none;
}
.title-section-wrapper.no-margin {
  margin: 0;
}
.title-section-wrapper.no-margin {
  margin: 0;
}
.title-divider {
  border-bottom: 2px solid #000000;
  margin: 15px 0 0 0;
}
.title-divider.soft-line {
  border: 1px solid #e2e2e2;
}
.title-divider.sub-line {
  border: 0.5px solid black;
}
.myaccount {
  overflow-x: hidden;
  font-size: 16px;
  line-height: 16px;
}
.myaccount #banner_mcard_app [data-element="main"] > div {
  padding: 0 !important;
  margin: 0 !important;
}
.myaccount .customer-container .title-section-wrapper.ant-col {
  margin-bottom: 20px;
}
.myaccount .contact-information-password {
  margin-left: 2px;
}
.myaccount .customer-container .ant-picker .ant-picker-suffix img {
  max-width: 23px;
  max-height: 23px;
}
.myaccount .contact-information-edit {
  margin-right: 2px;
}
.myaccount .recent-order-wrapper {
  margin-top: 40px;
}
.myaccount .recent-order-wrapper .order-detail .header-date,
.myaccount .recent-order-wrapper .order-detail .header-order-id {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-right: 0;
}
.myaccount .recent-order-wrapper .header {
  letter-spacing: 0;
  color: #000000;
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-right: 7px;
}
.myaccount .recent-order-wrapper .order-detail a.header-order-idz {
  font-size: 16px;
}
.myaccount .recent-order-wrapper .order-detail .header-total-price {
  font-size: 18px;
}
.myaccount .recent-order-wrapper .order-detail .header-total-price .currency-symbol {
  font-size: 18px;
}
.myaccount .title-section-wrapper .subtitle-section {
  bottom: 12px;
}
@media (max-width: 1200px) {
  .myaccount .title-section-wrapper .subtitle-section {
    right: 0;
    bottom: 6px;
  }
}
.myaccount.ant-layout-content {
  padding: 0;
}
.myaccount .customer-menu-container .customer-menu {
  background-color: #f5f5f5;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
.myaccount .customer-menu-container .customer-menu .menu-item {
  margin: 0;
  padding: 0;
}
.myaccount .customer-menu-container .customer-menu .menu-active {
  border-left: 3px solid #dc433b;
}
.myaccount .customer-menu-container .customer-menu .menu-active p {
  color: #dc433b;
  margin: 0;
  padding: 10px 20px 10px 17px;
}
.myaccount a {
  color: #000000;
}
.myaccount a:hover {
  color: #000000;
}
.myaccount h4.ant-typography,
.myaccount .ant-typography h4,
.myaccount h2.ant-typography,
.myaccount .ant-typography h2,
.myaccount .ant-typography {
  color: rgba(0, 0, 0);
}
.myaccount h4.ant-typography:hover,
.myaccount .ant-typography h4:hover,
.myaccount h2.ant-typography:hover,
.myaccount .ant-typography h2:hover,
.myaccount .ant-typography:hover {
  color: rgba(0, 0, 0);
}
.myaccount .account-address-book .address-book-title {
  align-items: baseline;
}
.myaccount .account-my-order {
  border-top: 1px solid #d9d9d9;
}
.myaccount .account-my-order .order {
  border-bottom: 1px solid #d9d9d9;
  margin-top: 15px;
  padding-bottom: 15px;
}
.myaccount .ant-form-item-label > label {
  color: rgba(0, 0, 0);
}
.login-content {
  background: #eeeeee;
}
.header-account {
  font-size: 16px;
}
.auth {
  background-color: #ffffff;
}
.auth .widget-header-wrapper {
  width: 100%;
}
.auth .ant-divider-horizontal.ant-divider-with-text {
  font-size: 16px;
}
.auth .login-form {
  background-color: #f8f8f8;
}
.auth .ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 0;
}
.account-info .ant-row.ant-form-item {
  align-items: center;
}
.account-info .form-gender .ant-radio-disabled + span {
  color: #000000;
}
.account-info .form-gender .ant-radio-wrapper:first-child {
  margin-right: 65px;
}
.account-info .float-label .ant-input-suffix {
  cursor: pointer;
  margin-top: unset;
}
.account-info .float-label .ant-input-suffix .ant-input-password-icon {
  margin-bottom: 0;
}
.currency-symbol {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: 0;
  color: #000000;
}
.shadow-text-link {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0;
  color: #000000;
  text-transform: uppercase;
}
.shadow-text-link.disable {
  cursor: not-allowed;
}
.unsubscribe-text-button {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: 0;
  color: #000000;
  text-transform: uppercase;
  cursor: pointer;
}
.unsubscribe-text-button.disable {
  cursor: not-allowed;
}
.no-border {
  border: none;
}
.no-border:hover {
  color: #000;
  display: initial;
}
@media (max-width: 576px) {
  .myaccount .account-address-book {
    margin-top: 20px;
  }
  .myaccount h4.ant-typography {
    margin-bottom: 0.5em;
  }
  .product-detail-loading .ant-skeleton-avatar {
    width: 300px;
    height: 300px;
  }
}
.ant-container.breadcrumb-main-menu {
  text-transform: capitalize;
  margin-bottom: 0px;
  display: flex;
  align-items: baseline;
  overflow: hidden;
  word-break: break-word;
}
.ant-container.breadcrumb-main-menu .delimiter-breadcrumb {
  margin: 0 12px;
  font-size: 12px;
}
.breadcrumb-item-account a:hover,
.breadcrumb-item-account a:visited,
.breadcrumb-item-account a {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
}
.breadcrumb-item-account-list {
  font-size: 12px;
  color: #000000;
}
.account-content-wrapper {
  border-radius: 4px;
  border: solid 0.5px #000000;
  padding: 20px 20px 20px 20px;
  margin-bottom: 19px;
}
.account-content-wrapper:last-child {
  margin-bottom: 0;
}
.account-content-wrapper .header {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .account-content-wrapper .header {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 768px) {
  .account-content-wrapper:last-child {
    padding-bottom: 26px;
  }
}
.account-my-profile .profile-info .ant-row {
  margin-bottom: 0px;
  display: block;
}
.account-my-profile .profile-info h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.72;
  margin-top: 0px;
  margin-bottom: 5px;
}
.account-my-profile .profile-info h4.preference {
  font-weight: 600;
}
.account-my-profile .profile-info h4 p {
  font-weight: normal;
  margin-bottom: 0px;
}
.account-my-profile h4 > p {
  display: inline-block;
}
.account-my-profile .footer.ant-row {
  margin-bottom: 0px;
  margin-top: 11px;
}
.account-my-profile .footer a {
  font-size: 12px;
  line-height: 2.33;
  text-decoration: underline;
}
.mcard-wrapper .expired-warning {
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  margin-top: 11px;
  margin-bottom: 0px;
}
.mcard-wrapper .expired-warning span {
  font-weight: normal;
}
.mcard-wrapper .mcard-image {
  max-width: 140px;
  max-height: 88px;
}
.mcard-wrapper .member-ship-info {
  padding-left: 15px;
}
.mcard-wrapper .member-ship-info .ant-row {
  margin-bottom: 0px;
}
.mcard-wrapper .member-ship-info .anticon-reload {
  background: #d8d8d8;
  border-radius: 50%;
  margin-right: 5px;
}
.mcard-wrapper .member-ship-info .anticon-reload svg {
  padding: 2px;
  width: 16px;
  height: 16px;
}
.mcard-wrapper .member-ship-info p.expired {
  opacity: 0.5;
  padding-left: 20px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: #000000;
}
.mcard-wrapper .member-ship-info h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  margin-top: 0px;
  margin-bottom: 5px;
}
.mcard-wrapper .member-ship-info h4.with-icon {
  margin-bottom: 0px;
}
.mcard-wrapper .member-ship-info h4 p {
  font-weight: normal;
  margin-bottom: 0px;
  display: inline-block;
}
.mcard-wrapper .member-ship-info .last-update-reload {
  color: #a1a1a1;
  font-size: 12px;
}
.mcard-wrapper .mcard-name-number {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: 0;
  color: #000000;
}
.mcard-wrapper .mcard-point {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0;
  color: #000000;
}
.mcard-wrapper .mcard-description-expired {
  font-size: 13px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  color: #151515;
}
.account-address-book {
  margin-top: 40px;
}
.account-address-book .detail-wrapper {
  border: 0.5px solid #000000;
  border-radius: 4px;
}
.account-address-book .detail-wrapper > div {
  padding: 20px;
}
.account-address-book .detail-wrapper .header {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.account-address-book .detail-wrapper .label-text {
  font-size: 14px;
  margin: 0;
  font-weight: 500;
}
.account-address-book .detail-wrapper .content-multiple-row {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
}
.account-address-book .detail-wrapper .content-multiple-row span {
  font-size: 14px !important;
  word-break: break-word;
}
.account-address-book .detail-wrapper .content {
  margin-bottom: 21px;
}
.account-address-book .detail-wrapper .footer {
  margin-top: 0;
}
.order__myaccount {
  padding: 24px 0px 20px;
  border-bottom: 1px solid #000000;
}
@media (max-width: 768px) {
  .order__myaccount {
    padding: 17px 0 8px;
  }
}
.order__myaccount .order-content {
  margin-bottom: 0 !important;
  margin-top: 4px !important;
}
@media (max-width: 768px) {
  .order__myaccount .order-content {
    margin-top: 17px !important;
  }
}
.order__myaccount:last-child {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .order__myaccount:last-child {
    margin-bottom: 50px;
  }
}
.order-detail span.header-date {
  font-size: 20px;
  font-weight: 500;
  margin-right: 4px;
}
.order-detail a.header-order-id {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  text-decoration: underline;
}
.order-detail .header-total-price {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.7;
  text-align: right;
  color: #000000;
}
.order-detail .order-detail-footer a {
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
  line-height: 2.33;
  color: #000000;
  margin-right: 30px;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .order-detail .order-detail-footer a {
    margin-right: 10px;
  }
}
.order-detail .order-status {
  padding: 10px 20px;
  border-radius: 17px;
  background-color: #00ffc3;
  text-transform: capitalize;
  color: #6236ff;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .order-detail .order-status {
    font-size: 10px;
    padding: 5px 10px;
  }
}
.order-detail .order-status.order-cancel {
  background-color: #ffedef;
  color: #ff0000;
}
.order-detail .order-status.order-refunded {
  color: #ff0000;
  background-color: #ffedef;
}
.order-detail .order-content {
  margin-bottom: 20px;
  margin-top: 20px;
}
.order-detail .order-content > div.ant-row {
  margin: 0 -5px;
}
.order-detail .order-content > div.ant-row > div.ant-col:first-child {
  display: flex;
  flex-wrap: wrap;
}
.order-detail .order-content > div.ant-row > div.ant-col:first-child .box-img {
  width: 65px;
  height: 80px;
}
.order-detail .order-content > div.ant-row > div.ant-col:first-child .box-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.order-detail .order-content > div.ant-row > div.ant-col:first-child span {
  text-align: center;
}
.order-detail .order-content > div.ant-row > div.ant-col:first-child div.product-image {
  padding: 0 5px;
}
.order-detail .order-content > div.ant-row > div.ant-col:first-child div.product-image p {
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .order-detail .order-content > div.ant-row > div.ant-col:first-child div.product-image p {
    margin-bottom: 0;
  }
}
.order-detail .order-content > div.ant-row > div.ant-col:first-child .view-more {
  width: 65px;
  height: 80px;
  font-size: 10px;
  text-align: center;
  text-decoration: underline;
  border: 1px solid gray;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-detail .order-content > div.ant-row > div.ant-col:last-child {
  float: right;
  padding: 0 7px;
}
@media screen and (min-width: 768px) {
  .order-detail .order-content > div.ant-row > div.ant-col:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
}
@media (max-width: 1199px) {
  .menu-item {
    width: 100%;
  }
  .myaccount.ant-layout-content {
    padding: 0 20px;
  }
  .myaccount .mcard-wrapper .mcard-image {
    width: 100%;
    height: auto;
  }
  .myaccount .mcard-wrapper .mcard-name-number {
    font-size: 17px;
  }
}
@media screen and (max-width: 768px) {
  .myaccount.ant-layout-content {
    padding: 0 10px;
  }
  .myaccount h4.ant-typography {
    margin-bottom: 15px;
  }
  .myaccount .mcard-wrapper .text-right {
    margin-top: 10px;
    text-align: left;
  }
  .myaccount .mcard-wrapper .expired-warning {
    letter-spacing: -0.2px;
  }
  .myaccount .mcard-wrapper .mcard-point {
    font-size: 15px;
  }
  .myaccount .mcard-wrapper .mcard-point .text-right {
    margin-top: 0;
    text-align: right;
  }
  .myaccount .mcard-wrapper .mcard-name-number {
    font-size: 15px;
    margin-top: 5px;
  }
  .myaccount .mcard-wrapper .mcard-name-number .mcard-name {
    width: 40%;
    flex: none;
    padding-right: 10px;
  }
  .myaccount .mcard-wrapper .mcard-name-number .mcard-number {
    width: 60%;
    flex: none;
    text-align: right;
    margin-top: 0;
  }
  .myaccount .account-info .signin-btn,
  .myaccount .account-subscription-option .signin-btn {
    width: 100%;
  }
  .myaccount .account-address-book .address-book-title h3 {
    margin-right: 10px;
  }
  .myaccount .account-address-book .address-book-title .ant-col-xs-16,
  .myaccount .account-address-book .address-book-title .ant-col-xs-8 {
    max-width: max-content;
  }
  .myaccount .ant-menu-inline .ant-menu-submenu-title {
    width: 100% !important;
    padding-left: 17px !important;
  }
  .myaccount h2.ant-typography.title-section {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 2px;
  }
  .myaccount .title-divider {
    margin-top: 0;
  }
  .myaccount .row-ContactInformation {
    margin-top: 25px !important;
  }
  .myaccount .ant-menu-dark .ant-menu-inline.ant-menu-sub li {
    width: 100% !important;
  }
  .myaccount .detail-wrapper {
    border: solid 0.5px #000000;
    padding: 15px;
    border-radius: 4px;
  }
  .myaccount .detail-wrapper .header {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .myaccount .detail-wrapper .content .content-multiple-row .ant-row .ant-typography {
    font-size: 15px;
  }
  .myaccount .detail-wrapper .footer {
    margin-top: 5px;
  }
  .myaccount .title-section-wrapper {
    margin-bottom: 18px;
  }
  .myaccount .recent-order-wrapper {
    margin-top: unset;
  }
  .myaccount .recent-order-wrapper .order-list-detail .box-header-order {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    flex: none;
  }
  .myaccount .recent-order-wrapper .order-list-detail .box-header-order .header {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 5px;
    margin-right: 0;
  }
  .myaccount .recent-order-wrapper .order-list-detail .box-header-order .header-date {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
  }
  .myaccount .recent-order-wrapper .order-list-detail .box-header-text {
    width: 30%;
    flex: none;
  }
  .myaccount .recent-order-wrapper .order-list-detail .box-header-text .header-total-price {
    font-size: 15px;
  }
  .myaccount .recent-order-wrapper .order-list-detail .box-header-text .header-total-price .currency-symbol {
    font-size: 15px;
  }
  .myaccount .recent-order-wrapper .order-list-detail .box-ship-status {
    margin-bottom: 15px !important;
  }
  .myaccount .recent-order-wrapper .order-list-detail .box-ship-status .box-ship {
    margin-bottom: 10px;
  }
  .myaccount .recent-order-wrapper .order-list-detail .box-ship-status .box-status > span {
    background: none;
    padding: 0;
  }
  .myaccount .recent-order-wrapper .order-list-detail .order-list-item-wrapper {
    padding: 0;
  }
  .myaccount .recent-order-wrapper .order-list-detail .order-list-item-wrapper .list-item-head {
    display: none;
  }
  .myaccount .recent-order-wrapper .order-list-detail .order-list-item-wrapper .box-list-product {
    margin: 0 -5px !important;
    padding: 15px 12px 0 12px;
  }
  .myaccount .recent-order-wrapper .order-list-detail .order-list-item-wrapper .box-list-product .item-product {
    padding: 0 5px !important;
    width: calc(100% / 5);
    flex: none;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .myaccount .recent-order-wrapper .order-list-detail .order-list-item-wrapper .box-list-product .item-product .product-image-wrapper {
    width: 100%;
    height: 82px;
    max-width: 100%;
    max-height: 82px;
  }
  .myaccount .recent-order-wrapper .order-list-detail .order-list-item-wrapper .box-list-product .item-product .product-image-wrapper .product-image-sequence {
    bottom: -22px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
  }
  .myaccount .recent-order-wrapper .order-list-detail .title-divider {
    margin: 15px 0 10px;
  }
}
.page-point {
  margin-bottom: 100px;
}
.page-point .loadmore {
  margin: 40px 0 0 0;
  font-size: 20px;
}
.page-point .member-ship-info {
  padding-left: 20px;
}
.page-point .mcard-wrapper #banner_mcard_app {
  display: none;
}
@media screen and (max-width: 991px) {
  .account-my-profile .header {
    font-size: 18px;
    font-weight: 600;
  }
  .account-my-profile .footer {
    margin-top: 20px;
  }
  .account-my-profile .profile-info {
    margin-top: 18px;
  }
  .account-my-profile .profile-info .preference {
    margin-top: 20px;
  }
  .account-my-profile .profile-info h4.ant-typography {
    font-weight: 500;
    margin-bottom: 5px;
  }
  .account-my-profile .profile-info h4.ant-typography p {
    font-weight: normal;
  }
  .mcard-wrapper #banner_mcard_app img {
    max-height: 100px;
  }
  .mcard-wrapper h4.ant-typography {
    margin-bottom: 5px;
  }
  .mcard-wrapper .mcard-image {
    max-width: 90px;
    max-height: 56px;
  }
  .mcard-wrapper .member-ship-info {
    padding-left: 10px;
  }
  .mcard-wrapper .member-ship-info .mpoint-section {
    align-items: center;
  }
  .mcard-wrapper .expired-warning {
    font-size: 10px;
  }
  .account-address-book .detail-wrapper {
    padding: 20px;
    border: solid 0.5px #000000;
    border-radius: 4px;
  }
  .account-address-book .detail-wrapper > div {
    padding: 0px;
    border: none;
    border-radius: 0px;
  }
  .recent-order-wrapper .order-detail .header-date,
  .recent-order-wrapper .order-detail .header-order-id {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: -1px;
    margin-right: 0;
  }
  .recent-order-wrapper .order-detail a.header-order-id {
    font-size: 14px !important;
    display: block;
    margin-top: 5px;
  }
  .recent-order-wrapper .order-detail .header-total-price {
    font-size: 14px !important;
    font-weight: 600;
    line-height: 16px;
    color: #000000;
    margin-bottom: 0px;
  }
  .recent-order-wrapper .order-detail .header-total-price .currency-symbol {
    line-height: 0px;
    font-size: 16px;
    font-weight: bold;
  }
  .recent-order-wrapper .order-detail .header-status {
    margin-top: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #6236ff;
    text-align: right;
    word-break: break-all;
    text-transform: capitalize;
  }
  .recent-order-wrapper .order-detail .order-cancel {
    color: #ff0000;
  }
  .recent-order-wrapper .order-detail .order-refunded {
    color: #ff0000;
  }
  .recent-order-wrapper .order-content .btn-status {
    display: none !important;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .account-my-profile .profile-info {
    margin-top: 0px;
  }
}
@media screen and (max-width: 991px) and (max-width: 767px) {
  .mcard-wrapper #banner_mcard_app {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .header-status {
    display: none;
  }
}
@media screen and (max-width: 668px) {
  .breadcrumb-item-account-list--orderNumber {
    display: none;
  }
  span.delimiter-breadcrumb--orderNumber:nth-last-child(2) {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .myaccount .mcard-wrapper .mcard-name-number {
    font-size: 15px;
  }
  .myaccount .mcard-wrapper .mcard-point {
    font-size: 15px;
  }
}
.account-info .ant-input-affix-wrapper {
  height: 50px;
}
.account-info .ant-input-affix-wrapper input {
  height: 100%;
}
.page__account .account-address-book.mb-100 {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .page__account .account-address-book.mb-100 {
    margin-bottom: 50px;
  }
}
.page__account .account-address-book > .ant-col > .ant-row:last-child {
  justify-content: space-between;
}
.page__account .account-address-book .detail-wrapper {
  max-width: 451px;
}
@media (max-width: 768px) {
  .page__account .account-address-book .detail-wrapper {
    max-width: 100%;
  }
}
.addressbook-form .btn-fix-save {
  margin: 20px 0 79px;
}
@media (max-width: 768px) {
  .addressbook-form .btn-fix-save {
    margin: 30px 0 50px;
  }
}
@media (max-width: 768px) {
  .myaccount.myaccount .edit__account .account-info .line-1 {
    margin-bottom: 30px;
  }
  .myaccount.myaccount .edit__account .profile-form-save {
    margin-bottom: 50px !important;
  }
  .myaccount.myaccount .edit__account .profile-form-save button.ant-btn.ant-btn-primary.signin-btn.profile-button-save {
    width: 186px;
    height: 40px;
  }
  .myaccount.myaccount .edit__account h2.ant-typography.customer-title {
    margin-bottom: 29px;
  }
  .myaccount.myaccount .edit__account .main-form-input {
    margin-top: 0;
  }
}
.account__wrapper {
  flex-flow: nowrap;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .account__wrapper {
    margin-top: 20px;
  }
}
.account__wrapper .account__menu {
  min-width: 270px;
  max-width: 270px;
}
@media (max-width: 1199px) {
  .account__wrapper .account__menu {
    margin-right: 20px;
  }
}
.account__wrapper .account__content {
  width: 920px;
}
.account__wrapper .account__content .title-divider.sub-line {
  border: 1px solid black;
}
@media (max-width: 1024px) {
  .account__wrapper .account__content {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .account__wrapper .banner-account-responsive {
    display: none;
  }
}
@media (max-width: 1024px) {
  .account__wrapper {
    flex-flow: wrap;
  }
  .account__wrapper .account__menu {
    display: none;
  }
}
.account-m-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: center;
}
.profile-sub-menu .ant-menu-submenu-title {
  height: 0px !important;
}
.main-form-input .ant-form-item-control {
  flex-direction: column-reverse;
}
.main-form-input .ant-form-item-control .ant-form-item-explain {
  position: static;
  margin: 0;
  white-space: normal;
  text-align: right;
}
.main-form-input .ant-form-item-control .ant-form-item-explain * {
  width: 100%;
  display: block;
}
.main-form-input .ant-form-item-control .ant-form-item-explain .message-error {
  justify-content: flex-end;
}
.banner-account-responsive .class-block-full-screen {
  width: 100%;
}
.class-block-full-screen > div > div > div {
  padding: 0 !important;
}
.ant-table {
  font-size: 16px;
}
.addressbook-form > div > div > .text-required {
  margin-top: -8px;
}
.addressbook-form .message-error {
  font-size: 12px;
}
.addressbook-form .float-label-select,
.addressbook-form .ant-form-item,
.addressbook-form .float-label {
  margin: 0;
}
.addressbook-form .ant-form-item .ant-mentions,
.addressbook-form .ant-form-item textarea.ant-input {
  height: 100px;
  margin: 22px 0 27px;
}
.addressbook-form .shadow-button {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 6px 68px;
}
.address-modal .modal-footer {
  width: 50%;
  margin: auto;
}
.address-modal .ant-form-item {
  margin-bottom: 5px;
}
.address-book-item {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .address-book-item {
    margin-bottom: 10px;
  }
}
.addressbook-container {
  color: #000000;
}
.addressbook-header {
  text-align: center;
  position: relative;
}
.addressbook-header__title {
  font-size: 26px;
  font-weight: 500;
}
.addressbook-header__divider {
  width: 100%;
  background-color: #000000;
  border: solid 2px #000000;
}
.addressbook-header__addnew {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
}
.addressbook-list__empty {
  margin-top: 28px;
  font-size: 16px;
}
.addressbook-empty {
  margin-top: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.addressbook-empty span.ant-typography {
  margin-top: 31px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.addressbook-empty > img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.addressbook-empty a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  line-height: 2;
  margin-top: 46px;
  padding: 6px 35px 6px 36px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  text-transform: uppercase;
}
.addressbook-list__items {
  margin-top: 31px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 31px;
  grid-row-gap: 20px;
}
.addressbook-header-item {
  height: 100%;
  position: relative;
  padding: 10px 20px 25px 22px;
  border-radius: 4px;
  border: solid 0.5px #000000;
}
.addressbook-header-item p {
  margin-bottom: 0;
}
.addressbook-header-item .button-wrapper a {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: 0;
  color: #000000;
  text-decoration: underline;
}
.addressbook-header-item .button-wrapper .delete-button {
  border-left: 1px solid #000000;
  padding-left: 6px;
  margin-left: 6px;
}
.addressbook-header-item .addressbook-info {
  margin-top: 10px;
  line-height: 1.71;
  display: flex;
  flex-direction: column;
}
.addressbook-header-item .addressbook-info > div {
  margin-top: 5px;
  font-size: 14px;
}
.addressbook-header-item .addressbook-info > div p {
  display: inline-block;
}
.addressbook-header-item .addressbook-info > div p.delivery-instruction {
  font-weight: 500;
}
.addressbook-header-item .addressbook-info > div h4 {
  padding-right: 5px;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  display: inline-block;
  line-height: 1.71;
  word-break: break-word;
}
.addressbook-header-item .addressbook-info > div h4 span {
  font-weight: normal;
}
.addressbook-header-item-actions {
  width: 30%;
  text-align: right;
}
.addressbook-header-item-actions span {
  cursor: pointer;
  margin-left: 6px;
  font-size: 12px;
  font-weight: 300;
  text-decoration: underline;
}
.addressbook-header-item-infos {
  display: flex;
}
.addressbook-header-item-infos-main {
  margin-bottom: 8px;
}
.addressbook-header-item-infos-main p {
  line-height: 1.63;
}
.addressbook-header-item-name {
  font-size: 12px;
  margin-bottom: 10px !important;
}
.addressbook-header-item-details {
  font-size: 16px;
}
.addressbook-header-item-delivery {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 300;
  color: #151515;
}
.addressbook-header-item-tags {
  margin-top: 12px;
  display: flex;
  flex-flow: wrap;
  font-size: 10px;
  color: #ffffff;
  text-transform: capitalize;
  row-gap: 10px;
}
.addressbook-header-item-tags-wrapper {
  border-radius: 30px;
  background-color: #000000;
  margin-right: 10px;
  border: 1px solid #000;
  padding: 5px 10px;
  text-align: center;
  font-size: 12px;
}
.addressbook-header-item-tags-wrapper.set-default {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}
.addressbook-header-item-tags-wrapper.set-default:hover {
  cursor: pointer;
}
.addressbook-header-item-tags-wrapper .anticon-check {
  margin-right: 10px;
}
.addressbook-list__loadmore {
  text-align: center;
  margin-top: 90px;
  margin-bottom: 44px;
}
.addressbook-list__loadmore span {
  cursor: pointer;
  font-size: 21px;
  font-weight: bold;
  font-style: italic;
}
.addressbook-warning-box {
  padding: 11px 0 30px;
  border-radius: 2px;
  border: solid 1px #146b36;
  background-color: #e9fff1;
  text-align: center;
  margin-bottom: 26px;
  max-height: 50px;
}
.addressbook-warning-box span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: 0;
  color: #000000;
  color: #146b36;
}
@media screen and (max-width: 1200px) {
  .customer-menu-container-mobile {
    display: none;
  }
  .customer-container {
    margin-top: 26px !important;
  }
  .customer-container > .ant-row {
    padding-top: 0px;
  }
  .loadmore {
    margin-top: 20 !important;
  }
  .title-section-wrapper .title-section {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    text-align: left;
  }
  .subtitle-section {
    font-size: 12px;
    line-height: 2.33;
    cursor: pointer;
  }
  .addressbook-header-item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .addressbook-header-item .addressbook-header-action > div:first-child {
    font-size: 14px;
    line-height: 2;
  }
  .addressbook-header-item .addressbook-header-item-tags .addressbook-header-item-tags-wrapper {
    margin-top: 7px;
    width: 100%;
    margin-right: 0px;
    font-size: 12px;
  }
  .addressbook-empty {
    margin-top: 18px;
    margin-bottom: 50px;
  }
  .addressbook-empty span.ant-typography {
    margin-top: 27px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
  }
  .addressbook-empty a {
    margin-top: 38px;
  }
}
.text-currently-addresses {
  white-space: nowrap;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  padding-left: 19px;
  border-left: solid 1px #979797;
}
@media screen and (max-width: 767px) {
  .text-currently-addresses {
    border-left: none;
    padding-left: 0px;
  }
}
.text-billing-address {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  margin-left: 8px;
}
.address-options-list {
  margin-top: 21.5px;
}
@media screen and (max-width: 767px) {
  .address-options-list {
    margin-top: 9px;
  }
}
.customer-container .title-section-wrapper.ant-col .title-section {
  margin-bottom: 16px;
}
.title-section-wrapper .subtitle-section {
  line-height: 28px;
}
.addressbook-header-item-tags {
  margin-top: 20px;
}
.addressbook-header-item {
  padding-bottom: 20px;
}
.addressbook-header-item .addressbook-info > div p.delivery-instruction {
  font-weight: 400;
}
.addressbook-header-item {
  padding: 20px;
}
.addressbook-header-item-tags-wrapper {
  padding: 5px 10px;
  margin-right: 10px;
}
.line-ation {
  font-size: 12px;
  margin: 0 4px;
}
.addressbook-header-item .button-wrapper .delete-button {
  border-left: 0px solid #000000;
  padding-left: 0;
  margin-left: 0;
}
.addressbook-item-location-required {
  display: flex;
  align-items: center;
}
.addressbook-item-location-required img {
  max-width: 28px;
  margin-right: 10px;
}
.addressbook-item-location-required p {
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #bb8b3e;
}
@media (min-width: 768px) {
  .addressbook-form .label-float {
    top: 10px;
  }
  .addressbook-form .float-input {
    padding: 20px 12px 4px 11px !important;
  }
  .addressbook-form .custom-select-input {
    padding-left: 0 !important;
  }
  .addressbook-form .float-label-select .ant-select-selector {
    padding-top: 15px !important;
  }
  .addressbook-form .ant-select-arrow {
    color: #000;
    width: 18px;
  }
  .addressbook-form .ant-btn {
    margin-top: 10px;
  }
  .addressbook-form .text-billing-address {
    color: #000;
  }
  .addressbook-header-item .addressbook-header-action {
    display: flex;
    justify-content: space-between;
  }
  .button-wrapper {
    padding-left: 10px;
    white-space: nowrap;
    text-align: end;
  }
  .addressbook-header-item-tags-wrapper span {
    font-size: 12px;
  }
  .address__info {
    width: 95%;
  }
  .addressbook-name-screen {
    word-break: break-word;
    overflow: hidden;
  }
}
.addressbook-form .shadow-text-link {
  margin-top: 10px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
}
.addressbook-form .shadow-text-link.disable {
  cursor: not-allowed;
}
.btn-down-custom {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-right: 2px solid #272727;
  border-bottom: 2px solid #272727;
  transform: rotate(45deg);
}
textarea.fixselect {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px !important;
  height: 20px !important;
  opacity: 0;
}
@media (max-width: 767px) {
  .customer-container .title-section-wrapper.ant-col .title-section {
    margin-bottom: 0;
  }
  .customer-container .title-section-wrapper.ant-col .title-divider {
    margin-top: 6px;
  }
  .addressbook-header-item {
    padding: 8px 15px 15px;
  }
  .addressbook-header-item .addressbook-info > div h4 {
    margin-bottom: 0;
  }
  .addressbook-header-item-tags {
    margin-top: 13px;
  }
  .addressbook-header-item-tags-wrapper {
    padding: 5px 10px;
    margin-right: 10px;
  }
  .addressbook-header-item-tags-wrapper .anticon-check {
    margin-right: 5px;
  }
  .item-list {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .addressbook-form .label-float {
    top: 10px;
  }
  .addressbook-form .ant-checkbox + span {
    padding-right: 6px;
    padding-left: 6px;
  }
  .addressbook-form .text-billing-address {
    color: #000;
  }
  .addressbook-form .float-input {
    padding: 20px 12px 4px 11px !important;
  }
  .addressbook-form .custom-select-input {
    padding-left: 0 !important;
  }
  .addressbook-form .ant-select-arrow {
    color: #000;
  }
  .text-required {
    margin-bottom: 8px;
  }
  .btn-down-custom {
    width: 9px;
    height: 9px;
  }
  .addressbook-form .shadow-button {
    height: 40px;
  }
  .addressbook-name-screen {
    width: 100%;
    margin-right: 10px;
    word-break: break-word;
    overflow: hidden;
  }
  .addressbook-header-item .addressbook-header-action {
    display: flex;
  }
  .button-wrapper {
    white-space: nowrap;
    text-align: end;
    padding-right: 5px;
  }
  .address__info {
    width: 95%;
  }
}
@media (max-width: 576px) {
  .noscrollGoogleMap {
    overflow: hidden !important;
    touch-action: none;
    -ms-touch-action: none;
    position: fixed !important;
    height: 100vh;
    width: 100vw !important;
  }
}
.gg-map-tips {
  padding: 9px 20px 9px;
  border-radius: 2px;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 576px) {
  .gg-map-tips {
    padding: 8px 15px;
  }
}
.gg-map-tips img {
  max-width: 37px;
}
@media (max-width: 576px) {
  .gg-map-tips img {
    min-width: 28px;
  }
}
.gg-map-tips span {
  font-size: 12px;
  font-weight: normal;
  color: #bb8b3e;
  margin: 0 0 0 13px;
  width: 100%;
}
@media (max-width: 576px) {
  .gg-map-tips span {
    margin: 0 0 0 10px;
  }
}
.gg-map-address {
  margin: 15px 0 0;
  position: relative;
}
.gg-map-address .bg-map-mobile {
  display: none;
}
@media (max-width: 576px) {
  .gg-map-address .bg-map-mobile {
    display: block;
  }
}
.gg-map-address .bg-map-desktop {
  display: block;
}
@media (max-width: 576px) {
  .gg-map-address .bg-map-desktop {
    display: none;
  }
}
.gg-map-address > img {
  width: 100%;
  height: 100%;
}
.gg-map-address .gg-map-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  height: 50px;
  padding: 13px 39px;
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  display: flex;
  align-items: center;
}
.gg-map-address .gg-map-btn span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin: 0 0 0 10px;
  white-space: nowrap;
}
.gg-map-address .gg-map-btn img {
  max-width: 24px;
}
.gg-map-address.has-error {
  background-color: #fff;
  border: solid 1px #f5222d;
}
.gg-map-popup.gg-map-popup.gg-map-popup {
  max-width: 750px;
  padding: 0;
}
@media (max-width: 576px) {
  .gg-map-popup.gg-map-popup.gg-map-popup {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
  }
  .gg-map-popup.gg-map-popup.gg-map-popup .ant-modal-content {
    height: 100% !important;
    width: 100% !important;
    max-height: 100vh !important;
    padding: 45px 20px 34px;
    overflow-y: auto;
  }
  .gg-map-popup.gg-map-popup.gg-map-popup .ant-modal-body {
    height: 100%;
  }
  .gg-map-popup.gg-map-popup.gg-map-popup .ant-modal-body > .ant-col.ant-col-24 {
    height: calc(100% - 70px);
    display: flex;
    flex-direction: column;
  }
}
.gg-map-popup.gg-map-popup.gg-map-popup .gg-map-content {
  margin: 10px 0 25px;
  max-height: 420px;
  min-height: 88px;
}
.gg-map-popup.gg-map-popup.gg-map-popup .gg-map-content .gg-map-container {
  position: relative;
  height: calc(100vh - 295px);
  max-height: 420px;
}
@media (max-width: 576px) {
  .gg-map-popup.gg-map-popup.gg-map-popup .gg-map-content .gg-map-container {
    height: 100% !important;
    max-height: unset;
  }
}
@media (max-width: 576px) {
  .gg-map-popup.gg-map-popup.gg-map-popup .gg-map-content {
    margin: 10px 0 35px;
    max-height: initial;
    min-height: 66px;
    flex: 1;
  }
}
.gg-map-popup.gg-map-popup.gg-map-popup .gg-map-content::after {
  width: 20px;
  height: 34px;
  display: block;
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -10px;
  background: url("/static/images/pin-location.png");
  background-size: 20px 34px;
  /* Since I used the HiDPI marker version this compensates for the 2x size */
  pointer-events: none;
  /* This disables clicks on the marker. Not fully supported by all major browsers, though */
}
@media (max-width: 576px) {
  .gg-map-popup.gg-map-popup.gg-map-popup hr {
    margin: 15px 0 20px;
  }
}
.gg-map-popup.gg-map-popup.gg-map-popup .gg-map-location {
  position: absolute;
  height: unset;
  text-transform: unset;
  color: black;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: white;
  border-radius: 40px;
  bottom: 23px;
  right: 75px;
}
.gg-map-popup.gg-map-popup.gg-map-popup .gg-map-location span {
  margin-left: 5px;
}
.gg-map-popup.gg-map-popup.gg-map-popup .gg-map-location:hover {
  color: black;
}
@media (max-width: 576px) {
  .gg-map-popup.gg-map-popup.gg-map-popup .gg-map-location {
    bottom: 12px;
    right: 12px;
  }
}
.gg-map-popup.gg-map-popup.gg-map-popup .gg-map-address-info {
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
  color: #444;
  margin-top: 10px;
}
.gg-map-address-wrap .gm-fullscreen-control,
.gg-map-address-wrap .gmnoprint {
  display: none !important;
}
.gg-map-address-wrap .gg-map-selected-container {
  height: 204px;
}
@media (max-width: 576px) {
  .gg-map-address-wrap .gg-map-selected-container {
    height: 175px;
  }
}
@media (max-width: 576px) {
  .gg-map-address-wrap .gm-style-iw.gm-style-iw-c {
    max-width: 320px !important;
  }
}
.gg-map-address-wrap .gm-style .gm-style-iw-c {
  background-color: #fff;
  padding: 15px 10px !important;
  box-shadow: 0 1px 4px 0 rgb(0 0 0%);
  text-align: center;
  border-radius: 10px !important;
  min-height: 50px !important;
}
@media (min-width: 732px) {
  .gg-map-address-wrap .gm-style .gm-style-iw-c {
    max-width: 100% !important;
    width: 680px;
  }
}
@media (min-width: 767px) and (max-width: 768px) {
  .gg-map-address-wrap .gm-style .gm-style-iw-c {
    max-width: 100% !important;
    width: 660px;
  }
}
@media (max-width: 576px) {
  .gg-map-address-wrap .gm-style .gm-style-iw-c {
    max-width: calc(100vw - 60px) !important;
    width: calc(100vw - 60px);
  }
}
.gg-map-address-wrap .gm-style .gm-style-iw-c .gm-style-iw-d {
  overflow: initial !important;
}
.gg-map-address-wrap .gm-style .gm-style-iw-t::after {
  display: none !important;
}
.gg-map-address-wrap .gg-map-tips img {
  width: 28px;
}
.gg-map-address-wrap.guest-address-modal .gg-map-tips img {
  max-width: 28px;
  margin-right: 0px;
}
.gm-style-iw-c .poi-info-window {
  text-align: center;
}
.gm-style-mtc,
.gm-svpc {
  display: none;
}
@media (max-width: 576px) {
  .gm-fullscreen-control,
  .gmnoprint {
    display: none;
  }
}
.location-error {
  text-align: center;
  padding: 10px 15px;
  margin: 15px 0;
  border-radius: 2px;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #bb8b3e;
}
.gg-map-search {
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  border: solid 1px #d8d8d8;
  padding: 0 15px 0;
}
@media (max-width: 576px) {
  .gg-map-search {
    margin-top: 10px;
  }
}
.gg-map-search .gg-map-search-list {
  position: absolute;
  z-index: 2;
  top: calc(100% + 1px);
  left: 0;
  width: 100%;
  padding: 5px 0 20px;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
}
.gg-map-search .gg-map-search-list .gg-map-search-item {
  flex-flow: nowrap;
  padding: 10px 18px;
  background-color: #fff;
  transition: background-color 300ms;
  cursor: pointer;
}
.gg-map-search .gg-map-search-list .gg-map-search-item:hover {
  background: #00000012;
}
.gg-map-search .gg-map-search-list .dd-icon {
  margin-right: 15px;
  max-width: 9px;
  min-width: 9px;
}
.gg-map-search .gg-map-search-list .dd-title,
.gg-map-search .gg-map-search-list .dd-desc {
  margin: 0;
  padding: 0;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
}
.gg-map-search .gg-map-search-list .dd-title {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin-bottom: 5px;
}
.gg-map-search .gg-map-search-list .dd-desc {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.gg-map-search > img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.gg-map-search .gg-map-autocomplete {
  width: 100%;
  height: 44px;
  flex: 1;
  padding: 13px 0 13px 0 !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  color: #000;
  border: none !important;
  outline: none !important;
}
.gg-map-search .gg-map-autocomplete::placeholder {
  font-size: 14px;
  color: #b4b4b4;
}
.gg-map-search .gg-map-autocomplete:hover,
.gg-map-search .gg-map-autocomplete:active,
.gg-map-search .gg-map-autocomplete:focus {
  border: none !important;
  outline: none !important;
}
.gg-map-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gg-map-actions button {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
}
.gg-map-actions button:hover,
.gg-map-actions button:active,
.gg-map-actions button:focus {
  color: #000;
}
.gg-map-actions .action-cancel {
  border: none;
  outline: none;
  background: none;
  max-height: 40px;
  margin-right: 44px;
}
@media (max-width: 576px) {
  .gg-map-actions .action-cancel {
    margin-right: 23px;
  }
}
.gg-map-actions .action-confirm {
  margin-left: 44px;
  max-height: 40px;
  width: 186px;
}
@media (max-width: 576px) {
  .gg-map-actions .action-confirm {
    width: 150px;
    margin-left: 23px;
  }
}
.gg-map-marker-wrap {
  min-height: 20px;
}
@media (max-width: 576px) {
  .gg-map-marker-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.gg-map-marker-title {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
@media (max-width: 576px) {
  .gg-map-marker-title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
  }
}
.gg-map-marker-btn {
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #616161;
  margin-left: 15px;
  text-decoration: underline;
  cursor: pointer;
}
.cart-table .ant-table-content tbody tr td:nth-child(2),
.cart-table .ant-table-content tbody tr td:nth-child(3),
.cart-table .ant-table-content tbody tr td:nth-child(4) {
  vertical-align: baseline;
}
.cart-table .ant-input-number-input {
  text-align: center;
}
.cart-table .cart-mb {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #d9d9d9;
}
.ant-radio-wrapper {
  display: flex;
  align-items: center;
}
.mini-cart-style {
  width: 350px;
}
.cart-summary-container .ant-btn-primary.apply:hover,
.cart-summary-container .ant-btn-primary.apply:focus {
  background-color: #dc433b;
  border-color: #dc433b;
}
.cart__wrapper .login-page-buttons-signin {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .cart__wrapper .login-page-buttons-signin {
    margin-bottom: 15px;
  }
}
.cart__wrapper .login-page-buttons-signin button {
  box-shadow: 5px 5px 0 0 #6600ff;
  cursor: pointer;
  padding: 13px 0;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.cart__wrapper .cart__order__wrap {
  flex-flow: nowrap;
}
.cart__wrapper .cart__order__wrap .shopping__bag__list {
  width: 840px;
  padding-right: 31px;
  margin-bottom: 50px;
}
.cart__wrapper .cart__order__wrap .shopping__bag__summary {
  width: 400px;
}
@media (max-width: 992px) {
  .cart__wrapper .cart__order__wrap {
    flex-flow: wrap;
  }
  .cart__wrapper .cart__order__wrap .shopping__bag__list {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0px;
  }
  .cart__wrapper .cart__order__wrap .shopping__bag__summary {
    width: 100%;
  }
}
@media (max-width: 1024px) and (max-height: 768px) {
  .cart__wrapper .cart__order__wrap {
    flex-flow: wrap;
  }
  .cart__wrapper .cart__order__wrap .shopping__bag__list {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0px;
  }
  .cart__wrapper .cart__order__wrap .shopping__bag__summary {
    width: 100%;
  }
}
.cart__wrapper .cart__order__wrap h2.ant-typography.payment-title-custom {
  margin: 0 0 14px 0;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .cart__wrapper .cart__order__wrap h2.ant-typography.payment-title-custom {
    margin: 20px 0 15px 0;
    font-size: 18px;
  }
}
.cart__wrapper .cart__order__wrap .ant-col.title-section-wrapper .title-divider {
  margin: 14px 0 0;
  border-bottom: solid 2px #000000;
}
@media (max-width: 768px) {
  .cart__wrapper .cart__order__wrap .ant-col.title-section-wrapper .title-divider {
    margin: 15px 0 0;
  }
}
.cart__wrapper h2.ant-typography.title-section-underline.title-section-non-underline {
  margin: 40px 0 40px 0;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .cart__wrapper h2.ant-typography.title-section-underline.title-section-non-underline {
    margin: 26px 0 28px 0;
    font-size: 20px;
    line-height: 1.8;
  }
}
.cart__wrapper .payment-coupon-wrapper {
  margin: 0;
  padding: 0;
  height: 0;
  border: 0;
  opacity: 0;
}
.cart__wrapper .shopping-bag-title-section {
  position: relative;
}
.cart__wrapper .shopping-bag-title-section .btn_clear_all_items {
  position: absolute;
  right: 0;
  top: 28%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: right;
  color: #000000;
  text-decoration: underline;
  padding: 0;
  z-index: 5;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .cart__wrapper .shopping-bag-title-section .btn_clear_all_items {
    top: 38%;
  }
}
.cart__wrapper .btn_delete_item_wrap {
  margin-top: 17px;
}
@media (max-width: 768px) {
  .cart__wrapper .btn_delete_item_wrap {
    display: none;
  }
}
.cart__wrapper .btn_delete_item_wrap .product-wishlist {
  display: flex;
  margin-right: 14px !important;
}
.cart__wrapper .btn_delete_item_wrap .btn_clear_all_items {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cart__wrapper .btn_delete_item_wrap .btn_clear_all_items span {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  color: #000000;
  margin-left: 10px;
  text-decoration: underline;
}
.cart__wrapper .is-config-product {
  margin-top: 0px;
  position: relative;
  z-index: 2;
}
.cart__wrapper .is-config-product .btn_clear_all_items {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cart__wrapper .is-config-product .btn_clear_all_items span {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  color: #000000;
  margin-left: 10px;
  text-decoration: underline;
}
.cart__wrapper .is-config-product .product-wishlist {
  margin-top: 17px;
  display: flex;
  margin-right: 14px !important;
}
.cart__wrapper .is-config-product .btn-delete-item {
  margin-top: 17px;
}
.cart__wrapper .product_actions_lg.btn_delete_item_wrap,
.cart__wrapper .product_actions_lg.is-config-product {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .cart__wrapper .product_actions_lg.btn_delete_item_wrap,
  .cart__wrapper .product_actions_lg.is-config-product {
    margin-bottom: 0px;
  }
}
.cart__wrapper .btnDeleteItemMobile {
  display: none;
}
@media (max-width: 768px) {
  .cart__wrapper .btnDeleteItemMobile {
    margin-right: auto;
    cursor: pointer;
    display: block;
  }
  .cart__wrapper .btnDeleteItemMobile .guestmode-delete-icon {
    position: absolute;
    left: -59px;
    bottom: -9px;
  }
}
.btnDeleteItemMobileMd {
  display: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .btnDeleteItemMobileMd {
    cursor: pointer;
    display: block;
    margin: 5px auto 10px 0;
  }
  .btnDeleteItemMobileMd.member-tag {
    margin: 20px auto 35px 0;
  }
  .btnDeleteItemMobileMd .guestmode-delete-icon {
    margin: 20px 0 20px -62px;
  }
}
.btnActionWishlist {
  position: absolute !important;
  left: 0;
}
@media (min-width: 768px) {
  .showBtnDelete {
    margin-left: 60px !important;
  }
}
@media (max-width: 767px) {
  .mini-cart-style {
    width: 100%;
  }
}
.container-pro-list {
  max-height: 413px;
  width: 100%;
  overflow-y: scroll;
}
.container-pro-list .product-item-list {
  width: 100%;
}
.container-currently-empty {
  padding: 50px;
}
.container-currently-empty > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.container-currently-empty > div:first-child {
  border-bottom: solid 2px #000000;
  padding-bottom: 42px;
}
@media (max-width: 768px) {
  .container-currently-empty > div:first-child {
    padding-bottom: 23px;
  }
}
.container-currently-empty > div:first-child img {
  width: 26px;
  height: 30px;
  margin-bottom: 17px;
}
.container-currently-empty > div:first-child div {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0;
  color: #000000;
}
.lond-spin {
  justify-content: center;
  align-items: center;
  display: flex;
}
.footer-mini-cart {
  background-color: #f3f3f3;
  width: 100%;
  height: 56px;
  padding: 16px 0px 13px;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  color: #000000;
}
.footer-mini-cart span {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  color: #000000;
}
.footer-mini-cart div::first-letter {
  font-weight: bold;
}
.product-name {
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  cursor: pointer;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  font-size: 12px;
}
.product-option {
  font-size: 11px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.82;
  letter-spacing: 0.24px;
  color: #646464;
}
.product-price-text {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000000;
}
.product-price-text div::first-letter {
  font-weight: bold;
}
#container-product-row-total .product-row-total {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
#container-product-row-total .product-row-total #total {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: right;
  color: #000000;
}
#container-product-row-total .product-row-total #total::first-letter {
  font-weight: bold;
}
#container-product-row-total .product-row-total.cart #total {
  font-size: 16px;
}
@media (max-width: 768px) {
  #container-product-row-total .product-row-total.cart #total {
    font-size: 14px;
  }
}
#container-product-row-total .product-row-total #delete .btn-remove {
  border-color: #ffffff;
  font-size: 21px;
  margin-left: 9px;
  padding: 0px;
}
#container-product-row-total .product-row-total #delete .btn-remove:hover span {
  color: #000000;
}
#container-product-row-total .product-row-total #delete:hover .container-product-row-total #total {
  color: #000000;
}
#container-product-row-total .product-row-total #delete :hover,
#container-product-row-total .product-row-total #delete :focus {
  color: #000000 !important;
}
#container-product-row-total .product-row-total #delete ::after {
  position: relative;
}
#container-product-row-total .product-row-total #delete :active {
  color: #c8c8c8;
}
.container-pro-list .container-count-item {
  width: 110px;
  height: 40px;
  padding: 19px 8px;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.container-pro-list .container-count-item .count-number {
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .container-pro-list .container-count-item .count-number {
    font-size: 14px;
  }
}
.container-pro-list .container-count-item .icon-action {
  color: #000000;
  cursor: pointer;
  font-weight: 900;
}
.container-pro-list .container-count-item .icon-action:active {
  color: #c8c8c8;
}
.popup-confirm-remove {
  position: absolute;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup-confirm-remove .wrap-background {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: auto;
  outline: 0px;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup-confirm-remove .container-header {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.popup-confirm-remove .container-header > span {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
}
.popup-confirm-remove .popup-content {
  z-index: 1002;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup-confirm-remove .button-text {
  text-transform: uppercase;
}
.popup-confirm-remove .button-text span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.popup-confirm-remove .button-show-model-new {
  width: 119px;
  height: 36px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5) !important;
  background-color: #ffffff !important;
  border-color: #000000 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.popup-confirm-remove .button-show-model-new span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.popup-confirm-remove .container-footer {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 5%;
}
.regular-price {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #a1a1a1;
  text-decoration: line-through;
}
@media (max-width: 768px) {
  .regular-price {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .regular-price {
    width: 100%;
  }
}
.regular-price div::first-letter {
  font-weight: bold;
}
.final-price {
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .final-price {
    font-size: 14px;
  }
}
.final-price.cart {
  font-weight: 600;
}
.final-price div::first-letter {
  font-weight: bold;
}
.popup-mini-cart {
  bottom: 0;
  position: absolute;
  width: 614px !important;
}
.popup-mini-cart .ant-modal-content {
  border-radius: 0;
}
.popup-mini-cart .ant-modal-content .ant-modal-body {
  padding: 0px;
}
.popup-mini-cart .countWrap.countWrap .display-count-error {
  bottom: unset;
  width: 300px;
  top: 100%;
}
@media (max-width: 576px) {
  .popup-mini-cart .countWrap.countWrap .display-count-error {
    width: 240px;
  }
}
.popup-mini-cart .countWrap.countWrap .display-count-error span {
  white-space: unset;
}
.popup-mini-cart .product-item-list .cartItemWarranty {
  margin: 15px 0 0;
}
.popup-mini-cart .product-item-list .warrantyName {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin: 0 0 13px;
}
.popup-mini-cart .product-item-list .warrantyName span:last-child {
  display: none;
}
@media (max-width: 768px) {
  .popup-mini-cart .product-item-list .warrantyName {
    margin: 0 0 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .popup-mini-cart .product-item-list .warrantyName span:first-child {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    max-width: 187px;
  }
  .popup-mini-cart .product-item-list .warrantyName span:last-child {
    display: block;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
  }
}
.popup-mini-cart .product-item-list .warrantyInfo {
  display: flex;
  align-content: center;
}
@media (max-width: 768px) {
  .popup-mini-cart .product-item-list .warrantyInfo {
    justify-content: space-between;
  }
}
@media (max-width: 576px) {
  .popup-mini-cart .product-item-list .warrantyInfo {
    display: none;
  }
}
.popup-mini-cart .product-item-list .warrantyPrice,
.popup-mini-cart .product-item-list .warrantyQty,
.popup-mini-cart .product-item-list .warrantyTotalPrice {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  color: #000;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  .popup-mini-cart .product-item-list .warrantyPrice,
  .popup-mini-cart .product-item-list .warrantyQty,
  .popup-mini-cart .product-item-list .warrantyTotalPrice {
    font-size: 14px;
  }
}
.popup-mini-cart .product-item-list .warrantyPrice {
  margin-right: auto;
}
.popup-mini-cart .product-item-list .warrantyQty {
  text-align: center;
  flex: 0 0 110px;
  font-weight: 500;
}
.popup-mini-cart .product-item-list .warrantyTotalPrice {
  flex: 0 0 115px;
  text-align: right;
}
@media (max-width: 768px) {
  .popup-mini-cart .product-item-list .warrantyTotalPrice {
    flex: 0 0 121px;
  }
}
@media (max-width: 767px) {
  .popup-mini-cart .product-item-list .warrantyTotalPrice {
    flex: 0 0 93px;
  }
}
@media (max-width: 567px) {
  .popup-mini-cart .product-item-list .warrantyTotalPrice {
    flex: 0 0 83px;
  }
}
.widget-mini-cart .widget-mini-cart__wrap {
  position: relative;
}
.widget-mini-cart .widget-mini-cart__count {
  position: absolute;
  top: 2px;
  left: -1px;
  transform: none;
  font-size: 10px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: normal;
  color: #000000;
  background-color: transparent;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .widget-mini-cart .widget-mini-cart__count {
    font-size: 10px;
  }
}
.container-cart-item {
  cursor: pointer;
}
.container-cart-item img {
  width: 75px;
  height: 100px;
  max-width: 75px;
  max-height: 100px;
  object-fit: contain;
}
.container-cart-item.no-cursor {
  cursor: auto;
}
.cart-cursor {
  cursor: pointer;
}
.main-modal-container table,
.main-modal-container td,
.main-modal-container th {
  border: 0.5px black solid;
}
.main-modal-container td {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main-modal-container .anticon-exclamation-circle {
  cursor: pointer;
}
.main-modal-container .ant-checkbox-group table {
  width: 100%;
}
.main-modal-container .method-container-option {
  padding: 5%;
}
.main-modal-container .method-container-option.disabled {
  cursor: not-allowed;
  background-color: #f4f4f4;
}
.main-modal-container .method-container-option.disabled input {
  cursor: not-allowed;
}
.main-modal-container .method-container-option .title {
  font-size: 14px;
  font-weight: normal;
}
.main-modal-container .method-container-option .subtitle {
  font-size: 12px;
  font-weight: 300;
}
.main-modal-container .login-page-buttons-signin {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.main-modal-container .login-page-buttons-signin button {
  box-shadow: 4px 4px 0 0 black;
  border-radius: 2px;
  color: black;
  width: 260px;
  background-color: #ffffff;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
}
.main-modal-container .login-page-buttons-signin button:hover {
  background-color: #ffffff;
}
.countWrap.countWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.countWrap.countWrap .display-count-error {
  position: absolute;
  bottom: -22px;
  text-align: center;
}
.countWrap.countWrap .display-count-error span {
  color: red;
  white-space: nowrap;
}
.button-show-model.button-show-model--bgBlack {
  background-color: #000 !important;
  box-shadow: 3px 3px 0 0 #6600ff;
}
.button-show-model.button-show-model--bgBlack span {
  color: #ffffff;
}
.cart_list {
  position: relative;
  width: 100%;
}
.cart_list::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -12px;
  right: 90px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #fff;
}
.cart_list--active::after {
  content: "";
  position: absolute;
  border-bottom: 12px solid gray;
}
@media (max-width: 1199px) {
  .cart_list::after {
    right: 19px;
  }
  .special-price,
  .price {
    font-size: 14px;
  }
  .special-price.product-item,
  .price.product-item {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .cart_list::after {
    right: 20px;
  }
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .payment-title,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .payment-title {
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .payment-title,
  .display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .payment-title {
    font-size: 16px !important;
  }
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap {
  flex-flow: nowrap;
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip {
  width: 100%;
  margin-right: 8px;
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip input,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip input {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  opacity: 1;
}
@media (max-width: 768px) {
  .shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip input,
  .display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip input {
    padding: 16px 11px;
  }
}
@media (max-width: 326px) {
  .shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip input,
  .display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip input {
    max-width: 202px;
  }
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip input::placeholder,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip input::placeholder {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 768px) {
  .shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip,
  .display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__ip {
    width: 100%;
    margin-right: 8.5px;
  }
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__btn,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__btn {
  width: 99px;
}
@media (max-width: 768px) {
  .shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__btn,
  .display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__ip__wrap .coupon__btn {
    width: 79px;
    min-width: 79px;
    max-width: 79px;
  }
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__error,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__error {
  margin-top: 6px;
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__error span,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__error span {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ff0000;
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__error .coupon_character,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__error .coupon_character {
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  margin-left: 4px;
  border-radius: 50%;
  border: 1px solid #f00;
  position: relative;
  display: inline-block;
  transform: translateY(3px);
  cursor: pointer;
}
.shopping__bag__summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__error .coupon_character span,
.display-order-summary .payment-coupon-wrapper.payment-coupon-wrapper .coupon__error .coupon_character span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shopping__bag__summary .ant-container.breadcrumb-main,
.display-order-summary .ant-container.breadcrumb-main {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .shopping__bag__summary .ant-container.breadcrumb-main .breadcrumb-item,
  .display-order-summary .ant-container.breadcrumb-main .breadcrumb-item {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .ant-modal.popup-mini-cart {
    max-width: 100% !important;
  }
  .container-pro-list-color-background {
    background-color: #fbfbfb;
    padding: 15px 15px 25px 15px !important;
  }
  .container-pro-list-color {
    padding: 15px 15px 25px 15px !important;
  }
  .container-pro-list .display-count-error span {
    font-size: 12px;
  }
  .container-cart-item img {
    width: 45px;
    height: 60px;
  }
  .cart__wrapper .payment-title-custom {
    font-size: 18px !important;
  }
  .cart__wrapper .breadcrumb-main .breadcrumb-item {
    font-size: 12px;
  }
  .cart__wrapper .breadcrumb-main .breadcrumb-item:last-child {
    margin: 0;
    padding: 0;
  }
  .estimated-total .text-free-delivery {
    font-size: 10px;
  }
  .shopping-free-gift-main {
    align-self: flex-end;
    margin-bottom: 2px;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .ant-modal.popup-mini-cart .product-item-list-error {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .cart_list .product-name,
  .cart_list .product-option {
    font-size: 14px;
  }
}
@media (max-width: 376px) {
  .container-pro-list .display-count-error span {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  .container-pro-list .product-name,
  .container-pro-list .product-option {
    font-size: 14px;
  }
  .shopping-free-gift-main {
    align-self: center;
    padding-top: 25px;
  }
}
.estimated-total-affix .referral_text {
  display: none;
}
@media (max-width: 996px) {
  .estimated-total-affix .referral_text {
    display: block;
    margin: 15px 0;
  }
}
.estimated-total-affix .class-main-button-summary.no-margin {
  bottom: initial !important;
}
.checkout__wrapper .estimated-total-affix .class-main-button-summary.no-margin {
  position: unset;
  margin-top: 15px !important;
}
@media screen and (max-width: 992px) {
  .cart__wrapper .estimated-total-affix .ant-affix {
    min-height: 220px;
  }
  .estimated-total-affix .ant-affix {
    min-height: 200px;
    transition: min-height 320ms;
    background-color: white;
    z-index: 101;
  }
  .estimated-total-affix .ant-affix .estimated-total {
    height: 100%;
  }
  .estimated-total-affix.referral-code-affix .ant-affix {
    min-height: 215px;
  }
  .ant-affix {
    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.2);
    padding: 0px 10px 10px;
    width: 100vw !important;
    left: 0;
  }
  .ant-affix .estimated-total > div:first-child {
    border-top: none;
  }
  .estimated-total {
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    opacity: 1;
    z-index: 10000;
    margin-top: 0;
  }
  .estimated-total > div {
    opacity: 1;
    transition: 280ms;
    visibility: visible;
  }
  .estimated-total > div:first-child {
    border-top: 2.5px solid #000;
    padding-top: 20px;
  }
  .estimated-total.estimated-total--active {
    min-height: 100vh;
  }
  .estimated-total.estimated-total--active > div {
    opacity: 0;
    visibility: hidden;
  }
  .estimated-total .total-text,
  .estimated-total .total {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
  }
  .estimated-total .total-vat {
    font-size: 12px;
    line-height: 2.33;
  }
  .estimated-total img {
    width: 24px;
  }
  .estimated-total .total-save {
    color: #6600ff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.86;
  }
}
.container-pro-list-color-background {
  background-color: #fbfbfb;
  padding: 25px 20px 20px 20px;
}
.container-pro-list-color {
  padding: 25px 20px 20px 20px;
}
.mian-view-more {
  border: solid 0.5px #6d7278;
}
.stock-mini-cart-error {
  font-size: 14px;
  color: #ff0000;
}
.icon-action-none {
  color: gray;
  font-weight: 900;
  cursor: not-allowed;
}
.guestmpoint-block-container {
  padding: 20px 0 20px 0;
  margin-top: 20px;
  border-radius: 4px;
  border: 1px solid black;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .guestmpoint-block-container {
    padding: 20px 11px 20px 11px;
  }
}
.guestmpoint-block-container .title {
  font-size: 24px;
  margin-bottom: 11px;
}
@media (max-width: 768px) {
  .guestmpoint-block-container .title {
    font-size: 18px;
  }
}
.guestmpoint-block-container .message {
  font-size: 13px;
  text-align: "center";
  margin-bottom: 11px;
}
.guestmpoint-block-container .gain-text {
  font-size: 18px;
  color: #7500ff;
  font-weight: 600;
}
.guestmpoint-block-container .margin-mpoint {
  padding: 0 23px;
}
.referal-container .title-container {
  flex-flow: nowrap;
}
.referal-container .referral-form-container {
  width: 100%;
  flex-flow: nowrap;
}
.referal-container .icon-referral-info {
  cursor: pointer;
  width: 13px;
  height: 13px;
}
.referal-container .icon-referral-info svg {
  display: block;
}
.referal-container .referal-desc {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  color: #000;
  margin: 0 5px 0 0;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .referal-container .referal-desc {
    font-size: 12px;
  }
}
.referal-container .referal-desc + div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.referal-container .ant-form-item {
  margin: 0;
  flex: initial;
}
.referal-container .referral_code {
  height: 44px;
  max-width: 100%;
  margin: 0 10px;
  border-radius: 2px;
  border: solid 1px #7f7f7f;
  background-color: #fff;
  display: flex;
  align-items: center;
}
@media (max-width: 996px) {
  .referal-container .referral_code {
    max-width: 100%;
  }
  .referal-container .referral_code > div:first-child {
    width: 100%;
  }
}
@media (max-width: 1024px) and (max-height: 768px) {
  .referal-container .referral_code {
    max-width: 100%;
  }
  .referal-container .referral_code > div:first-child {
    width: 100%;
  }
}
.referal-container .referral-input {
  border: none !important;
  outline: none !important;
  height: 100%;
  padding: 12px 10px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
@media (max-width: 768px) {
  .referal-container .referral-input {
    font-size: 12px;
  }
}
.referal-container .referral-input::-webkit-input-placeholder {
  /* Edge */
  color: #7f7f7f;
}
.referal-container .referral-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #7f7f7f;
}
.referal-container .referral-input::placeholder {
  color: #7f7f7f;
}
.referal-container .referral-button button {
  width: 99px;
  box-shadow: none !important;
  height: 44px !important;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.5);
  background-color: #000;
  cursor: pointer;
}
@media (max-width: 768px) {
  .referal-container .referral-button button {
    width: 72px;
  }
}
.referal-container .referral-button button span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .referal-container .referral-button button span {
    font-size: 12px;
  }
}
.referal-container .btn-remove-code-refer {
  cursor: pointer;
  border: 0;
  outline: 0;
  background: transparent;
  width: initial;
  padding: 0 10px 0 0;
}
.referal-container .btn-remove-code-refer img {
  max-width: 20px;
  max-height: 20px;
}
.referal-container .code_refer {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin: 0 0 0 5px;
}
.referal-container .btn-edit-code {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #000;
  text-decoration: underline;
  border: 0;
  outline: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}
.referal-container.error {
  padding: 0 0 15px;
}
.referal-container.error .referral_code {
  border-color: #f00;
}
.referal-container.error .error-msg {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f00;
  position: absolute;
  top: 48px;
  left: 10px;
  white-space: nowrap !important;
}
@media (max-width: 576px) {
  .referal-container.error .error-msg {
    top: 44px;
    line-height: 1.3;
  }
}
.referral_text,
.referral_code_mobile {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.referral_text span,
.referral_code_mobile span {
  font-weight: 600;
}
.referral_text .icon-referral-info,
.referral_code_mobile .icon-referral-info {
  margin: 0 5px;
  position: relative;
  top: 1px;
}
.referral_code_mobile {
  display: none !important;
}
@media (max-width: 996px) {
  .referral_code_mobile {
    margin: 15px 0 0;
    display: block !important;
  }
}
.cart__wrapper .orderAndPaymentWrapActive .referCodeMobile {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #101010;
}
.estimated-total-affix .referal-desc {
  display: flex;
  align-items: center;
}
.estimated-total-affix .icon-info {
  transform: translateY(0) !important;
}
.referralMobile {
  margin: 10px 0 15px;
  padding: 15px 0 0;
  border-top: solid 1px #ccc;
  width: 100%;
  display: none;
}
@media (max-width: 996px) {
  .referralMobile {
    display: flex;
    align-items: center;
  }
}
.referralMobile .referral_txt {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.referralMobile .icon-referral-info {
  cursor: pointer;
  margin: 0 5px;
  display: flex;
  align-items: center;
}
.referralMobile .btn_actions {
  margin-left: auto;
}
.referralMobile .btn_actions span {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
.referCodeMobile {
  display: none;
}
@media (max-width: 996px) {
  .referCodeMobile {
    display: block;
  }
}
.referCodeDesktop > div {
  margin: 15px 0 0;
}
@media (max-width: 996px) {
  .referCodeDesktop {
    display: none;
  }
}
.cart-page-delete-icon {
  width: 23px;
}
.cart-guest-yellow-box {
  margin-top: 15px;
}
.cart-guest-yellow-box .ant-alert-message {
  margin-left: 0px;
}
.cart-guest-yellow-box .custom-link {
  font-size: 12px;
  color: #bb8b3e;
}
.cart-guest-yellow-box .custom-link a {
  text-decoration: underline;
  color: #bb8b3e;
}
.warrantyInformationWrap .sub-title {
  margin: 0;
}
@media (max-width: 768px) {
  .warrantyInformationWrap .sub-title {
    font-size: 16px;
  }
}
.warrantyInformationWrap .warrantyTitle {
  display: flex;
  flex-flow: wrap;
  margin: 0 0 5px;
  padding: 0 15px 0 0;
}
.warrantyInformationWrap .warrantyTitle span:first-child {
  margin: 0 4px 0 0;
}
@media (max-width: 768px) {
  .warrantyInformationWrap .warrantyTitle {
    margin: 0 0 5px;
  }
}
.warrantyInformationWrap .additionalServiceDesc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.warrantyInformationWrap .line-1 {
  margin: 20px 0;
}
.warrantyInformationWrap .warranty-item {
  flex-flow: nowrap;
}
.warrantyInformationWrap .warranty-item:not(:last-child) {
  margin: 0 0 20px;
}
@media (max-width: 768px) {
  .warrantyInformationWrap .warranty-item:not(:last-child) {
    margin: 0 0 18px;
  }
}
.warrantyInformationWrap .warranty-item .warranty-title {
  padding: 0 30px 0 0;
  word-break: break-word;
}
.warrantyInformationWrap .warranty-item .warranty-title,
.warrantyInformationWrap .warranty-item .warranty-value {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.warrantyInformationWrap .warranty-information {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.warrantyInformationWrap .icon-info-checkout {
  margin-left: 3px;
}
.common-overlay {
  position: absolute;
  top: 50%;
  z-index: 10;
  background: #ffffff55;
}
.common-overlay.home {
  background: #00000080;
}
.common-overlay.left {
  left: 0;
}
.common-overlay.right {
  right: 0;
}
.ant-card-bordered {
  margin-bottom: 20px;
}
.common-overlay-modal {
  position: absolute;
  top: 50%;
  z-index: 10;
  background: #ffffff;
  color: #ccc9c9;
  box-shadow: unset;
}
.common-overlay-modal.home {
  background: #00000080;
}
.common-overlay-modal.left {
  left: 0;
}
.common-overlay-modal.right {
  right: 0;
}
.common-overlay-modal:hover {
  background: #ffffff !important;
  color: #777575 !important;
  border: unset !important;
}
.common-overlay-modal:focus {
  background: #ffffff !important;
  color: #777575 !important;
  border: unset !important;
}
.common-overlay-modal:active {
  background: #ffffff !important;
  color: #777575 !important;
  border: unset !important;
}
.common-overlay-modal:after .common-overlay-modal:focus {
  box-shadow: unset;
  box-shadow: #000000;
}
.home-title-section {
  margin: 25px auto;
  text-transform: uppercase;
}
.message-homepage {
  padding-top: 1px !important;
  padding-left: 100px !important;
  padding-right: 100px !important;
  background-color: #000000;
}
.font-message-homepage {
  margin-top: 0px;
  margin-bottom: 10px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #ffffff;
}
.homepage-full-screen {
  width: 100vw;
  margin-left: calc(50% - 50vw) !important;
}
.banner-homepage-width {
  max-width: 1240px;
  margin: auto;
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 768px) {
  .banner-homepage-width {
    padding-right: 0px !important;
  }
}
@media (max-width: 768px) {
  .message-homepage {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .banner-homepage-width {
    margin-top: 5px !important;
  }
  .font-message-homepage {
    font-size: 10px;
    line-height: 32px;
    margin: 0;
  }
  .message-homepage .ant-carousel .slick-dots li button {
    width: 8px;
    height: 8px;
    font-size: 0;
    background: #fff;
    border-radius: 8px;
    opacity: 1;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  }
  .message-homepage .ant-carousel .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 3px;
  }
  .message-homepage .ant-carousel .slick-dots li.slick-active {
    width: 8px;
  }
  .message-homepage .ant-carousel .slick-dots-bottom {
    bottom: 0 !important;
  }
  .feature-category-topmid,
  .feature-category-topleft,
  .feature-category-topright {
    padding-top: 0 !important;
  }
  .feature-category-bottommid,
  .feature-category-bottomleft,
  .feature-category-bottomright,
  .pagebuilder-column {
    padding-bottom: 0 !important;
  }
  main.ant-layout-content > div > div > div > div[data-element="main"] {
    padding: 0 10px;
  }
  .pagebuilder-column-group .menu-item-widget {
    margin: 20px 0;
    border: 0;
    padding: 0;
  }
  .pagebuilder-column-group .menu-item-widget.ant-select-open .ant-select-arrow {
    transform: rotate(180deg);
  }
  .pagebuilder-column-group .menu-item-widget .ant-select-selector {
    border: 1px solid #000 !important;
    height: 40px;
    border-radius: 0 !important;
    padding-left: 15px;
  }
  .pagebuilder-column-group .menu-item-widget .ant-select-selector span.ant-select-selection-item {
    font-size: 12px;
    font-weight: 600;
    color: #6600ff;
  }
  .pagebuilder-column-group .menu-item-widget span.ant-select-arrow svg path {
    fill: #000;
  }
  .dd__menu__dropdown {
    border: 1px solid #000;
    border-radius: 0;
    padding: 0 15px;
  }
  .dd__menu__dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    background-color: #fff !important;
  }
  .dd__menu__dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: #fff !important;
  }
  .dd__menu__dropdown .ant-select-item {
    border-bottom: 1px solid #000;
    padding: 8px 0;
  }
  .dd__menu__dropdown .ant-select-item:last-child {
    border-bottom: 0;
  }
  .dd__menu__dropdown .ant-select-item .ant-select-item-option-content {
    font-size: 12px;
    font-weight: 600;
    color: #000;
  }
  .dd__menu__dropdown .ant-select-item.ant-select-item-option-active .ant-select-item-option-content,
  .dd__menu__dropdown .ant-select-item.ant-select-item-option-selected .ant-select-item-option-content {
    color: #6600ff;
  }
  .product-item-card .rate {
    font-size: 10px;
    top: -5px;
    position: relative;
  }
  .product-item-card .reviews {
    font-size: 9px;
    color: #666666;
    letter-spacing: 1px;
    line-height: 2;
    margin: 2px 0 0 5px;
    position: relative;
    top: -4px;
  }
  .ant-carousel .slick-slide .cart-actions img {
    width: 16px;
  }
  .ant-carousel .slick-slide .wishlist-action img {
    width: 16px;
  }
  .product-compare svg {
    width: 16px;
  }
  .product-item-card .ant-card-body span.qty-plus {
    right: 23px;
    top: 9px;
  }
  .product-item-card .ant-card-body .wishlist-action {
    top: 12px;
  }
  .product-item-card .ant-card-body .product-compare {
    right: 46px;
    top: 6px;
  }
  .product-item-card .product-brand {
    margin-top: 0;
    font-size: 13px;
  }
  .product-item-card .product-price {
    font-size: 13px;
  }
  .product-item-card .ant-card-body {
    margin-top: 0;
    padding: 13px 0;
  }
  .message-homepage .ant-carousel .slick-dots {
    display: block !important;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .menu-item-widget-container .pagebuilder-column-group {
    flex-direction: column;
  }
  .menu-item-widget-container .full-width {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .stay-style-carousel {
    margin-top: 31px;
  }
  .stay-style-carousel button.ant-btn-primary:hover {
    background: none;
  }
  .stay-style-carousel button.ant-btn-primary:active {
    border-color: none;
  }
  .stay-style-carousel button > img {
    width: 16px;
    height: 18px;
  }
  .stay-style-carousel .common-overlay {
    top: calc(50% - 16px);
  }
}
@media (max-width: 767px) {
  .search-sidebar {
    order: 1;
  }
}
@media (min-width: 576px) {
  .search-sidebar {
    order: 1;
  }
}
@media (min-width: 768px) {
  .search-sidebar {
    order: 0;
  }
}
.ant-btn-primary.facebook {
  background-color: #4267b2;
}
.ant-btn-primary.facebook:hover {
  background-color: #4267b2;
}
#login-page {
  padding-left: 100px;
  padding-right: 100px;
  width: 100%;
  color: #000000;
}
@media only screen and (max-width: 1199px) {
  #login-page {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.breadcrumbs-login span {
  font-size: 14px;
}
.breadcrumbs-login span:not(:last-child) {
  margin-right: 36px;
}
.breadcrumbs-login span:not(:nth-child(2)) {
  cursor: pointer;
}
.login-page-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.sign-in-wrapper {
  flex-direction: column;
}
.sign-in-wrapper .login-page-resend-success {
  border-radius: 2px;
  border: solid 1px #146b36;
  background-color: #e9fff1;
}
@media (max-width: 768px) {
  .sign-in-wrapper .login-page-resend-success {
    padding: 15px 0 14px;
  }
}
.sign-in-wrapper .login-page-resend-success span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: center;
  color: #146b36;
}
.sign-in-wrapper .login-continue-as-guest {
  width: 100%;
  margin-bottom: 50px;
}
.sign-in-wrapper .login-continue-as-guest .continue-as-guest-button {
  max-width: 600px;
  margin: 0 auto;
}
.login-page-main {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .login-page-main {
    width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .login-page-main {
    width: 90%;
  }
}
@media only screen and (max-width: 575px) {
  .login-page-main {
    width: 98%;
  }
}
.login-page-main .login-page-title {
  margin: 40px 0 40px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.login-page-main .login-page-title img {
  width: 30px;
  height: 32px;
  margin: 0 6px 0 0;
  object-fit: contain;
}
@media (max-width: 768px) {
  .login-page-main .login-page-title img {
    width: 23px;
    height: 24px;
  }
}
@media (max-width: 768px) {
  .login-page-main .login-page-title {
    margin: 20px 0 42px;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
}
.login-page-main .message-error {
  font-size: 12px;
}
.login-page-main .ant-form-item-explain {
  margin-top: 0;
  min-height: unset;
  position: unset;
  white-space: unset;
  text-align: right;
}
.login-page-main .ant-form-item-explain .message-error {
  display: unset;
}
.login-page-main .ant-form-item-control {
  flex-direction: column-reverse;
}
.login-page-main .ant-form-item-has-error {
  padding: 0;
}
.login-page-submit-warning {
  border-radius: 2px;
  border: solid 0.5px #b4803d;
  background-color: #fcf9e6;
  text-align: center;
  margin: 20px 0;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login-page-submit-warning span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #bb8b3e;
}
.login-page-submit-warning.account-login {
  font-size: 14px;
  margin-top: 20px;
  text-transform: none;
}
.login-page-submit-warning .link {
  text-decoration: underline;
  cursor: pointer;
  margin: 0;
}
@media (min-width: 768px) {
  .login-page-submit-warning.waring-confirm-email span {
    line-height: 1.28;
  }
}
.login-page-submit-invalid span {
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f5222d;
  display: block;
  margin-bottom: 9px;
}
.login-page-submit-deleted-account span {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f5222d;
  display: block;
  margin-bottom: 9px;
}
.login-page-submit-deleted-account span a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .login-page-submit-deleted-account span {
    font-size: 12px;
  }
}
.login-page-resend-success {
  border-radius: 2px;
  border: solid 1px #146b36;
  background-color: #e9fff1;
  text-align: center;
  font-size: 12px;
  color: #146b36;
  font-weight: 500;
  margin: 20px 0;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login-page-resend-success.account-login {
  font-size: 14px;
  text-transform: none;
}
.login-page-resend-warning {
  border-radius: 2px;
  border: solid 0.5px #b4803d;
  background-color: #fcf9e6;
  padding: 21px 20px 22px 20px;
  text-align: center;
  font-size: 12px;
  color: #b4803d;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .login-page-resend-warning {
    padding: 14px;
  }
}
.login-page-form__email {
  margin-bottom: 25px;
  position: relative;
}
.login-page-form__warning {
  text-align: right;
  color: #ff0000;
  margin-bottom: 10px;
}
.login-page-form__warning img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.login-page-form__warning span {
  font-size: 14px;
}
.login-page-form__labels {
  position: absolute;
  left: 12px;
  top: 8px;
  font-size: 10px;
  color: #8e8e8e;
}
.login-page-form__input {
  padding-top: 15px;
}
.login-page-form__password {
  position: relative;
}
.login-page-form__password img {
  position: absolute;
  transform: translateY(17px);
  right: 15px;
  cursor: pointer;
}
.login-page-form__password input {
  padding-right: 50px;
}
.login-page-form-forgot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: right;
  color: #000000;
}
.login-page-buttons {
  margin-top: 20px;
}
.login-page-buttons.have-error {
  margin-top: 10px;
}
.login-page-form .button-login {
  margin-bottom: 0;
}
.login-page-form .ant-input-suffix img {
  width: 25px;
  height: 19px;
}
@media (max-width: 992px) {
  .login-page-form .stay-sign-text {
    font-size: 12px;
  }
}
.login-page-buttons-error {
  color: #ff0000;
  text-align: left;
  font-size: 14px;
  margin-bottom: 16px;
}
.login-page-buttons-others {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.login-page-buttons-others .login-page-buttons-others-register {
  width: 260px;
  margin-right: 43px;
}
@media (max-width: 768px) {
  .login-page-buttons-others .login-page-buttons-others-register {
    width: 100%;
    margin-right: 0;
  }
}
.login-page-buttons-others .line {
  width: 1px;
  height: 77px;
  border: solid 0.5px #000000;
}
@media (max-width: 768px) {
  .login-page-buttons-others .line {
    display: none;
  }
}
.login-page-buttons-others .login-page-buttons-others-facebook {
  width: 260px;
  margin-left: 36px;
}
.login-page-buttons-others .login-page-buttons-others-facebook .login-form-facebook-icon {
  cursor: pointer;
  min-width: 50px;
  width: 50px;
  border-radius: 3px 0 0 3px;
}
.login-page-buttons-others .login-page-buttons-others-facebook .login-form-facebook-icon img {
  width: 8px !important;
  height: 18px !important;
}
.login-page-buttons-others .login-page-buttons-others-facebook .login-form-facebook-title {
  min-width: 210px;
  max-width: 210px;
}
@media (max-width: 768px) {
  .login-page-buttons-others .login-page-buttons-others-facebook .login-form-facebook-title {
    min-width: unset;
    max-width: unset;
  }
}
.login-page-buttons-others .login-page-buttons-others-facebook .login-form-facebook-title form {
  height: 100%;
}
.login-page-buttons-others .login-page-buttons-others-facebook .login-form-facebook-title button {
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 3px 3px 0;
}
.login-page-buttons-others .login-page-buttons-others-facebook .login-form-facebook-title button:hover {
  border: 0;
  background-color: transparent !important;
  box-shadow: none;
}
.login-page-buttons-others .login-page-buttons-others-facebook div {
  height: 44px;
}
@media (max-width: 768px) {
  .login-page-buttons-others .login-page-buttons-others-facebook {
    width: 100%;
    margin-left: 0;
  }
  .login-page-buttons-others .login-page-buttons-others-facebook .login-form-facebook-title {
    min-width: unset;
  }
}
@media (max-width: 768px) {
  .login-page-buttons-others {
    flex-wrap: wrap;
    min-width: unset;
  }
}
.login-page-buttons-others .login-page-buttons-others-register p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0;
  color: #000000;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .login-page-buttons-others .login-page-buttons-others-register {
    border-right: none;
    padding-right: unset;
    margin-bottom: 20px;
  }
}
.login-page-buttons-others .login-page-buttons-others-facebook p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: 0;
  color: #000000;
  margin-bottom: 10px;
}
.login-page-buttons-others-facebook-btn {
  height: 50px;
  border-radius: 3px;
}
.login-page-buttons-others-facebook-btn .login-form-facebook-icon {
  height: 50px;
  border-radius: 3px;
}
.login-form-facebook-title span {
  font-size: 16px;
  text-transform: unset;
}
.login-page-promotion {
  text-align: left;
  font-size: 14px;
  margin: 40px auto 0;
  max-width: 900px;
}
@media (max-width: 768px) {
  .login-page-promotion {
    max-width: 320px;
    margin: 50px auto 0;
  }
}
.login-page-promotion .login__promotion__wrap {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .login-page-promotion .login__promotion__wrap {
    margin-bottom: 40px;
  }
}
.login-page-promotion .login__promotion__wrap > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.login-page-promotion .login__promotion__wrap > .ant-col:nth-child(even) {
  padding-left: 40px;
}
@media (max-width: 768px) {
  .login-page-promotion .login__promotion__wrap > .ant-col:nth-child(even) {
    padding-left: 0;
  }
}
.login-page-promotion .header {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .login-page-promotion .header {
    margin-bottom: 20px;
  }
}
.login-page-promotion .ant-col {
  margin-bottom: 17px;
}
@media (max-width: 768px) {
  .login-page-promotion .ant-col:last-child {
    margin-bottom: 0;
  }
}
.guest-continue {
  text-align: center;
  margin: 33px 0 100px 0;
}
@media (max-width: 768px) {
  .guest-continue {
    margin: 40px 0 40px 0;
  }
}
.guest-continue a {
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.guest-continue a:hover {
  color: #f5222d;
}
@media (min-width: 768px) {
  .auth .login-form {
    min-height: 380px;
  }
  .search-sidebar {
    order: 0;
  }
}
@media screen and (max-width: 768px) {
  #login-page {
    padding: 0 15px;
  }
  .login-page-main {
    width: 100%;
  }
  .login-main-promotion {
    margin-top: 50px;
  }
}
.sign-in-noti .login-page-main .login-page-title {
  margin-bottom: 0 !important;
}
@media (min-width: 992px) {
  .login-container-layout {
    width: 890px;
    max-width: 100%;
  }
  .login-main-promotion {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  .login-main-promotion {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  width: 100%;
  padding: 0 15px;
}
.login-container-layout .get-more .title-get-more {
  text-align: left;
}
@media (max-width: 768px) {
  .login-container-layout .get-more .title {
    margin: 0px 0px 20px 0px;
    font-size: 14px;
  }
  .login-container-layout .get-more .containerItem {
    flex-wrap: nowrap;
    width: 100% !important;
    padding-left: 35px;
    flex-direction: row;
  }
  .login-container-layout .get-more .title-get-more {
    margin: 0 0 0 10px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #000000;
    width: 86%;
    text-align: left;
  }
  .login-container-layout .get-more .ant-checkbox-checked .ant-checkbox-inner::after {
    height: 17px;
    width: 8px;
    top: 22%;
  }
}
.error-404-wrapper {
  width: 100%;
  background: #00000010;
  border-radius: 15px;
  padding: 50px;
  margin-top: 50px;
}
.error-404-page-title {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  margin-bottom: 13px !important;
}
@media (max-width: 575px) {
  .error-404-page-title {
    margin-top: 19px;
  }
}
.error-404-page-detail {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.22;
  letter-spacing: normal;
  margin-bottom: 36px !important;
}
@media screen and (max-width: 767px) {
  .error-404-page-detail {
    margin-bottom: 0px !important;
  }
}
.error-404-page-icon {
  margin-top: 59px !important;
  width: 100px;
  height: 100px;
}
@media (max-width: 575px) {
  .error-404-page-icon {
    width: 147px;
    height: 127px;
    margin-top: 0px !important;
  }
}
.error-404-page-image {
  display: none;
  margin-top: 72px !important;
}
@media (max-width: 576px) {
  .error-404-wrapper {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  div[id="404_page"] div {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }
}
.order-detail .header {
  min-height: 55px;
}
@media (max-width: 768px) {
  .order-detail .header {
    height: auto !important;
  }
}
@media (min-width: 769px) {
  .order-detail .header.custom {
    min-height: 0px !important;
  }
}
@media (max-width: 768px) {
  .order-detail .header.custom {
    min-height: 0px !important;
  }
}
.order-detail .header .order-number-container .order-number {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
}
@media (min-width: 768px) {
  .order-detail .header.mobile {
    height: auto;
  }
}
@media (max-width: 767px) {
  .order-detail .header.mobile {
    height: 55px !important;
  }
}
.order-detail .header .place-on-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-detail .header .place-on-container .place-on {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 2;
  color: black;
}
.order-detail .header .place-on-container.isGuest span {
  font-size: 20px !important;
}
@media (min-width: 769px) and (max-width: 1400px) {
  .order-detail .header .place-on-container.isGuest span {
    font-size: 16px !important;
  }
}
@media (max-width: 768px) {
  .order-detail .header .place-on-container.isGuest span {
    font-size: 14px !important;
  }
}
@media (max-width: 768px) {
  .order-detail .header .place-on-container.isGuest {
    white-space: normal;
  }
}
.order-detail .header .orderButtonMobile {
  display: none;
}
@media (max-width: 767px) {
  .order-detail .header .orderButtonMobile {
    display: flex;
  }
}
.order-detail .header .reorder-container {
  margin-right: 23px;
}
.order-detail .header .reorder-container .reorder {
  cursor: pointer;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 1.63;
  color: black;
  text-decoration: underline;
}
.order-detail .header .cancel-container .btn_cancel {
  cursor: pointer;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 2.33;
  color: black;
  text-decoration: underline;
  margin-right: 15px;
}
.order-detail .header .qr-container {
  margin-left: auto;
}
@media (max-width: 768px) {
  .order-detail .header .qr-container {
    margin-left: initial;
  }
}
.order-detail .header .qr-container .btn_cancel {
  cursor: pointer;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 2.33;
  color: black;
  text-decoration: underline;
  margin-right: 15px;
}
.order-detail .header .reorder-container {
  cursor: pointer;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 2.33;
  color: black;
  text-decoration: underline;
  margin-right: 15px;
}
.order-detail .status-bubble {
  height: 35px;
  display: inline-block;
}
@media (max-width: 768px) {
  .order-detail .status-bubble {
    height: 28px;
  }
}
.order-detail .subtitle-container__title__discount {
  max-width: 75%;
}
.order-detail .divider {
  margin: unset;
  border: solid 1px #000000;
  background-color: #000;
}
.order-detail .shadow-button {
  width: 270px;
  height: 40px;
  max-height: initial;
  box-shadow: 3px 3px 0 0 #000;
  border: solid 1px rgba(0, 0, 0, 0.5);
  background-color: #fff;
}
.order-detail .shadow-button span {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.order-detail .shadow-button.delivery-order {
  width: 243px;
  height: 40px;
}
@media (min-width: 768px) {
  .order-detail .shadow-button.delivery-order {
    padding: 6px 32px;
    margin: 15px 0px 20px 15px !important;
  }
}
@media (max-width: 1024px) {
  .order-detail .shadow-button.delivery-order {
    margin: 15px 0px 20px 15px !important;
  }
}
@media (max-width: 768px) {
  .order-detail .shadow-button.delivery-order {
    width: 270px !important;
    padding: 0 24px !important;
    max-width: 100%;
    margin: 20px 3px 15px 15px !important;
  }
}
@media (max-width: 576px) {
  .order-detail .shadow-button.delivery-order {
    width: 100% !important;
    padding: 0 0 !important;
    margin: 20px 0 15px 0 !important;
  }
}
@media (max-width: 768px) {
  .order-detail .shadow-button {
    padding: 0 0 !important;
    width: 100%;
    margin: 7.5px 0;
  }
}
.order-detail .address-wrapper > strong {
  font-size: 14px;
  font-weight: bold;
}
.order-detail .address-wrapper strong {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  display: block;
}
@media (max-width: 768px) {
  .order-detail .address-wrapper strong {
    margin: 0 0 5px 0;
    line-height: 2;
  }
}
.order-detail .address-wrapper .address-info {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000;
  word-break: break-all;
}
.order-detail .address-wrapper .address-info .right-info {
  text-align: right;
}
.order-detail .address-wrapper .address-info span {
  font-weight: 600;
}
@media (max-width: 768px) {
  .order-detail .address-wrapper .address-info {
    font-size: 14px;
    line-height: 2.33;
  }
  .order-detail .address-wrapper .address-info .right-info {
    text-align: left;
  }
}
@media (max-width: 768px) {
  .order-detail .item .header .estimate-wrapper {
    justify-content: flex-start;
    padding: 0;
  }
  .order-detail .item .header .delivery-order {
    display: flex;
    justify-content: center !important;
    align-items: center;
  }
  .order-detail .item .header .tracking-row {
    justify-content: flex-start;
    text-align: start;
    display: block;
    margin-right: 0px !important;
  }
}
@media (min-width: 768px) {
  .order-detail .item .header .tracking-row {
    text-align: right;
    display: block;
  }
  .order-detail .item .header .tracking-row.left {
    text-align: left;
  }
}
@media (max-width: 820px) {
  .order-detail .item .header .tracking-row {
    margin-right: 15px;
  }
}
.order-detail .item .header .title {
  margin: 40px 0 16px 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  display: inline-block;
}
@media (max-width: 768px) {
  .order-detail .item .header .title {
    margin: 20px 0 11px 0;
  }
}
.order-detail .item .header .title.custom-margin {
  margin: 0 10px 0 0 !important;
}
.order-detail .item .header .title.isGuest {
  margin: 20px 0 16px 0;
}
.order-detail .item .header .supplier-name {
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
.order-detail .item .header .title-guest {
  margin: 20px 0 16px 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  display: inline-block;
}
@media (max-width: 768px) {
  .order-detail .item .header .title-guest {
    margin: 20px 0 11px 0;
  }
}
.order-detail .item .header .collect {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: black;
}
.order-detail .item .header .tracking {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
  text-decoration: underline;
}
.order-detail .item .header .estimate span {
  display: inline;
  font-weight: bold;
  color: black;
}
.order-detail .item .steps {
  max-width: 830px;
  margin: 10px auto 10px;
}
@media (min-width: 768px) {
  .order-detail .item .steps {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .order-detail .item .steps.is-delivery-order {
    margin-top: 15px !important;
  }
}
.order-detail .item .steps .ant-steps .ant-steps-item-tail {
  padding: 4.5px 23px;
}
.order-detail .item .steps .ant-steps .ant-steps-item-title {
  line-height: normal;
  font-size: initial;
  color: #a1a1a1;
}
.order-detail .item .steps .ant-steps .ant-steps-item-content {
  margin-top: 0;
}
.order-detail .item .steps .ant-steps .ant-steps-item-tail::after {
  width: 130px;
  height: 2px;
  background-color: #cacaca;
}
.order-detail .item .steps .ant-steps .step-label {
  margin: 13px 0 13px 0;
  display: block;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .order-detail .item .steps .ant-steps .step-label {
    line-height: 1.71;
  }
}
.order-detail .item .steps .ant-steps .ant-steps-item-wait .step-label {
  font-weight: 400;
}
.order-detail .item .steps .ant-steps .date-text {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0;
  color: #000000;
  color: #151515;
}
.order-detail .item .steps .ant-steps .ant-steps-item-description {
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.order-detail .item .steps .ant-steps .text-overflow-wrapper .ant-steps-item-description,
.order-detail .item .steps .ant-steps .text-overflow-wrapper .ant-steps-item-title {
  margin-left: -100%;
  margin-right: -100%;
  text-align: center;
}
.order-detail .item .steps .ant-steps .ant-steps-item.ant-steps-item-finish .step-label {
  color: #000;
}
.order-detail .item .steps .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-tail::after {
  background-color: #000;
}
.order-detail .item .steps .ant-steps .ant-steps-item.ant-steps-item-finish.ant-steps-item-active .ant-steps-item-tail::after {
  background-color: #000;
}
.order-detail .item .steps .ant-steps .ant-steps-item.ant-steps-item-process .step-label {
  color: #000;
}
.order-detail .item .steps .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-tail::after {
  background-color: #000;
}
@media (max-width: 768px) {
  .order-detail .item .steps .ant-steps .ant-steps-item.ant-steps-item-process .ant-steps-item-icon::after {
    background-color: #000;
  }
}
.order-detail .item .line-items .divider {
  border-top: solid 1px black;
  opacity: 0.5;
}
.order-detail .item .line-items > div:first-child .item {
  border-top: none;
}
.order-detail .item .line-items .item {
  padding: 20px 0 0 10px;
  width: 100%;
  border-top: solid 1px rgba(0, 0, 0, 0.5);
}
.order-detail .item .line-items .item.odd {
  background-color: #fbfbfb;
}
.order-detail .item .line-items .item.even {
  background-color: white;
}
.order-detail .item .line-items .item .image-container {
  margin-right: 20px;
}
.order-detail .item .line-items .item .image-container .image {
  width: 75px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}
.order-detail .item .line-items .item .options-container {
  display: flex;
  justify-content: flex-end;
}
.order-detail .item .line-items .item .options-container .review-container .review {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: 0;
  color: #000000;
  color: black;
  text-decoration: underline;
}
.order-detail .item .line-items .item .options-container .return-container .return {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: 0;
  color: #000000;
  color: black;
  text-decoration: underline;
}
.order-detail .item .line-items .item .central-content {
  flex: 1;
}
.order-detail .item .line-items .item .central-content .detail.warranty-row {
  margin-top: 15px;
}
@media (max-width: 576px) {
  .order-detail .item .line-items .item .central-content .detail.warranty-row {
    margin-top: 0px;
  }
}
.order-detail .item .line-items .item .central-content .detail .product-detail-container {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  padding-right: 10px;
}
.order-detail .item .line-items .item .central-content .detail .product-detail-container .name {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
  color: black;
  margin-bottom: 4px;
  min-width: 10px;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .order-detail .item .line-items .item .central-content .detail .product-detail-container .name {
    line-height: 2.2;
    font-size: 12px;
  }
}
.order-detail .item .line-items .item .central-content .detail .product-detail-container .variant {
  margin-top: 10px;
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
}
.order-detail .item .line-items .item .central-content .detail .product-detail-container .extend-product-link {
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .order-detail .item .line-items .item .central-content .detail .product-detail-container .extend-product-link {
    font-size: 12px;
  }
}
.order-detail .item .line-items .item .central-content .detail .subtotal-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.order-detail .item .line-items .item .central-content .detail .subtotal-container .grand-total {
  font-size: 14px;
  font-weight: 600;
  color: black;
}
@media (max-width: 768px) {
  .order-detail .item .line-items .item .central-content .detail .subtotal-container .grand-total {
    font-size: 14px !important;
  }
}
.order-detail .item .line-items .item .central-content .detail .subtotal-container .grand-total.sub-discount {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ff0000;
}
.order-detail .item .line-items .item .central-content .detail .subtotal-container .discount {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ababab;
  text-decoration: line-through;
}
.order-detail .item .line-items .item .central-content .detail .quantity-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.order-detail .item .line-items .item .central-content .detail .quantity-container .quantity {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: black;
}
.order-detail .item .line-items .item .central-content .detail .grand-total-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.order-detail .item .line-items .item .central-content .detail .grand-total-container .grand-total {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.order-detail .item .line-items .item .central-content .summary {
  margin-top: 12px;
  margin-right: 172px;
}
.order-detail .item .line-items .item .central-content .summary.no-variant {
  margin-top: 30px;
}
.order-detail .item .line-items .item .central-content .summary .extra-points {
  box-shadow: 2px 2px 0 0 #00ff91;
  border: solid 0.5px black;
  background-color: #eeeeee;
  transform: skew(-25deg);
  padding: 2.5px 20px;
  margin-left: 4px;
}
.order-detail .item .line-items .item .central-content .summary .extra-points .text {
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #151515;
  transform: skew(25deg);
}
.order-detail .item .line-items .item .central-content .summary .grand-total {
  letter-spacing: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
}
.order-detail .item .line-items .item .central-content .additional {
  margin-top: 20px;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container {
  flex-wrap: nowrap;
  margin-bottom: 5px;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container .icon-container {
  margin-right: 10px;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container .icon-container .icon {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 11.5px;
  box-shadow: 2px 2px 0 0 black;
  border: solid 0.5px black;
  background-color: #fbfbfb;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container .icon-container .icon svg {
  width: 12px;
  height: 12px;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container .detail-container {
  display: block;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container .detail-container span {
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container .detail-container strong {
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container .detail-container .title {
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
  display: flex;
  align-items: center;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container .detail-container .description {
  margin-top: 2px;
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #151515;
}
.order-detail .item .line-items .item .central-content .additional .description-container .sub-container:last-child {
  margin-bottom: 0px;
}
.order-detail .item .line-items .description-container {
  padding-left: 106px;
}
.order-detail .item .line-items .description-container .sub-container .detail-container strong {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: 0;
  color: #000000;
  word-break: break-all;
}
.order-detail .item .line-items .description-container .sub-container .detail-container span {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: 0;
  color: #000000;
  word-break: break-all;
}
.order-detail .total-summary {
  border-radius: 2px;
  box-shadow: 2px 2px 0 0 black;
  border: solid 0.5px black;
  background-color: #fbfbfb;
  padding: 30px !important;
  margin-bottom: 100px;
}
.order-detail .total-summary.mt-25 {
  margin-top: 25px;
}
.order-detail .total-summary .ant-divider-horizontal {
  border-bottom: solid 0.5px #000000;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .order-detail .total-summary .ant-divider-horizontal {
    margin: 20px 0 25px;
  }
}
.order-detail .total-summary .title-container .title {
  display: block;
  margin: 0 0 15px 0;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
@media (max-width: 768px) {
  .order-detail .total-summary .title-container .title {
    margin: 0 0 15px 0;
    font-size: 18px;
  }
  .order-detail .total-summary .title-container .title.margin-top {
    margin-top: 26px;
  }
}
.order-detail .total-summary .txt-s {
  max-width: 65%;
}
.order-detail .total-summary .subtitle-container.margin-top {
  margin-top: 14px !important;
}
@media (max-width: 768px) {
  .order-detail .total-summary .subtitle-container.margin-top {
    margin-top: 18.8px !important;
  }
}
.order-detail .total-summary .subtitle-container.margin-bottom {
  margin-bottom: 15px !important;
}
@media (max-width: 768px) {
  .order-detail .total-summary .subtitle-container.margin-bottom {
    margin-bottom: 15.2px !important;
  }
}
.order-detail .total-summary .subtitle-container .subtitle {
  display: block;
  margin: 0 0 10px 0;
  font-size: 16px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
@media (max-width: 768px) {
  .order-detail .total-summary .subtitle-container .subtitle {
    font-size: 16px !important;
  }
}
.order-detail .total-summary .subtitle-container .subtitle.m-point-title {
  display: initial;
  font-size: 14px !important;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
@media (max-width: 768px) {
  .order-detail .total-summary .subtitle-container .subtitle.m-point-title {
    font-size: 12px !important;
  }
}
@media (max-width: 768px) {
  .order-detail .total-summary .subtitle-container .subtitle {
    margin: 0 0 11px 0;
  }
}
.order-detail .total-summary .subtitle-container .subtitle.minus-margin {
  margin-bottom: 4px !important;
}
@media (max-width: 768px) {
  .order-detail .total-summary .subtitle-container .subtitle.minus-margin {
    margin-bottom: 8px !important;
  }
}
.order-detail .total-summary .subtitle-container .subtitle:no-margin {
  margin-bottom: 0px !important;
}
.order-detail .total-summary .subtitle-container .subtitle.has-margin {
  margin-top: 30px !important;
}
.order-detail .total-summary .content-container {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.order-detail .total-summary .content-container span {
  margin: 2px 0 0 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000000;
}
.order-detail .total-summary .address-info {
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
}
.order-detail .total-summary .address-info strong {
  font-weight: 500;
}
.order-detail .total-summary .qrcode_number {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
}
.order-detail .total-summary .qrcode_number strong {
  font-weight: 500;
}
.order-detail .total-summary .note-wrapper {
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  line-height: 2;
  position: absolute;
  bottom: 0;
  padding: 0px;
  background-color: #fbfbfb;
  border: none;
  height: auto;
  margin-bottom: 0px;
}
.order-detail .total-summary .note-wrapper a {
  text-decoration: underline;
}
.order-detail .total-summary .subtitle__payment__info span.subtitle {
  display: block;
  margin: 40px 0 10px;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
@media (max-width: 768px) {
  .order-detail .total-summary .subtitle__payment__info span.subtitle {
    margin: 16px 0 11px 0;
    font-size: 16px;
  }
}
.order-detail .total-summary .content-container .content {
  display: block;
  margin: 10px 0 0 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
}
@media (max-width: 768px) {
  .order-detail .total-summary .content-container .content {
    margin: 11px 0 26px 0;
  }
}
.order-detail .total-summary .total-summary--left {
  margin-right: 45px;
}
.order-detail .total-summary .total-summary--left .title-container .title {
  font-size: 18px;
  font-weight: 600;
}
.order-detail .total-summary .total-summary--left .subtitle-container .subtitle {
  font-size: 16px;
  font-weight: 600;
}
.order-detail .total-summary .total-summary--left .subtitle__payment__info span.subtitle {
  font-size: 18px;
}
@media (max-width: 768px) {
  .order-detail .total-summary .total-summary--left .subtitle__payment__info span.subtitle {
    font-size: 16px;
  }
}
.supplier-info-modal .modal-body-container {
  padding-top: 10px;
}
@media (max-width: 575.98px) {
  .supplier-info-modal .modal-body-container {
    padding-top: 0;
  }
}
.steps-dot {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #cacaca;
}
.steps-dot svg {
  color: #cacaca;
}
.steps-dot span {
  font-size: 16px;
}
.steps-dot.finish svg {
  color: #ffffff;
}
.steps-dot.process {
  background-color: black;
}
.steps-dot.process span {
  color: #ffffff;
}
.steps-dot.wait {
  background-color: #cacaca;
}
.steps-dot.wait span {
  color: #cacaca;
}
.steps-dot.canceled {
  background-color: #ff0000 !important;
}
.steps-dot.canceled svg {
  color: white;
}
.steps-dot-canceled {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ff0000;
}
.steps-dot-canceled span {
  font-size: 16px;
}
.steps-dot-canceled.finish svg {
  color: #ffffff;
}
.steps-dot-canceled.process {
  background-color: #ff0000;
}
.steps-dot-canceled.process span {
  color: #ffffff;
}
.steps-dot-canceled.wait {
  background-color: #cacaca;
}
.steps-dot-canceled.wait span {
  color: #cacaca;
}
.order-detail .order__price,
.order-detail .currency-symbol {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
}
.order-detail .header .place-on-container .place-on {
  letter-spacing: -1px;
}
.order__desktop {
  display: none;
}
@media screen and (min-width: 320px) {
  .order-detail .header .order-number-container {
    text-align: initial;
  }
  .order-detail .header .order-number-container .order-number .ant-typography {
    font-size: 14px !important;
  }
  .order-detail .order__price {
    font-size: 14px;
  }
  .order-detail .currency-symbol {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .order-detail .item .steps {
    margin-top: 0;
  }
}
.order-detail .order__mobile {
  text-align: end;
}
.order-detail .order__mobile .cancel-container {
  margin-right: 0 !important;
}
@media screen and (min-width: 768px) {
  .order-detail .header .order-number-container .order-number {
    font-size: 20px;
  }
  .order-detail .header .place-on-container {
    display: initial;
  }
  .order-detail .header .place-on-container .place-on {
    font-size: 16px;
    font-weight: 600;
  }
  .order-detail .header.more2 span.order-number.order__desktop {
    display: block !important;
    text-align: left !important;
  }
  .order-detail .order__mobile {
    display: none;
  }
  .order-detail .order__desktop {
    display: initial;
    text-align: right;
  }
  .order-detail .order__desktop .cancel-container {
    margin-right: 7px;
  }
  .order-detail .order-header-right {
    display: flex;
    justify-content: flex-end;
  }
  .order-detail .order-header-right * {
    white-space: nowrap;
  }
  .order-detail .header .place-on-container .place-on {
    letter-spacing: normal;
  }
  .order-detail-Skeleton-input {
    width: 400px;
  }
}
.note-order-wrapper {
  margin-top: 20px;
  margin: 11px 0 0 0;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: normal;
  color: #000000;
  text-align: initial;
}
.note-order-wrapper strong {
  font-weight: bold;
}
.note-order-wrapper > div:last-child {
  margin-top: 15px;
}
@media (max-width: 768px) {
  .note-order-wrapper {
    margin: 24px 0 0 0;
  }
}
.order__detail__wrapper .order-detail .ant-row.line-items .ant-col.ant-col-24:not(:last-child) {
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .product-detail-container {
    margin-top: 10px;
  }
  .order__detail__wrapper .order-detail .ant-row.line-items .ant-col.ant-col-24:not(:last-child) {
    margin-bottom: 22px;
  }
  .order__detail__wrapper .order-detail .steps .ant-steps-item-title {
    padding-right: 12px;
  }
  .order-detail .order__mobile {
    text-align: end;
  }
  .order-detail .order__mobile > div {
    flex-wrap: nowrap;
  }
  .order-detail .order__mobile .status-bubble {
    white-space: nowrap;
    overflow: hidden;
  }
  .status-bubble {
    padding: 7px 10px !important;
    font-size: 10px !important;
    height: 28px;
    min-height: 30px;
  }
  .order-detail .ant-steps {
    flex-direction: column;
  }
  .order-detail .ant-steps .ant-steps-item:not(:last-child) {
    padding: 0 !important;
  }
  .order-detail .ant-steps .ant-steps-item:not(:last-child) .ant-steps-item-icon {
    position: relative;
  }
  .order-detail .ant-steps .ant-steps-item:not(:last-child) .ant-steps-item-icon::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 9px;
    background-color: #cacaca;
    bottom: -15px;
    left: calc(50% - 1.5px);
  }
  .order-detail .ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon::after {
    background-color: #000;
  }
  .order-detail .ant-steps .ant-steps-item-tail {
    display: none !important;
  }
  .order-detail .ant-steps .ant-steps-item-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .order-detail .ant-steps .ant-steps-item-container .ant-steps-item-icon,
  .order-detail .ant-steps .ant-steps-item-container .ant-steps-item-content {
    margin: 0 !important;
  }
  .order-detail .ant-steps .ant-steps-item-container .ant-steps-item-content {
    padding-left: 8px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .order-detail .ant-steps .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title,
  .order-detail .ant-steps .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
    margin: 0 !important;
    padding-bottom: 1px;
  }
  .order-detail .item .line-items .item {
    padding: 0;
  }
  .order-detail .item .line-items .item .image-container {
    margin-right: 9.8px;
  }
  .order-detail .item .line-items .item .image-container .image {
    width: 52.2px;
    height: 70px;
  }
  .order-detail .item .line-items .item .product-detail__option {
    margin: 15px 0;
  }
  .order-detail .item .line-items .description-container {
    padding-left: 60px;
  }
  .order-detail .note-order-wrapper.order__mobile {
    text-align: initial;
    position: initial !important;
    margin-top: 25px;
  }
  .order-detail .total-summary {
    padding: 34px 20px 20px;
    margin-bottom: 40px;
  }
  .order-detail .item .address-wrapper > strong {
    font-size: 14px;
  }
  .order-detail .total-summary {
    padding: 20px !important;
  }
  .order-detail .total-summary .subtitle-container .subtitle {
    font-size: 16px;
  }
  .order-detail .total-summary .subtitle-container .subtitle.fmb14 {
    font-size: 14px;
  }
  .order-detail-Skeleton-input {
    width: 200px;
  }
}
@media screen and (max-width: 576px) {
  .product-detail-container {
    padding-right: 0px !important;
  }
  .product-detail-container .mobile-warranty-name-container {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.header-total-price--hide {
  display: none;
}
.cancle-tail-status .ant-steps-item-container .ant-steps-item-tail::after {
  background-color: #cacaca !important;
}
.cancle-tail-status .ant-steps-item-container .ant-steps-item-title .step-label.text-no-active {
  color: #a1a1a1 !important;
  font-weight: normal;
}
@media (max-width: 768px) {
  .cancle-tail-status .ant-steps-item-container .ant-steps-item-icon::after {
    background-color: #cacaca !important;
  }
}
.text-no-active {
  color: #a1a1a1 !important;
  font-weight: normal !important;
}
.guest_order_number {
  white-space: nowrap;
}
.render_qr_desktop {
  margin-top: 5px;
}
.status {
  text-align: right;
}
.shipment-items {
  text-align: right;
}
@media (max-width: 768px) {
  .shipment-items {
    margin-right: 0px !important;
  }
}
.shipping_title {
  margin: 20px 0px 16px 0 !important;
}
@media (min-width: 769px) {
  .shipping_title {
    max-width: 100%;
    flex: 1;
  }
}
@media (min-width: 769px) {
  .btnPrintDeliveryWrap {
    max-width: 243px;
    flex: 0 0 243px;
    margin: 0 0 0 15px;
  }
}
@media (min-width: 769px) {
  .order-detail-title {
    font-size: 24px !important;
    font-weight: 500;
    line-height: 30px;
  }
}
@media (max-width: 769px) {
  .order-detail-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
}
.order-detail-box-title {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.line-end-items {
  border-bottom: solid 1px rgba(0, 0, 0, 0.5) !important;
  width: 100%;
  height: 1px;
}
.buton-collectr-box {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
  padding-top: 40px;
}
.collect-point-name {
  font-weight: 400 !important;
  margin-left: 5px;
  max-width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
  height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  .collect-point-name {
    height: 32px;
  }
}
.location-desc-root {
  margin-top: 21px !important;
}
@media (max-width: 767px) {
  .location-desc-root {
    margin-top: 10px !important;
  }
}
.collect-order-detail-modal .collect-order-detail-main {
  max-height: 500px;
  overflow: auto;
}
@media (min-width: 769px) {
  .collect-order-detail-modal .ant-modal-body hr {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 769px) {
  .collect-order-detail-modal .ant-modal-body hr {
    margin-bottom: 20px !important;
  }
}
.collect-order-detail-modal .text-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.collect-order-detail-modal .text-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.collect-order-detail-modal .text-location {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.collect-order-detail-modal .title-collapse {
  background-color: #f7f7f7;
  padding: 20px !important;
  margin-top: 20px;
  cursor: pointer;
}
.collect-order-detail-modal .title-collapse .image {
  width: 50px;
  height: 50px;
}
.collect-order-detail-modal .title-collapse .panel-content {
  flex: 1;
  align-items: center;
  padding-left: 20px;
  justify-content: space-between;
}
.collect-order-detail-modal .collect-bar-code {
  width: 100%;
  height: 90px;
}
.collect-order-detail-modal .image-content {
  width: 100%;
  height: auto;
  background-color: #ffffff;
}
.collect-order-detail-modal .content-point {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #f7f7f7;
}
.collect-order-detail-modal .content-point .content-point-box {
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0px !important;
}
.collect-order-detail-modal .content-point .text-pin-code {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.collect-order-detail-modal .content-point .text-point {
  font-size: 36px;
  font-weight: 700;
  line-height: 54px;
  color: #6805ff;
}
.collect-order-detail-modal .content-locker {
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (min-width: 769px) {
  .collect-order-detail-modal .content-locker .bar-code {
    height: 90px;
  }
}
@media (max-width: 769px) {
  .collect-order-detail-modal .content-locker .bar-code {
    height: 60px;
  }
}
@media (max-width: 768px) {
  .collect-order-detail-modal .collect-order-detail-main {
    max-height: unset;
  }
  .collect-order-detail-modal div.ant-modal-content {
    max-height: unset;
  }
}
.order-header-wrapper {
  margin-top: 25px;
}
@media (max-width: 485px) {
  .order-header-wrapper {
    margin-top: 15px;
  }
}
.widget-catalog-product-link-block a,
.widget-catalog-product-link-inline a,
.widget-catalog-category-link-block a,
.widget-catalog-category-link-inline a,
.widget-cms-page-link-block a,
.widget-cms-page-link-inline a,
.widget-catalog-product-link-block a:hover,
.widget-catalog-product-link-inline a:hover,
.widget-catalog-category-link-block a:hover,
.widget-catalog-category-link-inline a:hover,
.widget-cms-page-link-block a:hover,
.widget-cms-page-link-inline a:hover {
  color: #1979c3;
}
.widget-catalog-new-products-list .ant-card-bordered {
  border: none;
}
.widget-catalog-new-products-list .product-item-photo {
  position: relative;
}
.widget-catalog-new-products-list .discount-percent-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #f5222d;
  color: white;
  padding: 2px 5px;
}
.widget-catalog-new-products-list .f-300:hover {
  text-decoration: underline;
}
.widget-catalog-new-products-list .add_to_cart_btn {
  z-index: 2;
  background-color: #dc433b;
  border-radius: 40px;
  color: #fff;
  padding: 5px 25px;
  text-decoration: none;
  box-shadow: 0 3px 5px 0 #b0271d;
}
.widget-catalog-new-products-list .new-products-grid {
  width: 100%;
}
.widget-catalog-new-products-list .new-products-grid .skeleton {
  width: 100%;
  height: 250px;
}
.widget-catalog-new-products-list .new-products-list .product-item-info {
  margin-bottom: 10px;
}
.widget-catalog-new-products-list .new-products-list .product-item-info .skeleton {
  width: 100%;
  height: 300px;
}
.widget-catalog-new-products-list .new-products-list .product-item-info .product-item-photo {
  position: relative;
  padding: 0 30px 30px 0;
}
.widget-catalog-new-products-list .new-products-list .product-item-info .product-item-photo .discount-percent-tag {
  font-size: 18px;
  line-height: 20px;
}
.widget-catalog-new-products-list .new-products-list .product-item-info .product-item-details {
  text-align: left;
}
.widget-catalog-new-products-list .new-products-list .product-item-info .product-item-details .add_to_cart_btn {
  margin-top: 15px;
}
.widget-catalog-new-products-list .new-products-list .product-item-info .product-item-details .short_description {
  margin-top: 20px;
}
.widget-catalog-new-products-list .new-products-default .product-item-info {
  margin-bottom: 10px;
}
.widget-catalog-new-products-list .new-products-default .product-item-info .skeleton {
  width: 100px;
  height: 100px;
}
.widget-catalog-new-products-list .new-products-default .product-item-info .product-item-photo {
  position: relative;
}
.widget-catalog-new-products-list .new-products-default .product-item-info .product-item-photo a img {
  height: 100px;
  width: auto;
}
.widget-catalog-new-products-list .new-products-default .product-item-info .product-item-photo .discount-percent-tag {
  top: 2px;
  left: 2px;
  font-size: 14px;
  line-height: 16px;
}
.widget-catalog-new-products-list .new-products-default .product-item-info .product-item-details .f-300:hover {
  text-decoration: underline;
}
.widget-catalog-new-products-list .new-products-default .product-item-info .product-item-details .add_to_cart_btn {
  border-radius: 20px;
  font-size: 20px;
  color: #fff;
  padding: 5px 20px;
  box-shadow: 0 2px 4px 0 #b0271d;
}
.widget-catalog-new-products-list .new-products-default .product-item-info .product-item-details .out_stock {
  font-size: 20px;
}
.widget-catalog-new-products-list .new-products-images {
  text-align: left;
}
.widget-catalog-new-products-list .new-products-images .skeleton {
  width: 100px;
  height: 100px;
}
.widget-catalog-new-products-list .new-products-images img {
  height: 100px;
  width: auto;
}
.widget-catalog-new-products-list .new-products-names {
  text-align: left;
}
.widget-catalog-new-products-list .new-products-names div.product-name {
  height: auto;
}
.widget-catalog-new-products-list .ant-pagination.mini {
  margin-top: 10px;
}
.button-slide-item {
  text-decoration: none;
  background-image: none;
  background: #858586c2;
  border: 1px solid #0f0f0f;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  margin: 20px 0 20px 0;
  padding: 7px 15px !important;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 2.2rem;
  padding: 14px 17px;
  font-size: 1.8rem;
  border-radius: 3px;
  box-shadow: none;
  height: 50px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #cc0d0ded;
  opacity: 1;
}
.btn-carousel {
  color: #a09e9e36;
  background: #84818108;
  border-color: #dc433b;
  text-shadow: 0 -1px 0 rgb(0 0 0%);
  box-shadow: 0 2px 0 rgb(64 63 21%);
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 100%;
  height: 4px;
  padding: 0;
  color: #cc0d0ded;
  font-size: 0;
  background: #f30202;
  border: 0;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.slide-banner-card-desktop {
  display: none !important;
}
@media (min-width: 1400px) {
  .slide-banner-card-desktop {
    display: initial !important;
  }
}
.slide-banner-card-mobile {
  display: none !important;
}
@media (max-width: 1400px) {
  .slide-banner-card-mobile {
    display: initial !important;
  }
}
.slide-banner-row {
  z-index: 2;
  position: relative;
  overflow: hidden;
}
.slide-banner-row .slide-banner-card {
  background-color: transparent;
  z-index: 2;
}
.slide-banner-row .slide-banner-image .ant-card-body {
  padding: 0 !important;
}
.slide-banner-row .slide-banner-card-desktop {
  display: none !important;
}
@media (min-width: 1400px) {
  .slide-banner-row .slide-banner-card-desktop {
    display: initial !important;
  }
}
.slide-banner-row .slide-banner-card-mobile {
  display: none !important;
}
@media (max-width: 1400px) {
  .slide-banner-row .slide-banner-card-mobile {
    display: initial !important;
  }
}
.slide-banner-row .slide-banner-card1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -100;
  background-color: transparent;
}
.slide-banner-row .slide-banner-card1 .ant-card-body {
  background-position: 50% 50%;
}
.slide-banner-row .slide-banner-card1 .ant-card-body iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 1256px;
  height: 1106.5px;
  max-width: none;
  max-height: none;
  margin: -377.75px 0px 0px;
  z-index: -1;
  transform: translate3d(0px, 74.5px, 0px);
  visibility: visible;
}
.ant-carousel .slick-slider {
  display: flex;
}
.ant-carousel .slick-list {
  flex: 1;
}
.slick-dots.slick-dots-bottom {
  position: absolute !important;
}
.slide-brand-container.slick-slide div {
  width: 100%;
  height: 100%;
}
.ant-carousel .slick-track {
  height: 100%;
}
@media (max-width: 768px) {
  .custom-pagebuilder-group-block .pagebuilder-column-group {
    display: block !important;
  }
  .custom-pagebuilder-column-6 {
    width: 50% !important;
  }
  .custom-pagebuilder-column-4 {
    width: 25% !important;
  }
  .custom-pagebuilder-column-8 {
    width: 75% !important;
  }
}
.slide-banner-link {
  cursor: pointer;
}
.widget-container-iframe {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
  margin-bottom: 2rem;
}
.widget-responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.reset__password__wrapper.reset-noti .register-section .register-title {
  margin-bottom: 0 !important;
}
.reset__password__wrapper .footer-outer {
  padding-top: 0;
}
.reset__password__wrapper .new-password-form {
  background-color: white;
}
.reset__password__wrapper .form-new-password {
  max-width: 600px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .reset__password__wrapper .form-new-password {
    padding: 0 15px;
  }
}
.reset__password__wrapper .form-new-password .ant-input-suffix {
  margin: 0;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  padding-left: 5px;
  padding-right: 10px;
}
.reset__password__wrapper .form-new-password .ant-input-suffix img {
  width: 25px;
  height: 15px;
}
.reset__password__wrapper .form-new-password .ant-col.ant-form-item-control {
  flex-direction: column-reverse;
}
.reset__password__wrapper .form-new-password .ant-form-item-explain {
  min-height: initial;
  margin-bottom: 5px;
  position: relative;
  margin-top: 0;
}
.reset__password__wrapper .form-new-password .ant-form-item-explain span {
  font-size: 12px;
  display: block;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #ff0000;
}
.reset__password__wrapper .register-section .register-title {
  display: block;
  margin: 40px 0 40px 0;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .reset__password__wrapper .register-section .register-title {
    font-size: 20px;
    margin: 53px 0 42px;
    min-width: 165px;
    font-weight: 600;
    line-height: normal;
  }
}
.reset__password__wrapper .label {
  color: #000000;
}
.reset__password__wrapper label.label-float {
  color: #8e8e8e;
}
.reset__password__wrapper .message-error {
  font-size: 12px;
}
.reset__password__wrapper .reset__pw {
  margin-bottom: 15px !important;
}
@media (max-width: 768px) {
  .reset__password__wrapper .reset__pw {
    margin-bottom: 14px !important;
  }
}
.reset__password__wrapper .reset__pw span.ant-input-affix-wrapper.ant-input-password.default-input {
  padding: 9px 10px 13px 12px !important;
}
@media (max-width: 768px) {
  .reset__password__wrapper .reset__pw span.ant-input-affix-wrapper {
    margin-bottom: 8px !important;
  }
  .reset__password__wrapper .reset__pw span.ant-input-affix-wrapper + div {
    display: none;
  }
}
.reset__password__wrapper .reset__confirm__pw {
  margin-bottom: 20px !important;
}
@media (max-width: 768px) {
  .reset__password__wrapper .reset__confirm__pw {
    margin-bottom: 26px !important;
  }
}
.reset__password__wrapper .reset__confirm__pw span.ant-input-affix-wrapper.ant-input-password.default-input {
  padding: 11px 10px 3px 12px !important;
}
.reset__password__wrapper .float-input {
  padding-right: 10px !important;
}
@media (max-width: 768px) {
  .reset__password__wrapper .password-label .item {
    margin-right: 6%;
  }
  .reset__password__wrapper .password-label span {
    font-size: 10px;
  }
  .reset__password__wrapper .password-label .ant-row.item span.anticon {
    display: none;
    padding-top: 2px;
    padding-right: 7px;
  }
  .reset__password__wrapper .password-label .ant-row.item.active span.anticon {
    display: block;
  }
}
.reset__password__wrapper .login-page-resend-warning {
  margin: 20px 0;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reset__password__wrapper span.ant-input-affix-wrapper.ant-input-password {
  border: solid 0.5px rgba(0, 0, 0, 0.5);
}
.reset__password__wrapper .ant-form-item-has-error {
  padding-top: 0;
}
.reset__password__wrapper .ant-form-item-has-error span.ant-input-affix-wrapper.ant-input-password {
  border: solid 0.5px #ff0000 !important;
}
.reset__password__wrapper .ant-form-item-has-error .label {
  color: #ff0000;
}
@media screen and (max-width: 991px) {
  .reset__password__wrapper .login-page-resend-warning {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    text-align: center;
    color: #bb8b3e;
    margin-top: 22px;
  }
  .reset__password__wrapper .breadcrumb-auth span.breadcrumb-item {
    margin-right: 0px;
    padding-right: 19px;
  }
  .reset__password__wrapper .breadcrumb-auth span.breadcrumb-item:not(:first-child) {
    margin-left: 10px;
  }
  .reset__password__wrapper .breadcrumb-auth .breadcrumb-item::after {
    width: 9px;
  }
  .reset__password__wrapper .form-new-password {
    flex-grow: 1;
  }
  .reset__password__wrapper .form-new-password .message-error img.error-icon {
    display: none;
  }
  .reset__password__wrapper .form-new-password .ant-form-item > .ant-form-item-control {
    display: flex;
    flex-direction: column-reverse;
  }
  .reset__password__wrapper .form-new-password .ant-form-item > .ant-form-item-control .ant-form-item-explain {
    position: inherit;
    margin-top: 0px;
    display: flex;
    justify-content: flex-end;
    min-height: 0;
    white-space: unset;
  }
}
.reset__password__wrapper .ant-form-item-explain div {
  width: 100%;
  font-size: 12px;
  color: #f00;
  text-align: end;
}
.reset__password__wrapper .ant-form-item-explain div span {
  width: 100%;
}
.register__wrapper.register__wrapper .register__main.register__main .breadcrumb-item:after {
  width: 9px;
  height: 18px;
}
.btn-size-register {
  width: 100%;
  height: 44px;
}
.btn-size-register > .ant-typography {
  font-size: 14px;
  font-weight: 600;
}
.text-register-color {
  color: #fff !important;
  text-transform: uppercase;
}
.get-more {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.get-more .get-more-items .containerItem {
  width: 50%;
}
.get-more .ant-checkbox-wrapper {
  pointer-events: none;
}
.get-more .title {
  margin: 0 0 20px 0;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.get-more .title-get-more {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  color: #000000;
  margin: 0 0 0 10px;
}
.register-container-layout {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media (max-width: 768px) {
  .register-container-layout {
    width: 100%;
    padding: 0 15px;
  }
  .register-container-layout .display-status {
    padding: 0 0;
  }
}
.register-container-layout .sup-title-description {
  font-size: 12px;
  white-space: nowrap;
}
.register-container-layout .polices-container-option .ant-checkbox-input {
  width: 20px !important;
  height: 20px !important;
}
@media (max-width: 768px) {
  .register-container-layout .polices-container-option {
    margin-top: 0;
  }
}
.register-container-layout .resend {
  cursor: pointer;
}
.register-container-layout .resend > span {
  text-decoration: underline;
}
.register-container-layout .resend:hover {
  color: #000000;
  opacity: 0.8;
}
.register-container-layout .resend.disabled {
  display: none;
}
.register-container-layout .display-cool-down {
  margin: 40px 0 40px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .register-container-layout .display-cool-down {
    margin: 26px 0 18px;
  }
}
.register-container-layout .container-otp {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 17px;
  width: 100%;
}
@media (max-width: 768px) {
  .register-container-layout .container-otp {
    margin-top: 14px;
  }
}
.register-container-layout .container-otp input {
  width: 50px !important;
  max-width: 100%;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #979797;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  outline: none;
  border-radius: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .register-container-layout .container-otp input {
    width: 36px !important;
    height: 40px !important;
  }
}
.register-container-layout .container-otp input.active,
.register-container-layout .container-otp input:focus {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid black !important;
}
.register-container-layout .container-otp input:disabled,
.register-container-layout .container-otp input[disabled] {
  border-bottom: 2px #979797 solid;
  background-color: #ffffff;
}
.register-container-layout .container-otp input:disabled.active,
.register-container-layout .container-otp input[disabled].active {
  border-bottom: 2px black solid;
}
.register-container-layout form {
  width: 100%;
}
.register-container-layout .display-message-error {
  padding: 15px;
  border-radius: 2px;
  border: solid 0.5px #bb8b3e;
  background-color: #fcf9e6;
  width: 100%;
  margin: 0 0 20px;
  max-width: 600px;
}
.register-container-layout .display-message-error span {
  text-align: center;
  color: #bb8b3e;
  font-size: 12px;
}
.register-container-layout .display-message-error a {
  color: #bb8b3e;
  font-size: 12px;
}
.register-container-layout .register-title {
  text-align: center;
}
.register-container-layout .register-title .title {
  margin: 60px 0 40px 0;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .register-container-layout .register-title .title {
    margin: 65px 0 34px 0;
    font-size: 20px;
  }
  .register-container-layout .register-title .title u {
    text-decoration: unset;
  }
}
.register-container-layout .register-title.m_card .title {
  margin-bottom: 39px;
}
@media (max-width: 768px) {
  .register-container-layout .register-title.m_card .title {
    margin-bottom: 57px;
  }
}
.register-container-layout .sup-title {
  margin: 0 0 15px 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.m-checkbox {
  margin: 10px 0;
}
.col-offset-left {
  margin-left: 0 !important;
}
.title-btn {
  font-size: 16px !important;
  text-transform: uppercase;
}
.register-form-color {
  color: #2b2b2b !important;
  font-size: 14px !important;
}
.header-left-right {
  margin: 0 100px;
}
.box-verify > div {
  margin: 40px 0;
}
.box-otp-margin {
  margin-bottom: 35px;
}
.alert-otp {
  background: #fff2c8;
  padding: 20px 0;
  border: 1px solid #cc9933;
  color: #cc9933;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
}
.circle-number {
  display: flex;
  justify-content: center;
}
.circle-number input {
  border-radius: 50%;
  width: 50px !important;
  height: 50px;
  padding: 0;
  text-align: center;
  margin: 0 10px;
  border: 2px solid #cccccc;
  cursor: pointer;
  background: #ffffff;
}
.circle-number input:focus {
  color: transparent;
  outline-style: none !important;
  text-shadow: 0px 0px 0px #666;
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.otp-bottom-box {
  margin-bottom: 50px;
}
.btn-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: #f5f5f5 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  cursor: no-drop;
}
.box-danger .ant-checkbox-inner,
.box-danger:hover .ant-checkbox-inner {
  border-color: #f5222d;
  box-shadow: 1px 1px #f5222d;
}
.step-form .ant-select-open .ant-select-selector {
  border-color: #000000 !important;
  outline: 0;
  box-shadow: 0 0 0 0 #000000 !important;
}
.step-form .ant-picker {
  padding: 10px 12px 10px 11px;
}
.step-form .ant-select .ant-select-selector {
  padding: 10px 12px 10px 11px;
  padding-top: 6px;
  margin-top: 2px;
}
.highlight-1 div > div:nth-child(1) > input {
  border-color: #000000;
}
.highlight-2 div > div:nth-child(2) > input {
  border-color: #000000;
}
.highlight-3 div > div:nth-child(3) > input {
  border-color: #000000;
}
.highlight-4 div > div:nth-child(4) > input {
  border-color: #000000;
}
.highlight-5 div > div:nth-child(5) > input {
  border-color: #000000;
}
.highlight-6 div > div:nth-child(6) > input {
  border-color: #000000;
}
.text-left {
  text-align: left;
}
.verify-email-success {
  width: 100%;
  height: 50px;
  border-radius: 2px;
  border: 1px solid #000000;
  background-color: #000000;
  box-shadow: 4px 4px 0 0 #00ffc3;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  width: auto;
  box-shadow: 4px 4px 0 0 #6600ff;
  padding: 0px 51px;
  height: 50px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}
.verify-email-success:hover {
  background-color: #000000;
}
.verify-email-success:focus,
.verify-email-success:hover {
  border-color: #000000;
}
.password-label span {
  white-space: nowrap;
}
.password-label .item {
  margin-right: 3%;
}
.password-label .item.active span {
  color: #3fb02d;
}
.password-label span {
  font-size: 12px;
}
.box-verify-error {
  margin-top: -30px;
  display: grid;
  align-items: center;
  height: 400px;
}
.register-title.step2 {
  width: 100%;
  max-width: 600px;
}
.register-title.step2 .title {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .register-title.step2 {
    max-width: 600px;
    width: 100%;
  }
  .register-title.step2 .title {
    width: 100%;
    position: relative;
  }
  .register-title.step2 .required-mobile {
    position: absolute;
    right: 0;
    bottom: 7px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
  }
}
.box-input-register .step-1__register__wrap {
  max-width: 600px;
  margin: 0 auto;
}
.custom-getmore {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .custom-getmore {
    max-width: 320px;
    margin: 0 auto 16px auto;
  }
}
@media (min-width: 992px) {
  .custom-getmore {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .get-more .containerItem {
    width: 50%;
  }
  .get-more .title {
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
  }
  .register-container-layout form {
    width: 890px;
    max-width: 100%;
  }
  .register-container-layout .register-title .title {
    font-size: 26px;
    font-weight: 600;
  }
  .register-container-layout .register-title .title u {
    text-decoration: none;
  }
  .password-label .anticon svg {
    display: none;
    top: 3px;
    position: relative;
    margin-right: 10px;
  }
  .password-label .active .anticon svg {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .required-mobile {
    position: absolute;
    font-size: 12px;
    font-weight: normal;
    bottom: -18px;
    right: 0;
  }
  .register-page .radio-verify {
    margin-top: 20px;
  }
  .register-page .register-form-color {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
    display: block;
  }
  .register-page .box-policy {
    margin-top: 40px;
  }
  .register-page .ant-checkbox + span {
    font-size: 12px;
  }
  .register-page .password-label .item {
    align-items: center;
  }
  .register-page .password-label .item span.anticon {
    display: none;
    margin-right: 5px;
  }
  .register-page .password-label .item.active span.anticon {
    display: inline-block;
  }
  .register-page .message-error {
    display: flex;
    justify-content: center;
    font-size: 10px;
    line-height: 21px;
    align-items: center;
  }
  .register-page .message-error .error-icon {
    width: 15px;
    height: 15px;
  }
  .register-page .register-container-layout .register-sup-title .sup-title {
    line-height: 1.86;
    margin: 0 0 20px;
  }
  .register-page .register-container-layout .register-sup-title .sup-title.step-verify {
    text-align: center;
  }
  .register-page .register-container-layout .display-message-error {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .register-page .register-container-layout .display-message-error span {
    color: #bb8b3e;
    font-size: 12px;
    text-align: center;
    padding: 0;
  }
  .register-page .get-more .title {
    margin: 0px 0px 20px 0px;
    font-size: 14px;
    font-weight: 600;
  }
  .register-page .get-more .containerItem {
    flex-wrap: nowrap;
    width: 100%;
    padding-left: 35px;
    flex-direction: row;
  }
  .register-page .get-more .title-get-more {
    margin: 0 0 0 10px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    color: #000000;
    width: 86%;
    text-align: left;
  }
  .register-page .get-more .ant-checkbox-checked .ant-checkbox-inner::after {
    height: 17px;
    width: 8px;
    top: 22%;
  }
  .register-page .ant-input-affix-wrapper {
    max-height: 50px;
    transition: none !important;
  }
  .register-page .ant-input-affix-wrapper .ant-input {
    height: 100%;
  }
  .step-form .ant-input {
    padding-top: 19px !important;
    padding-bottom: 7px !important;
    line-height: 22px;
  }
  .step-form .ant-input-affix-wrapper .ant-input {
    padding-top: 10px !important;
  }
  .ant-picker {
    height: 50px;
  }
  .sup-title-custom {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
  }
  .register-status {
    width: 100%;
    padding: 0 9px;
  }
  .title-verify {
    font-size: 20px;
    font-weight: 600;
  }
  .verify-page {
    margin-top: 23px;
  }
  .text-verify {
    padding-top: 26px !important;
    padding-bottom: 23px !important;
    margin-bottom: 0;
  }
  .text-verify .ant-typography {
    line-height: 26px !important;
    margin-bottom: 0;
  }
  .verify-email-success {
    font-size: 14px !important;
    width: auto;
    max-width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 768px) and screen and (max-width: 768px) {
  .register-page .radio-verify label {
    justify-content: start;
  }
}
@media screen and (max-width: 320px) {
  .get-more-items .containerItem {
    padding-left: 0px !important;
  }
  .box-policy .custom-arrow-policy {
    right: 0;
  }
}
@media screen and (max-width: 375px) {
  .get-more-items .containerItem {
    padding-left: 0px !important;
  }
  .box-policy .custom-arrow-policy {
    right: 0;
  }
}
@media screen and (max-width: 414px) {
  .get-more-items .containerItem {
    padding-left: 5px !important;
  }
  .box-policy .custom-arrow-policy {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .register-container-layout {
    padding: 0 15px;
  }
  .register-page .register-status {
    padding: 0 9px;
  }
}
@media screen and (max-width: 380px) {
  .register-container-layout .register-title .title {
    font-size: 20px;
  }
}
.display-arrow-option {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .verify-email-content {
    margin-bottom: 0px;
  }
}
.verify-email-content p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  color: #000000;
  margin-bottom: 0px;
  padding: 0 16px;
  max-width: 581px;
}
.verify-email-content p span {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .verify-email-content p span {
    display: initial;
  }
}
@media screen and (max-width: 767px) {
  .verify-email-content p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.86;
  }
}
@media screen and (max-width: 376px) {
  .verify-email-content p {
    padding: 0 0px;
  }
}
.verify-email-content .ant-typography {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
  color: #000000;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .verify-email-content .ant-typography {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.86;
  }
}
.verify-email-content .ant-typography:hover {
  color: #000000;
  text-decoration: underline;
}
#banner_verified_register {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #banner_verified_register {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
#banner_verified_register .slide-banner-row {
  min-height: 100px;
}
@media (max-width: 768px) {
  .step-form.step-2 .box-policy.box-policy.box-policy .ant-checkbox-wrapper {
    white-space: initial !important;
    overflow: initial !important;
    text-overflow: initial !important;
    padding: 0 !important;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .step-form.step-2 .box-policy.box-policy.box-policy .ant-checkbox {
    position: relative;
    top: 2px;
  }
  .step-form.step-2 .text-left .ant-radio-wrapper {
    padding-left: 0 !important;
  }
}
.display-message-error.step-1,
.display-message-error.step-otp {
  max-width: 600px;
}
.display-message-error.step-1 span,
.display-message-error.step-otp span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #bb8b3e;
}
.step1.error .title,
.stepotp.error .title,
.step2.error .title {
  margin-bottom: 20px;
}
.display-message-error.step-2 {
  max-width: 600px;
  margin-bottom: 28px !important;
}
@media (min-width: 996px) {
  .display-message-error.step-1 span,
  .display-message-error.step-otp span {
    line-height: 2.33;
  }
  .display-message-error.step-otp {
    border: solid 1px #bb8b3e;
  }
}
@media (max-width: 768px) {
  .display-message-error.step-otp.display-message-error.step-otp {
    padding: 15px;
    margin: 0 auto 20px;
  }
}
.auth input.ant-input.ant-input-disabled {
  color: #000;
}
.register__date__picker .ant-picker-body {
  justify-content: initial !important;
}
.box-verify-err .err-head-icon {
  width: 87px;
  height: 87px;
  border-radius: 50%;
  background-color: #ff0000;
  position: relative;
  margin: 0 auto;
}
.box-verify-err .err-head-icon:before {
  content: "";
  width: 55%;
  height: 5px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  left: 50%;
}
.box-verify-err .err-head-icon:after {
  content: "";
  width: 55%;
  height: 5px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  left: 50%;
}
.box-verify-err .err-head-text {
  font-family: Montserrat;
  font-size: 26px;
  font-weight: 600;
  color: #000;
  margin-top: 15px;
}
.box-verify-err .err-content {
  margin-top: 40px;
}
.box-verify-err .err-content .err-txt-1 {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.box-verify-err .err-content .err-txt-2 {
  font-family: Montserrat;
  font-size: 14px;
  color: #000;
  margin-top: 15px;
}
.box-verify-err .err-content .err-txt-2 a {
  text-decoration: underline;
}
.register-page .ant-form-item-explain {
  font-size: 12px;
}
.register-page form .ant-form-item-control {
  flex-direction: column-reverse;
}
.register-page form .ant-form-item-control .ant-form-item-explain {
  position: static;
  margin: 0;
  white-space: normal;
  text-align: right;
}
.register-page form .ant-form-item-control .ant-form-item-explain .message-error {
  display: block;
}
.register-page form .ant-form-item-control .ant-form-item-explain .alert {
  text-align: right;
}
@media (max-width: 575px) {
  .box-verify-err .err-head-icon {
    width: 70px;
    height: 70px;
  }
  .box-verify-err .err-head-text {
    font-size: 24px;
  }
  .register-page .message-error {
    font-size: 12px;
  }
  .register-page .step-1 .message-error {
    font-size: 10px;
  }
  .register-page .step-2 .ant-form-item-explain {
    font-size: 12px;
  }
  .ant-picker-body {
    font-size: 18px !important;
  }
  .ant-picker-panel {
    width: 100% !important;
  }
}
.register-page {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .register-page {
    margin-top: 23px;
  }
}
.register-page .ant-form-item {
  margin: 0;
}
.register-page .ant-form-item-explain {
  min-height: initial;
}
.register-page .float-label .label {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  left: 10px !important;
  top: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
  width: 100%;
  text-align: left;
}
@media (max-width: 768px) {
  .register-page .float-label .label {
    line-height: 1.86;
    letter-spacing: -0.6px;
    opacity: 1;
    top: 13px;
  }
}
.register-page .float-label .label.label-float {
  top: 9px !important;
  opacity: 0.5;
}
@media (max-width: 768px) {
  .register-page .float-label .label.label-float {
    top: 7px !important;
  }
}
.register-page .step-form.step-1 .ant-input-affix-wrapper-disabled {
  margin: 0 0 26px 0;
}
.register-page .step1.register-title {
  margin-left: initial;
  margin-right: initial;
}
.register-page .step1.register-title .title {
  text-align: center;
}
.register-page .have-m-online {
  text-align: center;
}
.register-page .have-m-online span {
  margin: 40px 0 50px 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .register-page .have-m-online span {
    margin: 40px 0 40px 0;
  }
}
.register-page .step-form.step-otp .register-sup-title .sup-title.step-otp {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.register-page div#otp {
  max-width: 500px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .register-page div#otp {
    max-width: 365px;
  }
}
.register-page .btn__resend__otp__wrap button {
  height: initial;
  padding: 0;
  margin: 0;
}
.register-page .btn__resend__otp__wrap button:hover {
  background-color: transparent;
}
.register-page .btn__resend__otp__wrap button span {
  margin: 40px 0 40px 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .register-page .btn__resend__otp__wrap button span {
    margin: 26px 0 18px 0;
  }
}
.register-page .verifyNational__select {
  max-width: 100%;
}
.register-page .verifyNational__select .ant-form-item-control-input {
  min-height: initial;
}
.register-page .verifyNational__select #selectNationality {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 768px) {
  .register-page .verifyNational__select #selectNationality {
    display: inline;
    flex-direction: column;
  }
}
.register-page .verifyNational__select #selectNationality label {
  padding-left: 30px;
  padding-right: 30px;
  margin-right: 0;
}
@media (max-width: 768px) {
  .register-page .verifyNational__select #selectNationality label {
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.register-page .verifyNational__select #selectNationality label span.ant-radio + * {
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  color: #000000;
}
.register-page .step-form.step-verifyInfo {
  max-width: 600px;
  margin: 0 auto;
}
.register-page .step-form.step-verifyInfo .ant-form-item-has-error input.ant-input {
  border-color: #f5222d;
}
.register-page .step-form.step-verifyInfo .register-sup-title .sup-title.step-verify {
  margin: 0 0 10px;
}
@media (max-width: 768px) {
  .register-page .step-form.step-verifyInfo .register-sup-title .sup-title.step-verify {
    margin: 0;
    line-height: 26px;
  }
}
.register-page .step-form.step-2 {
  max-width: 600px;
  margin: 0 auto;
}
.register-page .step-form.step-2 .select__nationality {
  margin-bottom: 10px;
}
.register-page .step-form.step-2 .select__nationality #selectNationality {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .register-page .step-form.step-2 .select__nationality #selectNationality {
    flex-direction: column;
  }
}
.register-page .step-form.step-2 .select__nationality #selectNationality .ant-radio-wrapper:nth-child(1) {
  margin-right: 100px;
}
@media (max-width: 768px) {
  .register-page .step-form.step-2 .select__nationality #selectNationality .ant-radio-wrapper:nth-child(1) {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .register-page .step-form.step-2 .select__nationality {
    margin-bottom: 18px;
  }
}
.register-page .step-form.step-2 .float-label .label {
  opacity: 1;
  left: 12px !important;
}
.register-page .step-form.step-2 .float-label .label.label-float {
  color: #8e8e8e;
}
.register-page .step-form.step-2 .line-1 {
  border-bottom: solid 1px #dadada;
  margin: 10px 0;
}
.register-page .step-form.step-2 .step-2-mobile-number .float-label input.ant-input.float-input {
  padding: 26px 0 12px 12px !important;
}
.register-page .register__policy__wrap {
  width: 100%;
}
.register-page .register__policy__wrap .register-form-color {
  margin: 0 0 10px 0;
  font-size: 14px !important;
  display: block;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  color: #000000 !important;
}
@media (max-width: 768px) {
  .register-page .register__policy__wrap .register-form-color {
    margin: 20px 0 0 0;
  }
}
.register-page .register__policy__wrap .select__gender {
  margin: 10px 0 39px;
}
.register-page .register__policy__wrap .select__gender .ant-radio-group .ant-radio-wrapper:nth-child(1) {
  margin-right: 100px;
}
.register-page .register__policy__wrap .box-policy .ant-row.ant-row-middle .ant-checkbox + span {
  margin: 0px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
  padding: 0;
}
@media (max-width: 768px) {
  .register-page .register__policy__wrap .box-policy .ant-row.ant-row-middle .ant-checkbox + span {
    font-size: 12px;
    line-height: 1.93;
    margin: 0px;
  }
}
.register-page .register__policy__wrap .box-policy img {
  width: 10px;
  height: 16px;
  margin-left: 10px;
}
.register-page .register__policy__wrap .box-policy .polices-container-option .ant-checkbox + span {
  margin: 0 0 0 13px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  padding: 0;
  line-height: 2.14;
  letter-spacing: normal;
  color: #000000;
}
@media (max-width: 738px) {
  .register-page .register__policy__wrap .box-policy .polices-container-option .ant-checkbox + span {
    font-size: 12px;
    line-height: 2.5;
  }
}
.register-page .register__policy__wrap .box-policy .polices-container-option .ant-checkbox-wrapper:last-child {
  display: none;
}
.register-page .ant-form-item-control-input {
  min-height: initial;
}
.register-page .register-title.step3 .title {
  margin: 100px 0 20px 0;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .register-page .register-title.step3 .title {
    margin: 50px 0 26px 0;
    font-size: 20px;
    font-weight: 600;
  }
}
.register-page .step-form.step-3 .step-3__status {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin: 0 auto;
  height: 50px;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 2px;
}
.register-page .step-form.step-3 .step-3__status span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: center;
}
.register-page .step-form.step-3 .step-3__status.step-3__status--success {
  border: solid 1px #146b36;
  background-color: #e9fff1;
}
.register-page .step-form.step-3 .step-3__status.step-3__status--success span {
  color: #146b36;
}
.register-page .step-form.step-3 .step-3__status.step-3__status--fail {
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
}
.register-page .step-form.step-3 .step-3__status.step-3__status--fail span {
  color: #bb8b3e;
}
.register-page .step-form.step-3 .sup-title.step-3 {
  margin: 0;
  max-width: 581px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .register-page .step-form.step-3 .sup-title.step-3 {
    margin: 0;
    font-size: 14px;
    line-height: 1.86;
    max-width: 332px;
  }
}
.register-page .step-form.step-3 .btn__resend__verify__email {
  margin: 20px 0 100px 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .register-page .step-form.step-3 .btn__resend__verify__email {
    margin: 16px 0 50px;
  }
}
.step3__loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00000080;
}
.step3__loading div {
  border-radius: 0;
}
.step-form.step-otp,
.step-form.step-verifyInfo,
.step-form.step-2 {
  margin-bottom: 100px !important;
}
@media (max-width: 768px) {
  .step-form.step-otp,
  .step-form.step-verifyInfo,
  .step-form.step-2 {
    margin-bottom: 53px !important;
  }
}
.login-page-wrapper .login-page-main.verify-page {
  margin: 0 0 125px;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 768px) {
  .login-page-wrapper .login-page-main.verify-page {
    margin: 0 0 50px;
  }
}
.login-page-wrapper .login-page-main.verify-page .register-section span.ant-typography.register-title.title-verify {
  margin: 71px 0 50px 0;
  display: block;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .login-page-wrapper .login-page-main.verify-page .register-section span.ant-typography.register-title.title-verify {
    margin: 23px 0 26px 0;
    font-size: 20px;
  }
}
.login-page-wrapper .login-page-main.verify-page .verify-email-content .verify-email-success {
  width: 232px;
  height: 50px;
  margin: 0;
  padding: 0;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #6600ff;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #000000;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
.step-form.step-failure {
  max-width: 600px;
  margin: 0 auto 40px;
}
.policy-text-sub {
  font-size: 12px;
  line-height: 2;
  max-width: 500px;
}
.policy-text-sub.guest-address-form {
  max-width: 630px;
}
@media (max-width: 992px) {
  .policy-text-sub.guest-address-form {
    max-width: 94%;
  }
}
@media (max-width: 666px) {
  .policy-text-sub.guest-address-form {
    max-width: 91%;
  }
}
@media (max-width: 576px) {
  .policy-text-sub.guest-address-form {
    max-width: 85%;
  }
}
@media (max-width: 768px) {
  .policy-text-sub {
    max-width: 85%;
  }
}
.step-confirmOTP {
  margin-bottom: 100px;
}
.policy-link {
  font-size: 14px;
  margin-right: 10px;
}
.policy-link a {
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .policy-link {
    font-size: 14px;
    line-height: 1.93;
    max-width: 100%;
  }
}
@media only screen and (max-width: 470px) {
  .policy-link {
    font-size: 14px;
    line-height: 1.93;
    max-width: 275px;
  }
}
@media only screen and (max-width: 320px) {
  .policy-link {
    font-size: 14px;
    line-height: 1.93;
    max-width: 210px;
  }
}
@media only screen and (max-width: 300px) {
  .policy-link {
    font-size: 14px;
    line-height: 1.93;
    max-width: 180px;
  }
}
.step-2 .ant-form-item-has-error {
  padding-top: 0px;
}
.otp-modal .sup-title.step-otp {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
}
.otp-modal .btn__resend__otp__wrap {
  padding: 30px 0px;
}
.otp-modal .btn__resend__otp__wrap button {
  height: initial;
  padding: 0;
  margin: 0;
}
.otp-modal .btn__resend__otp__wrap button:hover {
  background-color: transparent;
}
.otp-modal .btn__resend__otp__wrap button span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .otp-modal .btn__resend__otp__wrap button span {
    margin: 26px 0 18px 0;
  }
}
.otp-modal .display-message-error {
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  width: 100%;
  max-width: 600px;
  padding: 15px;
  margin: 0px auto 20px auto;
}
.register-getmore-container {
  width: 890px;
  max-width: 100%;
}
.register-getmore-container .get-more .title-get-more {
  text-align: left;
}
@media (max-width: 992px) {
  .register-getmore-container {
    width: 100%;
    padding: 0 15px;
  }
}
.main-policy-group-title-container {
  display: flex;
  align-items: center;
}
.model {
  width: 810px !important;
}
.model .ant-modal-body {
  padding-top: 32px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-bottom: 63px !important;
}
.model .ant-modal-close-x svg {
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 25px;
}
.model-title {
  height: 46px;
  text-align: center;
  border-bottom: 2px solid #000000;
  margin-bottom: 33px !important;
}
.model-title-span {
  font-size: 26px !important;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal !important;
  letter-spacing: normal;
  text-align: center;
  color: #000000 !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.model-p-email {
  max-width: 323px;
  max-height: 26px;
  font-size: 16px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63 !important;
  letter-spacing: normal;
  color: #000000 !important;
  margin-bottom: 26px;
}
.model-input-email {
  top: 8px;
  max-width: 730px !important;
  height: 100px;
  border-radius: 2px !important;
  border: solid 0.5px rgba(0, 0, 0, 0.5) !important;
  background-color: #ffffff;
  font-size: 16px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63 !important;
  letter-spacing: normal;
  color: #000000;
  margin-bottom: 23px !important;
  box-shadow: 0 0 0 0 rgba(2, 2, 2, 0.2) !important;
  overflow: scroll;
}
.model-input-email .ant-select-selector {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  height: 100%;
  align-items: flex-start !important;
  overflow: auto;
}
.model-input-email .ant-input:focus,
.model-input-email .ant-input-focused {
  border-color: #000000;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}
.ant-input:hover :hover {
  border-color: #000000 !important;
}
.model-p-message {
  max-width: 71px;
  height: 26px;
  font-size: 16px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63 !important;
  letter-spacing: normal;
  color: #000000 !important;
  margin-bottom: 26px;
}
.model-input-message {
  top: 8px;
  max-width: 730px !important;
  height: 100px !important;
  border-radius: 2px !important;
  border: solid 0.5px rgba(0, 0, 0, 0.5) !important;
  background-color: #ffffff;
  font-size: 16px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63 !important;
  letter-spacing: normal;
  color: #000000;
  margin-bottom: 46px !important;
  box-shadow: 0 0 0 0 rgba(2, 2, 2, 0.2) !important;
}
.model-input-message .ant-input:focus,
.model-input-message .ant-input-focused {
  border-color: #000000;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}
.model-button {
  width: 260px;
  height: 40px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000 !important;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}
.model-button span {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.myaccount .product-item-card .ant-card-body {
  padding: 10px 0;
}
.myaccount .product-item-card .ant-card-body .product-compare {
  top: 11px;
}
.myaccount .product-item-card .product-name {
  font-size: 14px;
}
.myaccount .product-item-card .ant-card-cover {
  padding-bottom: 100%;
}
.myaccount .empty-list-account {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  margin-top: 25px;
  margin-bottom: 8px;
}
.myaccount .empty-list-account-desc {
  font-size: 14px;
  margin-bottom: 40px;
}
.myaccount .button-go-shopping {
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background: #fff;
  color: #000;
  width: 160px;
}
.myaccount .button-go-shopping:hover {
  background: #fff;
  color: #000;
}
.myaccount .button-show-model {
  position: absolute;
  right: 0;
  top: -6px;
  border: 0 !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  width: auto;
  padding-right: 0;
}
.myaccount .button-show-model img {
  margin-right: 8px;
}
.myaccount .button-show-model span {
  font-size: 14px;
  height: auto;
}
.myaccount .product-item-card .ant-card-body span.qty-plus {
  right: 0;
  top: 10px;
}
.myaccount .product-item-card .ant-card-body .wishlist-action {
  right: 32px;
  top: 12px;
}
@media (max-width: 768px) {
  .myaccount {
    min-height: auto !important;
  }
  .myaccount.ant-layout-content {
    margin-top: 0px;
  }
  .myaccount .product-item-card .product-brand {
    margin-top: 9px;
  }
  .myaccount .customer-title {
    text-align: left;
    font-size: 20px !important;
    height: 30px;
  }
  .myaccount .box-row-model {
    margin-top: 0 !important;
  }
  .myaccount .product-item-card {
    padding: 0 10px;
  }
  .myaccount .product-item-card .rate {
    font-size: 11px;
  }
  .myaccount .product-item-card .product-price {
    font-size: 18px;
  }
  .myaccount .product-item-card .ant-card-body {
    padding: 7px 0;
  }
  .myaccount .product-item-card .ant-card-body .product-compare {
    top: 6px;
  }
  .myaccount .product-item-card .ant-card-body .wishlist-action {
    top: 7px;
  }
  .myaccount .product-item-card .ant-card-body span.qty-plus {
    top: 5px;
  }
  .myaccount .button-go-shopping {
    width: 180px;
  }
  .myaccount .empty-list-account-desc {
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .myaccount .product-item-card .ant-card-body .wishlist-action {
    top: 5px;
    right: 22px;
  }
  .myaccount .product-item-card .ant-card-body .wishlist-action img {
    width: 17px;
  }
  .myaccount .product-item-card .ant-card-body span.qty-plus {
    top: 5px;
  }
  .myaccount .product-item-card .ant-card-body span.qty-plus img {
    width: 15px;
  }
  .myaccount .product-item-card .ant-card-body .product-compare {
    right: 46px;
    top: 5px;
  }
  .myaccount .product-item-card .ant-card-body .product-compare svg {
    width: 15px;
  }
  .myaccount .product-price .special-price {
    font-size: 17px;
  }
  .myaccount .empty-list-account {
    font-size: 14px;
  }
}
@media (max-width: 375px) {
  .customer-container.customer-container .product-list-container .product-item-card {
    padding: 0 8px;
  }
  .customer-container.customer-container .product-list-container .product-item-card .product-brand,
  .customer-container.customer-container .product-list-container .product-item-card .product-name {
    font-size: 12px;
  }
  .customer-container.customer-container .product-list-container .product-item-card .product-price > span {
    font-size: 14px !important;
  }
  .customer-container.customer-container .product-list-container .product-item-card .product-price .special-price {
    font-size: 12px;
  }
  .customer-container.customer-container .product-list-container .product-item-card .save-price {
    font-size: 12px;
  }
  .customer-container.customer-container .product-list-container .product-item-card .ant-rate-star svg {
    width: 7px;
  }
}
.order-list-detail .title-divider {
  margin: 40px 0 70px;
}
.order-list-detail > .ant-row:nth-child(2) {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .order-list-detail > .ant-row:nth-child(2) {
    margin-top: unset;
  }
}
.order-list-detail .header-date {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
}
.order-list-detail .ship-to {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
  color: black;
}
.order-list-detail .product-image-wrapper {
  width: 70px;
  height: 82px;
  max-width: 70px;
  max-height: 82px;
  position: relative;
  background-size: cover;
  border-radius: 2px;
}
.order-list-detail .product-image-wrapper .product-image-sequence {
  position: absolute;
  bottom: -10px;
  right: -10px;
  background-color: #ffffff;
  border-radius: 2px;
  padding: 5px 8px;
}
.order-list-detail .order-list-item-wrapper a {
  display: flex;
  flex-direction: column;
  color: #000000;
  align-items: center;
}
.order-list-detail .order-list-item-wrapper span {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-top: 5px;
}
.order-list-detail .order-list-item-wrapper span.qty {
  font-weight: 500;
}
.order-list-detail .odd {
  background-color: #fbfbfb;
}
@media (max-width: 576px) {
  .order-list-detail .order-number-desktop {
    display: none;
  }
}
.order-list-container {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
}
.order-list-container .order-list-detail-2 .title-divider {
  margin: 0px 0px 34px;
}
.order-list-container .order-list-detail-2 .order__list__btn {
  margin: 20px 0 20px;
}
.order-list-container .order-list-detail-2 .order__list__btn .ant-col {
  margin-right: 30px;
}
@media (max-width: 768px) {
  .order-list-container .order-list-detail-2 .order__list__btn {
    margin: 4px 0 10px;
  }
}
.order-list-container .order-list-detail-2 .odd {
  background-color: #fbfbfb;
}
.order-list-container .order-list-detail-2 .header {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
}
.order-list-container .order-list-detail-2 .header-date {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
  color: black;
}
.order-list-container .order-list-detail-2 .header-total-price {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.13;
  letter-spacing: normal;
  color: #000000;
}
.order-list-container .order-list-detail-2 .currency-symbol {
  font-size: 14px;
}
.order-list-container .order-list-detail-2 .ship-to {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
  color: black;
}
.order-list-container .order-list-detail-2 .product-image-wrapper {
  width: 65px;
  height: 80px;
  max-width: 65px;
  max-height: 80px;
  position: relative;
  background-size: cover;
  object-fit: contain;
}
.order-list-container .order-list-detail-2 .product-image-wrapper .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.order-list-container .order-list-detail-2 .product-image-wrapper .text u {
  text-align: center;
  font-size: 12px;
}
.order-list-container .order-list-detail-2 .product-image-wrapper .product-image-sequence {
  position: absolute;
  bottom: -10px;
  right: -10px;
  border: solid 0.5px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  border-radius: 2px;
  padding: 5px 8px;
}
.order-list-container .order-list-detail-2 .order-list-item-wrapper {
  color: #000000;
}
.order-list-container .order-list-detail-2 a.header {
  display: none;
}
.order-list-detail--mobile > div > div > div {
  flex-flow: nowrap;
}
.order-list-load-more-container {
  margin: 33px 0 36px;
}
.order-list-load-more-container .load-more-container {
  cursor: pointer;
}
.order-list-load-more-container .load-more-container .load-more {
  font-style: italic;
  letter-spacing: 1px;
  text-align: center;
  color: black;
}
@media (max-width: 768px) {
  .order-list-load-more-container .load-more-container .load-more {
    font-size: 16px;
    font-weight: bold;
  }
}
@media (min-width: 768px) {
  .order-list-load-more-container .load-more-container .load-more {
    font-size: 20px;
    font-weight: bold;
  }
}
.cancel-order-modal.cancel-order-modal {
  max-width: 810px;
  padding: 0;
}
@media (max-width: 768px) {
  .cancel-order-modal.cancel-order-modal {
    max-width: calc(100vw - 16px);
  }
}
.cancel-order-modal.cancel-order-modal .ant-modal-content {
  border-radius: 0;
}
@media (max-width: 768px) {
  .cancel-order-modal.cancel-order-modal .ant-modal-body {
    max-height: 75vh;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.cancel-order-modal.cancel-order-modal .ant-modal-body span.title {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .cancel-order-modal.cancel-order-modal .ant-modal-body span.title {
    font-size: 18px;
  }
}
.cancel-order-modal.cancel-order-modal .ant-modal-body hr {
  margin: 15px 0 30px !important;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body .cancel-order-desc > div span {
  text-align: center;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body .cancel-order-desc > div span strong,
.cancel-order-modal.cancel-order-modal .ant-modal-body .cancel-order-desc > div a strong {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body .cancel-order-desc > div a {
  color: #000;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body .cancel-order-desc > div a:hover,
.cancel-order-modal.cancel-order-modal .ant-modal-body .cancel-order-desc > div a:active {
  color: #000;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body .cancel-order-desc > span {
  margin: 20px 0 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body form .float-label-select {
  margin-bottom: 0;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body form .ant-form-item {
  margin-bottom: 0;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body form .ant-form-item:nth-child(1) {
  margin-bottom: 15px;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body form .ant-select-selector {
  padding: 12px 30px 12px 12px !important;
  border-radius: 2px;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body form .ant-select-selection-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cancel-order-modal.cancel-order-modal .ant-modal-body form .ant-select-arrow {
  top: 50%;
}
.cancel-order-modal.cancel-order-modal .ant-modal-close {
  top: 20px;
  right: 20px;
}
@media (max-width: 768px) {
  .cancel-order-modal.cancel-order-modal .ant-modal-close {
    top: 13px;
    right: 13px;
  }
}
.cancel-order-modal.cancel-order-modal .ant-modal-close .ant-modal-close-x {
  width: unset;
  height: unset;
  line-height: unset;
}
.cancel-order-modal.cancel-order-modal .cancel__error {
  font-size: 14px;
  margin-bottom: 5px;
  text-align: right;
  color: #ff0000;
}
.display-bank-account {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .display-bank-account {
    margin-top: 15px;
  }
}
.display-bank-account .bank-account-title {
  border-bottom: solid 0.5px #000000;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.display-bank-account .bank-account-title .title-text {
  font-size: 18px;
  font-weight: 500;
}
.display-bank-account .check-policy .ant-typography {
  padding-top: 8px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}
@media (min-width: 769px) {
  .display-bank-account .check-policy .ant-form-item-has-error {
    padding-top: 0px;
  }
  .display-bank-account .check-policy .ant-form-item-explain {
    margin-top: 5px;
  }
}
.box-orderlist {
  margin-top: 70px;
  text-align: center;
}
.box-orderlist .btn-shopping {
  text-align: center;
  margin-top: unset;
}
.box-orderlist .btn-shopping .link-shopping {
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  padding: 8px 40px;
}
.box-orderlist .order-icon-image {
  width: 100px;
  height: 100px;
}
.box-orderlist .empty-list-account {
  margin-top: 20px;
  display: block;
}
.orderTracking__filter {
  width: 100%;
  overflow-x: scroll;
  padding-bottom: 5px;
  margin-bottom: 15px;
  padding-top: 4px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.orderTracking__filter .ant-radio-button-wrapper {
  border-radius: 4px;
  border: solid 1px #000000;
  background-color: #ffffff;
  scroll-snap-align: center;
}
.orderTracking__filter .ant-radio-button-wrapper span {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.orderTracking__filter .ant-radio-button-wrapper::before {
  background-color: transparent;
}
.orderTracking__filter .search-group-container {
  width: 1055px;
}
.order__wrapper h2.ant-typography.title-section {
  font-size: 18px;
}
.title-max-char {
  font-size: 14px;
  font-weight: 500;
}
.title-max-min {
  font-size: 12px;
}
@media (max-width: 768px) {
  .orderTracking__filter::-webkit-scrollbar-track {
    border-radius: 4px;
    background-color: transparent !important;
  }
  .orderTracking__filter::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent !important;
  }
  .orderTracking__filter::-webkit-scrollbar-thumb {
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background-color: #ccc !important;
  }
  .cancel-order-desc > span {
    font-size: 12px;
  }
  .cancel-order-modal-button {
    margin: 0 5px 10px 0;
  }
  .options-container-main {
    padding-bottom: 15px;
  }
}
.header-total-price--desktop,
.order-list-detail--desktop {
  display: none;
}
.order-tracking a {
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
}
.order-list-detail--mobile a {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
@media (max-width: 576px) {
  .order-list-detail--mobile .order-number-mobile {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    text-decoration: underline;
  }
  .order-list-detail--mobile .order-tracking {
    margin-top: 18px;
  }
  .order-list-detail--mobile .order-tracking a {
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000;
  }
  .order-list-detail--mobile .status-bubble.status-bubble {
    padding: 3px 10px !important;
    font-size: 10px !important;
    height: 18px;
    min-height: 18px;
  }
}
.order-list-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-list-container .order-list-detail-2 .title-divider {
  margin: 0px 0px 18px;
}
.order-list-container .empty-list-account {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (min-width: 320px) {
  .order-list-container {
    font-size: 16px;
  }
  .order-list-container .order-list-detail-2 .odd {
    background-color: #fbfbfb;
  }
  .order-list-container .order-list-detail-2 .header {
    font-size: 14px;
    letter-spacing: -1px;
  }
  .order-list-container .order-list-detail-2 .header-total-price {
    font-size: 16px;
  }
  .order-list-container .order-list-detail-2 .currency-symbol {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .orderTracking__filter {
    margin-bottom: 30px;
    width: 100%;
    overflow-x: initial;
  }
  .orderTracking__filter .ant-radio-button-wrapper {
    padding: 0;
  }
  .orderTracking__filter .search-group-container {
    width: initial;
  }
  .order-list-detail__header {
    display: initial;
  }
  .order-list-container .order-list-detail-2 .header {
    font-size: 16px;
    letter-spacing: normal;
    margin-right: 10px;
    font-weight: 600;
  }
  .order-list-container .order-list-detail-2 a.header {
    display: initial;
  }
  .order-list-container .order-list-detail-2 .header-total-price {
    font-size: 16px;
  }
  .order-list-container .order-list-detail-2 .currency-symbol {
    font-size: 16px;
  }
  .order-list-container .order-list-detail-2 .title-divider {
    margin: 0px 0px 25px;
  }
  .header-total-price--mobile,
  .order-list-detail--mobile {
    display: none;
  }
  .header-total-price--desktop,
  .order-list-detail--desktop {
    display: initial;
  }
  .order__wrapper h2.ant-typography.title-section {
    font-size: 24px;
  }
  .cancel-order-desc > span {
    font-size: 14px;
  }
  .options-container-main {
    padding-bottom: 20px;
  }
}
.class-main-button-taxinvoice button {
  width: 270px;
  max-height: 40px;
  margin: 0 20px;
}
.class-main-button-taxinvoice button span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
@media (max-width: 768px) {
  .box-orderlist .btn-shopping {
    margin-bottom: 40px;
  }
}
@media (max-width: 992px) {
  .class-main-button-taxinvoice {
    margin-top: 25px;
  }
}
.cancel-order-modal textarea.ant-input {
  min-height: 80px;
}
@media (max-width: 325px) {
  .orderItemStatus {
    position: relative;
    top: -10px;
  }
}
@media (max-width: 320px) {
  .orderNumberMobile > div {
    align-items: flex-start;
  }
  .orderNumberMobile .order-number-container .orderNumber {
    margin: 14px 0 0;
    display: block;
  }
  .orderNumberMobile .status {
    position: absolute;
    right: 0;
  }
  .orderNumberMobile .status-bubble {
    min-height: 28px;
  }
}
.class-main-button-deliveryOrder {
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .class-main-button-deliveryOrder {
    justify-content: center !important;
  }
}
@media (min-width: 769px) and (max-width: 1400px) {
  .class-main-button-deliveryOrder {
    justify-content: flex-end !important;
  }
}
.class-main-button-deliveryOrder button {
  width: 270px;
  max-height: 40px;
  margin: 20px 0px;
}
.class-main-button-deliveryOrder button span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.review_form {
  margin: 22px 0 0;
  padding-left: 95px;
}
@media (max-width: 576px) {
  .review_form {
    padding-left: 62px;
    margin: 15px 0 0;
  }
}
.review_form .error-message-review {
  font-size: 12px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ff0000 !important;
  margin: 10px 0;
}
.review_form .ant-checkbox-checked::after {
  border: 0 !important;
}
.review_form .ant-form-item {
  margin-bottom: 0 !important;
}
.review_form .ant-form-item-has-error {
  padding-top: 0 !important;
}
.review_form .review_title_input .list-item-select {
  display: flex;
  flex-wrap: wrap !important;
  margin: 0 !important;
}
.review_form .review_title_input .select-review-list {
  font-size: 12px;
}
.review_form .review_title_input .ant-form-item-explain {
  display: none;
}
.review_form .review_title_input .fake_error {
  color: #ff0000;
  font-size: 12px;
  text-align: right;
  visibility: hidden;
  opacity: 0;
  transform: 300ms;
  height: 0;
}
.review_form .review_title_input.error .fake-input {
  border-color: #ff0000;
}
.review_form .review_title_input.error .fake_error {
  height: initial;
  visibility: visible;
  opacity: 1;
  margin: 0 0 5px;
}
.review_form .review_detail_input .ant-input {
  border-color: #8b8b8b;
  min-height: 100px !important;
}
@media (max-width: 576px) {
  .review_form .review_detail_input .input-title-form-text .ant-form-item-explain.ant-form-item-explain-error {
    margin-top: -35px;
  }
}
.review_form .review_detail_input .ant-form-item-has-error .ant-input {
  border-color: #f00;
}
.review_form .review_title_input {
  margin: 10px 0 25px;
}
@media (max-width: 576px) {
  .review_form .review_title_input {
    margin: 10px 0 20px;
  }
}
.review_form .review_detail_input {
  margin: 0 0 20px;
}
@media (max-width: 576px) {
  .review_form .review_detail_input {
    margin: 0 0 15px;
  }
}
.review_form .select-text-review {
  padding-top: 15px;
}
.review_form .review_process_detail {
  margin: 30px 0 0;
}
@media (max-width: 576px) {
  .review_form .review_process_detail {
    margin: 20px 0 0;
  }
}
.review_form .review_process_detail .ant-alert-warning {
  max-width: 544px;
  margin: 0 auto;
  text-align: center;
  padding: 15px;
  border-radius: 2px;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
}
.review_form .review_process_detail .ant-alert-warning .ant-alert-message {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #bb8b3e;
}
.review_form .btn-submit {
  display: flex;
  justify-content: center;
}
.review_form .btn-submit span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.review_form .shadow-button-review {
  width: 187px;
  max-height: 40px;
  margin: 30px auto 119px;
}
@media (max-width: 576px) {
  .review_form .shadow-button-review {
    margin: 20px auto 35px;
  }
}
.review_form .product-review-recommand {
  margin-left: 78px;
}
@media (max-width: 576px) {
  .review_form .product-review-recommand {
    margin-left: 0;
  }
}
.review_form .product-review-recommand .ant-checkbox-group .ant-checkbox-wrapper:last-child {
  margin-left: 80px;
}
@media (max-width: 576px) {
  .review_form .product-review-recommand .ant-checkbox-group .ant-checkbox-wrapper:last-child {
    margin-left: 74px;
  }
}
.shadow-button {
  letter-spacing: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 6px 41px;
  text-transform: uppercase;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}
.shadow-button[ant-click-animating-without-extra-node="true"]::after,
.shadow-button.ant-click-animating-node {
  box-shadow: none;
  animation: none;
}
.shadow-button.ant-btn:focus,
.shadow-button.ant-btn:hover {
  color: #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
}
.already-review-wrapper,
.waiting-review-wrapper {
  padding: 30px;
}
.already-review-wrapper .product-image,
.waiting-review-wrapper .product-image {
  width: 100px;
  height: 75px;
  object-fit: contain;
}
.already-review-wrapper .product-image-none,
.waiting-review-wrapper .product-image-none {
  width: 129px;
  height: 150px;
  object-fit: contain;
  padding: 30px 10px 30px 10px;
}
.already-review-wrapper .place-on,
.waiting-review-wrapper .place-on {
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 36px;
  display: block;
}
.already-review-wrapper .product-options,
.waiting-review-wrapper .product-options,
.already-review-wrapper .product-name,
.waiting-review-wrapper .product-name {
  letter-spacing: 0;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: block;
  margin-bottom: 3px;
}
.already-review-wrapper .ant-input:focus,
.waiting-review-wrapper .ant-input:focus,
.already-review-wrapper .ant-input-focused,
.waiting-review-wrapper .ant-input-focused {
  border: 0;
  box-shadow: none;
}
.already-review-wrapper .ant-btn:hover,
.waiting-review-wrapper .ant-btn:hover,
.already-review-wrapper .ant-btn:focus,
.waiting-review-wrapper .ant-btn:focus,
.already-review-wrapper .ant-btn:active,
.waiting-review-wrapper .ant-btn:active {
  color: #000000;
}
.review-form-wrapper {
  padding: 0;
  margin: 40px 0 0;
  flex-flow: nowrap;
}
@media (max-width: 576px) {
  .review-form-wrapper {
    margin: 26px 0 0;
  }
}
.review-form-wrapper .product-image {
  min-width: 75px;
  max-width: 75px;
  max-height: 100px;
  margin-right: 20px;
}
.review-form-wrapper .product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (max-width: 576px) {
  .review-form-wrapper .product-image {
    min-width: 52px;
    max-width: 52px;
    margin-right: 10px;
  }
}
.review-form-wrapper .product-options {
  margin-bottom: 43px;
}
.review-form-wrapper .review-detail-label,
.review-form-wrapper .product-review-label {
  letter-spacing: 0;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.review-form-wrapper .productReviewRate {
  font-size: 50px;
}
.review-form-wrapper .productReviewRate .ant-form-item {
  margin: 0;
}
.review-form-wrapper .productReviewRate .ant-rate-star {
  font-size: 50px;
  margin: 0;
}
.review-form-wrapper .ant-input:focus,
.review-form-wrapper .ant-input-focused {
  border: 0;
  box-shadow: none;
}
.review-form-wrapper .ant-btn:hover,
.review-form-wrapper .ant-btn:focus,
.review-form-wrapper .ant-btn:active {
  color: #000000;
}
.review-form-wrapper textarea#comment {
  padding: 0;
  height: 60px;
  min-height: 60px;
  border: 0;
  background: #efefef;
}
.review-form-wrapper textarea#comment::placeholder {
  letter-spacing: 0;
  font-size: 10px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  background: #efefef;
  color: #000000;
  text-align: center;
  line-height: 60px;
  width: 100%;
  height: 100%;
}
.review-form-wrapper .comment-count {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  margin-top: 2px;
}
.already-review-wrapper .already-form .ant-form-item {
  margin: 0;
}
.already-review-wrapper .place-on {
  margin-bottom: 25px;
}
.already-review-wrapper textarea#comment {
  max-height: 60px !important;
}
.already-review-wrapper textarea#comment:disabled {
  cursor: pointer;
}
.alert-review-submit {
  border-radius: 2px;
  border: solid 0.5px #00ffc3;
  background-color: #e4fff9;
  color: #51fecc;
  display: block;
  text-align: center;
  padding: 13px 0;
  margin-bottom: 27px;
}
.review-form-option {
  display: flex;
  flex-direction: column;
  margin-left: -2px;
}
@media (max-width: 768px) {
  .review-form-option {
    margin-left: 0px;
  }
}
.select-review-list {
  cursor: pointer;
  width: unset;
  height: 26px;
  border-radius: 15px;
  background-color: #ececec;
  text-align: center;
  line-height: 25px;
  white-space: nowrap;
  padding: 0 10px;
}
.select-review-list:not(:last-child) {
  margin: 0 10px 4px 0;
}
.select-review-list.is-select {
  background-color: black;
  color: whitesmoke;
}
.select-review-list svg {
  font-size: 11px;
}
@media (max-width: 768px) {
  .select-review-list {
    width: max-content;
    margin-bottom: 10px;
  }
}
.select-review-modal-list {
  min-height: 26px;
  border-radius: 15px;
  background-color: #ececec;
  text-align: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  margin: 0 9px 15px 0;
  padding: 0 10px;
}
.select-review-modal-list.is-select {
  background-color: black;
  color: whitesmoke;
}
@media (max-width: 768px) {
  .select-review-modal-list {
    width: max-content;
    margin-bottom: 10px;
  }
}
.product-review-name {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .product-review-name {
    margin-bottom: 4px;
  }
}
.product-review-option {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
}
.product-review-placeOn {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
}
.display-rate-select {
  height: 43px !important;
}
.display-rate-select .ant-rate {
  font-size: 43px !important;
}
@media (max-width: 768px) {
  .display-rate-select .ant-rate {
    width: 300px !important;
  }
}
.display-rate-select .ant-rate-star,
.display-rate-select .ant-rate-star-zero,
.display-rate-select .ant-rate-star-first,
.display-rate-select .ant-rate-star-second {
  height: 43px !important;
}
.count-length {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}
@media (max-width: 768px) {
  .count-length {
    margin-bottom: 10px;
  }
}
.show-require-text {
  display: flex;
  flex-direction: column;
}
.list-item-select {
  display: flex;
  flex-wrap: wrap;
}
.upload-image-form {
  display: flex;
  flex-direction: row;
}
.upload-image-form .ant-form-item-explain {
  display: none;
}
.upload-image-form svg:first-child {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px;
}
.upload-image-form .upload-image-container .ant-form-item {
  margin-bottom: 0 !important;
}
.post-review .ant-checkbox-inner {
  width: 20px;
  height: 20px;
  border-radius: 11.5px;
  box-shadow: 2px 2px 0 0 #000;
  border: solid 0.5px #000;
  background-color: #fbfbfb;
}
.post-review .ant-checkbox-wrapper {
  display: flex;
}
.product-review-recommand .text-title-review {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  margin: 0 0 25px;
}
@media (max-width: 768px) {
  .product-review-recommand .text-title-review {
    margin: 0 0 10px;
  }
}
.product-review-recommand .ant-checkbox-inner {
  width: 20px;
  height: 20px;
  border-radius: 11.5px;
  box-shadow: 2px 2px 0 0 #000;
  border: solid 0.5px #000;
  background-color: #fbfbfb;
}
@media (max-width: 768px) {
  .product-review-recommand {
    margin-top: 0px;
  }
}
.review-options-list {
  margin-top: 21.5px;
}
@media screen and (max-width: 767px) {
  .review-options-list {
    margin-top: 9px;
  }
}
.review-options-list .ant-form-item-control-input-content input {
  width: 20px !important;
  height: 20px !important;
  margin: 0 10px 0 0 !important;
  border-radius: 11.5px !important;
  box-shadow: 2px 2px 0 0 #000 !important;
  border: solid 0.5px #000 !important;
  background-color: #fbfbfb !important;
}
.text-confirm-review {
  width: 25px;
  height: 18px;
  margin: 2px 0 0 10px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.text-no-confirm-review {
  width: 21px;
  height: 18px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.review-require-text {
  display: flex;
  justify-content: end;
}
@media (max-width: 768px) {
  .review-require-text {
    margin-right: 5px;
  }
}
.review-image-upload-container .review-image-upload-item {
  width: 70px;
  height: 70px;
  border: 1px solid #c3c3c3;
  position: relative;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.review-image-upload-container .review-image-upload-item .oval-button {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
  height: 16px;
  box-shadow: 2px 2px 0 0 #000000;
  border: solid 0.5px #000000;
  border-radius: 10px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 3;
}
.review-image-upload-container .review-image-upload-item .oval-button .close-icon-upload svg {
  height: 10px !important;
  margin-right: 0px !important;
}
.review-image-upload-container .review-image-upload-item-video {
  position: relative;
  margin: 0 0 10px;
}
.review-image-upload-container .review-image-upload-item-video > div {
  width: 100%;
  height: 100%;
}
.review-image-upload-container .review-image-upload-item-video video {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.review-image-upload-container .review-image-upload-item-video img {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 20px;
}
.input-title-form .ant-form-item-explain {
  position: absolute;
  right: 0;
  margin-top: 68px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .input-title-form .ant-form-item-explain {
    margin-top: -50px;
  }
}
.input-title-form .ant-form-item-has-error {
  padding-top: 0px;
}
.input-title-form .ant-select-selector {
  min-height: 55px !important;
}
.input-title-form .ant-select-multiple .ant-select-selection-item {
  margin-top: 15px !important;
}
.input-title-form .ant-select-multiple .ant-select-selection-item.no-select {
  background-color: white !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 0px 0 8px !important;
  margin-left: 0px !important;
}
.input-title-form .ant-select-multiple .ant-select-selection-item.is-select-item {
  border-radius: 10px;
}
.input-title-form .ant-select-selection-placeholder {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  color: #000;
}
.input-title-form .select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.input-title-form .ant-select-selection-search {
  margin-top: 10px;
  margin-left: -7px !important;
}
.input-title-form.add-height .ant-select-selector {
  height: 200px !important;
}
.input-title-form-text ::placeholder {
  display: flex;
  flex-direction: column;
  opacity: 0.3;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000;
}
.input-title-form-text .ant-form-item-control-input-content {
  position: relative;
}
.input-title-form-text .ant-form-item-has-error {
  padding-top: 0px !important;
}
.input-title-form-text .ant-form-item-explain.ant-form-item-explain-error {
  margin-top: -39px;
}
@media (max-width: 768px) {
  .input-title-form-text .ant-form-item-explain.ant-form-item-explain-error {
    margin-top: -47px;
  }
}
.display-rate-form .ant-form-item-explain.ant-form-item-explain-error {
  position: unset;
  margin-top: 0;
}
.display-rate-form .ant-form-item-has-error {
  padding-top: 0 !important;
}
.display-rate-form .message-error {
  display: block;
  text-align: left;
}
.title-detail {
  display: flex;
  justify-content: start;
  margin-left: 10px;
  position: absolute;
  z-index: 1;
  margin-top: 10px;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #c0c0c0;
}
.video-player {
  width: 100% !important;
  height: 100% !important;
}
.video-player .react-player__preview svg {
  margin-right: 0 !important;
}
.tags-review-wrapper .ant-form-item-has-error {
  padding-top: 20px;
}
.tags-review-wrapper.with-tags .ant-form-item-explain {
  bottom: 4.6rem !important;
}
@media (max-width: 768px) {
  .tags-review-wrapper.with-tags .ant-form-item-explain {
    bottom: 5.3rem !important;
  }
}
.tags-review-wrapper .tags-review-container {
  margin-top: 20px;
  padding: 0 0 30px 0;
}
.tags-comment-wrapper {
  margin-bottom: -10px;
}
.submit-review-wrapper {
  margin-top: 30px;
}
.productReviewRateClick .ant-rate {
  font-size: 43px;
}
@media (max-width: 576px) {
  .productReviewRateClick .ant-rate {
    font-size: 40px;
  }
}
.product-configurable-option {
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .product-configurable-option {
    margin-bottom: 5px;
  }
}
.display-product-option {
  display: flex;
  flex-direction: row;
}
.post-review-modal {
  margin-bottom: 15px;
}
.post-review-modal .ant-checkbox-inner {
  width: 20px;
  height: 20px;
  border-radius: 11.5px;
  box-shadow: 2px 2px 0 0 #000;
  border: solid 0.5px #000;
  background-color: #fbfbfb;
}
.post-review-modal .ant-checkbox-wrapper {
  display: flex;
}
.post-review-modal .text-post-review {
  margin-top: 5px;
  margin-left: -12px;
}
@media (max-width: 992px) {
  .post-review-modal .text-post-review {
    margin-left: -4%;
  }
}
@media (max-width: 768px) {
  .post-review-modal .text-post-review {
    margin-left: -4%;
  }
}
@media (max-width: 425px) {
  .post-review-modal .text-post-review {
    margin-left: 0;
  }
}
@media (max-width: 375px) {
  .post-review-modal .text-post-review {
    margin-left: 2%;
  }
}
@media (max-width: 320px) {
  .post-review-modal .text-post-review {
    margin-left: 4%;
  }
}
.modal-review-alert {
  min-height: 45px;
  border-radius: 2px;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
}
.modal-review-alert .ant-alert-message {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #bb8b3e;
}
.review-form-modal .review-modal-title {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.review-form-modal .review-modal-title-sku {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .review-form-modal .review-modal-title-sku {
    white-space: normal;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
}
.review-form-modal .ant-modal-content {
  padding: 40px 20px !important;
}
@media (max-width: 768px) {
  .review-form-modal {
    padding: 0;
    margin: 0;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .review-form-modal .ant-modal-content {
    height: 100%;
    width: 100%;
    min-height: 100%;
  }
}
.checkbox-review-no.note .ant-checkbox-inner::after {
  display: none;
}
.review-form-container {
  max-height: 490px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}
@media (max-width: 768px) {
  .review-form-container {
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-y: none;
  }
}
.review-form-container::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent !important;
}
.review-form-container::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f0f0f0 !important;
  padding-left: 4px;
}
.review-form-container::-webkit-scrollbar-thumb {
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background-color: #dcdcdc !important;
}
.review-form-container::-webkit-scrollbar-thumb {
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background-color: #dcdcdc !important;
}
.review-title-count {
  margin: 0 !important;
}
.review-title-count * {
  min-height: initial !important;
  height: initial !important;
}
.count-length-second-form {
  text-align: right;
}
.count-length-second-form span {
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}
.input-title-form-title .ant-form-item-has-error .fake-input {
  border-color: #f00;
}
.input-title-form-title .fake-input {
  position: relative;
  border-radius: 2px;
  border: solid 1px #8b8b8b;
  background-color: #fff;
}
.input-title-form-title .fake-input input {
  font-size: 12px;
}
.input-title-form-title .fake-input .select-review-list:last-child {
  margin-bottom: 0 !important;
}
.input-title-form-title .fake-input.has-tags input {
  padding: 4px 12px 6px !important;
}
.input-title-form-title .fake-input.custom-label-focus input {
  padding: 20px 12px 6px;
}
.input-title-form-title .fake-input.custom-label-focus .custom-label {
  top: 12px;
  font-size: 10px;
  color: #838383;
}
.input-title-form-title .rate-text-selected {
  padding: 22px 10px 0;
}
.input-title-form-title .ant-form-item-control-input {
  min-height: initial;
}
.input-title-form-title .custom-label {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  z-index: 2;
  pointer-events: none;
  transition: top 300ms;
}
.input-title-form-title .ant-form-item {
  margin-bottom: 0;
}
.input-title-form-title input {
  border: none !important;
  outline: none !important;
  padding: 15px 12px;
  height: initial !important;
}
.notAllowClick {
  pointer-events: none;
}
.star-wrapper .ant-rate {
  color: #6633ff;
}
.ant-rate-star.ant-rate-star-zero span.anticon.anticon-star {
  color: #d5d5d5;
}
.ant-rate-star-half .ant-rate-star-second {
  color: #d5d5d5;
}
.ant-rate-star-full.ant-rate-star-full .ant-rate-star-first.ant-rate-star-first,
.ant-rate-star-full.ant-rate-star-full .ant-rate-star-second.ant-rate-star-second {
  color: #6633ff;
}
.ant-modal-body .error-message-review {
  font-size: 12px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ff0000 !important;
  margin: 10px 0;
}
.create-request-form {
  background-color: #fbfbfb;
}
.create-new-request-form-wrapper {
  padding: 28px 0 34px;
  align-items: center;
  justify-content: center;
}
.create-new-request-form-wrapper .ant-form-item {
  margin: 0;
}
.create-new-request-form-wrapper .text-left {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
  margin-right: 20px;
}
.create-new-request-form-wrapper .select-order {
  margin-right: 25px;
  width: 352px;
}
.create-new-request-form-wrapper .select-order .ant-select-selector {
  height: 50px !important;
}
.create-new-request-form-wrapper .float-label-select {
  margin-bottom: 0;
}
.create-new-request-form-wrapper .shadow-button {
  letter-spacing: 0;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 6px 38px;
}
.return-detail-item-table,
.return-item-table {
  margin-top: 30px;
}
.return-detail-item-table .product-image-wrapper,
.return-item-table .product-image-wrapper {
  width: 63px;
  height: 63px;
  max-width: 63px;
  max-height: 63px;
  position: relative;
  background: url('/static/images/product-1.jpg') no-repeat center center;
  background-size: cover;
  border-radius: 2px;
}
.return-detail-item-table .product-image-wrapper .product-image-sequence,
.return-item-table .product-image-wrapper .product-image-sequence {
  position: absolute;
  bottom: -10px;
  right: -10px;
  background-color: #ffffff;
  border-radius: 2px;
  padding: 5px 8px;
}
.return-detail-item-table a,
.return-item-table a {
  text-decoration: underline;
}
.return-detail-item-table .ant-table-thead .ant-table-cell,
.return-item-table .ant-table-thead .ant-table-cell {
  padding: 13px 32px;
  background-color: #ffffff;
  border-bottom: 2px solid #000000;
}
.return-detail-item-table .ant-table-tbody .ant-table-cell,
.return-item-table .ant-table-tbody .ant-table-cell {
  padding: 30px 20px 39px;
}
.choose-item-row {
  align-items: top;
  padding: 30px;
}
.choose-item-row:nth-child(2n+0) {
  background: #fbfbfb;
}
.choose-item-row img {
  border: solid 0.5px rgba(0, 0, 0, 0.25);
}
.choose-item-row img.error-icon {
  border: none;
}
.choose-item-row .item-detail-wrapper .item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-right: 5px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
  margin-bottom: 4px;
}
.choose-item-row .item-detail-wrapper .item-options {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
}
.form-reason-box {
  padding: 25px 34px;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
}
.form-reason-box .reason-qty {
  width: 70px;
}
.form-reason-box .ant-row {
  margin-bottom: 15px;
}
.form-reason-box .ant-row:last-child {
  margin-bottom: 0px;
}
.form-reason-box .ant-form-item {
  margin: 0 0 0 0;
}
.form-reason-box .label-select {
  opacity: 0.5;
}
.form-reason-box .float-label-select {
  margin: 0;
}
.no-margin {
  margin: 0 !important;
}
.message-upload-row {
  margin-top: 45px;
}
.message-upload-row .title {
  letter-spacing: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 9px;
  display: block;
}
.message-upload-row .desc-1,
.message-upload-row .desc-2 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
  display: block;
}
.message-upload-row .desc-1 {
  margin-bottom: 15px;
}
.message-upload-row .desc-2 {
  margin-bottom: 4px;
}
.message-upload-row .textarea {
  margin-bottom: 24px;
}
.message-upload-row .ant-form-item .ant-mentions,
.message-upload-row .ant-form-item textarea.ant-input {
  height: 100px;
}
.message-upload-row .upload {
  margin-bottom: 53px;
  display: block;
  cursor: pointer;
}
.message-upload-row .ant-upload {
  display: flex;
  align-items: center;
}
.bank-detail-row {
  padding-bottom: 70px;
}
.bank-detail-row .float-label,
.bank-detail-row .float-label-select,
.bank-detail-row .ant-form-item {
  margin: 0;
}
.bank-detail-row .bank-name {
  margin-top: 30px;
}
.bank-detail-row .bank-account-name,
.bank-detail-row .bank-account-number {
  margin-top: 25px;
}
.bank-detail-row .upload {
  margin-top: 24px;
  display: block;
  cursor: pointer;
}
.bank-detail-row .exchange-policy {
  margin-top: 17px;
  margin-bottom: 45px;
}
.bank-detail-row .shadow-button {
  padding: 6px 46px;
}
.bank-detail-row .ant-upload {
  display: flex;
  align-items: center;
}
.bank-detail-row a {
  text-decoration: underline;
}
.no-underline {
  text-decoration: none !important;
}
.process-status-wrapper {
  padding: 22px 0 54px;
}
.process-status-wrapper .icon-wrapper {
  width: 79px;
  height: 79px;
  background: #cccccc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 6px;
}
.process-status-wrapper .icon-wrapper .icon-checked {
  margin-bottom: 10px;
}
.process-status-wrapper .icon-wrapper .status-text {
  color: #a7a7a7;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
}
.process-status-wrapper .icon-wrapper.active {
  background: black;
}
.process-status-wrapper .icon-wrapper.active .status-text {
  color: black;
}
.description-return-detail-wrapper {
  margin: 13px 0 0px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
}
.return-detail-item-table {
  margin-top: 0;
}
.return-detail-item-table .product-image-wrapper {
  width: 80px;
  height: 93px;
}
.return-detail-item-table .ant-table-thead .ant-table-cell {
  padding: 0 0 16px;
  background-color: #ffffff;
  border-bottom: 1px solid #e2e2e2;
}
.return-detail-item-table .ant-table-tbody .ant-table-cell {
  padding: 33px 0;
  border-bottom: 0;
}
.return-detail-item-table .text-bold {
  width: 89px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
  margin-right: 26px;
}
.return-detail-item-table .item-name {
  max-width: 202px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0;
  color: #000000;
}
.return-detail-item-table .item-options {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
}
.replace-space.processing {
  height: 79px;
}
.addmore-space.approved {
  height: 57px;
}
.addmore-space.received {
  height: 28px;
}
.addmore-space.resolve {
  height: 28px;
}
.tracking-information-wrapper .thead-row {
  padding: 28px 0 16px;
  border-bottom: 1px solid #e2e2e2;
}
.tracking-information-wrapper .tbody-row {
  padding: 24px 0;
}
.tracking-information-wrapper .tbody-row a {
  text-decoration: underline;
}
.tracking-information-wrapper .tbody-row .float-label,
.tracking-information-wrapper .tbody-row .ant-form-item {
  margin: 0;
}
.tracking-information-wrapper .tbody-row .float-label {
  width: 80%;
}
.tracking-information-wrapper .thead {
  letter-spacing: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.rma-items .rma-item-container {
  border-bottom: 0.5px solid black;
}
.rma-items .rma-item-container .rma-choose-item-wrapper {
  display: grid;
  grid-template-columns: minmax(88px, 1fr) 5fr;
  column-gap: 8px;
}
.rma-items .rma-item-container .rma-detail-container_bellow {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}
.rma-items .rma-item-container .ant-form-item-has-error {
  padding-top: 0px;
}
.rma-items .rma-item-container .rma-item {
  min-height: 100px;
}
.rma-items .rma-item-container .rma-item.pb-0 {
  padding: 20px 0;
}
.rma-items .rma-item-container .rma-item.pb-34 {
  padding: 40px 0 44px 0;
}
.rma-items .rma-item-container .rma-item .rma-first-wrapper {
  height: 100px;
}
.rma-items .rma-item-container .rma-item .rma-first-wrapper .rma-checkbox-container {
  display: flex;
  align-items: center;
}
.rma-items .rma-item-container .rma-item .rma-first-wrapper .rma-checkbox-container .ant-form-item {
  margin-bottom: 0px;
}
.rma-items .rma-item-container .rma-item .rma-first-wrapper .rma-image-container {
  display: flex;
  justify-content: center;
  margin-left: 15px;
}
.rma-items .rma-item-container .rma-item .rma-first-wrapper .rma-image-container .image {
  width: 75px;
  height: 100px;
  object-fit: contain;
}
.rma-items .rma-item-container .rma-item .rma-detail-container {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .ant-select-single {
  min-width: 240;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .name {
  font-size: 14px;
  line-height: 2;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .custom-attribute {
  font-size: 14px;
  color: #646464;
}
@media (max-width: 767.98px) {
  .rma-items .rma-item-container .rma-item .rma-detail-container .custom-attribute {
    padding-left: 40px;
  }
}
.rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty .return-number-title {
  font-size: 12px;
  font-weight: 500;
  color: black;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty .qty-input {
  max-width: 70px;
  min-width: 50px;
  height: 50px;
  text-align: center;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty .qty-input input {
  text-align: center;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty .qty-input .ant-input-number-input-wrap {
  height: 100%;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty .qty-input .ant-input-number-input-wrap .ant-input-number-input {
  height: 100%;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-total .qty-total {
  font-size: 14px;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .rma-warranty-row {
  margin-top: 12px;
  width: fit-content;
  display: grid;
  grid-template-columns: 1fr;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .rma-warranty-row .warranty-name {
  display: block;
  display: -webkit-box;
  font-size: 12px;
  line-height: normal;
  height: 33px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .not-allow-rma-wrapper {
  margin-top: 5px;
  margin-bottom: 10px;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .not-allow-rma {
  font-size: 12px;
  line-height: 2px;
  color: #df0000;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .not-allow-rma .title {
  font-weight: 500;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .not-allow-rma .underline {
  text-decoration: underline;
  color: #df0000;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .not-allow-rma .underline > a {
  color: #df0000;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .supplier-name-container {
  display: flex;
  justify-content: flex-end;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .supplier-name-container .supplier-label,
.rma-items .rma-item-container .rma-item .rma-detail-container .supplier-name-container .supplier-name {
  font-size: 14px;
  color: inherit;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .supplier-name-container .supplier-label {
  font-weight: 600;
  margin-right: 10px;
  display: inline-block;
}
.rma-items .rma-item-container .rma-item .rma-detail-container .supplier-name-container .supplier-name {
  font-weight: 400;
}
@media (max-width: 575.98px) {
  .rma-items .rma-item-container .rma-item .rma-detail-container .supplier-name-container {
    justify-content: flex-start;
  }
}
.rma-items .rma-item-container .rma-item .rma-additional-container .additional {
  margin-top: 0px;
  padding-left: 40px;
}
.rma-items .rma-item-container .rma-item .rma-additional-container .additional .detail {
  font-size: 12px;
}
.rma-items .rma-item-container .rma-item .rma-additional-container .additional .detail .title {
  font-size: 14px;
  font-weight: 500;
}
.rma-items .rma-item-container .rma-item .rma-additional-container .additional .count-char {
  font-size: 12px;
}
.rma-items .rma-item-container .rma-item .rma-additional-container .additional .upload-image-container .title {
  font-size: 14px;
}
.rma-items:last-child .rma-item-container {
  border-bottom: 2px solid black;
}
.rma-image-upload-container .rma-image-upload-item {
  width: 60px;
  height: 60px;
  border: 1px solid #c3c3c3;
  position: relative;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.rma-image-upload-container .rma-image-upload-item .oval-button {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 16px;
  height: 16px;
  box-shadow: 2px 2px 0 0 #000000;
  border: solid 0.5px #000000;
  border-radius: 10px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.rma-return-customer-info .text {
  line-height: 1.71;
  font-size: 14px;
  color: black;
}
.rma-return-customer-info .text .title {
  font-weight: 500;
}
.rma-return-shipping-info .text {
  line-height: 1.71;
  font-size: 14px;
  color: black;
}
.rma-return-shipping-info .text .title {
  font-weight: 500;
}
.rma-more-one.rma-return-item-container:last-child {
  margin-bottom: 40px;
}
.rma-return-item-container {
  border-bottom: 0.5px solid black;
}
.rma-return-item-container .rma-return-item {
  padding-top: 10px;
  padding-bottom: 10px;
}
.rma-return-item-container .rma-return-item .image-container {
  width: 75px;
  height: 100px;
}
.rma-return-item-container .rma-return-item .image-container img {
  max-width: 75px;
  max-height: 100px;
  width: 75px;
  height: 100px;
  object-fit: contain;
}
.rma-return-item-container .rma-return-item .detail-container {
  margin-left: 20px;
  width: calc(100% - 95px);
}
.rma-return-item-container .rma-return-item .detail-container .name {
  font-size: 14px;
  line-height: 2;
  color: black;
}
.rma-return-item-container .rma-return-item .detail-container .warranty-name-wrapper {
  display: grid;
  grid-template-columns: 1fr;
}
.rma-return-item-container .rma-return-item .detail-container .warranty-name {
  font-size: 12px;
  line-height: normal;
}
.rma-return-item-container .rma-return-item .detail-container .attribute {
  font-size: 14px;
  line-height: normal;
  color: #646464;
  text-transform: uppercase;
}
.rma-return-item-container .rma-return-item .detail-container .addition {
  font-size: 14px;
  line-height: 2;
  color: black;
}
.rma-return-item-container .rma-return-item .detail-container .addition .title {
  font-weight: 600;
}
.rma-return-item-container:last-child {
  border-bottom: 2px solid black;
}
.rma-return-item-header-container {
  border-bottom: 1px solid #bdbdbd;
  height: 40px;
  align-items: center;
}
.rma-return-item-header-container .divider {
  margin-top: 10px;
  margin-bottom: 10px;
}
.rma-return-item-header-container .rma-return-item-subtitle {
  font-size: 14px;
  color: black;
}
.rma-return-item-header-container .rma-return-item-subtitle .title {
  font-weight: 500;
}
.rma-list .rma-item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000000;
}
.rma-list .rma-item .item-headers .request-date {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.rma-list .rma-item .item-headers .return-number {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  text-decoration: underline;
}
.rma-list .rma-item .order-number {
  font-size: 14px;
  color: #000000;
}
.rma-list .rma-item .view-detail-container {
  margin-left: 26px;
  cursor: pointer;
}
.rma-list .rma-item .view-detail-container .view-detail {
  font-size: 12px;
  color: #000000;
  text-decoration: underline;
}
.rma-list .rma-item:last-child {
  border-bottom: 2px solid #000000;
}
.rma-list .rma-item .rma-item__info {
  margin-top: 20px;
}
.account__return__create__wrapper {
  margin-bottom: 84px;
}
.account__return__create__wrapper .title-section-wrapper .title-section {
  line-height: 30px;
}
.account__return__create__wrapper .title-section-wrapper .title-section span {
  font-size: 24px;
}
.account__return__create__wrapper .anticon-paper-clip svg {
  width: 20px;
  height: 20px;
}
.account__return__create__wrapper .rma-sub-title {
  margin-top: 34px;
  border-bottom: 0.5px solid #000;
}
.account__return__create__wrapper .rma-sub-title span {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.account__return__create__wrapper .RMA__list__title {
  margin-top: 40px;
  border-bottom: 0.5px solid #000;
}
.account__return__create__wrapper .RMA__list__title span {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.account__return__create__wrapper .rma-items .rma-item-container .ant-form-item {
  margin-bottom: unset;
}
.account__return__create__wrapper .rma-items .rma-item-container .ant-form-item .float-label-select {
  margin-bottom: unset;
}
.account__return__create__wrapper .rma-items .rma-item-container .rma-detail {
  width: 100%;
  padding-left: 40px;
  padding-top: 15px;
}
@media (max-width: 768px) {
  .account__return__create__wrapper .rma-sub-title span {
    font-size: 16px;
  }
  .rma-detail .ant-form-item-explain {
    display: flex;
    flex-direction: column;
    top: 5px;
  }
  .additional .ant-form-item-explain {
    display: flex;
    flex-direction: column;
    top: 9px;
  }
  .rma-list .rma-item {
    padding-top: 10px;
    padding-bottom: 12px;
  }
  .rma-list .rma-item .rma-col-text-request {
    padding-top: 10px;
  }
  .rma-list .rma-item .rma-item__info {
    margin-top: 14px;
  }
  .rma-list .rma-item .order-number {
    font-weight: 400;
  }
  .rma-list .rma-item .item-headers {
    flex-direction: column;
  }
  .rma-list .rma-item .item-headers .request-date,
  .rma-list .rma-item .item-headers .return-number {
    font-size: 14px;
    font-weight: 500;
  }
  .rma-list .rma-item .item-headers .return-number {
    margin-top: 14px;
    display: block;
  }
  .rma-list .rma-item .view-detail-container {
    margin-left: auto;
  }
  .account__return__create__wrapper h2.ant-typography.title-section {
    letter-spacing: -1px;
  }
  .account__return__create__wrapper h2.ant-typography.title-section a {
    font-size: 16px;
  }
  .account__return__create__wrapper .RMA__list__title {
    margin-top: 34.1px;
    justify-content: end;
  }
  .account__return__create__wrapper .RMA__list__title span {
    margin-bottom: 6px;
  }
  .account__return__create__wrapper .rma-items .rma-item-container {
    padding-bottom: 0 !important;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-first-wrapper {
    height: initial;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item,
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item.pb-34 {
    padding: 20px 0;
    position: relative;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-first-wrapper .rma-image-container {
    margin-left: unset;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container {
    padding-left: 0px;
    position: unset;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container .float-label-select {
    margin-bottom: 16px;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container .name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container .not-allow-rma {
    line-height: normal;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-first-wrapper .rma-image-container .image {
    width: 52px;
    height: 70px;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty {
    margin-bottom: 16px;
    width: 100%;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty > div {
    flex-flow: nowrap;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty > div > div:nth-child(1) {
    padding-top: 5px;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty > div > div:nth-child(2) {
    max-width: 85px;
    padding: 0 !important;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-qty .qty-input .ant-input-number-input-wrap .ant-input-number-input {
    height: 50px;
    width: 70px;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-item .rma-detail-container .rma-detail .detail-total {
    width: initial;
  }
}
.rma-return-item-header__print .ant-row a {
  display: flex;
  align-items: center;
  font-size: 14px;
  text-decoration: underline;
}
.rma-return-item-header__print .ant-row a .anticon-printer {
  margin-right: 20px;
}
.rma-return-item-header__print .ant-row a .anticon-printer svg {
  font-size: 30px;
}
.account__return__detail .rma-return-info__wrapper {
  margin-top: 40px;
}
.account__return__detail .rma-return-item-container .rma-return-item .detail-container .description {
  font-size: 14px;
  margin: 9px 0;
  display: block;
  line-height: 22px;
}
@media (max-width: 768px) {
  .account__return__detail .rma-return-info__wrapper {
    margin-top: 0px;
  }
  .account__return__detail .rma-return-info__wrapper > div:nth-child(1) {
    margin-bottom: 25px;
  }
  .account__return__detail .rma-return-info__wrapper .ant-row.rma-return-customer-info,
  .account__return__detail .rma-return-info__wrapper .ant-row.rma-return-shipping-info {
    line-height: 28px;
  }
  .account__return__detail .ant-row.rma-return-item-header__left {
    flex-direction: column;
  }
  .account__return__detail .ant-row.rma-return-item-header__left > .ant-col {
    margin: 0 !important;
  }
  .account__return__detail .ant-row.rma-return-item-header__left > .ant-col:nth-child(1) {
    margin-bottom: 6px !important;
  }
  .account__return__detail .rma-return-item-header__print > div {
    margin-top: auto;
  }
  .account__return__detail .rma-return-item-header__print > div a {
    margin-left: 8px !important;
    font-size: 12px;
  }
  .account__return__detail .rma-return-item-header-container .rma-return-item-subtitle {
    font-size: 12px;
  }
  .account__return__detail .status-bubble {
    font-size: 10px !important;
    padding: 8px 10px !important;
  }
  .account__return__detail .ant-col.image-container {
    width: 175px !important;
    height: 70px !important;
  }
  .account__return__detail .ant-col.image-container img {
    width: 100%;
  }
  .account__return__detail .rma-return-item-container .rma-return-item {
    flex-flow: nowrap;
  }
  .account__return__detail .rma-return-item-container .rma-return-item .detail-container {
    margin-left: 10px;
    width: initial;
  }
  .rma-return-item-header__left .rma-return-item-title {
    font-size: 14px;
    font-weight: 700;
    color: black;
  }
}
.myaccount .breadcrumb-main {
  padding: 0;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .account__return__detail .custom-steps .ant-steps-vertical > .ant-steps-item {
    margin-bottom: 17px;
  }
  .account__return__detail .custom-steps .ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: initial;
  }
  .account__return__detail .custom-steps .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    top: 34.6px;
    left: 14px;
    width: 3px;
    height: 9px;
    background: #cacaca;
    padding: 0;
  }
  .account__return__detail .custom-steps .ant-steps-item.ant-steps-item-finish.ant-steps-item-custom.ant-steps-item-active .ant-steps-item-container .ant-steps-item-tail {
    background: #000 !important;
  }
  .account__return__detail .custom-steps .ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
    padding-bottom: 0;
  }
}
.rma-render-sub-title {
  margin-left: 12px;
  max-width: 500px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.auth-message-state {
  padding: 10px 20px 15px 22px;
  border-radius: 2px;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  width: 921px;
  margin-top: 44px;
}
.auth-message-state span {
  font-size: 12px;
  font-weight: 600;
  line-height: 2.33;
  color: #bb8b3e;
}
.rma-crate-wrapper-footer {
  margin-top: 40px;
}
.rma-crate-wrapper-footer .ant-form-item {
  margin-bottom: unset;
}
.account-return-container {
  margin-bottom: 20px;
}
.account__return__item__wrapper .title-section-wrapper.ant-col .title-section {
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .auth-message-state {
    margin-top: 20px;
  }
  .rma-return-info_low_item {
    margin-top: 25px;
  }
  .rma-return-item-header__print svg {
    width: 25px;
    height: 25px;
  }
  .account__return__create__wrapper .RMA__list__title {
    border-bottom: 2px solid #000;
  }
  .rma-image-upload-container .rma-image-upload-item {
    width: 50px;
    height: 50px;
  }
  .auth-message-state {
    width: 100%;
  }
  .rma-return-item-header-container {
    margin-top: 25px;
    height: auto;
    padding-bottom: 14px;
  }
  .rma-return-item-print {
    margin-left: auto;
  }
  .account__return__item__wrapper {
    margin-top: 20px;
  }
  .account__return__item__wrapper .status-bubble {
    font-size: 10px !important;
    font-weight: 400;
  }
  .account-return-container,
  .have-loadmore {
    margin-bottom: 40px;
  }
  .loadmore {
    margin-top: 20px !important;
  }
  .account-return-container {
    margin-bottom: 50px;
  }
  .create-rma-order-id {
    font-size: 16px !important;
  }
  .create-rma-order-prefix {
    font-size: 20px !important;
  }
  .account__return__create__wrapper .RMA__list__title span {
    font-size: 20px;
  }
  .rma-title-section-wrapper .title-section-wrapper {
    margin-bottom: 16px !important;
  }
  .account__return__create__wrapper {
    margin-bottom: 40px;
  }
  .detail-qty-wrapper {
    flex: unset;
    padding-right: 5px;
    width: 100%;
  }
  .rma-crate-wrapper-footer {
    margin-top: 30px;
  }
  .rma-return-info__wrapper span {
    font-size: 12px !important;
  }
  .rma-return-item {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .account__return__detail {
    margin-bottom: 41px;
  }
  .rma-return-item-container .rma-return-item .image-container img {
    width: 52.2px;
    height: 70px;
    object-fit: contain;
  }
  .rma-return-item-header-container {
    margin-top: 25px;
  }
}
.rma-return-item-container .addition {
  word-break: break-all;
  white-space: normal;
}
.account__return__detail {
  margin-bottom: 49px;
}
.rma-items[data-selected=false] .ant-form-item-explain-error {
  opacity: 0;
  transition: all 0.3s, height 0s;
}
.main-qty-return {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main-qty-return .ant-input-number:hover {
  border: 1px solid #d9d9d9;
  box-shadow: unset;
}
@media only screen and (min-width: 992px) {
  .main-qty-retur-condition .ant-col {
    margin: 0 20px 0 20px;
  }
  .text-qty-return {
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .auth-message-state {
    margin-top: 40px;
  }
  .rma-return-info_low_item {
    margin-top: 40px;
  }
  .rma-return-item-header__left .rma-return-item-title {
    font-size: 16px;
    font-weight: 600;
    color: black;
  }
  .rma-items .rma-item-container .rma-choose-item-wrapper {
    display: flex;
    column-gap: 0;
  }
  .rma-items .rma-item-container .rma-item .rma-additional-container .additional {
    margin-top: 45px;
    padding-left: 50px;
  }
  .rma-items .rma-item-container .rma-item .rma-detail-container .not-allow-rma-wrapper {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .account__return__create__wrapper .rma-items .rma-item-container .rma-detail {
    padding-left: 0;
    padding-top: 0;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
.rma-bank-title {
  margin-top: 34px;
  border-bottom: 0.5px solid #000;
}
.rma-bank-title span {
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  .rma-bank-title span {
    font-size: 20px;
    text-align: left;
  }
}
.rma-create-wrapper-bank-section {
  width: 100%;
  margin-top: 40px;
}
.rma-create-wrapper-bank-section .rma-create-bank-form {
  width: 100%;
}
.rma-create-wrapper-bank-section .rma-create-bank-form .ant-form-item-has-error {
  padding-top: 0;
}
@media (max-width: 1023px) {
  .rma-create-wrapper-bank-section .rma-create-bank-form .ant-form-item-has-error {
    padding-top: 10px;
  }
}
.rma-create-wrapper-bank-section .rma-create-bank-form .ant-form-item-has-error .box-red {
  padding: 0;
  margin-left: 9px;
}
.rma-create-wrapper-bank-section .rma-create-bank-form .exchange-policy {
  margin: 10px 0 20px 0;
  padding-top: 0px !important;
}
.rma-create-wrapper-bank-section .rma-create-bank-form .exchange-policy .ant-checkbox-wrapper {
  display: flex;
  align-items: flex-start;
}
.rma-create-wrapper-bank-section .rma-create-bank-form .exchange-policy .ant-checkbox-wrapper .ant-checkbox,
.rma-create-wrapper-bank-section .rma-create-bank-form .exchange-policy .ant-checkbox-wrapper .ant-checkbox-checked {
  margin-top: 2px;
}
@media (min-width: 1024px) {
  .rma-create-wrapper-bank-section .rma-create-bank-form .exchange-policy .message-error {
    position: absolute;
    right: 0px;
    top: 32px;
  }
}
@media (max-width: 1023px) {
  .rma-create-wrapper-bank-section .rma-create-bank-form .exchange-policy .message-error {
    position: absolute;
    right: 5px;
    top: 8px;
  }
}
.return-request-message-wrapper {
  width: 100%;
}
.earning-rules {
  height: 100%;
}
.mcard-wrapper .header {
  letter-spacing: 0;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.two-line-wrapper .header {
  letter-spacing: 0;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .two-line-wrapper .header {
    letter-spacing: 0;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
  }
}
.two-line-wrapper .text {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .two-line-wrapper:first-child {
    margin-bottom: 24px;
  }
}
.page-point .account-content-wrapper {
  margin-bottom: 0px !important;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .ant-table-thead .ant-table-cell:last-child {
    padding-right: 20px;
  }
  .ant-table-thead .ant-table-cell:first-child {
    width: 131px;
    padding-left: 21px;
  }
  tbody td {
    font-size: 14px;
    font-weight: normal;
    padding: 9px 0px 9px 25px;
  }
  .ant-table-row .ant-table-cell:last-child {
    padding-right: 20px;
  }
  .ant-table-row .ant-table-cell:first-child {
    padding-left: 21px;
  }
  .account-content-container {
    max-width: 451px !important;
  }
  .mcard-image {
    height: 57px;
    width: 93px;
  }
  .m-card-container {
    min-height: 212px !important;
    max-width: 451px !important;
  }
  .member-ship-info > .expired {
    margin-bottom: 10px;
  }
  .myaccount .mcard-wrapper {
    margin-top: 0px !important;
  }
}
.display-section-point-table {
  margin-top: 36px;
}
.account-m-title-table-line {
  margin-top: 16px !important;
}
.account-m-title-table-container {
  margin-bottom: 30px !important;
}
.account-m-title-container {
  margin-bottom: 20px !important;
}
.mcard-wrapper > svg {
  width: 16px;
  height: 16px;
}
.card-number {
  font-size: 12px;
}
.account-content-wrapper.m-card-container {
  padding: 20px 20px 20px 20px;
}
.mcard-wrapper .header {
  margin-bottom: 25px !important;
}
@media only screen and (max-width: 768px) {
  .display-section-point-table {
    margin-top: 20px;
  }
  .m-point-table tbody td {
    padding: 12px 0px 12px 0px !important;
    font-size: 14px;
    font-weight: normal;
  }
  .ant-table-thead .ant-table-cell:first-child {
    width: 50px;
  }
  .account-m-title-table-container {
    margin-bottom: 10px !important;
  }
  .account-m-title-container {
    margin-bottom: 21px !important;
  }
  .account-content-container {
    margin-top: 20px;
    margin-left: 0px;
  }
  .account-content-container.account-content-wrapper {
    padding: 20px;
  }
  .card-number {
    font-size: 11px;
  }
  .account-content-wrapper.m-card-container {
    padding: 22px 20px 20px 22px;
  }
  .mcard-wrapper svg {
    width: 10px;
    height: 10px;
  }
  .mcard-wrapper .header {
    margin-bottom: 25px !important;
  }
  .earning-rules {
    max-width: 381px;
  }
  .earning-rules .two-line-wrapper > .header {
    margin-bottom: 10px !important;
  }
  .ant-table-thead .ant-table-cell:last-child {
    padding-right: 10px !important;
  }
  .ant-table-thead .ant-table-cell:first-child {
    padding-left: 10px !important;
  }
  .ant-table-row .ant-table-cell:last-child {
    padding-right: 10px !important;
  }
  .ant-table-row .ant-table-cell:first-child {
    padding-left: 10px !important;
  }
  .loadmore {
    margin-top: 20px !important;
  }
  .page-point {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 767px) {
  .two-line-wrapper:first-child {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .top-mcard-container {
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .top-mcard-container {
    margin-bottom: 40px;
  }
}
.forgot__password__wrapper .footer-outer {
  padding: 0;
}
.forgot__password__wrapper .forgot-password a.ant-typography {
  color: #000000 !important;
}
.forgot__password__wrapper .register-section {
  text-align: center;
}
.forgot__password__wrapper .register-section .register-title {
  display: block;
  margin: 40px 0 40px 0;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .forgot__password__wrapper .register-section .register-title {
    margin: 53px 0 34px 0;
    font-size: 20px;
  }
}
.forgot__password__wrapper .forgot-password-content .step-form > .ant-row {
  max-width: 600px;
  margin: 0 auto;
}
.forgot__password__wrapper .forgot-password-content .step-form > .ant-row form .ant-form-item {
  margin-bottom: 0;
}
.forgot__password__wrapper .forgot-password-content .step-form > .ant-row form .ant-form-item-explain {
  margin-top: -18px;
}
.forgot__password__wrapper .forgot-password-content .step-form > .ant-row form .message-error {
  font-size: 12px;
}
@media (max-width: 768px) {
  .forgot__password__wrapper .forgot-password-content .step-form > .ant-row form .message-error {
    font-size: 10px;
  }
}
.forgot__password__wrapper .forgot-password-content .step-form > p {
  margin: 0 0 15px 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .forgot__password__wrapper .forgot-password-content .step-form > p {
    margin: 0 0 20px;
    line-height: 1.86;
  }
}
.forgot__password__wrapper .forgot-password-content .mobile-email {
  display: none;
}
.forgot__password__wrapper .forgot-password-content .space-top-btn {
  margin: 0 0 100px 0;
}
.forgot__password__wrapper .forgot-password-content .space-top-btn p {
  text-align: center;
  margin-bottom: 0;
}
.forgot__password__wrapper .forgot-password-content .space-top-btn span,
.forgot__password__wrapper .forgot-password-content .space-top-btn a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .forgot__password__wrapper .forgot-password-content .space-top-btn {
    margin: 0 0 50px;
  }
}
@media (max-width: 768px) {
  .forgot__password__wrapper .forgot-password-content {
    padding: 0 15px;
  }
}
.forgot__password__wrapper .forgot-password-content .forgot-page-resend {
  padding: 15px;
  margin: 20px 0;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.forgot__password__wrapper .forgot-password-content .forgot-page-resend span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.35;
  letter-spacing: normal;
  text-align: center;
}
@media (max-width: 768px) {
  .forgot__password__wrapper .forgot-password-content .forgot-page-resend span {
    line-height: 1.67;
  }
}
.forgot__password__wrapper .forgot-password-content .forgot-page-resend.forgot-page-resend-success {
  border: solid 1px #146b36;
  background-color: #e9fff1;
  height: 76px;
}
@media (max-width: 768px) {
  .forgot__password__wrapper .forgot-password-content .forgot-page-resend.forgot-page-resend-success {
    height: 70px;
  }
}
.forgot__password__wrapper .forgot-password-content .forgot-page-resend.forgot-page-resend-success span {
  max-width: 407px;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.35;
  letter-spacing: normal;
  text-align: center;
  color: #146b36;
}
@media (max-width: 768px) {
  .forgot__password__wrapper .forgot-password-content .forgot-page-resend.forgot-page-resend-success span {
    line-height: 1.67;
  }
}
.forgot__password__wrapper .forgot-password-content .forgot-page-resend.forgot-page-resend-warning {
  padding: 15px;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  height: 76px;
}
@media (max-width: 768px) {
  .forgot__password__wrapper .forgot-password-content .forgot-page-resend.forgot-page-resend-warning {
    height: 68px;
  }
}
.forgot__password__wrapper .forgot-password-content .forgot-page-resend.forgot-page-resend-warning span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.35;
  letter-spacing: normal;
  text-align: center;
  color: #bb8b3e;
}
@media (max-width: 768px) {
  .forgot__password__wrapper .forgot-password-content .forgot-page-resend.forgot-page-resend-warning span {
    margin: auto;
    line-height: 1.67;
  }
}
@media screen and (max-width: 767px) {
  .forgot__password__wrapper .ant-form .message-error > img.error-icon {
    display: none;
  }
  .forgot__password__wrapper .forgot-password p {
    font-size: 14px;
    line-height: 1.86;
    margin-bottom: 0px;
  }
  .forgot__password__wrapper .forgot-password .desktop-email {
    display: none;
  }
  .forgot__password__wrapper .forgot-password .mobile-email {
    display: block;
  }
}
.fw--noti .register-section .register-title {
  margin-bottom: 0 !important;
}
.compare-table .skeleton-image-custom {
  width: 100%;
  height: 200px;
}
.compare-table .width-100-percent {
  width: 100%;
}
.compare-table .ant-table-cell-fix-left {
  z-index: 4;
}
.compare-table .product-item-card .ant-card-cover img {
  bottom: 0;
  display: block;
  height: auto;
  left: 0;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.compare-table .product-item-card .ant-card-cover img.addressbook-modal-delete-close-icon {
  z-index: 3;
  top: 0;
  right: 0;
  bottom: unset;
  left: unset;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.compare-table .reviews-empty {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  text-decoration: underline;
  white-space: nowrap;
}
.compare-table .ant-table-thead {
  display: none;
}
.compare-table td.ant-table-cell {
  vertical-align: top;
  padding: 15px;
}
.compare-table .text-header {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000000;
}
@media (max-width: 1200px) {
  .compare-table .text-header {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #000000;
  }
}
.compare-table .range-price-text,
.compare-table .normal-price-text {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000000;
}
.compare-table .special-price-text {
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0;
  color: #000000;
  color: red;
}
.compare-table .product-item-card .ant-card-body span.qty-plus {
  right: 0px;
}
.compare-table .shadow-button {
  padding: 7px 39px;
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.compare-table .shadow-button.ant-btn-primary:hover {
  background-color: white;
}
.compare-table .shadow-button.ant-btn-primary:hover .ant-table-cell {
  padding-bottom: 14px;
}
.compare-table .shadow-button.shadow-purple {
  box-shadow: 5px 5px 0 0 #6600ff;
}
.compare-table .ant-card-body {
  padding-bottom: 0px;
  margin-bottom: 0;
}
.compare-table .product-item-card {
  padding: 0;
}
.compare-table .product-item-card .product__compare__info .product-name.compare-page {
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .compare-table .product-item-card .product__compare__info .product-name.compare-page {
    font-size: 12px;
  }
}
.compare-table .product-item-card .product__compare__info .product-brand {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .compare-table .product-item-card .product__compare__info .product-brand {
    font-size: 14px;
  }
}
.compare-table .product-name,
.compare-table .product-brand {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #000000;
}
.compare-table .product-brand {
  font-size: 14px;
  line-height: 1.36;
  letter-spacing: 0.35px;
}
.compare-table .ant-table-content {
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.compare-table .ant-table-container::after {
  box-shadow: none !important;
}
.compare-table .force-white-bg .compare__header {
  background: white;
}
.compare-table .compare__header {
  min-width: 220px;
  width: 220px;
  max-width: 220px;
  left: -1px !important;
}
@media (max-width: 1200px) {
  .compare-table .compare__header {
    min-width: 100px;
    width: 100px;
    max-width: 100px;
  }
  .compare-table .compare__header.custom-header {
    padding-left: 0px !important;
  }
}
@media (min-width: 1200px) {
  .compare-table .compare__header span {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.28px;
  }
}
.compare-table .column__compare {
  min-width: 255px;
  width: 255px;
  max-width: 255px;
  padding: 15px 26px 15px 0 !important;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  color: #000000;
  margin-right: 26px;
}
.compare-table .column__compare .product-item-card .ant-card-body {
  padding: 0 !important;
  border-top: 1px solid black;
  padding-top: 17px !important;
  height: 86px;
}
@media (max-width: 576px) {
  .compare-table .column__compare {
    min-width: 150px;
    width: 150px;
    max-width: 150px;
  }
}
@media (max-width: 1200px) {
  .compare-table .column__compare {
    min-width: 216px;
    width: 216px;
    max-width: 216px;
  }
}
.compare-table .column__compare ul {
  padding: 0;
}
.compare-table .column__compare .product-item-card {
  min-height: 0;
}
.compare-table .column__compare .ant-card-cover {
  margin: 0;
  padding-bottom: 0px !important;
  width: 100%;
}
@media (max-width: 768px) {
  .compare-table .column__compare .ant-card-cover {
    height: 184px;
  }
}
.compare-table .column__compare .product-item-card:hover {
  box-shadow: none;
}
.compare-table .column__compare .product__compare__header {
  position: relative;
  padding-bottom: 90%;
}
.compare-table .column__compare .product__compare__header .product-item-card-image {
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.compare-table .column__compare .product__compare__header .product-item-card-image:last-child {
  margin-right: 30px;
}
@media (max-width: 768px) {
  .compare-table .column__compare .product__compare__header .product-item-card-image {
    max-height: 184px;
  }
}
.compare-table .column__compare .product__compare__header .addressbook-modal-delete-close-icon {
  top: -11px !important;
  right: -11px !important;
}
.compare-table .column__compare .product__compare__header .compare-discount-badge > div {
  z-index: 3;
  right: 20px;
}
.compare-table .product-name {
  font-size: 12px;
  line-height: 1.58;
}
.compare-table .product-short-description {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: 0.18px;
  color: #000000;
}
.compare-table .product-short-description p {
  font-size: 14px;
  font-weight: 400;
}
.compare-table .product-short-description strong {
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .compare-table .product-short-description {
    font-size: 12px;
  }
  .compare-table .product-short-description p {
    font-size: 12px;
    font-weight: 400;
  }
  .compare-table .product-short-description strong {
    font-size: 12px;
    font-weight: 400;
  }
}
.compare-table .range-price-text {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: 0.5px;
  color: #ff0000;
}
.compare-table .normal-price-text {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: 0.5px;
}
.compare-table .btn__addToC button {
  width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  padding: 6px 0 8px;
  text-align: center;
  box-shadow: 5px 5px 0 0 #6600ff;
  background-color: #000000;
}
.compare-table .compare__wishlist {
  display: flex;
  cursor: pointer;
}
.compare-table .compare__wishlist p {
  margin-left: 7px;
  text-decoration: underline;
  font-weight: 500;
  color: #000;
}
.compare-table .reviews {
  font-size: 12px;
  color: #000;
  font-weight: 500;
  margin-left: 5px;
  margin-top: 3px;
}
.compare-table .reviews a {
  color: #000;
  text-decoration: underline;
}
@media print {
  .compare-table .reviews {
    margin-top: 4px;
  }
}
.compare-table .force-white-bg .column__compare {
  background-color: #fff;
}
.compare-table .print-landscape table {
  page-break-inside: auto;
}
.compare-table .print-landscape tr {
  page-break-inside: avoid;
  page-break-after: auto;
}
.compare-table .print-landscape thead {
  display: table-header-group;
}
.compare-table .print-landscape tfoot {
  display: table-footer-group;
}
@page {
  size: auto;
  margin: 25mm 25mm 25mm 25mm;
}
@media print {
  @page {
    size: landscape;
  }
}
.compare-table .product-price-wrap {
  display: flex;
}
@media (max-width: 768px) {
  .compare-table .product-price-wrap {
    margin-top: 0px;
  }
}
.compare-table .product-price-wrap .price {
  margin-bottom: 24px;
}
.compare-table .product-price-wrap .price .normal-price,
.compare-table .product-price-wrap .price .price__currency {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}
@media (max-width: 1200px) {
  .compare-table .product-price-wrap .price .normal-price,
  .compare-table .product-price-wrap .price .price__currency {
    font-size: 14px;
  }
}
.compare-table .product-price-wrap .price-special {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0;
  color: #000000;
}
.compare-table .product-price-wrap .price-special > * {
  display: inline-block;
}
.compare-table .product-price-wrap .price-special .discount-price {
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: 0;
  color: #000000;
  margin-right: 15px;
  color: #ff0000;
}
@media (max-width: 1200px) {
  .compare-table .product-price-wrap .price-special .discount-price {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: 0;
    color: #000000;
    color: #ff0000;
  }
}
.compare-table .product-price-wrap .price-special .discount-price > span {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .compare-table .product-price-wrap .price-special .discount-price > span {
    font-size: 14px;
  }
}
.compare-table .product-price-wrap .price-special .original-price {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0;
  color: #000000;
  color: #a1a1a1;
  text-decoration: line-through;
  margin-top: 2px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .compare-table .product-price-wrap .price-special .original-price {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #000000;
    color: #a1a1a1;
  }
}
@media (max-width: 768px) {
  .compare-table .product-price-wrap .price-special .original-price > span > span {
    font-size: 14px;
  }
}
.compare-table .product-price-wrap .price-save {
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0;
  color: #000000;
  color: #ff0000;
}
@media (max-width: 1200px) {
  .compare-table .product-price-wrap .price-save {
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #000000;
    color: #ff0000;
  }
}
.compare-table .product-price-wrap .price-save .text-price-save {
  font-size: 14px;
  color: inherit;
}
@media (max-width: 1200px) {
  .compare-table .product-price-wrap .price-save .text-price-save {
    font-size: 12px;
  }
}
.compare-table .product-price-wrap .price-save div {
  text-transform: capitalize;
}
.compare-table .product-price-wrap .price-save .price__save > span {
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .compare-table .product-price-wrap .price-save .price__save > span {
    font-size: 12px;
  }
}
.compare-table .product-price-wrap .text-size-guide {
  display: inline-block;
  font-size: 12px;
  line-height: 2;
  cursor: pointer;
}
.compare-table .product-price-wrap .discount-pieces-left {
  margin-top: 20px;
  color: #ff0000;
}
.compare-table .product-price-wrap h1 span {
  font-size: 20px;
}
@media (max-width: 768px) {
  .compare-table .product-price-wrap h1 span {
    font-size: 20px;
  }
}
.compare-table .product-addtocart .ant-alert-message {
  font-weight: normal;
}
.ant-table-tbody > .table-striped-rows.force-white-bg:hover > td,
.table-striped-rows.force-white-bg:nth-child(2n) td {
  background-color: inherit;
}
.drawer-compare-error {
  position: fixed;
  bottom: 120px;
  background-color: #fcf9e6;
  width: 100%;
  left: 0px !important;
  min-height: 40px;
  color: #bb8b3e;
  font-size: 12px;
  border-top: 1px solid #bb8b3e;
  z-index: 1000;
}
.drawer-compare-error.without-compare-item {
  bottom: 0;
}
.drawer-compare-error .custom-ant-drawer-body {
  padding: 0;
  height: 100%;
  overflow: initial;
}
.drawer-compare-error .custom-ant-drawer-content-wrapper {
  position: initial;
  max-width: 1240px;
  margin: 0 auto;
  box-shadow: none !important;
  padding: 10px 15px 11px;
}
.drawer-compare-error .text-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.drawer-compare-bottom {
  bottom: 10px;
  left: 10px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
  padding: 6px 10px;
  border-radius: 5px;
  transform: none;
  background-color: #fff;
  position: fixed;
  width: calc(100% - 20px);
  z-index: 101;
}
@media (max-width: 600px) {
  .drawer-compare-bottom {
    transition: bottom 300ms ease;
  }
}
.drawer-compare-bottom .ant-drawer-body,
.drawer-compare-bottom .custom-ant-drawer-body {
  padding: 0;
  height: 100%;
  overflow: initial;
}
.drawer-compare-bottom .ant-drawer-content-wrapper,
.drawer-compare-bottom .custom-ant-drawer-content-wrapper {
  position: initial;
  max-width: 1240px;
  margin: 0 auto;
  box-shadow: none !important;
}
@media (min-width: 600px) and (max-width: 1000px) {
  .drawer-compare-bottom .ant-drawer-content-wrapper,
  .drawer-compare-bottom .custom-ant-drawer-content-wrapper {
    height: 90px;
  }
}
.drawer-compare-bottom .custom-ant-drawer-content-wrapper .productCompareWrap {
  margin: 0px 0 7px;
}
@media (max-width: 600px) {
  .drawer-compare-bottom .custom-ant-drawer-content-wrapper .btn-clear,
  .drawer-compare-bottom .custom-ant-drawer-content-wrapper .btn__compare {
    cursor: pointer;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: underline;
    background-color: transparent;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.25;
    letter-spacing: normal;
    text-align: right;
    color: #000;
  }
}
@media (min-width: 600px) {
  .drawer-compare-bottom .btn__compare {
    font-size: 12px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000000;
    text-transform: uppercase;
  }
}
.drawer-compare-bottom .btn__compare--reset {
  display: none;
  margin-right: 15px;
}
.drawer-compare-bottom .btn__compare--redirect {
  border: none;
  outline: none;
}
.drawer-compare-bottom .btn__compare--redirect span {
  text-decoration: underline;
}
.drawer-compare-bottom .btn__compare--pagelist {
  padding: 0;
}
.drawer-compare-bottom .btn__compare--pagedetail {
  padding-right: 0;
}
.drawer-compare-bottom .compare-button-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.drawer-compare-bottom .ant-drawer-content {
  overflow: initial;
}
.drawer-compare-bottom .compare__title {
  display: flex;
  align-items: center;
  text-transform: capitalize !important;
}
.drawer-compare-bottom .compare__title div:nth-child(1) {
  color: #000;
  font-size: 12px;
  font-weight: 500;
  margin-right: 7px;
}
.drawer-compare-bottom .compare__title div:nth-child(2) {
  color: #000;
  font-size: 10px;
  font-weight: 500;
}
.drawer-compare-bottom .compare__title.page-list {
  flex-direction: row;
  justify-content: space-between;
}
.drawer-compare-bottom .product__compare__list {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}
@media (max-width: 600px) {
  .drawer-compare-bottom .product__compare__list {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .drawer-compare-bottom .product__compare__list {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
  }
}
.drawer-compare-bottom .product__compare__item {
  position: relative;
  border: 1px solid #979797;
  margin-right: 13px;
  width: 30px;
  height: 36px;
}
@media (max-width: 600px) {
  .drawer-compare-bottom .product__compare__item {
    position: relative;
    border: 1px solid #979797;
    margin: 12px 10px 0;
    width: 32px;
    height: 37px;
  }
}
.drawer-compare-bottom .product__compare__item div {
  height: 100%;
}
.drawer-compare-bottom .product__product__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.drawer-compare-bottom .product__compare__remove {
  position: absolute;
  background-color: transparent;
  border: none;
  outline: none;
  top: -15px;
  right: -15px;
  cursor: pointer;
  z-index: 1000;
}
.drawer-compare-bottom .product__compare__remove img {
  width: 19px;
  height: 19px;
}
@media (max-width: 768px) {
  .drawer-compare-bottom .product__compare__remove {
    right: -webkit-calc(-65%) !important;
  }
}
.drawer-compare-bottom .compare-info {
  position: relative;
  text-align: left;
}
@media (max-width: 1024px) {
  .drawer-compare-bottom .compare-info {
    margin-top: 5px !important;
  }
}
.drawer-compare-bottom .compare-info.compare-info__active .compare-arrow {
  transform: translateY(-50%) rotate(0);
}
.drawer-compare-bottom .compare-title {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.25;
  letter-spacing: normal;
  color: #000;
}
.drawer-compare-bottom .compare-count {
  font-size: 10px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.7;
  letter-spacing: normal;
  color: #000;
  margin-left: 5px;
}
.drawer-compare-bottom .compare-arrow {
  max-width: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform-origin: center center;
  transform: translateY(-50%) rotate(180deg);
}
.compare__empty {
  padding: 50px 0 39px;
}
.compare__empty img {
  width: 50px;
}
.compare__empty .compare__empty__text {
  padding: 25px 0 27px;
  font-size: 14px;
  color: #000;
}
.compare__empty .btn__compare__empty {
  height: 44px;
  outline: none;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  padding: 6px 28.5px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  cursor: pointer;
}
.drawer-compare-error-desktop {
  display: none;
}
@media (min-width: 600px) {
  .drawer-compare-error-desktop {
    display: block;
  }
}
.drawer-compare-error-ipad {
  display: block;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  color: #bb8b3e;
  font-size: 12px;
  border: 1px solid #bb8b3e;
  background-color: #fcf9e6;
  padding: 6px 10px;
  border-radius: 4px;
  text-align: left;
  margin-bottom: 25px;
  width: calc(100% - 20px) !important;
}
.drawer-compare-error-mobile {
  display: block;
  position: absolute;
  bottom: calc(100% + 10px);
  width: 100%;
  left: 0;
  color: #bb8b3e;
  font-size: 12px;
  border: 1px solid #bb8b3e;
  background-color: #fcf9e6;
  padding: 6px 10px;
  border-radius: 4px;
  text-align: left;
}
@media (min-width: 1200px) {
  .drawer-compare-error-mobile {
    display: none;
  }
}
@media (max-width: 1200px) {
  .drawer-compare-error-not-compare.drawer-compare-error-not-compare.drawer-compare-error-not-compare {
    width: calc(100% - 20px);
    left: 10px !important;
    bottom: 10px !important;
    height: initial !important;
    color: #bb8b3e;
    font-size: 12px;
    border: 1px solid #bb8b3e;
    background-color: #fcf9e6;
    border-radius: 4px;
  }
}
@media screen and (min-width: 600px) {
  .drawer-compare-bottom {
    height: 120px !important;
    bottom: 0 !important;
    left: 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    transform: none;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 887;
    border-radius: 0px;
  }
  .drawer-compare-error {
    position: fixed;
    bottom: 130px;
    background-color: #fcf9e6;
    width: 100%;
    left: 10px !important;
    min-height: 40px;
    color: #bb8b3e;
    font-size: 12px;
    border-top: 1px solid #bb8b3e;
    z-index: 1000;
  }
  .drawer-compare-error.without-compare-item {
    bottom: 0;
  }
  .drawer-compare-error .custom-ant-drawer-body {
    padding: 0;
    height: 100%;
    overflow: initial;
  }
  .drawer-compare-error .custom-ant-drawer-content-wrapper {
    position: initial;
    max-width: 1240px;
    margin: 0 auto;
    box-shadow: none !important;
    padding: 10px 25px 11px;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }
  .drawer-compare-error .text-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .drawer-compare-bottom.closeModal {
    height: 47px !important;
    border-radius: 5px !important;
    width: 97% !important;
    left: 11px !important;
    right: 10px !important;
    margin-bottom: 10px;
  }
  .drawer-compare-bottom.openModal {
    height: 128px !important;
    border-radius: 5px !important;
    width: 97% !important;
    left: 11px !important;
    right: 10px !important;
    margin-bottom: 10px;
  }
  .drawer-compare-bottom .ant-drawer-content-wrapper {
    padding: 18px 0px;
  }
  .drawer-compare-bottom .btn__compare {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    padding: 6px 55px;
    border-radius: 2px;
    border: solid 0.5px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 0 0 #6600ff;
    background-color: #000;
    color: #fff;
    width: 190px;
    height: 40px;
  }
  .drawer-compare-bottom .btn__compare span {
    text-decoration: none;
  }
  .drawer-compare-bottom .btn__compare--reset {
    display: block;
    box-shadow: 3px 3px 0 0 #000000;
    background-color: #ffffff;
    color: #000 !important;
  }
  .drawer-compare-bottom .compare__title {
    display: flex;
    align-items: center;
    text-transform: capitalize !important;
  }
  .drawer-compare-bottom .compare__title div:nth-child(1) {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin-right: 7px;
  }
  .drawer-compare-bottom .compare__title div:nth-child(2) {
    color: #000;
    font-size: 10px;
    font-weight: 500;
  }
  .drawer-compare-bottom .compare__title.page-list {
    flex-direction: row;
    justify-content: space-between;
  }
  .drawer-compare-bottom .product__compare__item {
    position: relative;
    border: 1px solid #979797;
    margin-right: 13px;
    width: 30px;
    height: 36px;
  }
  .drawer-compare-bottom .product__compare__remove img {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .drawer-compare-error .custom-ant-drawer-content-wrapper {
    padding: 10px 10px 11px;
  }
}
@media screen and (min-width: 600px) and (min-width: 1024px) {
  .drawer-compare-bottom {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (min-width: 1200px) {
  .drawer-compare-error {
    position: fixed;
    bottom: 130px;
    background-color: #fcf9e6;
    width: 100%;
    left: 0px !important;
    min-height: 40px;
    color: #bb8b3e;
    font-size: 12px;
    border-top: 1px solid #bb8b3e;
    z-index: 1000;
  }
  .drawer-compare-error.without-compare-item {
    bottom: 0;
  }
  .drawer-compare-error .custom-ant-drawer-body {
    padding: 0;
    height: 100%;
    overflow: initial;
  }
  .drawer-compare-error .custom-ant-drawer-content-wrapper {
    position: initial;
    max-width: 1240px;
    margin: 0 auto;
    box-shadow: none !important;
    padding: 10px 0px 11px;
    text-align: left;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }
  .drawer-compare-error .text-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .drawer-compare-bottom {
    height: 130px !important;
    padding-left: 25px;
    padding-right: 25px;
  }
  .drawer-compare-bottom .ant-drawer-content-wrapper {
    padding: 18px 0px;
  }
  .drawer-compare-bottom .btn__compare {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    padding: 6px 55px;
    border-radius: 2px;
    border: solid 0.5px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 0 0 #6600ff;
    background-color: #000;
    color: #fff;
    width: 190px;
    height: 40px;
  }
  .drawer-compare-bottom .btn__compare span {
    text-decoration: none;
  }
  .drawer-compare-bottom .btn__compare--reset {
    display: block;
    box-shadow: 3px 3px 0 0 #000000;
    background-color: #ffffff;
    color: #000 !important;
  }
  .drawer-compare-bottom .compare__title {
    flex-direction: column;
    align-items: flex-start;
    text-transform: capitalize !important;
  }
  .drawer-compare-bottom .compare__title div:nth-child(1) {
    font-size: 16px;
  }
  .drawer-compare-bottom .compare__title div:nth-child(2) {
    font-size: 14px;
  }
  .drawer-compare-bottom .product__compare__item {
    width: 84px;
    height: 97px;
    margin-right: 23px;
  }
  .drawer-compare-bottom .product__compare__remove img {
    width: 16px;
    height: 16px;
  }
}
.compare__wrapper .cart-outer .alert-product-list {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #f00;
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .compare__wrapper .cart-outer .alert-product-list {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #f00;
  }
}
.compare__wrapper .breadcrumb-main {
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .compare__wrapper .breadcrumb-main {
    margin-top: 26px;
  }
}
.compare__wrapper .compare-container .title-section-wrapper {
  padding: 0;
}
.compare__wrapper .compare-container .title-section {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 8px;
}
.compare__wrapper .compare-container .title-divider {
  margin-top: 0;
}
.compare__wrapper .compare-container .heartIcon {
  width: 24px;
  height: 21px;
}
@media screen and (min-width: 1200px) {
  .compare__wrapper .compare-container .title-section-wrapper {
    padding: 0 0;
  }
}
.custom-compare-clearall {
  font-size: 14px !important;
  font-weight: 400 !important;
}
@media (max-width: 1200px) {
  .custom-compare-clearall {
    right: 0 !important;
    top: 10px !important;
  }
}
@media (max-width: 767px) {
  .custom-compare-clearall {
    top: 0px !important;
  }
}
.custom-compare-title {
  font-size: 24px !important;
  font-weight: 600 !important;
}
.normal-text-table {
  font-size: 14px !important;
  font-weight: 400 !important;
}
@media (max-width: 1200px) {
  .normal-text-table {
    font-size: 12px !important;
  }
}
.custom-compare-print > a {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-right: 25px;
}
.custom-compare-print-icon {
  width: 20px;
  height: 20px;
  margin-right: 7px;
}
.compare-container-item {
  position: relative;
  cursor: pointer;
  width: fit-content;
  margin: 0px auto;
}
@media (max-width: 768px) {
  .compare-container-item {
    width: 16px !important;
  }
}
.compare-container-item .text-underline-compare-product {
  padding-top: 3px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .compare-container-item .text-underline-compare-product {
    padding-top: 5px;
  }
}
@media (max-width: 992px) {
  .compare-container-item .loading-compare {
    right: 4px !important;
  }
}
.compare-container-item .loading-compare svg {
  width: 16px !important;
}
.compare-container-item-loading .text-underline-compare-product {
  padding-left: 6px;
}
.compare-container-item-loading .loading-compare svg {
  width: 16px !important;
}
.loading-compare-wrapper {
  width: 39px;
  height: 32px;
  position: relative;
}
@media (max-width: 1024px) {
  .loading-compare-wrapper {
    width: 24px;
  }
}
@media (max-width: 414px) {
  .loading-compare-wrapper {
    width: 16px;
  }
}
@media (max-width: 375px) {
  .loading-compare-wrapper {
    width: 13px;
  }
}
@media (max-width: 320px) {
  .loading-compare-wrapper {
    padding-top: 2px;
    width: 10px;
    height: 33px;
  }
}
@media (max-width: 280px) {
  .loading-compare-wrapper {
    width: 9px;
  }
}
.loading-compare-wrapper .loading-compare {
  position: absolute;
  right: 12px;
  top: 1px;
}
@media (max-width: 1024px) {
  .loading-compare-wrapper .loading-compare {
    right: 8px;
  }
}
@media (max-width: 854px) {
  .loading-compare-wrapper .loading-compare {
    right: 7px;
  }
}
@media (max-width: 414px) {
  .loading-compare-wrapper .loading-compare {
    right: 6px;
  }
}
@media (max-width: 375px) {
  .loading-compare-wrapper .loading-compare {
    right: 4px;
  }
}
@media (max-width: 320px) {
  .loading-compare-wrapper .loading-compare {
    right: 2px;
  }
}
.loading-compare-wrapper .loading-compare svg {
  fill: black;
  width: 30px;
  height: 19px;
}
@media (max-width: 1024px) {
  .loading-compare-wrapper .loading-compare svg {
    width: 24px;
  }
}
@media (max-width: 854px) {
  .loading-compare-wrapper .loading-compare svg {
    width: 19px;
  }
}
@media (max-width: 414px) {
  .loading-compare-wrapper .loading-compare svg {
    width: 16px;
  }
}
@media (max-width: 375px) {
  .loading-compare-wrapper .loading-compare svg {
    width: 13px;
  }
}
@media (max-width: 320px) {
  .loading-compare-wrapper .loading-compare svg {
    width: 10px;
  }
}
@media (max-width: 280px) {
  .loading-compare-wrapper .loading-compare svg {
    width: 9px;
  }
}
.loading-compare-wrapper.with-label {
  width: 24px;
  height: 20px;
}
.loading-compare-wrapper.with-label .loading-compare {
  right: 4px;
}
@media (max-width: 450px) {
  .loading-compare-wrapper.with-label .loading-compare {
    right: -2px;
  }
}
.compare-icon svg {
  width: 23px;
}
@media (max-width: 1024px) {
  .compare-icon svg {
    width: 20px;
    margin-right: 5px;
  }
}
@media (max-width: 854px) {
  .compare-icon svg {
    width: 19px;
  }
}
.custom-print-text {
  text-decoration: none !important;
}
.print-compare {
  width: fit-content !important;
}
.print-compare table {
  page-break-inside: auto;
}
.print-compare tr {
  page-break-inside: avoid;
  page-break-after: auto;
}
.print-compare thead {
  display: table-header-group;
}
.print-compare tfoot {
  display: table-footer-group;
}
@page {
  size: auto;
  margin: 21mm 21mm 21mm 21mm;
}
@media print {
  @page {
    size: landscape;
  }
}
.print-compare-firefox table {
  page-break-inside: avoid;
}
.print-compare-firefox tr {
  page-break-inside: avoid;
  page-break-after: auto;
}
.print-compare-firefox thead {
  display: table-header-group;
}
.print-compare-firefox tfoot {
  display: table-footer-group;
}
@page {
  size: auto;
}
@media print and (orientation: portrait) {
  .print-compare-firefox {
    width: 105vh !important;
  }
  @page {
    margin: 20mm 6mm 6mm 6mm !important;
    size: portrait;
  }
}
@media print and (orientation: landscape) {
  .print-compare-firefox {
    width: -moz-fit-content !important;
  }
}
@media print and (orientation: landscape) {
  .print-compare-safari-6 {
    width: 1085vh;
  }
}
@media print and (orientation: landscape) {
  .print-compare-safari-5 {
    width: 920vh;
  }
}
@media print and (orientation: landscape) {
  .print-compare-safari-4 {
    width: 750vh;
  }
}
.review-compare {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .review-compare {
    flex-direction: column;
  }
}
@media print {
  .review-compare {
    display: flex;
    flex-direction: row;
  }
  .review-compare svg {
    width: 14px !important;
    height: 14px !important;
    margin-top: 12px;
  }
}
.review-compare .display-star {
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .review-compare .display-star {
    flex-direction: column;
  }
}
.review-compare svg {
  width: 14px !important;
  height: 14px !important;
}
.rate {
  pointer-events: none;
  margin-top: -7px !important;
}
.modal-delete-compare {
  display: flex;
  flex-direction: column;
}
.modal,
.delete-modal,
.checkout__address__modal,
.guest-checkout-modal-container,
.Checkout__add__address__modal,
.date-time-select,
.modal-information,
.coupon-error-modal {
  padding: 0 !important;
}
.modal .ant-modal-close,
.delete-modal .ant-modal-close,
.checkout__address__modal .ant-modal-close,
.guest-checkout-modal-container .ant-modal-close,
.Checkout__add__address__modal .ant-modal-close,
.date-time-select .ant-modal-close,
.modal-information .ant-modal-close,
.coupon-error-modal .ant-modal-close {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
}
.modal .ant-modal-close .ant-modal-close-x,
.delete-modal .ant-modal-close .ant-modal-close-x,
.checkout__address__modal .ant-modal-close .ant-modal-close-x,
.guest-checkout-modal-container .ant-modal-close .ant-modal-close-x,
.Checkout__add__address__modal .ant-modal-close .ant-modal-close-x,
.date-time-select .ant-modal-close .ant-modal-close-x,
.modal-information .ant-modal-close .ant-modal-close-x,
.coupon-error-modal .ant-modal-close .ant-modal-close-x {
  width: unset;
  height: unset;
  line-height: unset;
}
@media (max-width: 768px) {
  .modal .ant-modal-close,
  .delete-modal .ant-modal-close,
  .checkout__address__modal .ant-modal-close,
  .guest-checkout-modal-container .ant-modal-close,
  .Checkout__add__address__modal .ant-modal-close,
  .date-time-select .ant-modal-close,
  .modal-information .ant-modal-close,
  .coupon-error-modal .ant-modal-close {
    top: 13px;
    right: 13px;
  }
}
.modal .ant-modal-close-x svg,
.delete-modal .ant-modal-close-x svg,
.checkout__address__modal .ant-modal-close-x svg,
.guest-checkout-modal-container .ant-modal-close-x svg,
.Checkout__add__address__modal .ant-modal-close-x svg,
.date-time-select .ant-modal-close-x svg,
.modal-information .ant-modal-close-x svg,
.coupon-error-modal .ant-modal-close-x svg,
.modal .ant-modal-close-x img,
.delete-modal .ant-modal-close-x img,
.checkout__address__modal .ant-modal-close-x img,
.guest-checkout-modal-container .ant-modal-close-x img,
.Checkout__add__address__modal .ant-modal-close-x img,
.date-time-select .ant-modal-close-x img,
.modal-information .ant-modal-close-x img,
.coupon-error-modal .ant-modal-close-x img {
  width: 30px;
  height: 30px;
}
.modal hr,
.delete-modal hr,
.checkout__address__modal hr,
.guest-checkout-modal-container hr,
.Checkout__add__address__modal hr,
.date-time-select hr,
.modal-information hr,
.coupon-error-modal hr {
  border: 0;
  border-top: solid 2px #000000;
  margin: 15px 0 65px;
}
@media (max-width: 768px) {
  .modal hr,
  .delete-modal hr,
  .checkout__address__modal hr,
  .guest-checkout-modal-container hr,
  .Checkout__add__address__modal hr,
  .date-time-select hr,
  .modal-information hr,
  .coupon-error-modal hr {
    margin: 15px 0 20px;
  }
}
.modal-opacity {
  opacity: 0 !important;
}
.modal__title span {
  display: block;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .modal__title span {
    font-size: 18px;
  }
}
.modal__description .description__title span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.modal__description .description__subtitle {
  margin: 12px 0 56px;
}
.modal__description .description__subtitle span {
  display: block;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #151515;
}
@media (max-width: 768px) {
  .modal__description .description__subtitle {
    margin: 1px 0 30px;
  }
}
.modal__button {
  text-align: center;
}
.modal__button button {
  height: 40px;
  padding: 6px 65px;
  white-space: nowrap;
  text-transform: uppercase;
  transition: 300ms;
}
.modal__button button:hover {
  color: #000;
}
.modal__button button:active {
  box-shadow: none !important;
}
@media (max-width: 768px) {
  .modal__button button {
    padding: 0;
  }
}
.modal__button .modal__button__cancel {
  padding: 0;
  color: #000000;
  border: 0;
  outline: 0;
  background-color: transparent;
}
.modal__button .modal__button__cancel span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
}
.modal__button .modal__button__confirm {
  width: 187px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  margin-left: 118px;
}
@media (max-width: 768px) {
  .modal__button .modal__button__confirm {
    width: 165px;
    margin-left: 47px;
  }
}
.modal__button .modal__button__confirm span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.modal-information hr {
  margin: 15px 0 0;
}
.modal-information .ant-modal-header {
  padding: 0;
  border: 0;
}
.modal-information .ant-modal-header .ant-modal-title span {
  display: block;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .modal-information .ant-modal-header .ant-modal-title span {
    font-size: 18px;
  }
}
.modal-information .ant-modal-body {
  text-align: center;
  padding: 0;
}
.service__register__popup.modal-information .ant-modal-body {
  text-align: initial;
  letter-spacing: initial;
  color: initial;
  font-size: initial;
}
.modal-information-product {
  max-width: 810px;
}
@media (max-width: 768px) {
  .modal-information-product {
    max-width: calc(100vw - 16px);
  }
}
.modal-information-product .ant-modal-title {
  letter-spacing: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding: 26px 0 14px;
}
.modal-information-product .ant-modal-header {
  margin: 0 43px;
  text-align: center;
  padding: 0;
  border-bottom: 2px solid #000000;
}
.modal-information-product .ant-modal-body {
  padding-top: unset;
}
.modal-information-product .rate .ant-rate-star {
  margin: unset;
}
.modal-information-product .product-brand {
  font-size: 16px;
}
.modal-information-product .product-name {
  font-size: 12px;
  height: 60px;
}
.modal-information-product .product-price {
  font-size: 12px;
}
.button-modal-free-item {
  padding: 13px 65px;
  border-radius: 2px;
  box-shadow: 5px 5px 0 0 #000000;
  border: solid 0.5px #000000;
  background-color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  max-height: 50px;
  height: 100%;
}
.button-modal-free-item:active {
  color: #000000;
  background: #ffffff;
  border-color: #000000;
  box-shadow: 5px 5px 0 0 #000000 !important;
}
.button-modal-free-item:focus {
  color: #000000;
  background: #ffffff;
  border-color: #000000;
  box-shadow: 5px 5px 0 0 #000000;
}
.button-modal-free-item:hover {
  color: #000000 !important;
  border-color: #000000;
}
.main-modal-container {
  padding: 0;
}
@media (max-width: 992px) {
  .main-modal-container {
    width: 95% !important;
  }
  .main-modal-container.guest-checkout-modal-container {
    width: 100% !important;
  }
  .main-modal-container.review-form-modal {
    width: 100% !important;
  }
  .main-modal-container.campaign-detail-modal {
    width: auto !important;
  }
}
.main-modal-container .ant-modal-body {
  padding: 0;
}
.main-modal-container .ant-modal-body .title {
  font-size: 18px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: center;
  min-width: 100px !important;
}
@media (max-width: 576px) {
  .main-modal-container.delivery-option-title .ant-modal-body .title {
    margin: auto 30px;
  }
}
.main-modal-container hr {
  border: 0;
  border-top: solid 2px #000000;
  margin: 15px 0 30px;
}
.main-modal-container .ant-modal-content {
  padding: 40px;
  border-radius: unset;
}
@media (max-width: 768px) {
  .main-modal-container .ant-modal-content {
    padding: 20px 20px 34px;
    max-height: 75vh;
    overflow-y: auto;
  }
}
.main-modal-container.campaign-detail-modal .ant-modal-content {
  padding: 0;
}
.main-modal-container .ant-modal-footer {
  padding: 0;
  margin-top: 30px;
  border: 0;
  text-align: center;
}
.main-modal-container .ant-modal-footer a {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  height: 40px;
}
@media (max-width: 768px) {
  .main-modal-container .ant-modal-footer a {
    margin-bottom: 10px;
  }
}
.main-modal-container .ant-modal-footer button {
  padding: 6px 10px;
  min-width: 180px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  transition: 300ms;
}
.main-modal-container .ant-modal-footer button span {
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 576px) {
  .main-modal-container .ant-modal-footer button.redemption_payment_error-submit-button {
    width: 252px !important;
  }
}
@media (max-width: 768px) {
  .main-modal-container .ant-modal-footer button {
    width: 165px;
    margin-left: 47px;
  }
}
@media (max-width: 330px) {
  .main-modal-container .ant-modal-footer button {
    width: 160px;
    min-width: 160px;
  }
}
.main-modal-container .ant-modal-footer button:active {
  box-shadow: none !important;
}
@media (max-width: 576px) {
  .main-modal-container .ant-modal-footer button {
    margin-left: 10% !important;
  }
}
@media (max-width: 455px) {
  .main-modal-container .ant-modal-footer button.cancel-wishlist {
    margin-left: 5% !important;
  }
}
@media (max-width: 413px) {
  .main-modal-container .ant-modal-footer button.cancel-wishlist {
    margin-left: 0 !important;
    width: 190px;
  }
}
.main-modal-container .ant-modal-footer.redemption_payment_error .ant-modal-body .title-container-modal {
  display: flex;
  justify-content: center;
  width: 100%;
}
.main-modal-container .ant-modal-footer.redemption_payment_error .ant-modal-body .title {
  width: 319px;
}
@media (max-width: 576px) {
  .main-modal-container .ant-modal-footer.redemption_payment_error .ant-modal-body .title {
    line-height: normal;
    -webkit-line-clamp: 10;
  }
}
@media (max-width: 768px) {
  .main-modal-container .ant-modal-footer.single-button button {
    margin-left: 0 !important;
  }
}
@media (max-width: 576px) {
  .main-modal-container .ant-modal-footer.single-button button {
    margin-left: 0 !important;
  }
}
@media (max-width: 768px) {
  .title-container-modal .title {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media (max-width: 575.98px) {
  .title-container-modal .title {
    margin-left: 22px;
    margin-right: 22px;
  }
}
.checkout__address__modal .addressbook-item-location-required {
  display: none;
}
.checkout__address__modal .ant-modal-body {
  padding: 0;
}
.checkout__address__modal hr {
  margin: 10px 0;
}
.checkout__address__modal .link {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: right;
  color: #000000;
  margin-bottom: 12px;
  white-space: nowrap;
}
.checkout__address__modal .ant-form-item {
  margin-bottom: 0;
  max-height: 490px;
}
.checkout__address__modal .address-form {
  max-height: 490px;
  overflow-y: scroll;
  padding-right: 4px;
}
@media (max-width: 768px) {
  .checkout__address__modal .address-form {
    max-height: 41vh;
  }
}
.checkout__address__modal .address-form::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent !important;
}
.checkout__address__modal .address-form::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f0f0f0 !important;
}
.checkout__address__modal .address-form::-webkit-scrollbar-thumb {
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background-color: #dcdcdc !important;
}
.checkout__address__modal .custom-radio-checkout {
  width: 100%;
}
.checkout__address__modal .addressbook-header-item {
  border: 0;
  padding: 0;
}
.checkout__address__modal .address-form > div {
  border-radius: 2px;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  padding: 15px;
}
.checkout__address__modal .address-form > div:not(:last-child) {
  margin-bottom: 20px;
}
.checkout__address__modal .address-form > :last-child {
  margin-bottom: 1px;
}
.checkout__address__modal .address-form .address__info {
  flex: 1;
  cursor: pointer;
}
.checkout__address__modal .address-form .address__info .addressbook-info {
  margin-top: 0;
}
.checkout__address__modal .address-form .address__info .addressbook-info > div:first-child {
  margin-top: 0;
}
.checkout__address__modal .address-form .address__info .addressbook-info > div h4 {
  font-size: 14px;
  font-weight: 500 !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
}
.checkout__address__modal .address-form .address__info .addressbook-info > div h4 span,
.checkout__address__modal .address-form .address__info .addressbook-info > div h4 p.delivery-instruction {
  font-size: 14px;
  font-weight: normal !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
  word-break: break-word;
}
.checkout__address__modal .address-form .address__info .addressbook-header-item-tags > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkout__address__modal .address-form .address__info .addressbook-header-action {
  margin-bottom: 10px;
}
.checkout__address__modal .address-form .address__info .addressbook-header-action div {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  color: #000000;
  word-break: break-word;
}
@media (min-width: 768px) {
  .Checkout__add__address__modal .ant-modal-content {
    height: 730px;
  }
}
.Checkout__add__address__modal .btn__cancel__address {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
}
.Checkout__add__address__modal .address__footer__popup {
  margin-top: 45px;
  width: 100%;
}
.Checkout__add__address__modal .address__footer__popup .ant-row.ant-form-item {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .Checkout__add__address__modal .address__footer__popup.checkout-page {
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 38px;
    position: sticky;
    bottom: 0;
    background: white;
    z-index: 10000;
  }
}
.Checkout__add__address__modal .delivery-instruction-container .ant-row.ant-row-middle.ant-select-selection-item {
  max-width: 97% !important;
}
.Checkout__add__address__modal .delivery-instruction-container .custom-container-select-input textarea.ant-input {
  padding: 5px 16px 0px 0 !important;
}
.Checkout__add__address__modal .ant-modal-body {
  padding: 0;
}
.Checkout__add__address__modal span.title {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.Checkout__add__address__modal hr {
  margin: 15px 0 30px;
}
.Checkout__add__address__modal .shipping-form-container {
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  .Checkout__add__address__modal .shipping-form-container {
    max-height: 490px;
  }
}
.Checkout__add__address__modal .shipping-form-container .address_row_name.ant-form-item-has-error {
  padding-top: 22px;
}
.Checkout__add__address__modal .shipping-form-container .ant-form-item {
  margin: 0;
}
.Checkout__add__address__modal .shipping-form-container .address_row_name,
.Checkout__add__address__modal .shipping-form-container .address_row_1,
.Checkout__add__address__modal .shipping-form-container .address_row_3,
.Checkout__add__address__modal .shipping-form-container .address_row_4,
.Checkout__add__address__modal .shipping-form-container .address_row_5,
.Checkout__add__address__modal .shipping-form-container .address_row_6,
.Checkout__add__address__modal .shipping-form-container .address_row_7 {
  margin-bottom: 15px;
}
.Checkout__add__address__modal .shipping-form-container .address_row_5 .float-label-select,
.Checkout__add__address__modal .shipping-form-container .address_row_6 .float-label-select,
.Checkout__add__address__modal .shipping-form-container .address_row_7 .float-label-select {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .Checkout__add__address__modal .shipping-form-container .address_row_1 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_3 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_4 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_5 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_6 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_7 > div:first-child {
    padding-right: 5px;
    margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  .Checkout__add__address__modal .shipping-form-container .address_row_1 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_3 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_4 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_5 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_6 > div:first-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_7 > div:first-child {
    padding-right: 0px;
  }
}
.Checkout__add__address__modal .shipping-form-container .address_row_1 > div:last-child,
.Checkout__add__address__modal .shipping-form-container .address_row_3 > div:last-child,
.Checkout__add__address__modal .shipping-form-container .address_row_4 > div:last-child,
.Checkout__add__address__modal .shipping-form-container .address_row_5 > div:last-child,
.Checkout__add__address__modal .shipping-form-container .address_row_6 > div:last-child,
.Checkout__add__address__modal .shipping-form-container .address_row_7 > div:last-child {
  padding-left: 13px;
}
@media (max-width: 768px) {
  .Checkout__add__address__modal .shipping-form-container .address_row_1 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_3 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_4 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_5 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_6 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_7 > div:last-child {
    padding-left: 5px;
    margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  .Checkout__add__address__modal .shipping-form-container .address_row_1 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_3 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_4 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_5 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_6 > div:last-child,
  .Checkout__add__address__modal .shipping-form-container .address_row_7 > div:last-child {
    margin-bottom: 15px;
    padding-left: 0px;
  }
}
.Checkout__add__address__modal .shipping-form-container .address_row_2 {
  margin-bottom: 15px;
}
.Checkout__add__address__modal .shipping-form-container .main-address-shipping {
  margin-top: 28px;
}
.Checkout__add__address__modal .shipping-form-container::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent !important;
  padding-left: 4px;
}
.Checkout__add__address__modal .shipping-form-container::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f0f0f0 !important;
  padding-left: 4px;
}
.Checkout__add__address__modal .shipping-form-container::-webkit-scrollbar-thumb {
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background-color: #dcdcdc !important;
}
.Checkout__add__address__modal::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent !important;
}
.Checkout__add__address__modal::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f0f0f0 !important;
  padding-left: 4px;
}
.Checkout__add__address__modal::-webkit-scrollbar-thumb {
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background-color: #dcdcdc !important;
}
.Checkout__add__address__modal .gg-map-tips img {
  max-width: 28px;
}
.Checkout__add__address__modal .gg-map-tips {
  padding: 9px 15px;
}
.date-time-select {
  max-width: 1090px;
  max-height: 707px;
  padding: 0;
  overflow-y: hidden;
  overflow-x: hidden;
}
@media (max-width: 768px) and (max-width: 768px) {
  .date-time-select {
    max-width: calc(100vw - 16px);
  }
}
.date-time-select .ant-modal-content {
  padding: 20px;
  border-radius: 0;
}
@media (max-width: 768px) {
  .date-time-select .ant-modal-content {
    padding: 20px 20px 34px;
    max-height: 75vh;
    overflow-y: auto;
  }
}
.date-time-select .ant-modal-content .ant-modal-body {
  padding: 0;
}
.date-time-select hr {
  margin: 10px 0 20px;
}
.date-time-select .date-header {
  width: 95px;
}
.date-time-select .date__scroll__wrap {
  flex-wrap: nowrap;
  padding-bottom: 4px;
  max-height: 440px;
}
.date-time-select .date__scroll__wrap::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent !important;
}
.date-time-select .date__scroll__wrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #d5d5d5 !important;
  padding-left: 4px;
}
.date-time-select .date__scroll__wrap::-webkit-scrollbar-thumb {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #949494 !important;
}
.date-time-select .row-display-time {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}
.date-time-select .row-display-time > .row-th {
  height: 50px;
  margin-bottom: 20px;
}
.date-time-select .row-display-time .display-time {
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.date-time-select .row-display-time .display-time:last-child {
  margin-bottom: 0;
}
.date-time-select .row-display-time .display-time span {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.93;
  letter-spacing: normal;
  color: #000000;
}
.date-time-select .custom-row {
  flex-flow: row !important;
}
@media (max-width: 768px) {
  .date-time-select .row-display-time {
    min-width: 100px;
  }
  .date-time-select .date-header {
    width: 85px;
  }
  .date-time-select .display-content-scroll {
    overflow-x: scroll;
  }
  .date-time-select .show-radio,
  .date-time-select .hidden-radio {
    width: 85px !important;
    height: 45px !important;
  }
  .date-time-select .show-radio .price,
  .date-time-select .hidden-radio .price {
    font-size: 12px !important;
  }
  .date-time-select .display-time {
    height: 45px !important;
  }
  .date-time-select .display-time span {
    font-size: 12px !important;
  }
  .date-time-select .row-th {
    width: 85px !important;
    height: 45px !important;
  }
  .date-time-select .row-th > div:nth-child(1) span {
    font-size: 12px !important;
  }
  .date-time-select .row-th > div:nth-child(2) span {
    font-size: 10px !important;
  }
}
.date-time-select .display-content-scroll > .container-th .row-th {
  margin-left: 10px;
  width: 95px;
  height: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
.date-time-select .display-content-scroll > .container-th .row-th:first-child {
  margin-left: 0;
}
.date-time-select .display-content-scroll > .container-th .row-th > div:nth-child(1) span {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.93;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.date-time-select .display-content-scroll > .container-th .row-th > div:nth-child(2) span {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.date-time-select .display-content-scroll .ant-radio-group {
  margin-bottom: 10px;
}
.date-time-select .display-content-scroll .ant-radio-group:last-child {
  margin-bottom: 0;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper {
  margin-right: 0px;
  width: 95px;
  height: 50px;
  display: flex;
  background-color: #ffffff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  border: solid 0.5px black;
  margin-left: 10px;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper:first-child {
  margin-left: 0;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper .ant-radio-inner {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: solid 1px #000000;
  background-color: #ffffff;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper .ant-radio-inner::after {
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper .price {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper span.ant-radio {
  padding: 0;
  margin-left: 15px;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper.ant-radio-wrapper-checked {
  border: solid 1.5px #6600ff;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio-inner {
  border-color: #6600ff;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio-inner::after {
  background-color: #6600ff;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper.ant-radio-wrapper-checked .price {
  color: #6600ff;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper.hidden-radio {
  border: solid 0.5px #9b9b9b;
  background-color: #e8e8e8;
  padding: 5px;
  white-space: unset;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper.hidden-radio span.ant-radio + * {
  margin-left: 0;
}
.date-time-select .display-content-scroll .ant-radio-group label.ant-radio-wrapper.hidden-radio .price {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
  color: #9b9b9b;
}
.date-time-select .slot__note {
  margin: 10px 0 20px;
}
@media (max-width: 768px) {
  .date-time-select .slot__note {
    justify-content: flex-start;
  }
}
.date-time-select .slot__note > div:first-child {
  margin-right: 20px;
}
.date-time-select .slot__note .square {
  width: 30px;
  height: 20px;
  margin-right: 10px;
}
.date-time-select .slot__note .desc-status {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.25;
  letter-spacing: normal;
  color: #000000;
}
.main-modal-subtitle {
  font-size: 14px;
  font-weight: 500;
}
.main-modal-content {
  font-size: 14px;
}
.modal-qr-payment .qr-text-wrapper {
  letter-spacing: 0.3px;
}
.modal-qr-payment .modal-qr-title-wrapper {
  width: 88%;
  margin: auto;
}
@media (max-width: 767px) {
  .Checkout__add__address__modal {
    padding: 0;
    margin: 0;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .Checkout__add__address__modal .ant-modal-content {
    width: 100%;
    max-height: 100vh;
  }
  .Checkout__add__address__modal.checkout-page .ant-modal-content {
    padding-bottom: 0px;
  }
  .modal-qr-payment .ant-row {
    display: flex;
    flex: 0 1;
  }
  .modal-qr-payment .ant-row .ant-col-24 .button-default {
    width: 100% !important;
  }
  .modal-qr-payment .ant-modal-footer .ant-row {
    width: 100%;
  }
}
@media (max-width: 767px) and (max-width: 334px) {
  .modal-qr-payment .ant-row .ant-col-24 .button-default {
    margin-left: 0 !important;
  }
}
.select-delivery-optionModal {
  width: 100% !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.select-delivery-optionModal .ant-modal-body {
  padding: 0 30px 36px;
}
@media (max-width: 768px) {
  .select-delivery-optionModal .ant-modal-body {
    padding: 0 0px 0px;
  }
}
.select-delivery-optionModal .error-message {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  color: red;
  margin-top: 10px;
  margin-bottom: -10px;
}
.select-delivery-optionModal .optionsContent {
  width: 100%;
  padding: 0 0px 0;
}
@media (max-width: 576px) {
  .select-delivery-optionModal .optionsContent {
    padding: 0 1px 0;
  }
}
.select-delivery-optionModal .optionsContentLoading {
  width: 100%;
  height: 100%;
  display: flex;
  min-height: 320px;
  justify-content: center;
  align-items: center;
}
.select-delivery-optionModal .messageContainer {
  width: 100%;
  color: #000000;
}
.select-delivery-optionModal .messageContainer .title {
  font-size: 14px;
  text-align: left;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
}
.select-delivery-optionModal .messageContainer .description {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  padding-top: 2px;
}
.select-delivery-optionModal .options-content-collect-box {
  margin-left: 42px;
}
@media (max-width: 768px) {
  .select-delivery-optionModal .options-content-collect-box {
    margin-left: 52px;
  }
}
@media (min-width: 769px) {
  .select-delivery-optionModal .options-content-collect-box {
    margin-left: 42px;
  }
}
.select-delivery-optionModal .optionItem {
  display: flex;
  padding: 20px 0px 20px 0px;
  border-top: solid 1px #000000;
  cursor: pointer;
}
@media (max-width: 768px) {
  .select-delivery-optionModal .optionItem {
    padding: 20px;
  }
}
.select-delivery-optionModal .optionItem:last-child {
  margin-bottom: 0;
}
.select-delivery-optionModal .checkboxRadio {
  margin-right: 14px;
  display: flex;
}
@media (max-width: 576px) {
  .select-delivery-optionModal .checkboxRadio {
    margin-right: 0px;
  }
  .select-delivery-optionModal .checkboxRadio img {
    width: 50px;
    height: 50px;
  }
}
.select-delivery-optionModal .iconContainer {
  display: flex;
  align-items: center;
  margin-right: 12.8px;
  flex: 0 0 50px;
}
@media (max-width: 576px) {
  .select-delivery-optionModal .iconContainer img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 576px) {
  .select-delivery-optionModal .ant-form-item-label > label span,
  .select-delivery-optionModal .ant-btn span,
  .select-delivery-optionModal .ant-typography span {
    font-size: 14px;
  }
  .select-delivery-optionModal .ant-form-item {
    margin-bottom: 20px;
  }
}
.coupon-error-modal .ant-modal-close {
  top: 15px;
  right: 15px;
}
.coupon-error-modal .ant-modal-content {
  border-radius: 0;
}
.coupon-error-modal .ant-modal-body {
  padding: 50px 40px;
}
@media (max-width: 768px) {
  .coupon-error-modal .ant-modal-body {
    padding: 50px 20px;
  }
}
.coupon-error-modal h4 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 2px solid #000;
  padding-bottom: 18px;
  margin-bottom: 30px;
}
.coupon-error-modal div {
  font-size: 14px;
}
.consent-modal .ant-form-item .ant-checkbox .ant-checkbox-input {
  width: 20px !important;
  height: 20px !important;
}
.main-modal-container.popup_remove_coupon .popup_remove_coupon_desc_title {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  padding: 0;
  margin: 0 0 15px;
}
@media (max-width: 768px) {
  .main-modal-container.popup_remove_coupon .popup_remove_coupon_desc_title {
    margin: 0 0 10px;
  }
}
.main-modal-container.popup_remove_coupon .popup_remove_coupon_desc_promo {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin: 0;
}
.main-modal-container.popup_remove_coupon .ant-modal-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .main-modal-container.popup_remove_coupon .ant-modal-footer {
    justify-content: unset;
    align-items: unset;
    flex-direction: column-reverse;
    margin-top: 20px;
  }
}
.main-modal-container.popup_remove_coupon .ant-modal-footer > a {
  max-width: 245px;
  padding: 0 2rem;
  padding-top: 0 !important;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  height: unset;
}
@media (max-width: 768px) {
  .main-modal-container.popup_remove_coupon .ant-modal-footer > a {
    font-size: 14px;
    max-width: 100%;
    padding: 0 0;
    margin: 25px 0 0;
  }
}
.main-modal-container.popup_remove_coupon .ant-modal-footer > div {
  max-width: 245px;
}
@media (max-width: 768px) {
  .main-modal-container.popup_remove_coupon .ant-modal-footer > div {
    max-width: 100%;
  }
}
.main-modal-container.popup_remove_coupon .ant-modal-footer > div button {
  width: 100%;
  height: unset;
  margin-left: unset !important;
  padding: 10px 20px;
  line-height: normal;
  white-space: unset;
}
@media (max-width: 768px) {
  .main-modal-container.popup_remove_coupon .ant-modal-footer > div button {
    padding: 12px 5px;
  }
}
.main-modal-container.popup_remove_coupon .ant-modal-footer > div button span {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
@media (max-width: 768px) {
  .main-modal-container.popup_remove_coupon .ant-modal-footer > div button span {
    font-size: 14px;
  }
}
.main-modal-container.redemption_payment_error .ant-modal-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .main-modal-container.redemption_payment_error .ant-modal-footer {
    justify-content: space-evenly;
  }
}
@media (max-width: 576px) {
  .main-modal-container.redemption_payment_error .ant-modal-footer {
    justify-content: unset;
    align-items: unset;
    flex-direction: column-reverse;
    margin-top: 20px;
  }
}
.main-modal-container.redemption_payment_error .ant-modal-footer > a {
  max-width: 265px;
  padding: 0 2rem;
  padding-top: 0 !important;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  height: unset;
}
@media (max-width: 768px) {
  .main-modal-container.redemption_payment_error .ant-modal-footer > a {
    margin-bottom: 0px;
  }
}
@media (max-width: 576px) {
  .main-modal-container.redemption_payment_error .ant-modal-footer > a {
    font-size: 14px;
    max-width: 100%;
    padding: 0 0;
    margin: 25px 0 0;
  }
}
.main-modal-container.redemption_payment_error .ant-modal-footer > div {
  max-width: 252px;
}
@media (max-width: 768px) {
  .main-modal-container.redemption_payment_error .ant-modal-footer > div {
    max-width: 100%;
  }
}
.main-modal-container.redemption_payment_error .ant-modal-footer > div button {
  width: 100%;
  height: unset;
  margin-left: unset !important;
  padding: 10px 20px;
  line-height: normal;
  white-space: unset;
  box-shadow: 3px 3px 0 0 #6600ff !important;
  background-color: #000000 !important;
  border: #000000 !important;
  border-radius: 2px;
}
@media (max-width: 576px) {
  .main-modal-container.redemption_payment_error .ant-modal-footer > div button {
    padding: 12px 5px;
  }
}
.main-modal-container.redemption_payment_error .ant-modal-footer > div button span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: white;
}
@media (max-width: 768px) {
  .main-modal-container.redemption_payment_error .ant-modal-footer > div button span {
    font-size: 14px;
  }
}
.modal_payment_error {
  padding: 0;
}
.modal_payment_error .ant-modal-content {
  border-radius: 0;
  text-align: center;
  padding: 0 20px;
}
.modal_payment_error .ant-modal-header {
  border-bottom: 2px solid #000;
  padding: 30px 0 15px;
}
.modal_payment_error .ant-modal-body {
  padding: 0 0 30px;
}
.modal_payment_error .ant-modal-title {
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  color: #000;
  padding: 0;
}
.modal_payment_error .ant-modal-close {
  display: none;
}
.modal_payment_error p {
  margin: 40px 0;
  font-size: 15px;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  color: #000;
}
.modal_payment_error .button-default {
  max-width: 250px;
  max-height: 40px;
}
.modal_payment_error .button-default span {
  text-transform: initial;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .guest-checkout-modal-container {
    padding: 0;
    margin: 0;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .guest-checkout-modal-container .ant-modal-content {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .guest-checkout-modal-container .ant-modal-content {
    height: 100%;
    max-height: 100%;
  }
}
@media (max-width: 767px) {
  .guest-checkout-modal-container .ant-modal-content {
    padding: 20px 20px 0px;
  }
}
.guest-checkout-modal-container .guest-checkout-form {
  margin-bottom: 0;
  max-height: 490px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.guest-checkout-modal-container .guest-checkout-form::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent !important;
  padding-left: 4px;
}
.guest-checkout-modal-container .guest-checkout-form::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f0f0f0 !important;
  padding-left: 4px;
}
.guest-checkout-modal-container .guest-checkout-form::-webkit-scrollbar-thumb {
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background-color: #dcdcdc !important;
}
@media (max-width: 1024px) {
  .guest-checkout-modal-container .guest-checkout-form {
    height: 100%;
    max-height: 100%;
  }
  .guest-checkout-modal-container .guest-checkout-form .ant-modal .ant-modal-content {
    max-height: 100% !important;
    height: 100%;
  }
}
.guest-checkout-modal-container .guest-checkout-form .guest-login-btn {
  margin-bottom: 15px;
}
.guest-checkout-modal-container .guest-checkout-form .delivery-instruction-container .ant-select-selection-item {
  max-width: 96% !important;
}
.guest-checkout-modal-container .guest-checkout-form .delivery-instruction-container .custom-select-input {
  max-width: 96% !important;
}
@media (max-width: 576px) {
  .guest-checkout-modal-container .guest-checkout-form .delivery-instruction-container .custom-select-input {
    max-width: 94% !important;
  }
}
.guest-checkout-modal-container .guest-checkout-form.custom-select-active {
  overflow-y: hidden;
  padding-right: 7px;
}
.option-delivey-modal hr {
  margin: 15px 0 0px;
}
.guest-checkout-modal-container hr {
  margin: 15px 0 0px !important;
}
.select-custom-collect .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: solid 1px #000000;
}
.select-custom-collect .ant-select:not(.ant-select-customize-input) .ant-select-arrow {
  color: #000000;
}
@media (max-width: 768px) {
  .select-custom-collect .float-label-select .ant-select-selector {
    height: 68px !important;
  }
  .select-custom-collect .float-label-select .ant-select-selector .select-collect-box-item {
    display: none;
  }
}
.ant-select-selection-item .select-collect-name {
  padding-top: 8px;
}
@media (max-width: 768px) {
  .ant-select-selection-item .select-collect-name {
    padding-top: 4px;
  }
}
.ant-select-dropdown-empty:has(.select-collect-location) {
  color: #000000;
}
.custom-select-dropdown:has(.select-collect-location) {
  border-color: #000000 !important;
}
.select-collect-location {
  background-color: #f7f7f7;
  padding: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.select-collect-icon-location {
  width: 16px;
  height: 16px;
}
.select-collect-icon-correct {
  width: 10px;
  height: 10px;
  margin-right: 6px;
  margin-bottom: 2px;
}
.select-collect-label-location {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 10px;
  text-decoration: underline;
}
.custom-select-dropdown {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding-top: 0px !important;
  border-top-width: 0px !important;
}
.select-collect-option {
  display: flex;
}
@media (max-width: 768px) {
  .select-collect-option .select-collect-name {
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    width: -webkit-fill-available;
  }
}
@media (min-width: 768px) {
  .select-collect-option .select-collect-name {
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    width: -webkit-fill-available;
  }
}
@media (max-width: 425px) {
  .select-collect-option .select-collect-name {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    inline-size: 150px;
  }
}
@media (max-width: 768px) {
  .select-collect-option .select-collect-address {
    font-size: 10px;
    line-height: 12px;
    font-weight: 300;
  }
}
@media (min-width: 768px) {
  .select-collect-option .select-collect-address {
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
  }
}
@media (max-width: 768px) {
  .select-collect-option .select-collect-distance {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
  }
}
@media (min-width: 768px) {
  .select-collect-option .select-collect-distance {
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
  }
}
.select-collect-option .select-collect-box-item {
  margin-top: 5px;
}
.select-collect-option .select-collect-item {
  display: flex;
  align-items: baseline;
  margin-right: 0px;
}
@media (max-width: 768px) {
  .select-collect-option .select-collect-item {
    justify-content: left;
  }
}
@media (min-width: 800px) {
  .select-collect-option .select-collect-item {
    justify-content: end;
  }
}
.select-collect-option .select-collect-item .color-action {
  color: #8f4dff;
  background-color: #f1e8ff;
}
.select-collect-option .select-collect-item .color-not-action {
  color: #a2a2a2;
  background-color: #f5f5f5;
}
.select-collect-option .select-collect-item .color-text {
  color: #8f4dff;
}
@media (max-width: 768px) {
  .select-collect-option .select-collect-item .availaable {
    margin-top: 0px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    padding: 5px;
  }
}
@media (min-width: 768px) {
  .select-collect-option .select-collect-item .availaable {
    margin-top: 4px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    padding: 5px;
  }
}
@media (max-width: 768px) {
  .select-collect-option .select-collect-item .item {
    padding-left: 10px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    color: #8450de;
  }
}
@media (min-width: 768px) {
  .select-collect-option .select-collect-item .item {
    padding-left: 10px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #8f4dff;
  }
}
.select-collect-item .ant-select-selection-item {
  margin-top: -3px;
}
.select-collect-item {
  margin-right: 25px;
  width: 100%;
}
.select-collect-item .ant-select-selector {
  height: 50px !important;
}
.select-collect-box-name {
  width: -webkit-fill-available;
}
.box-item-select {
  margin: 0px 20px;
}
.list-store-empty-root {
  padding-top: 55px;
  padding-bottom: 73px;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  justify-content: center;
  align-items: center;
}
.list-store-empty-root p {
  font-size: 12px;
  line-height: 25px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .list-store-empty-root {
    padding-top: 50px;
    padding-bottom: 84px;
  }
  .list-store-empty-root p {
    line-height: 15px;
  }
}
.class-option-select {
  padding-top: 5px;
  padding-bottom: 10px;
}
.border-bottom {
  border-bottom: solid 1px #000000;
}
.options-content-member {
  padding-top: 10px;
}
.options-content-member .text-color {
  color: #000000;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.options-content-member .box-text {
  background-color: #f7f7f7;
  padding: 10px;
}
.collect-store-slot-profile {
  background-color: #f7f7f7;
}
.collect-store-slot-profile .col-label {
  flex: 1;
}
.collect-store-slot-profile .row-label {
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .collect-store-slot-profile {
    padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .collect-store-slot-profile .box-image {
    padding-right: 10px;
  }
  .collect-store-slot-profile .box-image .image {
    width: 50px;
    height: 50px;
  }
  .collect-store-slot-profile .row-change {
    align-items: center;
    justify-content: end;
    cursor: pointer;
  }
  .collect-store-slot-profile .label-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
  }
  .collect-store-slot-profile .label-mobile {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
  }
  .collect-store-slot-profile .icon-edit {
    width: 14x;
    height: 14px;
  }
  .collect-store-slot-profile .label-change {
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
  }
}
@media (min-width: 768px) {
  .collect-store-slot-profile {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collect-store-slot-profile .box-image {
    padding-right: 20px;
  }
  .collect-store-slot-profile .box-image .image {
    width: 50px;
    height: 50px;
  }
  .collect-store-slot-profile .row-change {
    align-items: center;
    justify-content: end;
    cursor: pointer;
  }
  .collect-store-slot-profile .label-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
  }
  .collect-store-slot-profile .label-mobile {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
  }
  .collect-store-slot-profile .icon-edit {
    width: 20px;
    height: 20px;
  }
  .collect-store-slot-profile .label-change {
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
  }
}
@media (min-width: 768px) {
  .collect-store-form {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .collect-store-form {
    padding: 10px;
  }
}
.collect-form-item .ant-form-item {
  margin-bottom: 5px !important;
}
.option-collect {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}
.select-option-collect::after {
  content: "";
  height: 1px;
  width: calc(100% - 24px);
  background: #010000;
  position: absolute;
  top: 100%;
  z-index: 1000;
}
.wrapper-option-collect {
  margin-top: 11px;
  margin-bottom: 16px;
}
@media (max-width: 425px) {
  .wrapper-option-collect {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
.select-collect-point .ant-select-selection-item {
  margin-top: -11px;
}
.select-collect-point .ant-select-selection-item .icon-info-checkout {
  margin-top: -11px;
}
.modal-info-collect-point {
  z-index: 10000 !important;
}
.select-collect-point-set {
  top: 0 !important;
  display: none !important;
}
.option-delivey-modal .ant-modal-content {
  overflow-x: hidden;
  overflow-y: hidden;
}
@media (max-width: 768px) {
  .option-delivey-modal {
    margin: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}
.option-delivey-modal .ant-modal-content {
  border-radius: 0;
}
@media (max-width: 768px) {
  .option-delivey-modal .ant-modal-content {
    max-height: 100vh !important;
    height: 100vh !important;
    overflow-y: auto;
  }
}
.option-delivey-modal .ant-modal-content .ant-modal-body {
  padding: 0;
}
@media (max-width: 768px) {
  .select-store-form .label-select:not(.label-float-select) {
    margin-top: 8px;
  }
}
.content-delivery-option-modal {
  min-height: 333.72px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.content-delivery-option-modal .guest-checkout-form {
  max-height: none !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}
@media (max-width: 768px) {
  .content-delivery-option-modal {
    max-height: calc(100vh - 200px);
  }
}
@media (max-width: 485px) {
  .content-delivery-option-modal {
    max-height: calc(100vh - 170px);
  }
}
@media (max-height: 695px) and (min-width: 769px) {
  .content-delivery-option-modal {
    min-height: auto;
    max-height: calc(100vh - 194px);
  }
}
@media (max-width: 768px) {
  .full-modal {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
    max-height: 100vh !important;
    height: 100vh !important;
    max-width: 100vw !important;
    width: 100vw !important;
    overflow-y: auto;
  }
  .full-modal .ant-modal-content {
    max-height: 100vh !important;
    height: 100vh !important;
    max-width: 100vw !important;
    width: 100vw !important;
  }
  .full-modal .ant-modal-content .ant-form-horizontal {
    height: calc(100vh - 170px) !important;
  }
}
.full-modal .ant-modal-body {
  padding: 0;
}
.guest-checkout-modal-container .select-delivery-optionModal {
  overflow-y: hidden;
}
.btn-delivery {
  width: 250px;
}
@media (max-width: 485px) {
  .btn-delivery {
    width: 165px;
  }
}
@media (max-width: 767px) {
  .ant-modal-body:has(.member-delivery-option) {
    height: calc(100% - 56px);
    display: flex;
    flex-direction: column;
  }
  .ant-modal-body > div:has(.member-delivery-option) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .member-delivery-option {
    flex: 1;
  }
}
.card-list-container .list {
  width: 100%;
}
.card-list-container .ant-list-item {
  margin-bottom: 0px !important;
}
.card-item {
  border: dashed 1px #979797;
  padding: 20px;
  margin-bottom: 21px;
  min-height: 200px;
}
.card-item .ant-col {
  display: flex;
  justify-content: space-between;
}
.card-item .ant-col:first-child {
  margin-bottom: 15px;
}
.card-item .ant-col:first-child div:last-child {
  width: 79.9px;
  height: 50px;
  background-size: cover;
  background-position: center;
}
.card-item .ant-col:first-child div:last-child.black {
  background-color: #000000;
}
.card-item .ant-col:first-child div:last-child img {
  width: 50px;
  height: 30px;
}
.card-item .ant-col .last-row-container {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.card-item .ant-col .last-row-container .action-payment-card {
  display: flex;
  line-height: 2.33;
}
.card-item .ant-col .last-row-container .action-payment-card .btn-delete-payment-card {
  font-size: 12px;
  line-height: inherit;
  margin-right: 12px;
  margin-top: auto;
  margin-bottom: auto;
}
@media (max-width: 768px) {
  .card-item .ant-col .last-row-container .action-payment-card .btn-delete-payment-card {
    margin-left: 10px;
  }
}
.card-item .ant-col .last-row-container .action-payment-card .btn-default-payment-card,
.card-item .ant-col .last-row-container .action-payment-card .btn-set-default-payment-card {
  border-radius: 13px;
  font-size: 12px;
  line-height: initial;
}
.card-item .ant-col .last-row-container .action-payment-card .btn-set-default-payment-card {
  border: solid 1px #979797;
  background-color: #ffffff;
  cursor: pointer;
}
.card-item .ant-col .last-row-container .action-payment-card .btn-default-payment-card {
  background-color: #000000;
  color: #ffffff;
  cursor: default;
  min-height: 26px;
}
.card-item .ant-col .number-mask {
  font-size: 14px;
  line-height: 1;
}
.card-item .ant-col .name-card {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #banner_mypayment_card div > div {
    padding: 0px !important;
    margin: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  #banner_mypayment_card div > div {
    padding-top: 0px !important;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  #banner_mypayment_card {
    margin-bottom: 20px;
  }
}
.empty-credit-card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  margin-top: 80px;
}
.empty-credit-card span {
  text-align: center;
  margin-top: 33px;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .empty-credit-card {
    margin-top: 20px;
  }
  .empty-credit-card span {
    margin-top: 39px !important;
    margin-bottom: 128px !important;
  }
}
.card-item-row-white {
  height: 163px;
  background-color: #ffffff;
  align-items: center;
}
.card-item-row-white .ant-list-item-meta-avatar {
  margin-right: 39px !important;
}
.card-item-row-white a {
  padding-right: 20px;
}
.card-item-row-white .ant-list-item-meta-avatar {
  width: 131px;
  height: 82px;
  border: solid 1px #dadada;
}
.card-item-row-white .ant-list-item-meta-title {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: normal;
  color: #000000;
}
.card-item-row-white .ant-list-item-meta-description {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #000000;
}
.card-item-row-black {
  height: 163px;
  background-color: #fbfbfb;
  align-items: center;
}
.card-item-row-black .ant-list-item-meta-avatar {
  margin-right: 39px !important;
}
.card-item-row-black a {
  padding-right: 20px;
}
.card-item-row-black .ant-list-item-meta-avatar {
  width: 131px;
  height: 82px;
  border: solid 1px #dadada;
  padding: 20px;
}
.card-item-row-black .ant-list-item-meta-title {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: normal;
  color: #000000;
}
.card-item-row-black .ant-list-item-meta-description {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #000000;
}
.card-toolbar-bottom .ant-typography {
  font-size: 21px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 1px;
}
.card-toolbar-bottom .ant-typography.line-space {
  font-style: normal;
  font-weight: normal;
  position: relative;
  top: -3px;
  margin: 0 20px;
}
.black .ant-list-item-meta-avatar {
  background-color: black;
}
@media screen and (max-width: 991px) {
  .card-item {
    padding: 15px;
    margin-bottom: 20px;
  }
  .card-item .number-mask {
    font-size: 12px !important;
    line-height: 2.33 !important;
  }
}
.credit-card-modal {
  max-width: 810px;
  padding: 0;
}
@media (max-width: 768px) {
  .credit-card-modal {
    max-width: calc(100vw - 16px);
  }
}
.credit-card-modal .ant-modal-content {
  border-radius: 0;
}
.credit-card-modal .ant-modal-body {
  padding: 40px;
}
@media (max-width: 768px) {
  .credit-card-modal .ant-modal-body {
    padding: 20px 20px 35px;
    max-height: 75vh;
    overflow-y: scroll;
  }
}
.credit-card-modal .ant-modal-close {
  top: 20px;
  right: 20px;
}
.credit-card-modal .ant-modal-close .ant-modal-close-x {
  width: unset;
  height: unset;
  line-height: unset;
}
@media (max-width: 767px) {
  .btn-default-payment-card,
  .btn-set-default-payment-card {
    padding: 3px 10px 4px 10px;
  }
  .btn-default-payment-card,
  .btn-default-payment-card {
    padding: 4px 10px 5px 10px;
  }
  .skeleton-credit-card-image {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (min-width: 768px) {
  .btn-default-payment-card,
  .btn-set-default-payment-card {
    padding: 4px 13px 4px 14px;
  }
  .btn-default-payment-card,
  .btn-default-payment-card {
    padding: 5px 13px 5px 14px;
  }
  .btn-default-payment-card .skeleton-credit-card-image {
    width: 156px !important;
    height: 156px !important;
  }
}
h2.ant-typography.title-section-underline {
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: 0;
  color: #000000;
  margin-bottom: 30px;
  margin-top: 50px;
  text-decoration: underline;
}
h2.ant-typography.title-normal {
  letter-spacing: 0;
  color: #000000;
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
h2.ant-typography.title-section-non-underline {
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: 0;
  color: #000000;
  margin-bottom: 44px;
  text-decoration: none !important;
}
.your-items {
  letter-spacing: 0;
  color: #000000;
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.coupon-wrapper {
  margin-bottom: 43px;
}
.coupon-wrapper .coupon-title {
  margin-bottom: 15px;
  text-align: center;
}
.coupon-wrapper .coupon-input {
  border-radius: 2px;
  border: solid 1px #D9D9D9;
  background-color: #ffffff;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 9px 14px 10px;
  border-right: none;
  position: relative;
}
.coupon-wrapper .coupon-input::placeholder {
  letter-spacing: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  opacity: 0.5;
}
.coupon-wrapper .coupon-border-left {
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 33px;
  display: block;
  background-color: #D9D9D9;
}
.coupon-wrapper .coupon-button {
  letter-spacing: 0;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: inline-block;
  padding: 11px 14px;
  border-radius: 2px;
  border: solid 1px #D9D9D9;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  width: 100%;
}
.order-summary-title-wrapper {
  margin-bottom: 53px;
}
.receipt-detail-wrapper {
  margin-top: 13px;
  letter-spacing: 0;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-bottom: 13px;
  border-bottom: 1px solid #D9D9D9;
}
.receipt-detail-wrapper.first {
  margin-top: 23px;
}
.receipt-detail-wrapper .addressbook-modal-delete-close-icon {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 3px;
  margin-left: 5px;
}
.receipt-detail-wrapper .receipt-title {
  letter-spacing: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.receipt-detail-wrapper .price-red {
  color: red;
}
.receipt-detail-wrapper.last {
  border-bottom: none;
  padding-bottom: 0;
}
.sub-total-wrapper .sub-total-value,
.sub-total-wrapper .sub-total-label {
  letter-spacing: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.sub-total-wrapper .text-total-value,
.sub-total-wrapper .text-total-label {
  letter-spacing: 0;
  color: #000000;
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.sub-total-wrapper .divider-bold-line {
  border-top: 2px solid #000000;
  margin: 19px 0 14px;
}
.sub-total-wrapper .text-helper {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin: 17px 0px 46px;
  display: block;
}
.shopping-bag-item-wrapper {
  border-bottom: solid 1px #000000;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper:last-child {
    border: unset;
  }
}
.shopping-bag-item-wrapper .price,
.shopping-bag-item-wrapper .special-price {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.93;
  letter-spacing: 0;
  color: #000000;
}
.shopping-bag-item-wrapper .special-price {
  color: #ff0000;
}
.shopping-bag-item-wrapper .price.text-strikethrough {
  color: #a1a1a1 !important;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.93;
  letter-spacing: 0;
  color: #000000;
}
.shopping-bag-item-wrapper .container-count-item {
  max-width: 100px;
  width: 100%;
  max-height: 40px;
  height: 100%;
  width: 112px;
  padding: 15px 8px;
  border-radius: 2px;
  border: solid 1px #000000;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.shopping-bag-item-wrapper .container-count-item .count-number {
  font-size: 14px;
  font-weight: 500;
  height: unset !important;
}
.shopping-bag-item-wrapper .container-count-item .icon-action {
  color: #000000;
  cursor: pointer;
  font-weight: 900;
}
.shopping-bag-item-wrapper .container-count-item .icon-action:active {
  color: #c8c8c8;
}
.shopping-bag-item-wrapper .container-count-item:hover {
  border: solid 0.5px #000000;
}
.shopping-bag-item-wrapper .addressbook-modal-delete-close-icon {
  width: 21px;
  height: 21px;
  cursor: pointer;
}
.shopping-bag-item-wrapper .product-attributes {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000000;
  margin-top: 10px;
  color: #ababab;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .product-attributes {
    margin-top: 0;
  }
}
.shopping-bag-item-wrapper .extra-point {
  width: 193px;
  height: 25px;
  margin-bottom: 18px;
}
.shopping-bag-item-wrapper .ant-form-item.shopping__register__product {
  margin-bottom: 0;
}
.shopping-bag-item-wrapper .ant-form-item.shopping__register__product:last-child {
  margin-bottom: 0;
}
.shopping-bag-item-wrapper .ant-form-item.shopping__register__product + div .ant-form-item {
  margin: 0;
}
.shopping-bag-item-wrapper .wish-list-wrapper {
  position: absolute;
  top: 60px;
  right: 0px;
  cursor: pointer;
  z-index: 10;
}
.shopping-bag-item-wrapper .cart-option-wrapper .ant-form-item-control input,
.shopping-bag-item-wrapper .cart-option-wrapper .ant-form-item-control .ant-select,
.shopping-bag-item-wrapper .cart-option-wrapper .ant-form-item-control label {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.shopping-bag-item-wrapper .sub-total-item-label {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: 0;
  color: #000000;
}
.shopping-bag-item-wrapper .margin-low {
  margin-bottom: 4px;
}
.shopping-bag-item-wrapper .sub-textarea {
  margin-bottom: unset;
  margin-left: 25px;
}
.shopping-bag-item-wrapper .sub-textarea textarea {
  letter-spacing: 0;
  color: #000000;
  font-size: 10px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  min-height: 60px;
}
.shopping-bag-item-wrapper .sub-textarea textarea::placeholder {
  opacity: 1;
  color: #000000;
}
.shopping-bag-item-wrapper .shopping-bag__wrap {
  flex-flow: nowrap;
  align-items: flex-start;
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__left {
  width: 75px;
  margin-right: 20px;
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__left .img-wrapper {
  width: 100%;
  height: 100px;
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__left .img-wrapper img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__left {
    width: 45px;
    margin-right: 12px;
    height: 60px;
  }
  .shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__left .img-wrapper img {
    height: 60px;
    width: 45px;
  }
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right {
  flex: 1;
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right .product-detail-wrapper {
  padding-right: 17px;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right .product-detail-wrapper {
    padding-right: 0;
  }
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right .product-detail-wrapper .product-name {
  padding: 0;
  height: 50px !important;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  cursor: pointer;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right .product-detail-wrapper .product-name {
    font-size: 14px;
    -webkit-line-clamp: 1;
    word-break: break-all;
    height: unset !important;
    line-height: 2;
  }
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right .product-detail-wrapper .product-name.is-config-product {
  height: unset !important;
  line-height: 1.78;
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right .item__option {
  margin-top: 32px;
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right .item__option .ant-form-item-control-input {
  min-height: unset;
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right .item__option > div {
  margin-bottom: 20px;
}
.shopping-bag-item-wrapper .shopping-bag__wrap .shopping-item__right .item__option > div:last-child {
  margin-bottom: 0;
}
.shopping-bag-item-wrapper .heartIcon {
  width: 24px !important;
  height: 26px;
}
.shopping-bag-item-wrapper .wishlist-loading-wrapper {
  width: 24px !important;
}
.shopping-bag-item-wrapper .loading-icon {
  font-size: 19px !important;
}
.shopping-bag-item-wrapper .downArrowContainer {
  padding-left: 15px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}
.shopping-bag-item-wrapper .downArrowContainer .downArrowIcon {
  width: 10px !important;
  height: 15px;
}
.cart-item-error {
  border: 0;
  margin-bottom: 20px;
}
.cart-item-error .ant-alert-message {
  text-align: center;
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.error-arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff1f0;
  position: absolute;
  left: 33%;
  top: -20px;
}
.skeleton-width-100-percent {
  width: 100% !important;
}
.product-size {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
}
.span-gift-wapper {
  letter-spacing: 0;
  color: #000000;
  font-size: 20px;
  font-weight: 300;
  line-height: normal;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  margin: 0 0 0 28px;
  white-space: pre-wrap;
}
.span-gift-wapper span {
  white-space: pre-line;
  display: flex;
}
.count-textarea {
  text-align: end;
}
.count-textarea span {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 12px;
}
.count-example {
  text-align: end;
  width: 100%;
}
.count-example span {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 12px;
  border-bottom: solid 1px #000000;
  cursor: pointer;
}
.textarea .ant-select-selection-item {
  border-radius: 15px;
}
.shopping-bag-title-section .title-section-wrapper {
  margin-bottom: unset;
}
.payment-title-custom.payment-title-custom {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.shopping-bag-item-wrapper {
  padding: 20px 15px;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper {
    padding: 15px 0px;
  }
}
.shopping-bag-item-wrapper .shopping-bag-quantity {
  align-items: center;
  height: 50px;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .shopping-bag-quantity {
    margin-bottom: 10px;
    height: unset;
  }
}
.shopping-bag-item-wrapper .shopping-bag-quantity .price-with-wishlist {
  display: flex;
}
.shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-quantity__wrapper {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-quantity__wrapper {
    align-items: flex-end;
  }
}
.shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-quantity-error {
  position: absolute;
  top: 42px;
}
.shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-quantity-error .shopping-item-display-error {
  line-height: normal;
  text-align: center;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-quantity-error .shopping-item-display-error {
    text-align: right;
  }
}
.shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-quantity-error .shopping-item-display-error span {
  font-size: 10px;
  color: red;
  white-space: nowrap;
}
.shopping-bag-item-wrapper .shopping-bag-quantity .mt-20 {
  margin-top: 20px;
}
.shopping-bag-item-wrapper .shopping-bag-quantity .mt-14 {
  margin-top: 14px;
}
.shopping-bag-item-wrapper .shopping-bag-quantity .wishlist__wrapper {
  display: none;
}
.shopping-bag-item-wrapper .shopping-bag-quantity .wishlist-action {
  text-align: right;
}
.shopping-bag-item-wrapper .shopping-bag-quantity .wishlist-action span > span {
  display: none;
}
.shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-total-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-total-price .wishlist-action span > span {
  display: none !important;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .shopping-bag-quantity {
    margin-top: 11px;
  }
}
.shopping-bag-item-wrapper .ant-checkbox-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: end;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .ant-checkbox-wrapper {
    align-items: center;
    margin-bottom: 10px;
  }
}
.shopping-bag-item-wrapper .ant-checkbox-wrapper .ant-checkbox {
  margin-right: 10px;
}
.shopping-bag-item-wrapper .ant-checkbox-wrapper span {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .shopping-bag-item-mobile {
    margin-top: 33px;
  }
  .shopping-bag-item-wrapper {
    padding: 20px 0px;
  }
  .shopping-bag-item-wrapper .shopping-bag-quantity .container-count-item {
    max-height: 40px;
    padding: 18px 8px;
    max-width: 110px;
    margin: 0 auto;
  }
  .shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-quantity-error {
    right: initial;
    top: 42px;
  }
  .shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-quantity-error .shopping-item-display-error span {
    font-size: 14px;
    color: red;
  }
  .shopping-bag-item-wrapper .shopping-bag-quantity .mt-20,
  .shopping-bag-item-wrapper .shopping-bag-quantity .mt-14 {
    margin-top: 0;
  }
  .shopping-bag-item-wrapper .shopping-bag-quantity .wishlist__wrapper {
    display: initial;
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 5;
    cursor: pointer;
  }
  .shopping-bag-item-wrapper .shopping-bag-quantity .wishlist-action span > span {
    display: initial;
  }
  .shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-total-price {
    display: initial;
  }
  .shopping-bag-item-wrapper .shopping-bag-quantity .shopping-bag-total-price div:first-child {
    display: none;
  }
}
.shopping-bag-item-wrapper .gift__text__area,
.shopping-bag-item-wrapper .gift__text__count {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  resize: none;
}
.shopping-bag-item-wrapper .gift__text__area {
  height: 50px !important;
  max-width: 681px;
  width: 681px;
  padding: 10px;
  border-radius: 2px;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .gift__text__area {
    width: 100%;
  }
}
.shopping-bag-item-wrapper .gift__text__count {
  text-align: right;
  margin-bottom: 0;
  position: absolute;
  top: -18px;
  right: 0;
  z-index: 5;
}
.shopping-bag-item-wrapper .gift__wrapping__text {
  font-size: 12px;
  margin: 0;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
  max-width: 600px;
  white-space: pre-line;
}
.shopping-bag-item-wrapper .gift__ip__wrap {
  position: relative;
  margin-top: 10px;
  width: 100%;
}
.shopping-bag-item-wrapper .gift__ip__wrap .ant-form-item {
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .gift__ip__wrap {
    margin-top: 30px;
  }
}
.shopping-bag-item-wrapper .note__ip__wrap {
  padding-left: 32px;
  margin-top: 30px;
  position: relative;
}
@media (max-width: 768px) {
  .shopping-bag-item-wrapper .note__ip__wrap {
    margin-top: 30px;
  }
}
.shopping-bag-item-wrapper .product__registration__icon {
  width: 13px;
  height: 13px;
  border: solid 1px #000000;
  color: #000000;
  border-radius: 50%;
  margin-left: 7px;
  display: inline-block;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.free__item {
  padding: 12px 0;
  background-color: #fff5e2;
}
.free__item span {
  font-size: 12px;
}
.free__item--btn {
  text-decoration: underline;
  cursor: pointer;
}
.shopping__bag__list {
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .free__item span {
    font-size: 14px;
  }
  .class-margin-bottom {
    margin-bottom: 34px;
  }
}
.shopping__bag__promotion .promotion__image {
  margin-bottom: 10px;
}
.shopping__bag__promotion .promotion__text {
  position: relative;
  padding: 2px 15px 3px 20px;
  background-color: transparent;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #151515;
  max-width: 102px;
}
.shopping__bag__promotion .promotion__text span {
  position: relative;
  z-index: 1;
}
.shopping__bag__promotion .promotion__text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #eeeeee;
  box-shadow: 2px 2px 0 0 #00ff91;
  border: solid 0.5px #000000;
  transform: skew(-13deg);
}
@media screen and (min-width: 321px) {
  .shopping-bag-item-wrapper .shopping__bag__promotion .ant-col {
    display: flex;
  }
  .shopping-bag-item-wrapper .shopping__bag__promotion .promotion__image {
    margin-right: 11px;
  }
}
.order-summary-container .btn__close__popup {
  display: none;
}
.order-summary-container .order__price__total {
  margin-top: 24px;
}
@media (max-width: 1024px) {
  .order-summary-container .order__price__total {
    margin-top: 22px;
  }
}
.order-summary-container .order__price__total .sub-title {
  margin-bottom: 0;
}
.order-summary-container .text-value {
  text-align: right;
}
.order-summary-container.hasRemove .order__price__total {
  padding-right: 27px;
}
@media (max-width: 1024px) {
  .order-summary-container.hasRemove .order__price__total {
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .order-summary-container.hasRemove .order__price__total {
    padding-right: 0px;
  }
}
.order-summary-container.hasRemove .order__price__total .sub-title {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .order-summary-container.hasRemove .order__price__total .sub-title.right {
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .order-summary-container.hasRemove .checkout__save,
  .order-summary-container.hasRemove .warranty-value,
  .order-summary-container.hasRemove .warrantyQtyValue {
    padding-right: 27px !important;
  }
}
@media (max-width: 1024px) {
  .order-summary-container.hasRemove .checkout__save,
  .order-summary-container.hasRemove .warranty-value,
  .order-summary-container.hasRemove .warrantyQtyValue {
    padding-right: 20px !important;
  }
}
.order-summary-container.hasRemove .estimate__total {
  padding-right: 27px;
}
@media (max-width: 1024px) {
  .order-summary-container.hasRemove .estimate__total {
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .order-summary-container.hasRemove .estimate__total {
    padding-right: 0px;
  }
}
.order-summary-container.hasRemove .estimate__total .sub-title {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .order-summary-container.hasRemove .estimate__total .sub-title.right {
    margin-right: 20px;
  }
}
.order-summary-container.hasRemove .text-value {
  text-align: right;
}
.order-summary-container.hasRemove .text-value.onRemove {
  margin-right: 0px;
}
@media (min-width: 1024px) {
  .order-summary-container.hasRemove .text-value.onRemove {
    padding-right: 27px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .order-summary-container.hasRemove .text-value.onRemove {
    padding-right: 20px !important;
  }
}
@media (max-width: 767px) {
  .order-summary-container.hasRemove .text-value.onRemove {
    padding-right: 7px !important;
  }
}
@media (min-width: 1024px) {
  .order-summary-container.hasRemove .text-value.noRemove {
    padding-right: 27px !important;
  }
}
@media (max-width: 1024px) {
  .order-summary-container.hasRemove .text-value.noRemove {
    padding-right: 20px !important;
  }
}
.order-summary-container.hasRemove .m-point-title .sub-title {
  margin-bottom: 0;
  padding-right: 27px;
}
@media (max-width: 1024px) {
  .order-summary-container.hasRemove .m-point-title .sub-title {
    padding-right: 20px;
  }
}
.order-summary-container.hasRemove .checkout-m-point {
  padding-right: 27px;
}
@media (max-width: 1024px) {
  .order-summary-container.hasRemove .checkout-m-point {
    padding-right: 20px;
  }
}
@media (max-width: 992px) {
  .orderAndPaymentWrap {
    position: fixed;
    width: 100vw;
    min-height: 100vh;
    height: 100vh;
    overflow-y: scroll;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 1000;
    padding: 20px 15px;
    overflow-y: auto;
    border: none;
    transition: 350ms;
    opacity: 0;
    visibility: hidden;
  }
  .orderAndPaymentWrap.orderAndPaymentWrapActive {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    padding: 14px 10px;
    background-color: #ffffff;
  }
  .order-summary-container .title {
    font-size: 20px;
  }
  .order-summary-container .sub-title {
    font-size: 16px;
  }
  .order-summary-container .btn__close__popup {
    position: absolute;
    display: initial;
    right: -8px;
    top: -3px;
    outline: none;
    border: none;
    background: transparent;
  }
  .order-summary-container .btn__close__popup img {
    width: 25px;
  }
}
.shopping__bag__empty .container-currently-empty {
  padding: 44px 0 102px;
}
.shopping__bag__empty .container-currently-empty div:nth-child(1) {
  border-bottom: none !important;
}
.shopping__bag__empty .container-currently-empty div:nth-child(1) div {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.shopping__bag__empty .container-currently-empty div:nth-child(1) img {
  width: 100px;
  height: 100px;
  margin-bottom: 42px;
}
.shopping__bag__empty .container-currently-empty .btn__redirect__home {
  width: 240px;
  height: 40px;
  padding: 6px 40px 6px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .shopping__bag__empty .container-currently-empty .btn__redirect__home {
    width: 216px;
    padding: 6px 28px;
  }
}
@media (max-width: 768px) {
  .shopping__bag__empty .container-currently-empty {
    padding: 37px 15px;
  }
  .shopping__bag__empty .container-currently-empty div:nth-child(1) img {
    width: 100px;
    height: 100px;
    margin-bottom: 26px;
  }
}
.shopping__register__product .ant-form-item-control-input {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.extra-section {
  margin-top: 10px;
  padding-left: 95px;
}
@media (max-width: 768px) {
  .extra-section {
    padding-left: 0px;
  }
}
.extra-section .warrantyItemInCart.warrantyItemInCart {
  margin: 10px 0;
}
.cart_item.extra_earn_point {
  padding-left: 95px;
}
@media (max-width: 768px) {
  .cart_item.extra_earn_point {
    padding-left: 0px;
  }
}
.shop-by-brand-sticky .ant-affix {
  background-color: #fff;
  top: 160px !important;
}
@media only screen and (max-width: 1024px) {
  .shop-by-brand-sticky .ant-affix {
    top: 65px !important;
  }
}
.product-item-attributes {
  margin-top: 5px;
}
.itemWarrantyOOSWrap {
  margin: 50px 0 0;
}
.container-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container-main hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000000;
  margin: 1em 0;
  padding: 0;
}
.container-main .text-herder {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 40px;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  border-bottom: solid 2px;
}
.container-main .title {
  font-weight: 600;
}
.container-main .title.heading {
  font-weight: bold;
  margin-bottom: 5px;
}
.container-main .description {
  display: flex;
  flex-direction: column;
  padding-top: 25px;
  padding-bottom: 20px;
}
.container-main .description .desc-address {
  display: flex;
  flex-direction: column;
  font-size: 0.8vw;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #000000;
}
.container-main .description .pickup-code {
  margin-top: 5%;
}
.container-main .description span span {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
}
.container-main .display-date {
  margin-bottom: 5px;
}
.container-main .delivery-time-wrapper {
  line-height: normal;
}
.container-main .container-item {
  padding-top: 25px;
  border-top: solid 2px #000;
  line-height: 2;
}
.container-main .container-item .title {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
}
.container-main .container-item .supplier-name {
  font-weight: normal;
}
.container-main .container-item .shipment-title-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: 50px;
}
.container-main .container-item .container-product-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: auto;
  height: 100%;
  overflow-x: hidden;
  padding-top: 3px;
  padding-bottom: 8px;
}
.container-main .container-item .container-product-list .product-list ul {
  display: flex;
  column-gap: 15px;
  flex-wrap: wrap;
  padding-bottom: 12px;
}
.container-main .container-item .container-product-list .product-list li {
  padding-bottom: 0;
  flex-direction: column;
  border: none;
}
.container-main .container-item .container-product-list .container-img {
  width: 85px;
  height: 100px;
  object-fit: contain;
  object-position: center;
  border: solid 0.5px rgba(0, 0, 0, 0.25);
}
.container-main .container-item .container-product-list .qty {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  margin-bottom: 5px;
}
.container-main .container-item .container-product-list .ant-list {
  width: 100%;
  height: 100%;
}
.container-main .container-item .container-product-list .ant-col {
  padding-right: unset;
}
.btns-return-order {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.thankyou-icon img {
  width: 120px;
  height: 120px;
}
.order-thanyou-main {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.order-thanyou-icon {
  width: 120px;
  height: 120px;
  margin: 0px 5px 0px 10px;
}
.order-thanyou-icon-print {
  width: 30px;
  height: 30px;
  right: 13%;
  position: absolute;
}
.order-thanyou-text {
  position: absolute;
  right: 29px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  border-bottom: solid 0.5px;
}
@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .container-main .description {
    padding-top: 20px;
  }
  .container-main .container-item {
    padding-top: 20px;
  }
  .container-main .container-item .shipment-title-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .container-main .container-item .container-product-list {
    padding-bottom: 3px;
  }
  .container-main .container-item .container-product-list .qty {
    font-size: 12px;
  }
  .btns-return-order {
    font-size: 14px;
  }
}
.estimate-collect {
  text-align: end;
}
@media (max-width: 768px) {
  .estimate-collect {
    text-align: start;
  }
}
.policy-cart {
  color: #151515;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  /* 166.667% */
}
.display-date.date-collect {
  margin-bottom: 0;
}
.display-status {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.display-status .container-dot {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.display-status .container-dot .dot {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #c0c0c0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.display-status .container-dot .dot.active {
  background-color: #000000;
}
.display-status .container-dot .dot.active > div {
  opacity: 1;
  width: 17px;
  height: 11px;
}
.display-status .container-dot .dot > div {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.display-status .container-dot .dot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .display-status .container-dot .dot:after {
    position: absolute;
    display: table;
    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: " ";
    width: 9px;
    height: 17px;
    top: 15px;
    left: 11px;
  }
}
.display-status .container-dot > span {
  margin: 10px 1px 0 0;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #c0c0c0;
}
.display-status .container-dot > span.active {
  color: #000000;
}
@media (max-width: 768px) {
  .display-status .container-dot {
    position: relative;
  }
  .display-status .container-dot > span {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    position: absolute;
    top: 100%;
    max-width: 70px;
  }
}
.display-status .line {
  height: 1px;
  border: solid 1px #c0c0c0;
  background-color: #c0c0c0;
  margin-bottom: 24px;
  width: 100%;
  width: calc(100% + 50px);
  margin-left: -25px;
}
.display-status .line.active {
  border-color: #000000;
  background-color: #000000;
}
.container-line {
  width: 100%;
  margin-top: -5px;
}
.shop-by-brand-page {
  letter-spacing: 0;
  color: #000000;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  .shop-by-brand-page .ant-container.breadcrumb-main.no-print {
    margin-top: 26px;
    padding: 0;
  }
}
.shop-by-brand-page h2.ant-typography.title-section-underline {
  margin-top: 39px;
  margin-bottom: 36px;
  text-decoration: none;
  line-height: 45px;
  display: block;
}
.shop-by-brand-page .index-brand {
  padding-bottom: 50px;
  text-align: center;
}
.shop-by-brand-page .text-bold {
  letter-spacing: 0;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.shop-by-brand-page .text-bolder {
  letter-spacing: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.shop-by-brand-page .brand-list-row-wrapper {
  padding: 0 20px 41px 0;
}
.shop-by-brand-page .brand-list-row-wrapper:nth-child(2n) {
  background-color: white;
}
.shop-by-brand-page .brand-list-title .text-bold {
  padding-top: 5px;
  display: block;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .shop-by-brand-page .brand-list-title .text-bold {
    padding-top: 0;
  }
}
.shop-by-brand-page .offset-header-inner-link {
  display: block;
  position: relative;
  top: -240px;
  visibility: hidden;
}
@media (max-width: 768px) {
  .shop-by-brand-page {
    padding: 0 0px;
  }
  .shop-by-brand-page h2.ant-typography.title-section-underline {
    font-size: 20px;
    text-decoration: none;
    padding-bottom: 6px;
    line-height: 1;
    border-bottom: solid 2px #000000;
    text-align: left;
    font-weight: 500;
    margin: 20px 0 22px;
  }
  .shop-by-brand-page .index-brand {
    padding-bottom: 15px;
    border-bottom: solid 1px #dbdbdb;
    margin-bottom: 34px;
  }
  .shop-by-brand-page .index-brand .ant-col {
    padding-left: 0 !important;
  }
  .shop-by-brand-page .index-brand .ant-col .ant-col {
    padding-right: 12px !important;
  }
  .shop-by-brand-page .index-brand .text-bold {
    font-size: 16px;
    letter-spacing: 0.76px;
    line-height: 31px;
  }
  .shop-by-brand-page .index-brand .ant-row-center {
    margin: 0 !important;
    justify-content: flex-start;
  }
  .shop-by-brand-page .index-brand .all-brands-0-9-A-B-C {
    font-size: 16px;
    min-width: 20px;
    text-align: left;
    line-height: 31px;
  }
  .shop-by-brand-page .brand-list-title {
    margin-bottom: 4px;
  }
  .shop-by-brand-page .brand-list-title .text-bold {
    font-size: 20px;
    font-weight: 500;
  }
  .shop-by-brand-page .brand-list-row-wrapper {
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 13px;
    padding-top: 0;
    border-bottom: solid 1px #dbdbdb;
  }
  .shop-by-brand-page .brand-list-row-wrapper .ant-row {
    margin: 0 !important;
  }
  .shop-by-brand-page .brand-list-item {
    padding: 0 !important;
    font-size: 13px;
    line-height: 31px;
    margin-bottom: 10px;
  }
  .shop-by-brand-page .brand-list-item a {
    letter-spacing: 0.62px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    padding-right: 20px;
    -webkit-line-clamp: 2;
    white-space: pre-wrap;
    height: 35px;
    line-height: normal;
  }
  .shop-by-brand-page .brand-list-item:nth-child(2n) a {
    padding-right: 0;
  }
}
.all-brands-0-9-A-B-C {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: 0.9px;
}
.shop-by-brand-backtop {
  width: 100%;
  max-width: 1240px;
  right: unset;
  bottom: 20px;
}
.brand-list-item {
  max-width: 290px;
  padding: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.brand-list-item .brandName {
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0.67px;
}
@media (max-width: 768px) {
  .brand-list-item .brandName {
    font-size: 13px;
    line-height: 31px;
    letter-spacing: 0.62px;
  }
}
.hidden-radio .ant-radio-disabled {
  display: none;
}
.brand__filter--desktop {
  display: none;
}
.brand__filter--mobile {
  margin-bottom: 35px;
}
.brand__filter--mobile .brand__filter__select .ant-select-single {
  width: 100%;
}
.brand__filter--mobile .brand__filter__select .ant-select-selection-item {
  font-size: 14px;
  line-height: 40px;
  align-self: center;
}
.brand__filter--mobile .brand__filter__select .brand__filter__option.ant-select-item-option-active {
  background-color: #cccccc;
}
.brand__filter--mobile .brand__filter__select .ant-select-selector {
  border: 1px solid #8f8f8f;
  border-radius: 2px;
}
.brandList__dropdown {
  border: 1px solid #8f8f8f !important;
  border-radius: 2px !important;
}
@media (min-width: 992px) {
  .brand__filter--desktop {
    display: block;
    padding-bottom: 20px !important;
  }
  .brand__filter--desktop .ant-affix {
    background-color: #fff;
    width: 100vw !important;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    top: 65px !important;
    height: auto !important;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.2);
  }
  .brand__filter--mobile {
    display: none;
  }
}
@media (min-width: 992px) and (min-width: 1025px) {
  .brand__filter--desktop .ant-affix {
    top: 160px !important;
    padding-top: 0px;
  }
}
@media (min-width: 320px) and (max-width: 1024px) {
  .shop-by-brand-page {
    margin-top: 26px;
  }
  .shop-by-brand-page .brand-list-title {
    margin-bottom: 20px;
  }
  .shop-by-brand-page .brand-list-item {
    margin-bottom: 18px;
  }
  .shop-by-brand-page .brand-list-item a {
    height: initial;
  }
}
.empty-product-title {
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  margin-bottom: 27px !important;
  margin-top: 52px;
}
.empty-product-detail {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.72;
  letter-spacing: 0.86px;
  margin-bottom: 109px !important;
}
.empty-list-account {
  width: 386px;
  height: 26px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: var(--black);
}
#order_header #price .ant-skeleton {
  width: 40%;
}
#order_header #option .ant-skeleton {
  width: 30%;
}
.search-group-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.search-group-container .ant-radio-button-wrapper {
  height: 40px;
  line-height: 40px;
  transition: 300ms;
}
.search-group-container .ant-radio-button-wrapper span {
  transition: 300ms;
}
.search-group-container .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background: #000 !important;
  border-color: initial !important;
  border-right-color: initial !important;
  color: #000;
}
.search-group-container .ant-radio-button-wrapper.ant-radio-button-wrapper-checked span {
  color: #fff !important;
}
.search-group-container .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover {
  background-color: #000 !important;
  border-color: initial !important;
  border-right-color: initial !important;
  color: #000;
}
.search-group-container .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover span {
  color: #fff !important;
}
.search-group-container .ant-radio-button-wrapper:hover {
  background-color: #000;
}
.search-group-container .ant-radio-button-wrapper:hover span {
  color: #fff;
}
.main-suggestion-search {
  display: block;
  position: fixed;
  background-color: #ffffff;
  padding: 39px 40px 47px;
  overflow-y: auto;
  max-width: unset;
  z-index: 12;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.3);
  width: 100%;
  max-height: calc(100vh - 150px);
  margin: 0 auto;
}
@media (max-width: 1199px) {
  .main-suggestion-search {
    padding: 15px;
    width: 100% !important;
  }
}
.main-suggestion-search .product-item-card-new .ant-card-cover {
  padding-bottom: 175px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .main-suggestion-search .product-item-card-new .ant-card-cover {
    width: 55px;
    padding-bottom: 64px !important;
    margin: 0 !important;
    min-width: 55px;
    max-width: 55px;
  }
}
.main-suggestion-search .ant-card-body {
  border-top: solid 0.5px #000;
}
@media (max-width: 767px) {
  .main-suggestion-search .ant-card-body {
    border-top: none;
    height: unset !important;
    margin: unset !important;
  }
}
.main-suggestion-search .product-item-card-new {
  min-height: unset;
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price {
  margin-top: 8px;
}
@media (max-width: 768px) {
  .main-suggestion-search .product-item-card-new .ant-card-body .text-product-price {
    margin-top: 0;
  }
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .discount-price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .discount-price .special-price {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.71;
  letter-spacing: normal;
  color: #ff0000;
  margin-right: 4px;
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .discount-price .special-price .price__currency {
  font-size: 14px;
}
@media (max-width: 768px) {
  .main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .discount-price .special-price {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: 0.27px;
    color: #ff0000;
  }
  .main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .discount-price .special-price .price__currency {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: 0.25px;
    color: #ff0000;
  }
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .discount-price .full-price {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.83;
  letter-spacing: normal;
  color: #a1a1a1;
  text-decoration: line-through;
}
@media (max-width: 768px) {
  .main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .discount-price .full-price {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 3;
    letter-spacing: 0.25px;
    color: #a1a1a1;
  }
  .main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .discount-price .full-price .price__currency {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.6;
    letter-spacing: normal;
    color: #a1a1a1;
  }
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .save-price {
  color: #ff0000;
}
@media (max-width: 768px) {
  .main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .save-price {
    display: none;
  }
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .save-price .price-text-discount {
  margin-right: 3px;
  text-transform: uppercase;
  font-weight: bold;
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price .save-price span {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.83;
  letter-spacing: normal;
  color: inherit;
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price > span {
  padding-top: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.71;
  letter-spacing: normal;
  color: #000000;
}
.main-suggestion-search .product-item-card-new .ant-card-body .text-product-price > span .price__currency {
  font-size: 14px;
}
@media (max-width: 1200px) {
  .main-suggestion-search .product-item-card-new .ant-card-body .text-product-price > span {
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .main-suggestion-search .product-item-card-new .ant-card-body .text-product-price > span {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: 0.3px;
    color: #000000;
  }
  .main-suggestion-search .product-item-card-new .ant-card-body .text-product-price > span .price__currency {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.17;
    letter-spacing: normal;
    color: #000000;
  }
}
.main-suggestion-search .search__popup__empty {
  min-height: 145px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-suggestion-search .search__popup__empty.empty-item {
  margin-top: -25px;
}
@media (min-width: 768px) {
  .main-suggestion-search .search__popup__empty.empty-item {
    height: 95%;
  }
}
.main-suggestion-search .search__popup__empty span {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.72;
  letter-spacing: 0.86px;
  text-align: center;
  color: #000000;
}
.main-suggestion-search::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: transparent !important;
}
.main-suggestion-search::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent !important;
}
.main-suggestion-search::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background-color: #ccc !important;
}
.main-suggestion-search-overlay {
  display: block;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.widget-header-wrapper .widget-search-product .ant-row-middle .suggestion-main-popup .ant-col:last-child {
  width: 100%;
  max-width: unset;
}
@media (min-width: 1025px) {
  .widget-header-wrapper .widget-search-product .ant-row-middle .suggestion-main-popup .ant-col:last-child.suggestion-main-popup-empty {
    height: 378.5px;
  }
}
@media (max-width: 1024px) {
  .widget-header-wrapper .widget-search-product .ant-row-middle .suggestion-main-popup .ant-col:last-child.suggestion-main-popup-empty {
    height: 428px;
  }
}
@media (max-width: 576px) {
  .widget-header-wrapper .widget-search-product .ant-row-middle .suggestion-main-popup .ant-col:last-child.suggestion-main-popup-empty {
    height: 175px;
  }
}
.widget-search-product input#search {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  color: #000;
}
.widget-search-product .suggesstion-title {
  font-size: 12px;
  font-weight: 700;
}
@media (min-width: 1199px) {
  .widget-search-product .suggesstion-title {
    font-size: 16px;
    font-weight: bold;
  }
}
.widget-search-product [type="submit"] {
  padding-right: 0;
}
.suggestion-list-product-popup {
  padding-right: 40px;
}
@media (min-width: 768px) {
  .suggestion-list-product-popup {
    border-right: 1.5px solid #000000;
  }
}
.suggestion-list-product-popup > div {
  margin-bottom: 16px;
}
.suggestion-product-popup {
  padding-left: 40px;
  max-width: unset;
}
@media (max-width: 767px) {
  .suggestion-product-popup {
    padding-left: 13px;
  }
}
.suggestion-product-popup .product-list-top-bar {
  margin-top: unset;
  display: unset;
}
.suggestion-product-popup .rate {
  font-size: 10.5px;
  margin-top: 8px;
}
.suggestion-product-popup .ant-card-body {
  padding: unset;
}
.suggestion-product-popup .ant-card-body > div > .ant-row:first-child a {
  width: 100%;
}
.suggestion-product-popup .product-item-card-new .text-product-name {
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  color: #000000;
  font-size: 12px;
  min-height: 30px;
  max-height: 30px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .suggestion-product-popup .product-item-card-new .text-product-name {
    min-height: initial;
    max-height: initial;
  }
}
.suggestion-product-popup .text-brand {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.05;
  letter-spacing: normal;
  margin: 9px 0 5px;
  min-height: 13px;
  max-height: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .suggestion-product-popup .text-brand {
    min-height: initial;
    max-height: initial;
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
  }
}
.suggestion-product-popup .suggestion-lable-shop-all {
  margin: 48px 0 0 0;
  margin-top: 0px;
  font-size: 16px;
  font-weight: 700;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.72;
  letter-spacing: 0.86px;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .suggestion-product-popup .suggestion-lable-shop-all {
    margin-bottom: 50px;
  }
}
.suggestion-product-popup .product-toolbar-bottom {
  margin: 0 0 0 22px;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.55;
  letter-spacing: 0.95px;
  color: #000000;
}
@media (max-width: 768px) {
  .suggestion-product-popup .product-toolbar-bottom {
    margin: 0 0 0 19px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.94;
    letter-spacing: 0.76px;
    text-align: center;
    color: #000000;
  }
}
.suggestion-product-popup .product-list-container .skeleton-product-item {
  height: 100px;
}
.suggestion-product-popup .product-list-container .display-product-list-container {
  margin-top: -20px;
}
.suggestion-product-popup .product-list-container .display-product-list-container .ant-spin-container > .ant-row > div > div {
  height: 100%;
}
@media screen and (max-width: 1025px) {
  .suggestion-product-popup .display-product-list-container.list-view-suggesstion_view .ant-row > div {
    width: 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 767px) {
  .suggestion-product-popup {
    margin-top: 15px;
  }
  .suggestion-product-popup .product-item-card-new .text-product-name {
    height: 16px;
    -webkit-line-clamp: 1 !important;
    margin: 0;
    word-break: break-all;
  }
  .suggestion-product-popup .rate {
    font-size: 8px;
  }
  .suggestion-product-popup .category-details-percent-main {
    display: none;
  }
  .suggestion-product-popup .ant-list-item {
    font-size: 12px;
  }
  .suggestion-product-popup .display-product-list-container.list-view-suggesstion_view .ant-row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: unset;
  }
}
.suggestion-list-product {
  border: unset;
  cursor: pointer;
}
.suggestion-list-product .ant-spin-nested-loading {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
}
.suggestion-list-product .ant-list-item {
  border: unset;
  padding: 0px !important;
}
@media screen and (max-width: 767px) {
  .suggestion-list-product .ant-list-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 2.5;
  }
}
.suggestion-lable-shop-all {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.72;
  letter-spacing: 0.86px;
  cursor: pointer;
}
.search-result-title h1 {
  display: block;
  margin: 53px 0 7px 0;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media screen and (min-width: 768px) {
  .search-result-title h1 {
    margin: 51px 0 4px 0;
    font-size: 26px;
    line-height: 1.73;
  }
}
.search-result-qty .ant-typography {
  margin: 7px 0 24px 0;
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: italic;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (min-width: 768px) {
  .search-result-qty .ant-typography {
    margin: 4px 0 21px 0;
    font-size: 14px;
    font-weight: 500;
  }
}
.search__select .ant-select-arrow {
  width: 22px;
  height: 12px;
}
.search__select .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.search__select .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  margin-right: 10px;
  margin-left: 0px;
  margin-top: 0 !important;
}
.search__select .ant-select-single .ant-select-selector {
  border: 1px solid black;
}
.search__select .select-sort-icon-open-sort-by {
  object-fit: contain;
}
.sort-section span {
  font-size: 12px;
}
@media screen and (min-width: 1200px) {
  .search__select .ant-select-selection-item {
    left: -10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .search__select .ant-select-selector {
    max-width: 240px;
  }
  .search__select .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .search__select .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    margin-right: 20px;
    margin-left: 15px;
  }
  .sort-section span {
    font-size: 14px;
  }
}
.product-list-container #empty_data div[data-content-type="html"] > div {
  flex-direction: column !important;
  text-align: center;
}
@media screen and (min-width: 667px) {
  .product-list-container #empty_data div[data-content-type="html"] > div {
    flex-direction: row !important;
  }
}
.main-suggestion-search .reviews {
  display: none;
}
@media (max-width: 767px) {
  .category-details-percent-value {
    font-size: 24px;
  }
  .category-details-percent {
    font-size: 14px;
  }
  .category-details-percent-main {
    max-height: 32px;
    width: 60px;
    line-height: 32px;
  }
  #empty_data div:nth-child(2) {
    margin-top: 25px !important;
  }
  #empty_data div:nth-child(2) span {
    font-size: 20px !important;
  }
  #empty_data div:nth-child(3) span,
  #empty_data div:nth-child(3) a {
    text-decoration: none !important;
    font-size: 12px !important;
    line-height: 26px;
  }
  .main-suggestion-search .product-item-card-new .text-product-name {
    height: 43px;
    font-size: 14px;
    margin-top: 7px;
  }
  .main-suggestion-search .product-list-container .product-item-card-new .ant-card-cover {
    padding-bottom: 146%;
  }
  .main-suggestion-search .product-list-container .sort-section .ant-select-selector {
    padding: 0 15px !important;
    height: 30px !important;
  }
}
@media (max-width: 359px) {
  .product-item-card-new .ant-card-body {
    padding: 6px 0;
  }
  .product-list-top-bar {
    white-space: nowrap;
  }
  .product-item-card-new .ant-card-body .product-compare {
    right: 48px;
    top: 7px;
  }
  .product-item-card-new .ant-card-body .product-compare svg {
    width: 15px;
  }
  .product-item-card-new .ant-card-body span.qty-plus {
    right: 23px;
    top: 6px;
  }
  .product-item-card-new .ant-card-body span.qty-plus img {
    width: 16px;
  }
  .product-item-card-new .ant-card-body .wishlist-action {
    top: 7px;
  }
  .product-item-card-new .ant-card-body .wishlist-action img {
    width: 16px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .suggestion-product-popup .product-list-container .display-product-list-container > .ant-spin-nested-loading > .ant-spin-container > .ant-row > div {
    width: calc(100% / 3) !important;
    max-width: calc(100% / 3) !important;
  }
  .suggestion-product-popup .display-product-list-container.list-view-suggesstion_view .ant-row > div {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.main-suggestion-search .product-item-card-new {
  padding: 0 15px 13px;
  max-width: 191px;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .main-suggestion-search .product-item-card-new {
    max-width: 100%;
    margin: 0;
    margin-top: 0;
  }
}
.main-suggestion-search .addtocart-icon-out-of-stock {
  display: none;
}
@media (max-width: 767px) {
  .product-item-card-new .text-brand {
    margin-bottom: 0;
    margin-top: 5px !important;
  }
  .suggestion-product-popup {
    padding-left: 0;
  }
  .suggestion-product-popup .ant-spin-container > .ant-row > div:nth-child(even) {
    background-color: #f5f5f5;
    position: relative;
  }
  .suggestion-product-popup .ant-spin-container > .ant-row > div:nth-child(even):before {
    content: "";
    position: absolute;
    top: 0;
    width: 25px;
    left: -25px;
    height: 100%;
    background-color: #f5f5f5;
  }
  .suggestion-product-popup .ant-spin-container > .ant-row > div:nth-child(even):after {
    content: "";
    position: absolute;
    top: 0;
    width: 25px;
    right: -25px;
    height: 100%;
    background-color: #f5f5f5;
  }
  .suggestion-product-popup .ant-spin-container > .ant-row > div:nth-child(even) .ant-card {
    background: transparent;
  }
  .display-product-list-container.list-view-suggesstion_view .ant-list-item {
    margin-bottom: 10px;
  }
  .display-product-list-container.list-view-suggesstion_view .product-item-card-new {
    margin-bottom: 10px;
  }
  .display-product-list-container.list-view-suggesstion_view .product-item-card-new .ant-card-cover {
    margin-top: 10px;
  }
  .main-suggestion-search {
    padding-left: 25px;
    padding-right: 25px;
  }
  .main-suggestion-search .suggestion-product-popup .product-item-card-new .text-product-name {
    height: 16px;
    margin: 7px 0 0;
  }
  .main-suggestion-search .product-item-card-new {
    box-shadow: unset !important;
  }
  .main-suggestion-search .display-product-list-container .ant-spin-container > .ant-row > div:nth-child(odd) {
    padding: 15px 0px;
  }
  .main-suggestion-search .display-product-list-container .ant-spin-container > .ant-row > div:nth-child(even) {
    padding: 15px 0px;
  }
  .main-suggestion-search .product-item-card-new {
    padding: 0;
  }
}
.product__list__by__search .listing-page-no-item .search__image__empty,
.product__list__by__name .listing-page-no-item .search__image__empty {
  width: 96px;
  height: 104px;
  object-fit: contain;
  display: block;
  margin: 58px auto 62px;
}
@media (max-width: 768px) {
  .product__list__by__search .listing-page-no-item .search__image__empty,
  .product__list__by__name .listing-page-no-item .search__image__empty {
    width: 84px;
    height: 85px;
    margin: 44px auto 39px;
  }
}
.product__list__by__search .listing-page-no-item > .ant-col:last-child,
.product__list__by__name .listing-page-no-item > .ant-col:last-child {
  margin-bottom: 173px;
  margin-top: 69px;
}
@media (max-width: 768px) {
  .product__list__by__search .listing-page-no-item > .ant-col:last-child,
  .product__list__by__name .listing-page-no-item > .ant-col:last-child {
    margin-top: 0px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 991px) {
  .product__list__by__search .listing-page-no-item #product_empty > div > div > div > div > div,
  .product__list__by__name .listing-page-no-item #product_empty > div > div > div > div > div {
    flex-direction: column !important;
  }
  .product__list__by__search .listing-page-no-item #product_empty > div > div > div > div > div > a,
  .product__list__by__name .listing-page-no-item #product_empty > div > div > div > div > div > a {
    margin-top: 10px;
  }
  .product__list__by__search .listing-page-no-item #product_empty > div > div > div > div > div > span,
  .product__list__by__name .listing-page-no-item #product_empty > div > div > div > div > div > span {
    font-size: 12px !important;
  }
  .product__list__by__search .listing-page-no-item #product_empty strong,
  .product__list__by__name .listing-page-no-item #product_empty strong {
    font-size: 20px !important;
  }
}
.product__list__by__search .listing-page-no-item > .ant-col:last-child {
  margin-top: 0;
}
.product__list__by__name .product-list-container--empty {
  margin: 0;
}
.suggesstion-line-item {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inherit;
  -webkit-line-clamp: 1;
  white-space: nowrap;
}
@media screen and (max-width: 320px) {
  .class-form-search-product {
    padding-left: 15px;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .class-form-search-product {
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  .class-form-search-product ::-webkit-input-placeholder {
    font-size: 12px;
  }
  .class-form-search-product :-moz-placeholder {
    font-size: 12px;
  }
  .class-form-search-product ::-moz-placeholder {
    font-size: 12px;
  }
  .class-form-search-product ::-webkit-input-placeholder {
    font-size: 12px !important;
  }
  .class-form-search-product :-moz-placeholder {
    font-size: 12px !important;
  }
  .class-form-search-product ::-moz-placeholder {
    font-size: 12px !important;
  }
}
@media (min-width: 767px) {
  .class-form-search-product ::-webkit-input-placeholder {
    font-size: 14px;
  }
  .class-form-search-product :-moz-placeholder {
    font-size: 14px;
  }
  .class-form-search-product ::-moz-placeholder {
    font-size: 14px;
  }
  .class-form-search-product ::-webkit-input-placeholder {
    font-size: 14px !important;
  }
  .class-form-search-product :-moz-placeholder {
    font-size: 14px !important;
  }
  .class-form-search-product ::-moz-placeholder {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 1199px) {
  .suggestion-product-popup .discount-badge {
    display: none;
  }
}
.loading-page {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.loading-page div div {
  border-radius: 0px;
  background-color: #ffffff;
}
.loading-simple {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
}
.loading-simple div div {
  border-radius: 0px;
  background-color: #ffffff;
}
.loading-inline div div {
  border-radius: 0px;
}
.loading-authen-page {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40vh;
}
.loading-authen-page div div {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.loding-inline-qr-container {
  margin-bottom: 20px;
}
.loding-inline-qr-container.with-paywise {
  margin-top: -10px;
}
.payment-steps-main {
  max-width: 536px;
  margin: 37px auto 0px;
}
.payment-display-status {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.payment-dot {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #adadad;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.payment-dot.active {
  background-color: #000000;
}
.payment-line {
  height: 2px;
  border: solid 2px #adadad;
  background-color: #adadad;
  width: 15vw;
  margin: 0px 0px 25px 0px;
}
.payment-line.active {
  background-color: #000000;
  border: solid 2px #000000;
}
.payment-container-dot {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.payment-dot-text {
  font-size: 16px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: normal;
  color: #ffffff;
}
.payment-description {
  font-size: 11px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.45;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.payment-Bitmap {
  max-width: 1240px;
  top: 25px;
}
.payment-coupon-wrapper {
  border: solid 0.5px #000000;
  margin-bottom: 11px;
  padding: 20px;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .payment-coupon-wrapper {
    border: unset;
    padding: 20px 0;
  }
}
.payment-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal !important;
  letter-spacing: normal;
  text-align: center;
}
.payment-coupon-input {
  height: 44px !important;
  padding: 12px 10px;
  position: relative;
  border: solid 0.5px #000000;
  width: 100%;
  margin: auto;
  font-size: 14px;
  border-radius: 2px !important;
  opacity: 0.5;
}
.payment-coupon-button {
  letter-spacing: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: inline-block;
  border-radius: 2px;
  border: solid 0.5px #000000;
  width: 100%;
  background-color: #000000;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.payment-coupon-button:hover {
  color: #ffffff;
}
.payment-coupon-button .ant-typography:hover,
.payment-coupon-button .ant-typography h2:hover,
.payment-coupon-button h3.ant-typography:hover,
.payment-coupon-button .ant-typography h3:hover,
.payment-coupon-button h4.ant-typography:hover,
.payment-coupon-button .ant-typography h4:hover,
.payment-coupon-button a:hover,
.payment-coupon-button .ant-typography:hover,
.payment-coupon-button .ant-btn-link:hover {
  color: #ffffff;
}
.payment-coupon-title {
  margin: auto;
}
.coupon-see-code {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 500;
  color: #838383;
  line-height: normal;
  text-decoration: underline;
  cursor: pointer;
}
.main-order-summary {
  padding: 29px 31px 22px 30px;
  border-radius: 2px;
  border: solid 0.5px #000000;
}
.order-summary-title {
  text-align: center;
  margin-bottom: 36px;
}
.order-summary-title-normal {
  font-size: 24px !important;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal !important;
  letter-spacing: normal;
}
.order-summary-sub-total-lable {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.order-summary-sub-total-value {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.order-summary-bold-line {
  margin: 18px 0 21px 1px;
  border-bottom: solid 2.5px #000000;
}
.order-summary-line {
  margin: 14px 0 0 1px;
  border-bottom: solid 0.5px #000000;
}
.order-summary-text-total-lable {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.order-summary-text-total-value {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.order-summary-text-helper {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
}
.order-summary-checkout-button {
  width: 100%;
  height: 50px;
  box-shadow: 5px 5px 0 0 #6600ff;
  border: solid 1px #000000;
  background-color: #000000;
  margin-top: 21px;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000000;
  color: #ffffff;
  text-transform: uppercase;
}
.order-summary-checkout-button span {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.order-summary-checkout-button.ant-btn-primary:hover {
  background: #000000;
  color: #ffffff;
  transition: none;
}
.order-summary-checkout-button.ant-btn-primary:focus {
  background: #000000;
  color: #ffffff;
  border: solid 0.5px #000000;
  transition: none;
}
.order-summary-checkout-button::after,
.order-summary-checkout-button .ant-click-animating-node {
  animation: none;
}
.order-summary-checkout-button:hover {
  border: solid 0.5px #000000;
  background-color: #ededed;
  color: #b3b3b3;
}
.order-summary-checkout-button:disabled:hover {
  background-color: #ededed;
  color: #b3b3b3;
}
.order-summary-receipt {
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 1.86;
}
.order-summary-receipt .order-summary-receipt-detail {
  font-size: 20px;
  font-weight: 500;
  margin: 23px 0 1px 0;
}
.order-summary-receipt .order-summary-receipt-delete-close-icon {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 3px;
  margin-left: 5px;
}
.text-point-value {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
}
.paymeny-block {
  height: 170px;
  margin: 20px 0 13px;
  text-align: center;
  padding-top: 69px;
  background-color: #b3b3b3;
}
.paymeny-block span {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.text-free-delivery {
  text-align: center;
}
.text-free-delivery span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .checkout__payment__wrapper {
    padding: 0 10px;
    margin: 0 !important;
  }
  .checkout__payment__wrapper .breadcrumb-main {
    margin-bottom: 0;
  }
  .checkout__payment__wrapper .checkout-page {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .checkout__payment__wrapper .checkout-page > div {
    padding: 0 !important;
  }
  .checkout__payment__wrapper .ant-space-item * {
    line-height: normal;
  }
  .checkout__payment__wrapper .ant-space-item * input {
    font-size: 14px;
  }
  .checkout__payment__wrapper .ant-collapse-header {
    padding: 10px !important;
  }
  .checkout__payment__wrapper .ant-collapse-item {
    border-radius: 2px !important;
  }
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container {
    padding-right: 0 !important;
  }
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .ant-form-item {
    margin-bottom: 0 !important;
  }
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .ant-form-item .label {
    top: 17px;
    left: 16px;
  }
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .ant-form-item .label.label-float {
    top: 11px;
  }
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .ant-form-item input.default-input,
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .ant-form-item input.float-input,
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .ant-form-item span.ant-input-password {
    padding: 25px 15px 9px !important;
    border-radius: 2px !important;
    border: solid 0.5px rgba(0, 0, 0, 0.5) !important;
  }
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .ant-form-item.payment__checkbox {
    margin-bottom: 0 !important;
  }
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .new-card-button {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    text-decoration: none;
  }
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .ant-form-item-explain {
    margin-top: -17px;
  }
  .checkout__payment__wrapper .ant-collapse-item .ant-collapse-content-box .collapse-options-content-container .ant-form-item-explain .message-error {
    font-size: 12px;
  }
  .checkout__payment__wrapper .ant-space-item .ant-typography.ant-typography-ellipsis.ant-typography-ellipsis-single-line {
    display: flex;
    flex-direction: column;
    font-weight: 600;
  }
  .checkout__payment__wrapper .ant-space-item .ant-typography.ant-typography-ellipsis.ant-typography-ellipsis-single-line span {
    margin: 0 !important;
    margin-top: 10px !important;
    font-weight: initial;
  }
  .checkout__payment__wrapper .ant-space-item .collapse-options-head img {
    max-width: 100% !important;
    object-fit: contain;
  }
  .checkout__payment__wrapper .ant-space-item .collapse-options-head > div:nth-child(1) {
    width: calc(100% - 100px) !important;
  }
  .checkout__payment__wrapper .ant-space-item .collapse-options-head > div:nth-child(2) {
    width: 100px !important;
  }
  .checkout__payment__wrapper .credit-card-form > .ant-row > .ant-col {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }
  .checkout__payment__wrapper .credit-card-form > .ant-row > .ant-col .ant-checkbox-wrapper {
    height: initial !important;
  }
  .checkout__payment__wrapper .credit-card-form > .ant-row > .ant-col .ant-form-item-control-input {
    min-height: initial !important;
  }
}
.checkout__payment__wrapper .checkout-page {
  flex-flow: nowrap;
}
.checkout__payment__wrapper .display-payment-card {
  width: 810px;
}
.checkout__payment__wrapper .display-order-summary {
  width: 400px;
  max-width: 400px;
}
@media (max-width: 576px) {
  .checkout__payment__wrapper .payment-options-list-container .mobile-payment-option-title {
    text-align: center;
  }
}
@media (max-width: 1200px) {
  .checkout__payment__wrapper .display-payment-card {
    padding-right: 30px;
  }
}
@media (max-width: 1024px) {
  .checkout__payment__wrapper .checkout-page {
    flex-flow: wrap;
    padding-top: 15px;
  }
  .checkout__payment__wrapper .payment-Bitmap {
    top: unset;
  }
  .checkout__payment__wrapper .display-payment-card {
    width: 100%;
    padding-right: 0;
  }
  .checkout__payment__wrapper .display-order-summary {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .checkout__payment__wrapper .payment-Bitmap {
    top: 41px;
  }
  .checkout__payment__wrapper .checkout-page {
    padding-top: 100px;
  }
}
.payment__check__text span {
  font-size: 14px;
}
.checkout__payment__wrapper .display-status {
  max-width: 635px;
}
@media screen and (max-width: 991px) {
  .checkout__payment__wrapper .estimated-total > div:first-child {
    border-top: unset;
  }
}
.display-banner {
  margin-top: 25px;
}
.payment-form {
  display: flex;
  flex-direction: column;
}
.redemption-notify {
  display: flex;
  align-items: center;
  padding: 10px 10px 12px 10px;
  border-radius: 2px;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  margin-bottom: 20px;
}
.redemption-notify .text-message {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.5;
  color: #bb8b3e;
  margin: 0;
  padding: 0;
}
.policy-wrapper .policy-label .ant-checkbox + span {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .policy-wrapper .policy-label .ant-checkbox + span {
    padding-left: 5px;
  }
}
.policy-wrapper .ant-form-item-explain {
  position: static;
  margin-top: 0;
  padding-left: 30px;
  padding-top: 2px;
  font-size: 14px !important;
}
@media (max-width: 768px) {
  .policy-wrapper .ant-form-item-explain {
    position: absolute;
    left: 25px;
    bottom: -25px;
    padding-top: 0;
    padding-left: 0;
    font-size: 12px !important;
  }
}
.policy-wrapper .ant-form-item-has-error {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .policy-wrapper {
    margin-top: 14px;
  }
  .policy-wrapper .ant-form-item {
    margin-bottom: 0;
    padding-bottom: 30px;
  }
}
.payment-title-Redeemtion {
  font-size: 24px !important;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.collapse-redeemtion-box {
  border-top: solid 1px #e3e3e3;
  border-left: solid 1px #e3e3e3;
  border-right: solid 1px #e3e3e3;
}
.collapse-head {
  border-bottom: solid 1px #e3e3e3;
}
.collapse-radio-left {
  border-right: solid 1px #e3e3e3;
  max-width: 81px;
}
.collapse-box-img {
  text-align: end;
  margin: auto;
  padding-right: 15px;
}
.collapse-head-img img {
  max-height: 53px;
}
.collapse-box-text {
  margin: auto auto auto 20px;
}
.collapse-radio {
  height: 100%;
  margin-right: unset;
}
.collapse-radio .ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  visibility: unset;
  animation: unset;
  animation-fill-mode: both;
  content: '';
  background-color: #000000;
}
.collapse-radio .ant-radio-inner::after {
  width: 100%;
  height: 100%;
  max-width: 15px;
  max-height: 15px;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  background-color: #ffffff;
  top: 4px;
  left: 4px;
  z-index: 9999999;
}
.collapse-radio span {
  margin: auto;
  width: 25px;
  height: 25px;
}
.point-item-main {
  max-width: 295px;
  width: 100%;
  height: 100%;
  max-height: 40px;
  padding: 6px 13px 5px;
  border: solid 1px #000000;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.maxinum-points-text {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  border-bottom: solid 0.5px #000000;
  cursor: pointer;
}
.every-points-text {
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.points-text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
}
.points-discount-valu {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.points-discount-text {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
}
.points-current-value {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.points-current-text {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
}
.overflow-text-lable {
  overflow: scroll;
  display: flex;
  max-height: 38px;
}
.collapse-options-main {
  width: 100%;
  border-color: black;
}
.collapse-options-main .collapse-options-panel {
  border-color: black;
}
.collapse-options-main .collapse-options-panel .ant-collapse-header {
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: white;
  border-color: black;
}
.collapse-options-main .collapse-options-panel .ant-collapse-header .title-container {
  padding-left: 15px;
  padding-right: 10px;
}
@media (min-width: 769px) {
  .collapse-options-main .collapse-options-panel .ant-collapse-header .title-container {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 768px) {
  .collapse-options-main .collapse-options-panel .ant-collapse-header .title-container {
    padding-left: 20px;
    padding-right: 5px;
  }
}
.collapse-options-main .collapse-options-panel .ant-collapse-header .title-header {
  font-size: 14px;
}
@media (max-width: 768px) {
  .collapse-options-main .collapse-options-panel .ant-collapse-header .title-header {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 768px) {
  .collapse-options-main .collapse-options-panel .ant-collapse-header .title-header {
    font-weight: 600;
  }
}
.collapse-options-main .collapse-options-panel .ant-collapse-header .description-header {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  padding-left: 10px;
}
@media (max-width: 768px) {
  .collapse-options-main .collapse-options-panel .ant-collapse-header .description-header {
    padding-left: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.collapse-options-main .collapse-options-panel .ant-collapse-content {
  border-color: #fbfbfb;
  background-color: #fbfbfb;
}
.collapse-options-main .collapse-options-panel.qr-without-promotion .ant-collapse-content {
  display: none;
}
.collapse-options-main .collapse-options-panel .ant-collapse-content-active:has(
      .collapse-options-content-container:empty) {
  border-top-width: 0px;
}
.collapse-options-main .collapse-options-panel .ant-collapse-content-box:has(
      .collapse-options-content-container:empty) {
  padding-top: 0px;
  padding-bottom: 0px;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container {
  padding-left: 36px;
  padding-right: 34px;
  padding-bottom: 14px;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container:empty {
  padding-top: 0px;
  padding-bottom: 0px;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .new-card-button {
  font-size: 14px;
  font-weight: 500;
  color: black;
  cursor: pointer;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .new-card-button.cursor-disabled {
  cursor: not-allowed;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-container {
  margin-top: 5px;
  flex-wrap: nowrap;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-container .radio {
  width: 20px;
  height: 20px;
  border-radius: 11.5px;
  border: solid 1px #000000;
  background-color: #fbfbfb;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-container .radio .oval {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #000000;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-container .saved-card-name {
  cursor: pointer;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-container .card-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.79;
  color: #000000;
  margin-right: 17px;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-container .card-mask {
  font-size: 14px;
  line-height: 1.79;
  color: #000000;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-cvv-input-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 20px;
  row-gap: 10px;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-cvv-input-wrapper .saved-card-cvv-form-item {
  margin-bottom: 0;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-cvv-input-wrapper .saved-card-cvv-form-item > .ant-col {
  max-width: 210px;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-cvv-input-wrapper .saved-card-cvv-form-item.ant-form-item-has-error {
  padding-top: 0;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-cvv-input-wrapper .saved-card-cvv-form-item .saved-card-cvv-input.ant-input-affix-wrapper:hover {
  border-color: #000000;
}
@media (min-width: 769px) {
  .collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-cvv-input-wrapper .saved-card-cvv-form-item .ant-form-item-explain {
    margin-top: -20px;
  }
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-cvv-input-wrapper .saved-card-cvv-img-wrapper img {
  height: 31px;
  margin-right: 6px;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-cvv-input-wrapper .saved-card-cvv-explaination-wrapper {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
@media (max-width: 640px) {
  .collapse-options-main .collapse-options-panel .collapse-options-content-container .saved-card-cvv-input-wrapper {
    margin-left: -30px;
  }
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .credit-card-form {
  margin-top: 20px;
  margin-bottom: 0px !important;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .title-label {
  font-size: 14px;
  color: #000000;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block {
  border: 1px solid #000000;
  border-radius: 2px;
  display: flex;
  height: 70px;
  width: 220px;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block.active {
  border: 1px solid #6600ff;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block.active .ant-radio-wrapper-checked .ant-radio-checked .ant-radio-inner {
  border-color: #6600ff;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block.active .ant-radio-wrapper-checked .ant-radio-checked .ant-radio-inner::after {
  background-color: #6600ff;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block.active .radio-container .container .title {
  color: #6600ff;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block.active .radio-container .container .description {
  color: #6600ff;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block .radio-container {
  padding: 10px 10px 10px 15px;
  width: 100%;
  margin-right: 0px;
  position: relative;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block .radio-container .container {
  display: flex;
  flex-direction: column;
  max-width: 146px;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block .radio-container .container .title {
  font-size: 14px;
  font-weight: bold;
  max-width: inherit;
  display: inline-block;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block .radio-container .container .description {
  font-size: 14px;
  max-width: inherit;
}
.collapse-options-main .collapse-options-panel .collapse-options-content-container .block .radio-container .information-container {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
}
.collapse-options-main .collapse-options-head {
  min-height: 40px;
}
.collapse-options-main .collapse-options-head .radio {
  width: 20px;
  height: 20px;
  border-radius: 11.5px;
  border: solid 1px #000000;
  background-color: #fbfbfb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.collapse-options-main .collapse-options-head .radio .oval {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #000000;
}
.select-payment-installment .ant-select-item-option-content {
  font-size: 14px !important;
}
.show-error-select-installment {
  margin-top: 10px;
}
.error-select-payment-period svg {
  fill: #ff0200;
}
.error-select-payment-period span {
  margin-right: 10px;
  color: #ff0200;
  font-size: 14px;
}
.logout-page {
  margin: 67px 0 90px;
  text-align: center;
}
@media (max-width: 768px) {
  .logout-page {
    margin: 43px 0 50px;
  }
}
.logout-page .image img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
@media (max-width: 768px) {
  .logout-page .image img {
    width: 100px;
    height: 100px;
  }
}
.logout-page .success-message {
  display: block;
  margin: 39px 0 21px;
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .logout-page .success-message {
    margin: 33.1px 0 15px 0;
    font-size: 20px;
    line-height: normal;
  }
}
.logout-page .redirect-message {
  margin: 0 0 50px;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
@media (max-width: 768px) {
  .logout-page .redirect-message {
    margin: 0 0 43px 0;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    line-height: 2.17;
  }
}
.logout-page .redirect-button button {
  width: 190px;
  max-width: 190px;
  height: 40px;
  margin: 50px auto 0;
  padding: 11px 0;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #6600ff;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #000000;
  display: flex;
  justify-content: center;
}
.logout-page .redirect-button button span {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 768px) {
  .logout-page .redirect-button button {
    width: 180px;
    max-width: 180px;
    margin: 43px auto 0;
  }
}
.thank-you-icon-shopping {
  padding-top: 50px;
}
.thank-you-icon-shopping img {
  max-width: 120px !important;
  max-height: 120px;
}
.than-you-icon-email {
  max-width: 50px;
  max-height: 50px;
}
.than-you-icon-account {
  max-width: 50px;
  max-height: 50px;
}
.thankyou-information {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-right: 10px;
}
.thankyou-credit-card {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
}
.thankyou-total-text {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin-right: 10px;
}
.thankyou-total {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
.order-result .display-status .line.active {
  border-width: 1px;
  height: 0px;
}
.order-result .order-thanyou-main {
  padding-top: 40px;
  position: relative;
}
.order-result .order-thanyou-main .order-thanyou-icon-print {
  top: 40px;
}
.order-result .order-thanyou-main .order-thanyou-text {
  top: 40px;
}
.order-result p {
  font-weight: 500;
}
.order-result p:nth-child(2) {
  font-size: 20px;
}
.order-result p > span > strong > span {
  font-size: 18px;
}
.order-result p:nth-child(4) {
  font-size: 14px;
}
.order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group {
  font-size: 14px;
}
.order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group img {
  width: auto !important;
}
.order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group .pagebuilder-column:nth-child(2) {
  padding: 10px 30px 10px 0px !important;
}
.order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group .pagebuilder-column:nth-child(3) {
  max-width: 70px !important;
  width: 70px !important;
  text-align: right !important;
}
.order-result .container-main .container-item .estimated__delivery {
  opacity: 0.5;
  margin-right: 3px;
}
.order-result .payment__info {
  padding: 20px;
}
@media (max-width: 767px) {
  .order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group .pagebuilder-column:nth-child(3) {
    text-align: center !important;
  }
  .thankyou-information {
    display: flex;
    margin-top: 5px;
  }
  .thankyou-credit-card {
    font-size: 12px;
  }
  .order-result .order-thanyou-main {
    position: relative;
    padding-top: unset;
  }
  .order-result .order-thanyou-main a {
    display: block;
    order: 0;
    position: absolute;
    width: 100%;
    text-align: right;
    top: 0;
  }
  .order-result .order-thanyou-main a .order-thanyou-icon-print {
    position: relative;
    right: 10%;
    top: 0;
  }
  .order-result .order-thanyou-main a .order-thanyou-text {
    position: relative;
    top: 0;
  }
  .order-result p {
    font-weight: 500;
    font-size: 14px;
  }
  .order-result p > a > span {
    font-size: 16px;
  }
  .order-result p > span > strong > span {
    font-size: 18px !important;
  }
  .order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group {
    display: block !important;
    padding: 0 15px;
  }
  .order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group .pagebuilder-column:nth-child(1),
  .order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group .pagebuilder-column:nth-child(3) {
    width: 50px !important;
    margin: 0px;
    padding: 0 !important;
    float: left;
    margin-right: 20px !important;
  }
  .order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group .pagebuilder-column:nth-child(2),
  .order-result > .ant-col > div:nth-child(5) .pagebuilder-column-group .pagebuilder-column:nth-child(4) {
    width: calc(100% - 70px) !important;
    margin: 0px !important;
    padding: 0 !important;
  }
  .order-result p:nth-child(2) {
    font-size: 16px;
  }
  .order-result .container-main #deliver {
    font-size: 16px;
  }
  .order-result .container-main .container-item .container-product-list .ant-row {
    flex-direction: row;
  }
  .order-result .payment__info {
    padding: 15px;
    margin-bottom: 20px;
  }
  .thankyou-total-text {
    font-size: 16px;
  }
  .thankyou-total {
    font-size: 16px;
    position: absolute;
    right: 1%;
  }
  .thankyou-footer-main {
    display: flex;
  }
}
@media screen and (max-width: 375px) {
  .order-result .display-status {
    padding: 0 15px;
  }
}
@media screen and (max-width: 326px) {
  .order-result .display-status .line {
    margin-left: 2px;
    width: calc(100% - 10px) !important;
  }
  .order-result .display-status .ant-row-middle:nth-child(1) .line {
    left: calc(50% + -1px);
  }
  .order-result .display-status .ant-row-middle:nth-child(2) .line {
    left: calc(50% + 24px);
  }
}
@media (min-width: 768px) {
  .thankyou-footer-main {
    display: flex;
    justify-content: flex-end;
  }
}
.standard-delivery-day {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.93;
  letter-spacing: normal;
}
.standard-delivery-date {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.standard-delivery-time {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.93;
  letter-spacing: normal;
}
.order-result .display-status {
  max-width: 635px;
  margin-left: auto;
  margin-right: auto;
}
.thankyou-delivery-instruction {
  overflow-wrap: break-word;
}
.container-memo-title {
  padding-bottom: 16px;
  border-bottom: solid 2px #000000;
}
@media (max-width: 768px) {
  .container-memo-title {
    justify-content: flex-start;
    padding-bottom: 6px;
  }
  .container-memo-title span {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    word-break: break-word;
  }
  .container-memo-title + div {
    margin-top: 0 !important;
  }
}
.container-display-desc-detail .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
}
.container-display-desc-detail .text {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.71;
}
.items-refunded-memo-title {
  padding-bottom: 6px;
  border-bottom: solid 1px #bdbdbd;
  margin-top: 25px;
}
.items-refunded-memo-title .ant-typography {
  font-size: 20px;
  font-weight: 500;
}
.items-refunded-memo-main-button {
  text-align: center;
}
.container-credit-detail {
  padding: 25px 0;
}
.container-credit-detail .detail-product-config {
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #646464;
}
.container-credit-detail .detail-price {
  font-size: 14px;
  font-weight: normal;
}
.container-credit-detail .detail-qty {
  font-size: 14px;
  font-weight: 600;
}
.container-credit-detail .detail-price-col {
  text-align: left;
}
.container-credit-detail .detail-qty-col {
  text-align: center;
}
.container-credit-detail .detail-price-sum-col {
  text-align: right;
}
.credit-memo-detail-item-wrapper {
  border-bottom: solid 0.5px #000000 !important;
  min-height: 138px;
  padding: 0px;
}
.credit-memo-detail-item-wrapper:last-child {
  border-bottom: solid 2px #000000 !important;
}
.credit-memo-item-wrapper {
  border-bottom: solid 1px #000000 !important;
  padding: 20px 0px;
  min-height: 143px;
}
@media (max-width: 768px) {
  .credit-memo-item-wrapper {
    padding: 15px 0 12px;
  }
  .credit-memo-item-wrapper:first-child {
    padding: 23px 0 12px;
  }
}
.container-credit-memo-item .title {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .container-credit-memo-item .title {
    font-size: 14px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    word-break: break-word;
  }
}
.container-credit-memo-item .credit-memo-above,
.container-credit-memo-item .credit-memo-bellow {
  display: grid;
  grid-template-columns: max-content auto;
}
.container-credit-memo-item .credit-memo-above {
  column-gap: 20px;
}
.container-credit-memo-item .credit-memo-bellow {
  column-gap: 26px;
  margin-top: 21px;
}
@media (max-width: 576px) {
  .container-credit-memo-item .credit-memo-above,
  .container-credit-memo-item .credit-memo-bellow {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .container-credit-memo-item .credit-memo-above a {
    margin: 12px 0 15px;
  }
  .container-credit-memo-item .credit-memo-above a span.title {
    font-size: 15px;
  }
  .container-credit-memo-item .credit-memo-bellow {
    margin-top: 0;
  }
}
.container-credit-memo-item .content {
  font-size: 14px;
  font-weight: normal;
}
@media (max-width: 768px) {
  .container-credit-memo-item .content {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
  }
  .container-credit-memo-item .content a {
    font-size: 14px;
  }
  .container-credit-memo-item .content u {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .container-credit-memo-item .content u {
    font-size: 12px;
  }
}
.display-footer-detail {
  margin: 40px 0 50px;
  border-radius: 2px;
  box-shadow: 2px 2px 0 0 #000000;
  border: solid 1px #000000;
}
@media (max-width: 768px) {
  .display-footer-detail {
    margin-bottom: 40px;
  }
}
.display-footer-detail .refund-title {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
}
.display-footer-detail .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 2;
}
.display-footer-detail .text {
  font-size: 14px;
  line-height: 2;
}
.button-print-credit-memo {
  padding: 6px 57px 6px 58px;
  height: 40px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.button-print-credit-memo.ant-btn:focus,
.button-print-credit-memo.ant-btn:hover {
  color: #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
}
.detail-name.detail-name__warranty {
  font-size: 12px !important;
}
@media (max-width: 768px) {
  .box-detail-main {
    padding-left: 10px;
  }
  .display-footer-detail {
    padding: 15px 15px 28px;
  }
  .img-detail {
    width: 52.2px;
    height: 70px;
    object-fit: contain;
  }
  .detail-name {
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57 !important;
    letter-spacing: normal;
  }
  .container-credit-detail-box-img {
    width: 52.2px;
    height: 70px;
  }
  .credit-meno-address {
    margin-top: 20px;
  }
  .credit-meno-customer {
    margin-top: 7px;
  }
  .container-memo-title .ant-typography {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
  }
  .container-credit-detail {
    padding: 20px 0;
  }
  .container-credit-detail .detail-product-config {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #646464;
  }
  .container-credit-detail .detail-price {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
  }
  .container-credit-detail .detail-qty {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
  }
  .credit-meno-title {
    font-size: 12px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33 !important;
    letter-spacing: normal;
  }
  .credit-meno-text {
    font-size: 12px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33 !important;
    letter-spacing: normal;
  }
  .address-padding-right {
    padding-right: 5px;
  }
}
.total-refunded {
  margin-top: 10px;
}
.total-refunded .point-refunded-row {
  display: flex;
  justify-content: end;
}
@media (max-width: 767px) {
  .total-refunded .point-refunded-row {
    justify-content: start;
  }
}
.total-refunded .total-refunded-title {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  .total-refunded .total-refunded-title {
    font-size: 14px;
    font-weight: 600;
  }
}
.total-refunded .total-refunded-value {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.total-refunded .point-refunded-title {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.total-refunded .point-refunded-value {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: right;
  color: #000;
}
.box-detail-name {
  display: block;
}
@media (min-width: 768px) {
  .display-footer-detail {
    padding: 25px 30px 27px 32px;
    flex-wrap: wrap;
  }
  .total-refunded {
    text-align: end;
  }
  .point-refunded {
    text-align: end;
  }
  .redemption-total {
    background-color: #000000;
  }
  .img-detail {
    width: 74.6px;
    height: 100px;
    object-fit: contain;
  }
  .detail-name.detail-name__warranty {
    font-size: 14px !important;
  }
  .detail-name {
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2 !important;
    letter-spacing: normal;
    margin-bottom: unset !important;
  }
  .container-memo-title .ant-typography {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
  }
  .container-credit-detail .detail-product-config {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #646464;
    padding-left: 20.4px;
  }
  .container-credit-detail .detail-price {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
  }
  .container-credit-detail .detail-qty {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
  }
  .credit-meno-title {
    font-size: 14px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33 !important;
    letter-spacing: normal;
  }
  .credit-meno-text {
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33 !important;
    letter-spacing: normal;
  }
}
@media (min-width: 992px) {
  .detail-name {
    padding: 0 20px 0 20.4px;
  }
}
.button-payment-failure-page-contact {
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  margin: 0 30px 0 0;
  width: 190px;
  height: 40px;
}
.button-payment-failure-page-contact span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.button-payment-failure-page-contact:hover {
  border-color: #000000;
}
.button-payment-failure-page-contact:focus {
  border-color: #000000;
}
@media (max-width: 768px) {
  .button-payment-failure-page-contact {
    width: 120px !important;
  }
}
.button-payment-failure-page-again {
  border-radius: 2px;
  margin: 0 0 0 30px;
  box-shadow: 3px 3px 0 0 #6600ff;
  border: solid 0.5px #000000;
  background-color: #000000;
  width: 190px;
  height: 40px;
}
.button-payment-failure-page-again:hover {
  border: #000000;
  background-color: #000000;
}
.button-payment-failure-page-again:focus {
  border: #000000;
  background-color: #000000;
}
.button-payment-failure-page-again span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 768px) {
  .button-payment-failure-page-again {
    width: 120px !important;
  }
}
@media (max-width: 768px) {
  .icon-payment-failed {
    margin: 0 8px;
  }
}
@media (max-width: 768px) {
  .Order-has-been-mobile p strong span {
    font-size: 20px !important;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    opacity: unset;
    text-shadow: unset;
  }
  .Order-has-been-mobile p span {
    font-size: 12px !important;
    font-weight: unset;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    opacity: unset;
    text-shadow: unset;
  }
}
.report-font-th {
  font-family: "Sarabun";
  color: black;
  flex: 1;
}
.page-header-template,
.page-header-space {
  height: 210px;
}
.page-footer,
.page-footer-space {
  height: 250px;
}
.page-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.page-header-template {
  position: fixed;
  top: 0mm;
  width: 100%;
}
.page {
  page-break-after: always;
}
@page {
  size: A4;
}
@media print {
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-footer-group;
  }
  body {
    margin: 0;
  }
}
.tb-credit-note {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid black;
  font-size: 10px;
}
.border-solid-1px {
  border: 1px solid black;
}
.border-left-solid-1px {
  border-left: 1px solid black;
}
.border-right-solid-1px {
  border-right: 1px solid black;
}
.report-vertical-align-top {
  vertical-align: top;
  padding: 5px;
}
.report-font-size {
  font-size: 20px;
}
.report-font-size-10 {
  font-size: 10px;
}
.report-text-center {
  text-align: center;
}
.report-vertical-top {
  vertical-align: top;
}
.font-size-h {
  font-size: 18px;
}
.font-size-x {
  font-size: 10px;
}
.font-size-s {
  font-size: 12px;
}
.font-size-m {
  font-size: 14px;
}
.font-weight-m {
  font-weight: 300;
}
.font-size-l {
  font-size: 20px;
}
.font-size-xl {
  font-size: 26px;
}
.rp-rma-header-th {
  display: table-header-group;
}
.rp-rma-header-box-image {
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
}
.rp-rma-header-box-lable {
  width: 80%;
  margin-left: 20px;
  font-size: 20px;
  display: flex;
  align-items: center;
}
.rp-rma-box-customer {
  border: 1px solid black;
  border-radius: 10px;
  padding: 10px 0;
  display: flex;
}
.rp-rma-customer {
  box-sizing: border-box;
  display: inline-block;
  width: 40%;
  margin-left: 15px;
}
.rp-rma-tb-customer {
  border-collapse: collapse;
  margin-top: 5px;
  font-size: 18px;
}
.rp-rma-tb-date-of-return {
  padding-left: 5px;
  border-left: 3px solid black;
}
.rp-rma-tb-all-products {
  padding-left: 5px;
  border-left: 3px solid black;
}
.rp-rma-tb-all-qta {
  padding-left: 5px;
  border-left: 3px solid black;
}
.rp-rma-box-count-page {
  box-sizing: border-box;
  display: inline-block;
  width: 60px;
  text-align: right;
  align-self: center;
  margin-left: auto;
  margin-right: 5%;
}
.rp-rma-count-page {
  border: 1px solid black;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 40px;
}
.font-size-13 {
  font-size: 16px;
}
.rp-rma-box-address-customer {
  border: 1px solid black;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  margin-top: 10px;
}
.rp-rma-td-customer {
  width: 150px;
  vertical-align: top;
}
.rp-rma-box-conditions {
  border: 1px solid black;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
}
.rp-rma-tb-item {
  border-collapse: collapse;
  width: 100%;
}
.rp-rma-th-orde {
  width: 10%;
  text-align: center;
  border-bottom: 2px solid black;
  padding: 10px 0;
}
.rp-rma-box-image-item {
  width: 100px;
  height: 100px;
  background-color: #cccbcb;
  background-size: cover;
}
.rp-rma-itme-product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rp-rma-itme-reason {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rp-rma-itme-condition {
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rp-rma-itme-how-to-fix {
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rp-rma-itme-remark {
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rp-rma-box-footer-customer {
  border: 1px solid black;
  border-radius: 10px;
  padding: 20px 10px;
  flex-grow: 1;
  margin-right: 20px;
}
.rp-rma-box-footer-inspector {
  border: 1px solid black;
  border-radius: 10px;
  padding: 20px 10px;
  width: 20%;
  margin-left: 20px;
}
.rp-rma-box-footer-recipient {
  border: 1px solid black;
  border-radius: 10px;
  padding: 20px 10px;
  width: 20%;
}
.rp-rma-canvas {
  width: 50px ;
  height: auto;
}
.rp-rma-pb-box-img {
  display: flex;
  border-bottom: 2px solid black;
  padding-bottom: 10px;
  margin-top: 20px;
}
.rp-rma-pb-box-customer-order {
  margin-top: 10px;
  border: 1px solid black;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
}
.rp-rma-pb-customer-order {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 10px 20px;
  width: 50%;
  box-sizing: border-box;
}
.rp-rma-pb-customer-delivery {
  box-sizing: border-box;
  padding-top: 6px;
  margin-bottom: 9px;
  height: 50px;
}
.rp-rma-pb-box-thailand-post {
  border-bottom: 1px solid black;
  padding: 10px 20px;
  width: 50%;
  box-sizing: border-box;
}
.rp-rma-pb-thailand-post {
  margin-bottom: 9px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  height: 50px;
}
.rp-rma-pb-stamp-thailand-post {
  padding: 10px 5px;
  border-radius: 10px;
  background-color: black;
  color: white;
}
.rp-rma-pb-box-thailand-post-qr-code {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.rp-rma-pb-box-thailand-post-qr-code-tracking {
  width: 50%;
  text-align: center;
  padding-right: 5px;
  box-sizing: border-box;
  margin-top: 10px;
}
.rp-rma-pb-box-thailand-post-qr-code-shipment {
  width: 50%;
  text-align: center;
  padding-left: 5px;
  box-sizing: border-box;
  margin-top: 10px;
}
.rp-rma-pb-box-recipient {
  border-right: 1px solid black;
  padding: 10px 20px;
  width: 50%;
  box-sizing: border-box;
}
.rp-rma-pb-recipient {
  box-sizing: border-box;
  padding-top: 6px;
  margin-bottom: 9px;
  height: 50px;
}
.rp-rma-pb-box-return-order {
  padding: 10px 20px;
  width: 50%;
  box-sizing: border-box;
}
.rp-rma-pb-return-order {
  padding: 10px 20%;
  border-radius: 10px;
  border: 2px solid black;
  text-align: center;
}
.rp-rma-pb-return-number {
  width: 50%;
  text-align: center;
  padding-right: 10px;
  box-sizing: border-box;
}
.rp-rma-pb-return-order-id {
  width: 50%;
  text-align: center;
  padding-left: 10px;
  box-sizing: border-box;
}
@media all {
  .report-rma-main-react .page-break {
    display: none;
  }
}
@media print {
  .report-rma-main-react html,
  .report-rma-main-react body {
    height: initial !important;
    overflow: initial !important;
    -webkit-print-color-adjust: exact;
  }
}
@media print {
  .report-rma-main-react .page-break {
    margin-top: 1rem;
    display: block;
    page-break-before: auto;
  }
}
@page {
  size: auto;
  margin-bottom: 4rem;
}
.register-verify-expire-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  margin-top: 73px !important;
  margin-bottom: 107px !important;
  max-width: 600px;
}
.register-verify-expire-container .ant-form-item {
  width: 100%;
}
.register-verify-expire-container .title {
  font-size: 26px;
  font-weight: 600;
}
.register-verify-expire-container .message {
  font-size: 12px;
  font-weight: 500;
  color: #bb8b3e;
  border: solid 1px #bb8b3e;
  background-color: #fcf9e6;
  width: 100%;
  height: 48px;
  margin-top: 20px;
  padding: 10px 0px 10px 0px;
  line-height: 2.33;
  text-align: center;
}
.register-verify-expire-container .message.success {
  border: solid 1px #146b36;
  background-color: #e9fff1;
  color: #146b36;
}
.register-verify-expire-container .description {
  font-size: 14px;
  font-weight: normal;
  margin: 20px 0 15px 0;
  color: #000000;
  text-align: center;
}
.register-verify-expire-container .email {
  margin-bottom: 20px !important;
}
.register-verify-expire-container .button-common:disabled {
  width: 100%;
  height: 50px;
  color: #737373;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  animation: unset;
}
.ant-btn {
  box-shadow: unset;
  text-transform: uppercase;
}
.button-text-uppercase {
  text-transform: uppercase;
}
.button-text-lowercase {
  text-transform: lowercase;
}
.button-text-capitalize {
  text-transform: capitalize;
}
.button-forgot-password .ant-btn[disabled],
.button-forgot-password .ant-btn[disabled]:hover,
.button-forgot-password .ant-btn[disabled]:focus,
.button-forgot-password .ant-btn[disabled]:active {
  color: #737373;
  box-shadow: 3px 3px 0 0 #757575 !important;
  background-color: #adadad !important;
  border: #adadad !important;
}
.button-forgot-password .ant-btn[disabled] span,
.button-forgot-password .ant-btn[disabled]:hover span,
.button-forgot-password .ant-btn[disabled]:focus span,
.button-forgot-password .ant-btn[disabled]:active span {
  color: #737373;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  box-shadow: unset !important;
}
[ant-click-animating-without-extra-node="true"]::after,
.ant-click-animating-node {
  box-shadow: unset;
}
.button-primary {
  width: 100%;
  height: 44px;
  box-shadow: 3px 3px 0 0 #6600ff !important;
  background-color: #000000 !important;
  border: #000000 !important;
  border-radius: 2px;
}
.button-primary.button-primary:active,
.button-primary.button-primary:hover,
.button-primary.button-primary:focus {
  background-color: #000000;
  box-shadow: 3px 3px 0 0 #6600ff;
  border-color: unset;
}
.button-primary:disabled {
  box-shadow: 3px 3px 0 0 #cecece !important;
}
.button-primary span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
}
.button-default {
  width: 100%;
  height: 44px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 1px #000000 !important;
  border-radius: 2px;
}
.button-default:not(:disabled).button-default:not(:disabled):active,
.button-default:not(:disabled).button-default:not(:disabled):hover,
.button-default:not(:disabled).button-default:not(:disabled):focus {
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 1px #000000;
}
.button-default span {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.button-add-to-cart-disabled {
  width: 100%;
  height: 42px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #CECECE;
  border: solid 0.5px #CECECE;
  background-color: #ffffff;
  padding-top: 6px;
  padding-bottom: 6px;
}
.button-add-to-cart-disabled:hover {
  box-shadow: 3px 3px 0 0 #CECECE !important;
  border: solid 0.5px #CECECE !important;
}
.button-add-to-cart-disabled span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #cecece;
}
.button-add-to-cart-disabled img {
  width: 22px;
  height: 26px;
  display: unset !important;
  opacity: 0.3;
}
.button-add-to-cart-disabled.button-add-to-cart-disabled:active,
.button-add-to-cart-disabled.button-add-to-cart-disabled:hover,
.button-add-to-cart-disabled.button-add-to-cart-disabled:focus {
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 1px #000000;
  color: #000000;
}
@media (min-width: 800px) {
  .button-add-to-cart-disabled .btn-out-of-stock {
    justify-content: center !important;
  }
}
.button-add-to-cart {
  width: 100%;
  height: 42px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px #000000;
  background-color: #ffffff;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
}
.button-add-to-cart img {
  width: 22px;
  height: 26px;
  display: unset !important;
}
.button-add-to-cart.button-add-to-cart:active,
.button-add-to-cart.button-add-to-cart:hover,
.button-add-to-cart.button-add-to-cart:focus {
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 1px #000000;
  color: #000000;
}
.button-add-to-cart .button-cart-outer--loading > div {
  width: 22px;
  height: 22px;
}
.wrapper-actions-pending-ta-payment {
  width: 100%;
  display: flex;
  row-gap: 20px;
  column-gap: 40px;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .wrapper-actions-pending-ta-payment {
    flex-direction: column-reverse;
  }
}
.wrapper-btn-pending-ta-payment {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .wrapper-btn-pending-ta-payment {
    margin-top: 0;
    text-align: center;
  }
}
.button-pending-ta-payment {
  width: fit-content;
  min-width: 190px;
}
@media (max-width: 768px) {
  .button-mobile-address-book {
    padding: 6px 40px;
  }
  .button-thank-you-my-account {
    margin-bottom: 20px;
  }
  .button-thank-you-continue {
    margin-bottom: 20px;
  }
  .button-add-to-cart {
    display: none;
  }
  .button-add-to-cart-disabled {
    display: none;
  }
  .button-confirm-scb-paywise {
    max-width: 60%;
  }
}
@media (min-width: 600px) {
  .button-mobile-address-book {
    padding: 6px 73px 6px 74px;
  }
  .button-thank-you-my-account {
    margin-bottom: 20px;
  }
  .button-thank-you-continue {
    margin-bottom: 20px;
  }
  .button-edit-profile {
    max-width: 260px;
  }
  .button-failure-page-contact {
    max-width: 260px;
    margin-right: 20px;
  }
  .button-failure-page-try-again {
    max-width: 260px;
    margin-left: 20px;
  }
  .button-text-cancel-order {
    max-width: 260px;
  }
  .button-confirm-scb-paywise {
    max-width: 260px;
  }
}
@media (min-width: 768px) {
  .button-mobile-address-book {
    padding: 6px 73px 6px 74px;
  }
  .button-thank-you-my-account {
    padding: 10px;
    max-width: 260px;
    margin: 59px 0px 40px 20px;
  }
  .button-thank-you-continue {
    padding: 10px;
    max-width: 260px;
    margin: 59px 20px 40px 0px;
  }
  .button-checkout-slot {
    max-width: 260px;
  }
  .button-edit-profile {
    max-width: 260px;
  }
  .button-failure-page-contact {
    max-width: 260px;
    margin-right: 20px;
  }
  .button-failure-page-try-again {
    max-width: 260px;
    margin-left: 20px;
  }
  .button-text-cancel-order {
    max-width: 260px;
  }
}
@media (min-width: 992px) {
  .button-mobile-address-book {
    padding: 6px 73px 6px 74px;
  }
  .button-thank-you-my-account {
    padding: 10px;
    max-width: 260px;
    margin: 59px 0px 40px 20px;
  }
  .button-thank-you-continue {
    padding: 10px;
    max-width: 260px;
    margin: 59px 20px 40px 0px;
  }
  .button-checkout-slot {
    max-width: 260px;
  }
  .button-edit-profile {
    max-width: 260px;
  }
  .button-failure-page-contact {
    max-width: 260px;
    margin-right: 20px;
  }
  .button-failure-page-try-again {
    max-width: 260px;
    margin-left: 20px;
  }
  .button-text-cancel-order {
    max-width: 260px;
  }
}
@media (min-width: 1200px) {
  .button-mobile-address-book {
    padding: 6px 73px 6px 74px;
  }
  .button-thank-you-my-account {
    padding: 10px;
    max-width: 260px;
    margin: 59px 0px 40px 20px;
  }
  .button-thank-you-continue {
    padding: 10px;
    max-width: 260px;
    margin: 59px 20px 40px 0px;
  }
  .button-checkout-slot {
    max-width: 260px;
  }
  .button-edit-profile {
    max-width: 260px;
  }
  .button-failure-page-contact {
    max-width: 260px;
    margin-right: 20px;
  }
  .button-failure-page-try-again {
    max-width: 260px;
    margin-left: 20px;
  }
  .button-text-cancel-order {
    max-width: 260px;
  }
}
.carousel-button {
  position: absolute;
  top: 50%;
  z-index: 100;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  background-color: #ffffff90;
  border: none;
  outline: none;
  transform: translateY(-20px);
}
.carousel-button.left {
  left: 10px;
}
.carousel-button.left.custom-recently-wishlist {
  left: -10px;
}
.carousel-button.right {
  right: 10px;
}
.carousel-button.right.custom-recently-wishlist {
  right: -10px;
}
.carousel-button:active {
  background-color: #FFFFFF;
}
.carousel-button .arrow.right {
  transform: rotate(180deg);
}
.ant-form-item-has-error .ant-input:not([disabled]):hover {
  box-shadow: none !important;
}
.ant-form-item-explain {
  font-size: 12px !important;
}
.ant-form-item {
  margin-bottom: 15px;
}
.ant-input,
.ant-input-password,
.ant-picker,
.ant-select-selector,
.ant-input-affix-wrapper {
  border: solid 1px #d9d9d9;
  border-radius: 2px;
  border-radius: 2px !important;
}
.ant-picker-input > input[disabled] {
  background: transparent;
  color: #000000;
}
.ant-input[disabled],
.ant-input-affix-wrapper-disabled,
.ant-select-disabled {
  color: #000000;
  background-color: #f5f5f5;
}
.ant-checkbox-inner {
  width: 20px;
  height: 20px;
  border-radius: 11.5px;
  border: solid 1px #000000;
  background-color: #fff;
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #fff;
  border: 1px solid #000000;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #ececec;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: unset;
}
textarea.ant-input {
  min-height: 80px;
  font-size: 14px;
}
.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector:hover {
  border: 1px solid #000000 !important;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #f5f5f5;
  border: solid 0.5px #d9d9d9;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: solid 0.5px #d9d9d9;
  border-radius: 2px;
}
.float-label-select.active-label .ant-select.select-collect-item:not(.ant-select-customize-input) .ant-select-selector {
  padding: 12px 12px 4px 11px !important;
}
.float-label-select.active-label .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  padding: 16px 12px 4px 11px !important;
}
.float-label-select.active-label .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector :hover {
  cursor: not-allowed;
}
.float-label-select.active-label .ant-select:not(.ant-select-customize-input) .ant-select-selector :hover {
  cursor: pointer;
}
.float-label-select.active-label .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  margin-top: 16px;
}
.float-label-select .ant-select-selector {
  box-shadow: none !important;
}
.float-label-select .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border: 1px solid #000000;
}
.float-label-select .ant-select-selection-item {
  color: #000000;
}
.float-label-select .ant-select-selector {
  min-height: 50px;
}
.float-label-select .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border: 1px solid #000000;
}
.custom-select-desc {
  color: #ff0000;
  font-size: 12px;
}
.date-time-picker-icon {
  width: 23px;
  height: 23px;
}
.input-desc {
  font-size: 12px;
}
.icon-info {
  background-image: url("/static/images/icon-information.png");
  background-repeat: no-repeat;
  background-size: 13px;
  cursor: pointer;
  width: 13px;
  height: 16px;
  background-position: center;
  display: inline-flex;
  vertical-align: middle;
}
.icon-info.yellow {
  background-image: url("/static/images/icon-information-yellow.png");
  height: 14px !important;
}
.icon-info-checkout {
  background-image: url("/static/images/icon-information.png");
  background-repeat: no-repeat;
  background-size: 12px;
  cursor: pointer;
  width: 14px;
  height: 14px;
  display: inline-flex;
  background-position: center;
  vertical-align: middle;
}
.optionItem .icon-info-checkout {
  background-size: 12px;
  width: 14px;
  height: 14px;
  background-position: bottom;
  margin-bottom: -1px;
}
.ant-input-affix-wrapper-disabled .ant-input-suffix img {
  filter: invert(0.5);
}
.icon-lock {
  width: 19px;
  height: 27px;
}
.float-input .popover-input-info {
  position: absolute;
  right: 22px;
  top: 16px;
}
.popover-input-info {
  position: absolute;
  right: 12px;
}
.ant-popover {
  z-index: 100000 !important;
}
.popover-input-info-title {
  font-size: 12px;
}
input.ant-input[type="password"] {
  font-size: 28px;
  line-height: 29px;
  box-shadow: none;
}
.ccv input.ant-input[type="password"] {
  line-height: 16px;
  top: -5px;
}
.is-ipad input.ant-input[type="password"] {
  font-family: "Sarabun";
  line-height: 16px;
}
@media (min-width: 768px) {
  .is-ipad input.ant-input[type="password"] {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .is-ipad input.ant-input[type="password"] {
    font-size: 15px !important;
  }
}
@media (max-width: 768px) {
  .is-ipad.ccv input.ant-input[type="password"] {
    line-height: 16px;
    padding-bottom: 22px !important;
    padding-top: 5px;
  }
}
.browser__safari input.ant-input[type="password"] {
  font-family: "Sarabun";
  top: -5px;
}
@media (min-width: 768px) {
  .browser__safari input.ant-input[type="password"] {
    font-size: 28px;
    line-height: 16px !important;
  }
}
@media (max-width: 768px) {
  .browser__safari input.ant-input[type="password"] {
    font-size: 18px !important;
    line-height: 16px;
  }
}
.radio-type-checked .ant-radio-checked .ant-radio-inner::after {
  border: 1px solid #000000;
  border-top: 0;
  border-left: 0;
  position: absolute;
  display: table;
  transform: rotate(45deg) scale(1) translate(-50%, -40%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: " ";
  background-color: white;
  margin-left: 1px;
  margin-top: -1px;
}
.radio-type-checked .ant-radio-inner::after {
  top: 50%;
  left: 23%;
  width: 5.71428571px;
  height: 9.14285714px;
  border-radius: 0px;
}
.ant-radio-inner {
  width: 20px;
  height: 20px;
}
.ant-radio-inner::after {
  width: 12px;
  height: 12px;
  background-color: #000000;
  border: solid 0.5px #000000;
}
.ant-radio-disabled .ant-radio-inner::after {
  border: unset;
}
.ant-radio-checked::after {
  border: solid 1px #000000;
}
.ant-radio-checked .ant-radio-inner,
.ant-radio-inner {
  border-color: #000000;
  border: solid 1px #000000;
}
.ant-input:focus,
.ant-input:hover {
  border: 1px solid #000000;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #8f8f8f;
  box-shadow: unset;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #8f8f8f;
}
.ant-form-item-has-error .ant-input:not([disabled]):focus,
.ant-form-item-has-error .ant-input:not([disabled]):hover,
.ant-form-item-has-error .ant-input-focused,
.ant-form-item-has-error .ant-input-affix-wrapper:hover,
.ant-form-item-has-error .ant-input-affix-wrapper:focus,
.ant-form-item-has-error .ant-input-affix-wrapper-focused,
.ant-form-item-has-error .ant-picker:hover,
.ant-form-item-has-error .ant-picker-focused {
  box-shadow: none;
}
@media (max-width: 768px) {
  .popover-input-info-content {
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  .popover-input-info-content {
    font-size: 12px;
    font-weight: 400;
  }
}
.product-filter-input .ant-slider {
  margin-left: 10px;
}
.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
  box-shadow: none;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.custom-textarea {
  box-shadow: unset !important;
}
.custom-textarea.review-comment {
  min-height: 100px !important;
  padding: 32px 10px 10px 10px !important;
}
.section-title {
  font-size: 18px !important;
}
.semi-bold {
  font-weight: 500 !important;
}
.information {
  font-size: 14px !important;
  line-height: 1.72 !important;
}
.value {
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .page-header {
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  .section-title {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
}
.product-item-card-new {
  height: 100%;
  text-align: left;
  margin: 0 auto;
}
.product-item-card-new h4.ant-typography,
.product-item-card-new .ant-typography h4,
.product-item-card-new h2.ant-typography,
.product-item-card-new .ant-typography h2,
.product-item-card-new a,
.product-item-card-new .ant-typography,
.product-item-card-new .ant-btn-link {
  color: #414042;
}
.product-item-card-new .show-hide {
  display: none;
}
.product-item-card-new .hide-show {
  display: block;
}
.product-item-card-new .ant-card-cover {
  margin: 0px;
}
.product-item-card-new .ant-card-cover .product-item-card-image {
  cursor: pointer;
}
.product-item-card-new .rate {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
.product-item-card-new .reviews-button {
  z-index: 100;
  padding: 2px 8px;
}
.product-item-card-new .reviews-button .reviews {
  font-size: 16px;
  color: #1979c3;
}
.product-item-card-new .add_to_cart_btn {
  z-index: 100;
  background-color: #dc433b;
  border-radius: 40px;
  color: #fff;
  padding: 5px 25px;
  text-decoration: none;
  box-shadow: 0 3px 5px 0 #b0271d;
}
.product-item-card-new .ant-card-cover {
  position: relative;
  padding-bottom: 350px;
  width: 300px;
  margin: 0 -7px;
}
.product-item-card-new .ant-card-body {
  position: relative;
  height: calc(100% - 350px);
  margin: 0 auto;
  border-top: solid 1.5px #000000;
  padding: 0;
  margin-top: 10px;
}
.product-item-card-new .text-brand {
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  color: #000000;
  margin: 0;
  padding-right: 25px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  width: 100%;
}
.product-item-card-new .text-product-link {
  cursor: pointer;
}
.product-item-box .text-product-name {
  margin-bottom: 0px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000000;
  padding: 0;
}
@media (max-width: 414px) {
  .product-item-box .product-item-options {
    white-space: nowrap;
  }
}
.product-item-box .product-item-options-wrapper {
  margin: 0px 0 6px 0;
  width: 100%;
  cursor: default;
}
.product-item-box .productItemRatingStar {
  cursor: pointer;
  margin-right: auto;
  margin-left: 0px;
  display: flex;
}
@media (max-width: 441px) {
  .product-item-box .productItemRatingStar {
    margin-top: -1px !important;
    min-height: 30px;
  }
}
@media (max-width: 375px) {
  .product-item-box .productItemRatingStar {
    margin-top: -2px !important;
    min-height: 30px;
  }
}
.product-item-box .productItemRatingStar .ant-rate {
  font-size: 13px;
}
@media (max-width: 835px) {
  .product-item-box .productItemRatingStar .ant-rate {
    font-size: 11px;
  }
}
@media (max-width: 441px) {
  .product-item-box .productItemRatingStar .ant-rate {
    font-size: 10px;
  }
}
@media (max-width: 375px) {
  .product-item-box .productItemRatingStar .ant-rate {
    font-size: 9px;
  }
}
@media (max-width: 340px) {
  .product-item-box .productItemRatingStar .ant-rate {
    font-size: 8px;
  }
}
@media (max-width: 300px) {
  .product-item-box .productItemRatingStar .ant-rate {
    font-size: 7px;
  }
}
.product-item-box .productItemRatingStar > span {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: 1px;
  margin-left: 6px;
  margin-top: 5px;
}
@media (max-width: 835px) {
  .product-item-box .productItemRatingStar > span {
    font-weight: 500;
    margin-left: 3px;
    margin-top: 6px;
    font-size: 10px;
  }
}
@media (max-width: 441px) {
  .product-item-box .productItemRatingStar > span {
    font-size: 9px;
    margin-top: 8px;
  }
}
@media (max-width: 375px) {
  .product-item-box .productItemRatingStar > span {
    font-size: 8px;
    margin-top: 9px;
    margin-left: 2px;
  }
}
.product-item-box .productItemEmptyRating {
  cursor: pointer;
  margin-right: auto;
  text-decoration: underline;
}
@media (max-width: 414px) {
  .product-item-box .productItemEmptyRating {
    margin-top: -2px !important;
    height: 5px;
  }
}
.product-item-box .productItemEmptyRating > span {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  margin-left: 0px;
}
@media (max-width: 835px) {
  .product-item-box .productItemEmptyRating > span {
    font-size: 10px;
    font-weight: 500;
  }
}
@media (max-width: 441px) {
  .product-item-box .productItemEmptyRating > span {
    font-size: 10px;
  }
}
@media (max-width: 390px) {
  .product-item-box .productItemEmptyRating > span {
    font-size: 9px;
  }
}
@media (max-width: 374px) {
  .product-item-box .productItemEmptyRating > span {
    font-size: 8px;
  }
}
@media (max-width: 330px) {
  .product-item-box .productItemEmptyRating > span {
    font-size: 7px;
  }
}
.product-item-box .alert-product-list {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #ff0000;
  text-align: center;
  padding: 0 10px;
  margin: 0 0 10px;
}
.wishlist-child-attribute {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
.product-item-box-image {
  transition: 250ms;
  cursor: pointer;
  margin-top: 10px !important;
}
.product-item-box-image-second {
  opacity: 0;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  transition: 250ms;
}
.product-item-card-new .ant-card-cover:hover .product-item-box-image-second + .product-item-box-image {
  opacity: 0 !important;
}
.product-item-card-new .ant-card-cover:hover .product-item-box-image-second {
  opacity: 1 !important;
}
@media screen and (min-width: 767px) {
  .product-item-card-new {
    width: 100%;
  }
  .slick-list .product-item-card-new {
    margin: 0 auto;
    min-height: 580px;
    cursor: pointer;
    padding: 10px;
  }
  .product-item-card-new {
    padding: 0 10px;
  }
  .product-item-box {
    padding: 10px 0 18px 0;
    height: 100%;
  }
  .product-item-box .text-product-name {
    font-size: 14px;
    line-height: 1.63;
    min-height: 44px;
  }
  .text-brand {
    min-height: 19px;
    font-size: 16px;
  }
  .text-product-price {
    min-height: 60px;
  }
  .text-product-price span {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: 0.5px;
    color: #000000;
  }
  .text-product-price .discount-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .text-product-price .discount-price .special-price {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: 0.5px;
    color: #ff0000;
    margin-right: 7px;
    display: inline-block;
  }
  .text-product-price .discount-price .full-price {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: 0.35px;
    color: #a1a1a1;
    text-decoration: line-through;
  }
  .text-product-price .save-price {
    color: #ff0000;
  }
  .text-product-price .save-price .price-text-discount {
    margin-right: 3px;
  }
  .text-product-price .save-price span {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: 0.39px;
    color: inherit;
  }
}
@media screen and (max-width: 767px) {
  .product-item-card-new {
    width: 100%;
  }
  .product-item-card-new.wishlist {
    width: 100%;
  }
  .slick-list .product-item-card-new {
    margin: 0 auto;
    min-height: 350px;
    cursor: pointer;
    padding: 10px;
  }
  .slick-list .product-item-card-new.wishlist {
    padding: 0;
  }
  .product-item-box {
    padding: 5px 0 0px;
    height: 100%;
  }
  .product-item-box .text-product-name {
    min-height: 28px;
    font-size: 12px;
    line-height: 1.17;
  }
  .text-brand {
    min-height: 18px;
    font-size: 14px !important;
  }
  .text-product-price {
    min-height: 45px;
  }
  .text-product-price span {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: 0.5px;
    color: #000000;
  }
  .text-product-price .discount-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .text-product-price .discount-price .special-price {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: 0.5px;
    color: #ff0000;
    margin-right: 7px;
    display: inline-block;
  }
  .text-product-price .full-price {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.35px;
    color: #a1a1a1;
    text-decoration: line-through;
  }
  .text-product-price .save-price {
    height: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #ff0000;
  }
  .text-product-price .save-price .price-text-discount {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: inherit;
    margin-top: 1px;
  }
  .text-product-price .save-price .savePriceWithCurrency {
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: inherit;
    padding-left: 5px;
  }
  .save-price {
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .text-brand {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 767px) and (max-width: 320px) {
  .text-product-price span {
    letter-spacing: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  .text-product-price .save-price .price-text-discount {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 375px) {
  .text-product-price .save-price .savePriceWithCurrency {
    font-size: 10px;
  }
}
@media screen and (max-width: 1200px) {
  .product-item-card-new .ant-card-cover {
    width: inherit;
    margin: 0 auto;
  }
}
@media screen and (min-width: 411px) {
  .product-item-card-new .ant-card-cover {
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 992px) {
  .product-item-card-new .ant-card-cover {
    padding-bottom: 219px !important;
    width: 98%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 992px) {
  .product-item-card-new:hover {
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.03), -1px -1px 4px 1px rgba(0, 0, 0, 0.03);
  }
}
.home-container .heartContainer,
.wishlist .heartContainer,
.product-list-container .heartContainer,
.ralated-row .heartContainer {
  cursor: pointer !important;
  width: 24px;
}
@media (max-width: 992px) {
  .home-container .heartContainer,
  .wishlist .heartContainer,
  .product-list-container .heartContainer,
  .ralated-row .heartContainer {
    width: 21px !important;
    height: 21px !important;
  }
}
.home-container .heartContainer .heartIcon,
.wishlist .heartContainer .heartIcon,
.product-list-container .heartContainer .heartIcon,
.ralated-row .heartContainer .heartIcon {
  width: 24px;
  height: 24px;
  margin-top: 2px !important;
}
@media (max-width: 992px) {
  .home-container .heartContainer .heartIcon,
  .wishlist .heartContainer .heartIcon,
  .product-list-container .heartContainer .heartIcon,
  .ralated-row .heartContainer .heartIcon {
    width: 24px !important;
    height: 21px !important;
  }
}
@media (max-width: 441px) {
  .home-container .heartContainer .heartIcon,
  .wishlist .heartContainer .heartIcon,
  .product-list-container .heartContainer .heartIcon,
  .ralated-row .heartContainer .heartIcon {
    margin-top: 5px !important;
  }
}
.home-container .heartContainer .wishlist-loading-wrapper,
.wishlist .heartContainer .wishlist-loading-wrapper,
.product-list-container .heartContainer .wishlist-loading-wrapper,
.ralated-row .heartContainer .wishlist-loading-wrapper {
  width: 24px !important;
  margin-right: 0px;
}
@media (max-width: 835px) {
  .home-container .heartContainer .wishlist-loading-wrapper,
  .wishlist .heartContainer .wishlist-loading-wrapper,
  .product-list-container .heartContainer .wishlist-loading-wrapper,
  .ralated-row .heartContainer .wishlist-loading-wrapper {
    margin-right: 3px;
    margin-top: 3px;
  }
}
@media (max-width: 441px) {
  .home-container .heartContainer .wishlist-loading-wrapper,
  .wishlist .heartContainer .wishlist-loading-wrapper,
  .product-list-container .heartContainer .wishlist-loading-wrapper,
  .ralated-row .heartContainer .wishlist-loading-wrapper {
    width: 21px !important;
    margin-right: 0;
  }
}
.home-container .heartContainer .loading-icon,
.wishlist .heartContainer .loading-icon,
.product-list-container .heartContainer .loading-icon,
.ralated-row .heartContainer .loading-icon {
  font-size: 19px !important;
}
@media (max-width: 835px) {
  .home-container .heartContainer .loading-icon,
  .wishlist .heartContainer .loading-icon,
  .product-list-container .heartContainer .loading-icon,
  .ralated-row .heartContainer .loading-icon {
    font-size: 17px !important;
    position: relative;
    left: 5px;
  }
}
@media (max-width: 441px) {
  .home-container .heartContainer .loading-icon,
  .wishlist .heartContainer .loading-icon,
  .product-list-container .heartContainer .loading-icon,
  .ralated-row .heartContainer .loading-icon {
    font-size: 17px !important;
    left: 3px;
  }
}
.home-container .downArrowContainer,
.wishlist .downArrowContainer,
.product-list-container .downArrowContainer,
.ralated-row .downArrowContainer {
  cursor: pointer;
  padding-left: 0px !important;
  margin-left: 10px !important;
  height: 5px !important;
}
@media (max-width: 992px) {
  .home-container .downArrowContainer,
  .wishlist .downArrowContainer,
  .product-list-container .downArrowContainer,
  .ralated-row .downArrowContainer {
    margin-left: 5px !important;
  }
}
@media (max-width: 835px) {
  .home-container .downArrowContainer,
  .wishlist .downArrowContainer,
  .product-list-container .downArrowContainer,
  .ralated-row .downArrowContainer {
    margin-left: 7px !important;
  }
}
.home-container .downArrowContainer .downArrowIcon,
.wishlist .downArrowContainer .downArrowIcon,
.product-list-container .downArrowContainer .downArrowIcon,
.ralated-row .downArrowContainer .downArrowIcon {
  height: 5px !important;
  margin-top: 17px;
}
@media (max-width: 835px) {
  .home-container .downArrowContainer .downArrowIcon,
  .wishlist .downArrowContainer .downArrowIcon,
  .product-list-container .downArrowContainer .downArrowIcon,
  .ralated-row .downArrowContainer .downArrowIcon {
    height: 4px !important;
  }
}
.home-container .downArrowContainer .anticon-more,
.wishlist .downArrowContainer .anticon-more,
.product-list-container .downArrowContainer .anticon-more,
.ralated-row .downArrowContainer .anticon-more {
  margin-top: 18px;
}
@media (max-width: 992px) {
  .home-container .downArrowContainer .anticon-more,
  .wishlist .downArrowContainer .anticon-more,
  .product-list-container .downArrowContainer .anticon-more,
  .ralated-row .downArrowContainer .anticon-more {
    width: 5px !important;
  }
}
@media (max-width: 441px) {
  .home-container .downArrowContainer .anticon-more,
  .wishlist .downArrowContainer .anticon-more,
  .product-list-container .downArrowContainer .anticon-more,
  .ralated-row .downArrowContainer .anticon-more {
    font-size: 9px;
    width: 2px !important;
    margin-left: 1px !important;
  }
}
@media (max-width: 350px) {
  .home-container .downArrowContainer .anticon-more,
  .wishlist .downArrowContainer .anticon-more,
  .product-list-container .downArrowContainer .anticon-more,
  .ralated-row .downArrowContainer .anticon-more {
    font-size: 8px;
  }
}
.home-container .compare-icon svg,
.wishlist .compare-icon svg,
.product-list-container .compare-icon svg,
.ralated-row .compare-icon svg,
.home-container .compare-icon-active svg,
.wishlist .compare-icon-active svg,
.product-list-container .compare-icon-active svg,
.ralated-row .compare-icon-active svg {
  width: 19px;
  height: 24px;
}
@media (max-width: 835px) {
  .home-container .compare-icon svg,
  .wishlist .compare-icon svg,
  .product-list-container .compare-icon svg,
  .ralated-row .compare-icon svg,
  .home-container .compare-icon-active svg,
  .wishlist .compare-icon-active svg,
  .product-list-container .compare-icon-active svg,
  .ralated-row .compare-icon-active svg {
    width: 19px;
    height: 24px;
  }
}
.home-container .loading-compare-wrapper,
.wishlist .loading-compare-wrapper,
.product-list-container .loading-compare-wrapper,
.ralated-row .loading-compare-wrapper {
  width: 19px !important;
  height: 30px !important;
  position: relative;
  bottom: 5px;
}
@media (max-width: 992px) {
  .home-container .loading-compare-wrapper,
  .wishlist .loading-compare-wrapper,
  .product-list-container .loading-compare-wrapper,
  .ralated-row .loading-compare-wrapper {
    height: 30px !important;
    right: 10px;
  }
}
@media (max-width: 835px) {
  .home-container .loading-compare-wrapper,
  .wishlist .loading-compare-wrapper,
  .product-list-container .loading-compare-wrapper,
  .ralated-row .loading-compare-wrapper {
    height: 29px !important;
    right: 4px;
  }
}
.home-container .loading-compare-wrapper .loading-compare svg,
.wishlist .loading-compare-wrapper .loading-compare svg,
.product-list-container .loading-compare-wrapper .loading-compare svg,
.ralated-row .loading-compare-wrapper .loading-compare svg {
  width: 19px !important;
  height: 29px !important;
  fill: black;
}
@media (max-width: 992px) {
  .home-container .loading-compare-wrapper .loading-compare svg,
  .wishlist .loading-compare-wrapper .loading-compare svg,
  .product-list-container .loading-compare-wrapper .loading-compare svg,
  .ralated-row .loading-compare-wrapper .loading-compare svg {
    height: 30px !important;
  }
}
@media (max-width: 835px) {
  .home-container .loading-compare-wrapper .loading-compare svg,
  .wishlist .loading-compare-wrapper .loading-compare svg,
  .product-list-container .loading-compare-wrapper .loading-compare svg,
  .ralated-row .loading-compare-wrapper .loading-compare svg {
    height: 29px !important;
  }
}
@media (max-width: 441px) {
  .home-container .loading-compare-wrapper .loading-compare svg,
  .wishlist .loading-compare-wrapper .loading-compare svg,
  .product-list-container .loading-compare-wrapper .loading-compare svg,
  .ralated-row .loading-compare-wrapper .loading-compare svg {
    width: 19px !important;
  }
}
@media (max-width: 576px) {
  .filter-section {
    width: 100%;
  }
}
.productWishListWrap {
  margin-left: 15px;
}
@media (max-width: 768px) {
  .productWishListWrap {
    margin-left: 8px;
  }
}
@media (max-width: 576px) {
  .productWishListWrap {
    margin-left: 6px;
  }
}
@media (min-width: 768px) {
  .main-Subscribed {
    margin-top: 60px;
    text-align: center;
    display: block;
  }
}
@media (max-width: 767px) {
  .main-Subscribed {
    margin: 30px 0;
    text-align: center;
    display: block;
  }
}
.text-description-subscribe {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
}
.box-text-subscribe {
  margin-bottom: 26px;
}
@media (min-width: 768px) {
  .button-subscribe {
    width: unset;
    min-width: 190px;
  }
}
@media (min-width: 768px) {
  .box-button-subscribe {
    padding-left: 34px;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .box-button-not-subscribe {
    align-self: center;
    text-align: end;
    padding-right: 34px;
  }
}
@media (max-width: 767px) {
  .box-button-not-subscribe {
    margin-bottom: 10px;
  }
}
.button-edit-newsletter {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  cursor: pointer;
  text-decoration: underline;
}
.account-text-newsletter-not-subscribe {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #1a1a1a;
}
.account-text-newsletter-subscribe {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #1a1a1a;
}
.account-text-newsletter-subscribe span {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .account-text-newsletter-subscribe {
    padding-left: 29px;
  }
}
.account-wishlist-page {
  margin-bottom: 35px;
}
.account-wishlist-page.wishlist-page {
  min-height: calc(100vh - 300px);
}
@media (max-width: 992px) {
  .account-wishlist-page.wishlist-page .display-product-list-container .ant-spin-container > .ant-row > div:nth-child(even) {
    padding: 0 5px 0 10px;
  }
}
.account-wishlist-page .wishlist-header {
  position: relative;
}
.account-wishlist-page .wishlist-header .customer-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  .account-wishlist-page .wishlist-header .customer-title {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
}
.account-wishlist-page .wishlist-header .add-new-wishlist-btn {
  position: absolute;
  right: 0;
  top: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  margin-left: 5px;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .account-wishlist-page .wishlist-header .add-new-wishlist-btn {
    font-size: 12px !important;
    font-weight: 500 !important;
    padding-top: 0px;
  }
}
.account-wishlist-page .wishlist-header .add-new-wishlist-btn .plus-icon {
  margin-right: 5px;
  font-weight: 600;
}
.account-wishlist-page .wishlist-header-outofstock .customer-title {
  border-bottom: 1px solid black;
  max-width: 1440px;
  height: 37px;
  font-size: 19px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 28px;
  letter-spacing: normal;
  text-align: center;
  color: #000000 !important;
  margin-top: 20px;
}
.account-wishlist-page .empty-list-wrapper {
  display: block;
  text-align: center;
  margin: 50px 16px 50px;
}
@media (max-width: 1200px) {
  .account-wishlist-page .empty-list-wrapper {
    margin-top: 5px;
  }
}
.account-wishlist-page .empty-list-wrapper .image-wrapper {
  width: 120px;
}
.account-wishlist-page .empty-list-wrapper .empty-list-account {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (max-width: 1200px) {
  .account-wishlist-page .empty-list-wrapper .empty-list-account {
    font-size: 18px;
  }
}
.account-wishlist-page .empty-list-wrapper .empty-list-account-desc {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .account-wishlist-page .empty-list-wrapper .empty-list-account-desc {
    line-height: 1.57;
  }
}
.account-wishlist-page .empty-list-wrapper .button-go-shopping {
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background: #fff;
  color: #000;
  width: 160px;
}
.account-wishlist-page .empty-list-wrapper .button-go-shopping span {
  margin-top: 4px;
}
.account-wishlist-page .wishlist-content-wrapper .sort-section {
  min-width: 350px;
  height: 100%;
}
@media (max-width: 768px) {
  .account-wishlist-page .wishlist-content-wrapper .sort-section {
    min-width: unset;
  }
}
@media (max-width: 577px) {
  .account-wishlist-page .wishlist-content-wrapper .sort-section {
    min-width: 250px;
    margin: 15px 0 0 0;
  }
}
.account-wishlist-page .wishlist-content-wrapper .sort-section .sort__wrapper {
  position: relative;
}
.account-wishlist-page .wishlist-content-wrapper .sort-section .sort__wrapper.wishlist-page {
  flex: 1;
}
.account-wishlist-page .wishlist-content-wrapper .sort-section .sort__wrapper .sort__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: 240px !important;
  height: 30px !important;
  margin: 0 0 0 0;
  padding: 3px 9px 3px 11px;
  border: solid 0.5px #000000;
  background-color: #ffffff;
}
.account-wishlist-page .wishlist-content-wrapper .sort-section .sort__wrapper .sort__title.sort__title--active img {
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .account-wishlist-page .wishlist-content-wrapper .sort-section .sort__wrapper .sort__title {
    width: 100% !important;
    min-width: 141px;
    margin: 0 0 0 0;
  }
}
@media (max-width: 577px) {
  .account-wishlist-page .wishlist-content-wrapper .sort-section .sort__wrapper .sort__title {
    min-width: 200px;
  }
}
.account-wishlist-page .wishlist-content-wrapper .sort-section .sort__wrapper .sort__title > div {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .account-wishlist-page .wishlist-content-wrapper .sort-section .sort__wrapper .sort__title > div {
    font-size: 12px !important;
    white-space: nowrap;
    margin-right: 0px !important;
  }
}
.account-wishlist-page .wishlist-content-wrapper .sort-section .sort__wrapper img {
  width: 17px;
  height: 9px;
}
.account-wishlist-page .wishlist-content-wrapper .sort-section .product-list-sort-dropdown {
  position: absolute;
  top: 29px;
  left: 0;
  z-index: 15;
  width: 100%;
  background: #fff;
}
.account-wishlist-page .wishlist-content-wrapper .sort-section .product-list-sort-dropdown .sort__item {
  padding-left: 10px;
  cursor: pointer;
  height: 30px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  color: #000000;
  transition: 300ms;
  display: flex;
  align-content: center;
}
.account-wishlist-page .wishlist-content-wrapper .sort-section .product-list-sort-dropdown .sort__item:hover {
  background: #dadada;
}
@media (max-width: 768px) {
  .account-wishlist-page .wishlist-content-wrapper .sort-section .product-list-sort-dropdown .sort__item {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .account-wishlist-page .search-wrapper {
    width: 100%;
  }
}
.account-wishlist-page .search-wrapper ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  opacity: 1;
  /* Firefox */
}
.account-wishlist-page .search-wrapper :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: black;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
}
.account-wishlist-page .search-wrapper ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: black;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
}
.account-wishlist-page .search-wrapper .ant-input-affix-wrapper {
  border: none;
  background: #f7f7f7;
}
.account-wishlist-page .search-wrapper .ant-input-affix-wrapper:focus,
.account-wishlist-page .search-wrapper .ant-input-affix-wrapper-focused {
  box-shadow: none;
}
.account-wishlist-page .search-wrapper .ant-input {
  background: #f7f7f7;
}
.account-wishlist-page .search-wrapper .anticon-search {
  font-size: 22px;
}
.account-wishlist-page .shared-section-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 20px 0 25px;
}
.account-wishlist-page .shared-section-wrapper .shared-link-wrapper {
  display: flex;
  cursor: pointer;
}
.account-wishlist-page .shared-section-wrapper .shared-image-wrapper {
  margin-right: 10px;
  width: 19px;
  height: 24px;
}
.account-wishlist-page .shared-section-wrapper .shared-image-wrapper.shared img {
  height: 24px;
  width: unset;
  max-width: unset;
}
.account-wishlist-page .shared-section-wrapper .shared-text {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
}
.account-wishlist-page .shared-section-wrapper .shared-copy-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 10px 0 30px;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .account-wishlist-page .name-wrapper {
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
    padding-top: 20px;
  }
  .account-wishlist-page .name-wrapper .name {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .account-wishlist-page .name-wrapper .edit-icon {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    cursor: pointer;
  }
}
@media (max-width: 1199px) and (max-width: 768px) {
  .account-wishlist-page .name-wrapper .edit-icon {
    width: 10px;
  }
}
.account-wishlist-page .wishlist-header-wrapper {
  height: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 20px 0;
}
@media (max-width: 768px) {
  .account-wishlist-page .wishlist-header-wrapper {
    padding: 0 0 0 0;
    height: 90px;
  }
}
.account-wishlist-page .wishlist-header-wrapper .first-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.account-wishlist-page .wishlist-header-wrapper .first-section .name-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.account-wishlist-page .wishlist-header-wrapper .first-section .name-wrapper .name {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 393px;
}
@media (max-width: 768px) {
  .account-wishlist-page .wishlist-header-wrapper .first-section .name-wrapper .name {
    max-width: 255px;
  }
}
@media (max-width: 576px) {
  .account-wishlist-page .wishlist-header-wrapper .first-section .name-wrapper .name {
    font-size: 15px;
    font-weight: 500;
    max-width: 137px;
  }
}
.account-wishlist-page .wishlist-header-wrapper .first-section .name-wrapper .edit-icon {
  width: 14px;
  height: 14px;
  margin-left: 5px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .account-wishlist-page .wishlist-header-wrapper .first-section .name-wrapper .edit-icon {
    width: 10px;
  }
}
.account-wishlist-page .wishlist-header-wrapper .first-section .item-amount {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #aeaeae;
}
@media (max-width: 1199px) {
  .account-wishlist-page .wishlist-header-wrapper .first-section .item-amount {
    padding-top: 17px;
  }
}
.account-wishlist-page .wishlist-header-wrapper .second-section {
  height: 100%;
  margin-right: 67px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 576px) {
  .account-wishlist-page .wishlist-header-wrapper .second-section {
    margin-right: 40px;
  }
}
.account-wishlist-page .wishlist-header-wrapper .second-section .delete-icon {
  margin-right: 6px;
  font-size: 14px;
}
.account-wishlist-page .wishlist-header-wrapper .second-section .delete-text {
  text-decoration: underline;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  cursor: pointer;
}
.account-wishlist-page .wishlist-header-wrapper .second-section-images {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  margin-right: 35px;
}
@media (max-width: 576px) {
  .account-wishlist-page .wishlist-header-wrapper .second-section-images {
    margin-right: 28px;
  }
}
.account-wishlist-page .wishlist-header-wrapper .second-section-images .image-wrapper {
  display: flex;
  align-items: center;
  width: 60px;
  height: 70px;
}
@media (max-width: 576px) {
  .account-wishlist-page .wishlist-header-wrapper .second-section-images .image-wrapper {
    width: 43px;
    height: 50px;
  }
}
.account-wishlist-page .wishlist-header-wrapper .second-section-images .item-box {
  width: 60px;
  height: 70px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 15px;
  background-position: center;
}
@media (max-width: 576px) {
  .account-wishlist-page .wishlist-header-wrapper .second-section-images .item-box {
    width: 43px;
    height: 50px;
    margin-right: 5px;
  }
}
@media (max-width: 350px) {
  .account-wishlist-page .wishlist-header-wrapper .second-section-images .item-box {
    width: 33px;
    height: 50px;
  }
}
.account-wishlist-page .wishlist-header-wrapper .second-section-images .item-box.moreitem:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.account-wishlist-page .wishlist-header-wrapper .second-section-images .textposition {
  display: table;
  height: 100%;
}
.account-wishlist-page .wishlist-header-wrapper .second-section-images .noitem {
  width: 100%;
  text-align: center;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}
.account-wishlist-page .wishlist-header-wrapper .second-section-images .itemimage {
  z-index: 1;
}
.account-wishlist-page .wishlist-header-wrapper .second-section-images .textposition,
.account-wishlist-page .wishlist-header-wrapper .second-section-images .itemimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.account-wishlist-page .wishlist-header-wrapper .second-section-images .itemimage img {
  width: 100%;
}
.account-wishlist-page .collapse-trigger-btn {
  position: absolute;
  right: 0;
  top: 30px;
  width: 37px;
  height: 41px;
  border-radius: 3px;
  border: solid 1px #000000;
  background-color: #fefdff;
}
@media (max-width: 1199px) {
  .account-wishlist-page .collapse-trigger-btn {
    top: 70px;
  }
}
@media (max-width: 576px) {
  .account-wishlist-page .collapse-trigger-btn {
    top: 72px;
    width: 26px;
    height: 29px;
  }
}
.account-wishlist-page .collapse-trigger-btn span {
  padding: 13px 10px;
}
@media (max-width: 576px) {
  .account-wishlist-page .collapse-trigger-btn span {
    padding: 6px 5px;
  }
}
.account-wishlist-page .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 0 !important;
  border-bottom: 1px solid #000;
}
.account-wishlist-page .ant-collapse-content-box {
  background: #fff;
  border-bottom: 1px solid #000;
}
.account-wishlist-page .ant-collapse-content > .ant-collapse-content-box {
  padding: 0;
}
.container {
  cursor: auto;
}
.container .rateContainer .ant-rate {
  color: red;
}
.container .rateContainer .ant-rate .ant-rate-star:not(:last-child) {
  margin-right: 0px;
}
.container .rateContainer .numberUserReviews {
  font-size: 12px;
  padding-left: 6px;
  line-height: 18px;
}
.container .wishlistContainer .disable-cursor {
  cursor: not-allowed;
}
@media (min-width: 200px) and (max-width: 280px) {
  .container .wishlistContainer.is-product-detail {
    margin-right: -141px;
  }
}
@media (min-width: 285px) and (max-width: 295px) {
  .container .wishlistContainer.is-product-detail {
    margin-right: -126px;
  }
}
@media (min-width: 296px) and (max-width: 300px) {
  .container .wishlistContainer.is-product-detail {
    margin-right: -116px;
  }
}
@media (min-width: 360px) and (max-width: 450px) {
  .container .wishlistContainer.is-product-detail {
    margin-right: -33px;
  }
}
@media (min-width: 305px) and (max-width: 360px) {
  .container .wishlistContainer.is-product-detail {
    margin-right: -85px;
  }
}
@media (min-width: 365px) and (max-width: 375px) {
  .container .wishlistContainer.is-product-detail {
    margin-right: -72px;
  }
}
@media (min-width: 320px) and (max-width: 350px) {
  .container .wishlistContainer.is-product-detail {
    margin-right: -93px;
  }
}
.container .wishlistContainer .heartContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer !important;
}
.container .wishlistContainer .heartContainer .heartIcon {
  width: 24px;
  height: 21px;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .container .wishlistContainer .heartContainer .heartIcon {
    height: 20px;
    width: 22px;
  }
}
.container .wishlistContainer .heartContainer .heartIconActive {
  fill: red;
}
.container .wishlistContainer .heartContainer .wishlist-loading-wrapper {
  width: 24px;
}
.container .wishlistContainer .heartContainer .loading-icon {
  font-size: 19px;
}
.container .wishlistContainer .heartContainer .save-wishlist-text {
  text-decoration: underline;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
}
.container .wishlistContainer .heartContainer .save-wishlist-text.is-product-cart-page {
  text-decoration: underline;
  font-size: 12px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  padding-top: 2px;
}
@media (max-width: 576px) {
  .container .wishlistContainer .heartContainer .save-wishlist-text {
    font-size: 12px;
  }
  .container .wishlistContainer .heartContainer .save-wishlist-text.is-product-detail {
    padding-top: 2px;
  }
}
.container .wishlistContainer .downArrowContainer {
  padding-left: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .container .wishlistContainer .downArrowContainer {
    padding-left: 3px;
  }
}
@media (min-width: 200px) and (max-width: 300px) {
  .container .wishlistContainer .downArrowContainer {
    margin-left: 2px !important;
  }
}
.container .wishlistContainer .downArrowContainer .downArrowIcon {
  width: 10px;
  height: 5px;
}
@media (max-width: 576px) {
  .container .wishlistContainer .downArrowContainer .downArrowIcon {
    width: 8px;
  }
}
.container .wishlistContainer .downArrowContainer .downArrowIcon.up {
  transform: rotate(180deg);
}
.container .wishlistContainer .downArrowContainer .downArrowIcon.disable-cursor {
  cursor: not-allowed;
}
.wishlistDropdownOverlay {
  z-index: 101;
}
.wishlistDropdownOverlay .ant-dropdown-menu {
  right: -5px;
  border-radius: 3px;
  border: 1px solid #000;
}
@media (max-width: 390px) {
  .wishlistDropdownOverlay .ant-dropdown-menu {
    right: 3px;
  }
}
.wishlistDropdownOverlay .ant-dropdown-menu :hover {
  background: none;
}
.wishlistDropdownOverlay .menuContainer.move-copy {
  border-radius: 10px;
}
.wishlistDropdownOverlay .menuContainer .topContainer {
  max-height: 290px;
  overflow-y: auto;
  padding-bottom: 0px;
  padding-top: 10px;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer {
  right: -5px;
  min-width: 209px;
  max-width: 209px;
  padding: 5px 15px 0px;
  min-height: 50px;
  max-height: 50px;
  cursor: pointer;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer .wishlistItem {
  max-width: 179px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: black;
  border-bottom: 1px solid #979797;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer .wishlistItem .add-wishlist-icon {
  margin-right: 10px;
  font-size: 19px;
  vertical-align: top;
  color: #b1b1b1;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer .wishlistItem.last {
  border-bottom: none;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer .wishlistItem .wishlistName {
  overflow: hidden;
  max-width: 179px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer .wishlistItem .wishlistName .move-copy-icon {
  width: 19px;
  color: #dbdbdb;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer .wishlistItem .wishlistIsOn {
  padding-left: 10px;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer .wishlistItem .wishlistIsOn .heartIcon {
  width: 17px;
  height: 16px;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer .noBorderd {
  border-bottom: none;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer.last-menu {
  min-height: 40px;
}
.wishlistDropdownOverlay .menuContainer .menuItemContainer.move-copy {
  padding: 14px 15px 0px;
}
@media (max-width: 320px) {
  .wishlist-shared-modal .ant-modal-content {
    padding: 20px 20px 10px;
  }
}
.wishlist-shared-modal .ant-modal-body {
  padding: 0;
}
.wishlist-shared-modal .ant-modal-body .title {
  font-size: 18px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: center;
  min-width: 100px !important;
}
.wishlist-shared-modal .ant-modal-body .button-shared-modal-wrapper {
  display: flex;
  justify-content: center;
}
.wishlist-shared-modal .ant-modal-body .button-shared-modal-wrapper .button-container {
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
  width: 50%;
}
@media (min-width: 992px) {
  .wishlist-shared-modal .ant-modal-body .button-shared-modal-wrapper .button-container {
    width: 70%;
  }
}
.wishlist-shared-modal .ant-modal-body .button-shared-modal-wrapper .button-container a {
  font-size: 16px;
  padding-bottom: 10px;
}
@media (max-width: 320px) {
  .wishlist-shared-modal .ant-modal-body .button-shared-modal-wrapper .button-container a {
    padding: 0 0 10px 0;
  }
}
.wishlist-shared-modal .ant-modal-body .button-shared-modal-wrapper .button-container .button-mobile-address-book {
  padding: 6px 16px 6px 15px;
}
.wishlist-shared-modal .ant-modal-body .button-shared-modal-wrapper .button-container .button-mobile-address-book span {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .wishlist-shared-modal .ant-modal-body .button-shared-modal-wrapper .button-container {
    width: 100%;
  }
}
.wishlist-move-copy-modal .ant-modal-body .add-wishlist-wrapper {
  cursor: pointer;
  background: #fff;
  padding-bottom: 15px;
}
.wishlist-move-copy-modal .ant-modal-body .add-wishlist-wrapper .add-image {
  width: 22px;
  height: 22px;
}
.wishlist-move-copy-modal .ant-modal-body .add-wishlist-wrapper .text {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.26;
  letter-spacing: normal;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper {
  max-height: 417px;
  overflow: auto;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item:hover {
  background: #f7f7f7;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item {
  padding: 20px 0;
  border-bottom: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .first-section {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .first-section .name-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .first-section .name-wrapper .name {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 310px;
}
@media (max-width: 768px) {
  .wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .first-section .name-wrapper .name {
    max-width: 255px;
  }
}
@media (max-width: 576px) {
  .wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .first-section .name-wrapper .name {
    font-size: 15px;
    font-weight: 500;
    max-width: 137px;
  }
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .first-section .name-wrapper .edit-icon {
  width: 14px;
  height: 14px;
  margin-left: 5px;
  cursor: pointer;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .first-section .item-amount {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #aeaeae;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 576px) {
  .wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images {
    margin-right: 0px;
  }
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .image-wrapper {
  display: flex;
  align-items: center;
  width: 60px;
  height: 70px;
}
@media (max-width: 576px) {
  .wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .image-wrapper {
    width: 43px;
    height: 50px;
  }
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .item-box {
  width: 60px;
  height: 70px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 15px;
  background-position: center;
}
@media (max-width: 576px) {
  .wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .item-box {
    width: 43px;
    height: 50px;
    margin-right: 5px;
  }
}
@media (max-width: 350px) {
  .wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .item-box {
    width: 33px;
    height: 50px;
  }
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .item-box.moreitem:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .textposition {
  display: table;
  height: 100%;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .noitem {
  width: 100%;
  text-align: center;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .itemimage {
  z-index: 1;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .textposition,
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .itemimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.wishlist-move-copy-modal .ant-modal-body .wishlist-move-copy-wrapper .wishlist-move-copy-wrapper-item .second-section-images .itemimage img {
  width: 100%;
}
.wishlist-modal .btn-wrapper a,
.wishlist-move-copy-modal .btn-wrapper a {
  font-size: 16px;
  margin-bottom: 14px;
}
.general-product-review-wrapper {
  width: 100%;
  height: 196px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 11px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper {
    height: 165px;
  }
}
@media (max-width: 767px) {
  .general-product-review-wrapper {
    display: block;
    height: auto;
    padding-top: 0px;
    margin-top: -9px;
  }
}
.general-product-review-wrapper .box-recommend {
  height: 100%;
  width: 300px;
  background-color: rgba(216, 216, 216, 0.2);
  text-align: center;
  position: relative;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-recommend {
    width: 206px;
    height: 128px;
    margin-top: 19px;
  }
}
@media (max-width: 767px) {
  .general-product-review-wrapper .box-recommend {
    height: 128px;
    margin: 0px auto;
  }
}
.general-product-review-wrapper .box-recommend .box-recommend-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.general-product-review-wrapper .box-recommend .box-recommend-wrapper .box-recommend-percent {
  font-size: 26px;
  font-weight: 600;
  color: #000;
}
.general-product-review-wrapper .box-recommend .box-recommend-wrapper .box-recommend-content {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.general-product-review-wrapper .box-recommend .box-recommend-wrapper .box-recommend-total-response {
  font-size: 14px;
  font-weight: normal;
  color: #000;
  margin-top: 10px;
}
.general-product-review-wrapper .box-star {
  display: flex;
  justify-content: center;
  height: auto;
}
@media (max-width: 767px) {
  .general-product-review-wrapper .box-star {
    width: 100%;
    display: block;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting {
  width: 210px;
  height: 100%;
  position: relative;
  margin-right: 20px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting {
    width: 130px;
    margin-right: 11px;
  }
}
@media (max-width: 767px) {
  .general-product-review-wrapper .box-star .box-star-raiting {
    width: 100%;
    height: auto;
    min-height: 55px;
    margin-top: 20px;
    text-align: center;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting .box-star-raiting-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.general-product-review-wrapper .box-star .box-star-raiting .box-star-raiting-content .show-star-rating-product-detail span.anticon.anticon-star > svg {
  font-size: 40px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting .box-star-raiting-content .show-star-rating-product-detail span.anticon.anticon-star > svg {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .general-product-review-wrapper .box-star .box-star-raiting .box-star-raiting-content .show-star-rating-product-detail span.anticon.anticon-star > svg {
    font-size: 30px;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting .box-star-raiting-content .star-raiting-number {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}
@media (max-width: 767px) {
  .general-product-review-wrapper .box-star .box-star-raiting .box-star-raiting-content .star-raiting-number {
    font-size: 13px;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting-detail {
  margin-left: 20px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail {
    width: 250px;
    height: 196px;
    border-radius: 2px;
    border: solid 1px #000;
    background-color: #fff;
    margin: 0px auto;
    margin-top: 21px;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content {
  background-image: url("/static/images/bg-review-sumary.png");
  width: 264px;
  height: 196px;
  overflow: hidden;
  padding-left: 36px;
  padding-top: 18px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content {
    width: 206px;
    padding-left: 31px;
    padding-top: 15px;
    height: 165px;
  }
}
@media (max-width: 767px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content {
    background-image: unset;
    padding-left: 24px;
    padding-top: 18px;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  height: 18px;
  cursor: pointer;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row {
    margin-bottom: 5px;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row .text-star {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.22px;
  color: #000;
  width: fit-content;
  white-space: nowrap;
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row .show-star {
  margin-left: 16px;
  width: 91px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row .show-star {
    margin-left: 10px;
    width: 70px;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row .show-star .ant-rate-star {
  width: 17px;
  height: 17px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row .show-star .ant-rate-star {
    width: 13px;
    height: 13px;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row .show-star .anticon svg {
  width: 17px;
  height: 17px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row .show-star .anticon svg {
    width: 13px;
    height: 13px;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row .total-vote {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.22px;
  color: #000;
  text-decoration: underline;
  margin-left: 30px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .box-star-raiting-detail-row .total-vote {
    margin-left: 10px;
  }
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .star-filter-active .text-star {
  color: #6805ff;
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .star-filter-active .total-vote {
  color: #6805ff;
}
.general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .see-all-review {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-star .box-star-raiting-detail .box-star-raiting-detail-content .see-all-review {
    padding-top: 5px;
  }
}
.general-product-review-wrapper .box-button-write-review {
  width: 203px;
  height: 100%;
  display: flex;
  align-items: center;
}
.general-product-review-wrapper .box-button-write-review button {
  width: 200px;
  height: 40px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-button-write-review button {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .general-product-review-wrapper .box-button-write-review button {
    width: 180px;
  }
}
.general-product-review-wrapper .box-button-write-review button > span {
  font-size: 14px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .general-product-review-wrapper .box-button-write-review {
    width: 163px;
  }
}
@media (max-width: 767px) {
  .general-product-review-wrapper .box-button-write-review {
    margin: 0px auto;
    margin-top: 20px;
  }
}
.general-product-no-review-wrapper {
  width: 100%;
  height: auto;
  padding: 21px 0px 30px;
}
@media (max-width: 992px) {
  .general-product-no-review-wrapper {
    padding: 11px 0px 20px;
  }
}
.general-product-no-review-wrapper .show-star-rating-product-detail {
  height: 40px;
  line-height: 1;
  text-align: center;
}
.general-product-no-review-wrapper .show-star-rating-product-detail .ant-rate-star {
  font-size: 40px;
}
@media (max-width: 992px) {
  .general-product-no-review-wrapper .show-star-rating-product-detail .ant-rate-star {
    font-size: 30px;
  }
}
@media (max-width: 992px) {
  .general-product-no-review-wrapper .show-star-rating-product-detail {
    height: 30px;
    line-height: 1;
  }
}
.general-product-no-review-wrapper .count-review {
  font-size: 14px;
  color: #000;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 992px) {
  .general-product-no-review-wrapper .count-review {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000;
  }
}
.general-product-no-review-wrapper .first-write-review {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .general-product-no-review-wrapper .first-write-review {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
}
.general-product-no-review-wrapper .button-write-review {
  width: 200px;
  height: 40px;
  margin: 0px auto;
  margin-top: 20px;
}
@media (max-width: 992px) {
  .general-product-no-review-wrapper .button-write-review {
    margin-top: 15px;
  }
}
.general-product-no-review-wrapper .button-write-review button.ant-btn.button-default {
  height: 40px;
}
.general-product-review-write-review {
  width: 826px;
  height: auto;
  margin: 0px auto;
  margin-top: 40px;
}
.general-product-review-write-review .review_form {
  padding-left: 0px;
  margin: 0px;
}
@media (max-width: 992px) {
  .general-product-review-write-review {
    width: calc(100vw - 20px);
  }
}
.general-product-review-write-review .review_form .shadow-button-review {
  margin: 30px auto 0px;
  width: 200px;
}
.add-field-for-guest-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .add-field-for-guest-wrapper .ant-form-item-explain {
    margin-top: -17px;
  }
}
@media (max-width: 768px) {
  .add-field-for-guest-wrapper {
    display: block;
    margin-bottom: 15px;
  }
}
.add-field-for-guest-wrapper .guest-name {
  height: fit-content;
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  .add-field-for-guest-wrapper .guest-name {
    width: 100%;
  }
}
.add-field-for-guest-wrapper .guest-name .guest-name-err-hidden {
  visibility: hidden;
  height: 0px;
}
.add-field-for-guest-wrapper .guest-name .guest-name-err {
  width: 100%;
  color: #ff0000;
  font-size: 12px;
  text-align: right;
  height: initial;
  visibility: visible;
  opacity: 1;
  padding-bottom: 5px;
}
.add-field-for-guest-wrapper .guest-email {
  height: auto;
  width: calc(50% - 10px);
}
@media (min-width: 767px) and (max-width: 768px) {
  .add-field-for-guest-wrapper .guest-email {
    width: 100%;
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .add-field-for-guest-wrapper .guest-email {
    width: 100%;
    margin-top: 15px;
  }
}
.add-field-for-guest-wrapper .guest-email .guest-email-err-hidden {
  visibility: hidden;
  height: 0px;
}
.add-field-for-guest-wrapper .guest-email .guest-email-err {
  width: 100%;
  color: #ff0000;
  font-size: 12px;
  text-align: right;
  height: initial;
  visibility: visible;
  opacity: 1;
  padding-bottom: 5px;
}
.filter-review {
  width: 100%;
  height: auto;
  margin-top: 30px;
}
.filter-review .filter-review-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(216, 216, 216, 0.2);
  width: 100%;
  height: 60px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .filter-review .filter-review-container {
    width: calc(100% + 20px);
    margin-left: -10px;
    flex-wrap: wrap;
    height: auto;
  }
}
@media (max-width: 767px) {
  .filter-review .filter-review-container {
    display: block;
    height: 93px;
    padding-top: 10px;
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}
@media (max-width: 992px) {
}
@media (min-width: 767px) and (max-width: 1050px) {
  .filter-review .filter-review-container .filter-review-button {
    margin: 10px 0px;
  }
}
.filter-review .filter-review-container .filter-review-button .filter-group-review-container :first-child {
  margin-left: 15px !important;
}
.filter-review .filter-review-container .filter-review-button .filter-group-review-container .ant-radio-button-wrapper {
  border-radius: 3px;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  border: solid 1px #979797;
}
.filter-review .filter-review-container .filter-review-button .filter-group-review-container .ant-radio-button-wrapper::before {
  width: 0px !important;
}
@media (max-width: 992px) {
  .filter-review .filter-review-container .filter-review-button .filter-group-review-container .ant-radio-button-wrapper:first-child {
    margin-left: 10px !important;
  }
  .filter-review .filter-review-container .filter-review-button .filter-group-review-container .ant-radio-button-wrapper:last-child {
    margin-right: 10px;
  }
}
.filter-review .filter-review-container .filter-review-select {
  display: flex;
  align-items: center;
}
@media (min-width: 993px) and (max-width: 1050px) {
  .filter-review .filter-review-container .filter-review-select {
    margin: 10px 0px 10px 15px;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .filter-review .filter-review-container .filter-review-select {
    margin: 10px 0px 10px 10px;
  }
}
@media (max-width: 767px) {
  .filter-review .filter-review-container .filter-review-select {
    margin-left: 10px;
    margin-top: 15px;
  }
}
.filter-review .filter-review-container .filter-review-select .filter-review-select-text {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #000;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .filter-review .filter-review-container .filter-review-select .filter-review-select-text {
    width: 55px;
  }
}
.filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper {
  position: relative;
  margin-left: 18px;
  margin-right: 15px;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper {
    width: calc(100vw - 93px);
    margin-right: 0px;
  }
}
.filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort {
  width: 240px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin: 0 0 0 0;
  padding: 3px 9px 3px 11px;
  border: solid 0.5px #000000;
  background-color: #ffffff;
}
@media (min-width: 769px) and (max-width: 1050px) {
  .filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort {
    width: 231px;
  }
}
@media (min-width: 767px) and (max-width: 768px) {
  .filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort {
    width: 190px;
  }
}
@media (max-width: 767px) {
  .filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort {
    width: 100%;
    max-width: 360px;
  }
}
.filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort > div {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
  margin-right: 10px;
}
.filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort img {
  width: 17px;
  height: 9px;
}
.filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .active > img {
  transform: rotate(180deg);
}
.filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort-dropdown {
  position: absolute;
  top: 29px;
  left: 0;
  z-index: 15;
  width: 100%;
  background: #fff;
  box-shadow: 5px 5px 0 0 #cccccc;
  border: solid 0.5px #000000;
  border-radius: 0;
}
@media (max-width: 768px) {
  .filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort-dropdown {
    width: 100%;
    max-width: 360px;
  }
}
.filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort-dropdown .filter-review-sort-dropdown-item {
  padding-left: 10px;
  cursor: pointer;
  height: 30px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 30px;
  letter-spacing: normal;
  color: #000000;
  transition: 300ms;
  display: flex;
  align-content: center;
}
.filter-review .filter-review-container .filter-review-select .filter-review-sort-wrapper .filter-review-sort-dropdown .filter-review-sort-dropdown-item:hover {
  background: #dadada;
}
.filter-review .filter-review-null-wrapper {
  width: 100%;
  height: auto;
  padding: 40px 0 30px;
}
.filter-review .filter-review-null-wrapper .filter-review-null-img-star {
  width: 70px;
  height: 66px;
  margin: 0px auto;
}
.filter-review .filter-review-null-wrapper .filter-review-null-img-star > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.filter-review .filter-review-null-wrapper .filter-review-null-content {
  margin-top: 30px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.22px;
  text-align: center;
  color: #000;
}
.filter-group-review-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.filter-group-review-container :first-child {
  margin-left: 100px;
}
@media (max-width: 767px) {
  .filter-group-review-container {
    line-height: 26px;
    height: 26px;
    justify-content: start;
    width: 100vw;
    overflow-x: scroll;
    /* width */
  }
  .filter-group-review-container::-webkit-scrollbar {
    width: 10px;
    height: 0px;
  }
}
.filter-group-review-container .ant-radio-button-wrapper {
  height: 40px;
  line-height: 40px;
  transition: 300ms;
}
@media (max-width: 992px) {
  .filter-group-review-container .ant-radio-button-wrapper {
    line-height: 29px;
    height: 29px;
  }
}
.filter-group-review-container .ant-radio-button-wrapper span {
  transition: 300ms;
  white-space: nowrap;
}
.filter-group-review-container .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background: #000 !important;
  border-color: initial !important;
  border-right-color: initial !important;
  color: #000;
}
.filter-group-review-container .ant-radio-button-wrapper.ant-radio-button-wrapper-checked span {
  color: #fff !important;
  white-space: nowrap;
}
.filter-group-review-container .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover {
  background-color: #000 !important;
  border-color: initial !important;
  border-right-color: initial !important;
  color: #000;
}
.filter-group-review-container .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover span {
  color: #fff !important;
}
.filter-group-review-container .ant-radio-button-wrapper:hover {
  background-color: #000;
}
.filter-group-review-container .ant-radio-button-wrapper:hover span {
  color: #fff;
}
.product-review-media {
  width: 100%;
  height: auto;
  margin-top: 20px;
}
.product-review-media .wrap-media {
  width: 100%;
  height: 174px;
  background-color: rgba(216, 216, 216, 0.2);
}
@media (min-width: 767px) and (max-width: 1050px) {
  .product-review-media .wrap-media {
    height: 116px;
    width: 100vw;
    margin-left: -10px;
  }
}
@media (max-width: 767px) {
  .product-review-media .wrap-media {
    height: 100px;
    width: 100vw;
    margin-left: -10px;
  }
}
.product-review-media .wrap-media .media-title {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000;
  padding: 15px 0 0 15px;
}
@media (max-width: 992px) {
  .product-review-media .wrap-media .media-title {
    padding: 10px 0 0 10px;
  }
}
.product-review-media .wrap-media .media-list {
  width: 100%;
  padding-left: 15px;
  margin-top: 10px;
  display: flex;
  height: 106px;
  flex-wrap: nowrap;
  overflow: hidden;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .product-review-media .wrap-media .media-list {
    margin-top: 5px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .product-review-media .wrap-media .media-list {
    margin-top: 5px;
    height: 48px;
  }
}
.product-review-media .wrap-media .media-list .media-item {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .product-review-media .wrap-media .media-list .media-item {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .product-review-media .wrap-media .media-list .media-item {
    min-width: 48px;
    max-width: 48px;
    height: 48px;
  }
}
.product-review-media .wrap-media .media-list .media-item img,
.product-review-media .wrap-media .media-list .media-item video {
  width: 106px;
  height: 106px;
  object-fit: contain;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .product-review-media .wrap-media .media-list .media-item img,
  .product-review-media .wrap-media .media-list .media-item video {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .product-review-media .wrap-media .media-list .media-item img,
  .product-review-media .wrap-media .media-list .media-item video {
    width: 48px;
    height: 48px;
  }
}
.product-review-media .wrap-media .media-list .media-item .photo-and-video-item-total-number {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.45);
}
@media (min-width: 767px) and (max-width: 1050px) {
  .product-review-media .wrap-media .media-list .media-item {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .product-review-media .wrap-media .media-list .media-item {
    width: 48px;
    height: 48px;
  }
}
.product-review-media .wrap-media .media-list .media-item .media-item-icon-vdo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.45);
}
.product-review-media .wrap-media .media-list .media-item .media-item-icon-vdo > img {
  width: 30px;
  height: 30px;
}
@media (max-width: 992px) {
  .product-review-media .wrap-media .media-list .media-item .media-item-icon-vdo > img {
    width: 14px;
    height: 14px;
  }
}
.product-review-media .wrap-media .media-list .media-item-wrapper {
  position: relative;
  min-width: 106px;
  max-width: 106px;
  height: 106px;
  margin-right: 15px;
  cursor: pointer;
}
@media (min-width: 767px) and (max-width: 1050px) {
  .product-review-media .wrap-media .media-list .media-item-wrapper {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .product-review-media .wrap-media .media-list .media-item-wrapper {
    min-width: 48px;
    max-width: 48px;
    height: 48px;
  }
}
.product-review-media .wrap-media .media-list .media-item-total-number-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.45);
}
.product-review-list-review {
  width: 100%;
  height: auto;
  padding-top: 30px;
}
@media (max-width: 992px) {
  .product-review-list-review {
    padding-top: 15px;
  }
}
.product-review-list-review .item-review {
  width: 100%;
  height: auto;
  display: flex;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review {
    display: block;
  }
}
.product-review-list-review .item-review .info-review-general {
  height: auto;
  min-width: 172px;
  max-width: 172px;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-general {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
.product-review-list-review .item-review .info-review-general .info-review-general-user-name {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-review-list-review .item-review .info-review-general .info-review-general-icon-beauty {
  width: 110px;
  height: 20px;
  background-color: #000;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  text-align: center;
  padding-top: 2px;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-general .info-review-general-icon-beauty {
    line-height: 1.34 !important;
  }
}
.product-review-list-review .item-review .info-review-general .info-review-general-verified {
  display: flex;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  color: #05af48;
  white-space: nowrap;
}
.product-review-list-review .item-review .info-review-general .info-review-general-verified img {
  height: 16px;
  margin-right: 5px;
  margin-top: 6px;
}
.product-review-list-review .item-review .info-review-general .info-review-general-star {
  margin-top: 10px;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-general .info-review-general-star {
    text-align: right;
    margin-top: 0px;
  }
}
.product-review-list-review .item-review .info-review-general .info-review-general-date-review {
  margin-top: 10px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-general .info-review-general-date-review {
    margin-top: 4px;
    text-align: right;
  }
}
.product-review-list-review .item-review .info-review-detail {
  width: calc(100% - 172px);
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail {
    margin-top: 10px;
    width: 100%;
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-icon-left {
  min-width: 80px;
  max-width: 80px;
  height: auto;
  position: relative;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-icon-left {
    min-width: 30px;
    max-width: 30px;
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-icon-left img {
  width: 46px;
  height: 34px;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-icon-left img {
    width: 19px;
    height: 14px;
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail {
  height: auto;
  width: calc(100% - 172px);
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail {
    width: 100%;
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-title {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  word-break: break-word;
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-content {
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  word-break: break-word;
  white-space: pre-wrap;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-content {
    position: relative;
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-content .info-review-detail-content-icon-right-mobile {
  display: none;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-content .info-review-detail-content-icon-right-mobile {
    display: block;
    position: absolute;
    bottom: -10px;
    right: 0;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-content .info-review-detail-content-icon-right-mobile {
    width: 19px;
    height: 14px;
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img .info-review-detail-content-detail-img {
  width: 70px;
  height: 70px;
  margin-right: 20px;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img .info-review-detail-content-detail-img img,
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img .info-review-detail-content-detail-img video {
  width: 70px;
  height: 70px;
  object-fit: contain;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img .info-review-detail-content-detail-img img,
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img .info-review-detail-content-detail-img video {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img .info-review-detail-content-detail-img {
    width: 42px;
    height: 42px;
    margin-right: 12px;
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img .info-review-detail-content-detail-img .media-item-icon-vdo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.45);
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img .info-review-detail-content-detail-img .media-item-icon-vdo > img {
  width: 20px;
  height: 20px;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-list-img .info-review-detail-content-detail-img .media-item-icon-vdo > img {
    width: 12px;
    height: 12px;
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-detail .info-review-detail-content-detail-info-product {
  margin-top: 15px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  opacity: 0.7;
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-icon-right {
  min-width: 80px;
  max-width: 80px;
  height: auto;
  position: relative;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-icon-right {
    display: none;
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-content .info-review-detail-content-icon-right img {
  width: 46px;
  height: 34px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-response {
  width: calc(100% - 172px);
  margin: 0px auto;
  border-radius: 10px;
  background-color: #f7f7f7;
  height: auto;
  padding: 15px;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .product-review-list-review .item-review .info-review-detail .info-review-detail-response {
    width: calc(100% - 60px);
  }
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-response .info-review-detail-response-title {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  opacity: 0.7;
}
.product-review-list-review .item-review .info-review-detail .info-review-detail-response .info-review-detail-response-content {
  margin-top: 10px;
  font-size: 14px;
  color: #000;
}
.info-review-detail-line-end-item {
  height: 25px;
  border-bottom: 1px solid #ebebeb;
  width: calc(100% - 342px);
  margin-left: 258px;
}
@media (max-width: 992px) {
  .info-review-detail-line-end-item {
    width: calc(100% - 30px);
    float: unset;
    margin-left: 30px;
  }
}
.info-review-load-more-wrapper {
  height: auto;
  width: 100%;
  text-align: center;
}
.info-review-load-more-wrapper .info-review-load-more {
  height: 30px;
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: normal;
  color: #000;
  cursor: pointer;
}
@media (max-width: 767px) {
  .info-review-load-more-wrapper .info-review-load-more {
    font-size: 16px;
    margin-top: 30px;
    height: 24px;
  }
}
.info-review-load-more-wrapper .info-review-loading {
  margin-top: 15px;
  margin-bottom: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  .info-review-load-more-wrapper .info-review-loading {
    height: 24px;
    margin-top: 30px;
  }
}
.info-review-no-load-more-wrapper {
  height: 0px;
  width: 100%;
  padding-top: 0px;
}
@media (max-width: 992px) {
  .info-review-no-load-more-wrapper {
    height: 0px;
  }
}
@media (max-width: 767px) {
  .carousel-modal-wrapper .ant-modal {
    width: 100vw !important;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
    top: 0;
    margin: 0px;
  }
}
.carousel-modal-wrapper .ant-modal-body {
  padding: 20px;
}
@media (max-width: 767px) {
  .carousel-modal-wrapper .ant-modal-body {
    padding: 10px;
    height: auto;
    background-color: #fff;
  }
}
.carousel-modal-wrapper .ant-modal-content {
  border-radius: 0px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .carousel-modal-wrapper .ant-modal-content {
    height: 100vh;
  }
}
.carousel-review-wrapper {
  width: 100%;
  height: auto;
  position: relative;
}
.carousel-review-wrapper .slick-list .slick-track {
  padding: 0px;
}
.carousel-review-wrapper .carousel-review-header-modal {
  width: 100%;
  height: 58px;
  border-bottom: solid 2px #000;
  margin-bottom: 14px;
  text-align: center;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
@media (max-width: 768px) {
  .carousel-review-wrapper .carousel-review-header-modal {
    height: 52px;
    margin-bottom: 15px;
  }
}
.carousel-review-wrapper .carousel-wrapper {
  width: 735px;
  height: auto;
  position: relative !important;
}
.carousel-review-wrapper .carousel-wrapper .carousel-button.right {
  right: 0px;
}
.carousel-review-wrapper .carousel-wrapper .carousel-button.right > img {
  width: 9px;
  height: 18px;
}
.carousel-review-wrapper .carousel-wrapper .carousel-button.left {
  left: 0px;
}
.carousel-review-wrapper .carousel-wrapper .carousel-button.left > img {
  width: 9px;
  height: 18px;
}
@media (max-width: 992px) {
  .carousel-review-wrapper .carousel-wrapper {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .carousel-review-wrapper .carousel-wrapper {
    height: calc(100vh / 2.5);
  }
}
.carousel-review-wrapper .thumbnail-review-image-wrapper {
  width: 100%;
  height: 66px;
  overflow-y: auto;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .carousel-review-wrapper .thumbnail-review-image-wrapper {
    overflow: hidden;
    margin-top: 20px;
  }
}
.carousel-info-review {
  width: 100%;
  height: auto;
  background-color: #fff;
  bottom: 0;
  left: 0;
  color: #ffff;
  padding-top: 15px;
}
@media (max-width: 768px) {
  .carousel-info-review {
    position: unset;
    background-color: #fff;
    padding-top: 11px;
  }
}
.carousel-info-review-top {
  width: 100%;
  height: 19px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .carousel-info-review-top {
    height: auto;
    align-items: flex-start;
  }
}
.carousel-info-review-top .carousel-info-review-info-left {
  display: flex;
  align-items: center;
}
.carousel-info-review-top .carousel-info-review-info-left .ant-rate {
  font-size: 10px;
}
@media (max-width: 768px) {
  .carousel-info-review-top .carousel-info-review-info-left {
    display: block;
  }
}
.carousel-info-review-top .carousel-info-review-info-left .carousel-info-review-info-name {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
@media (max-width: 768px) {
  .carousel-info-review-top .carousel-info-review-info-left .carousel-info-review-info-name {
    display: block;
    color: #000;
    height: 18px;
    margin-top: -4px;
  }
}
.carousel-info-review-top .carousel-info-review-info-left .carousel-info-review-info-star {
  margin-left: 10px;
  margin-top: -4px;
}
.carousel-info-review-top .carousel-info-review-info-left .carousel-info-review-info-star .ant-rate-star {
  font-size: 17px;
}
@media (max-width: 768px) {
  .carousel-info-review-top .carousel-info-review-info-left .carousel-info-review-info-star {
    margin-left: 0px;
    margin-top: 0px;
    white-space: nowrap;
  }
  .carousel-info-review-top .carousel-info-review-info-left .carousel-info-review-info-star .ant-rate-star {
    color: inherit;
    font-size: 15px;
  }
}
.carousel-info-review-top .carousel-info-review-info-right {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
@media (max-width: 768px) {
  .carousel-info-review-top .carousel-info-review-info-right {
    color: #000;
    font-size: 10px;
    margin-top: 2px;
  }
}
.carousel-info-review-content {
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  white-space: break-spaces;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  .carousel-info-review-content {
    color: #000;
    margin-top: 7px;
  }
}
.carousel-info-review-product-info {
  margin-top: 10px;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  opacity: 0.7;
}
@media (max-width: 768px) {
  .carousel-info-review-product-info {
    color: #000;
    margin-top: 5px;
  }
}
.carousel-info-review-mobile-one-review {
  position: absolute;
  width: calc(100% - 20px);
  height: auto;
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 10px;
  left: 10px;
  color: #ffff;
  padding: 10px;
  margin: 0px auto;
}
@media (max-width: 767px) {
  .carousel-info-review-mobile-one-review {
    width: 100%;
    bottom: 0px;
    left: 0px;
  }
}
.carousel-info-review-mobile-one-review .ant-rate-star {
  color: #fff !important;
}
.carousel-info-review-mobile-one-review .carousel-info-review-top .carousel-info-review-info-left .carousel-info-review-info-name {
  color: #fff;
}
.carousel-info-review-mobile-one-review .carousel-info-review-top .carousel-info-review-info-right {
  color: #fff;
  white-space: nowrap;
  display: flex;
  padding-top: 3px;
}
.carousel-info-review-mobile-one-review .carousel-info-review-top .carousel-info-review-info-right .icon-show-more-info-review-dropdown {
  width: 10px;
  margin-left: 10px;
}
.carousel-info-review-mobile-one-review .carousel-info-review-content {
  color: #fff;
}
.carousel-info-review-mobile-one-review .carousel-info-review-product-info {
  color: #fff;
}
.icon-show-more-info-review > img {
  width: 10px;
  padding-top: 1px;
}
.icon-show-more-info-review-rotate div > img {
  transform: rotate(180deg);
  transform: all 0.5s;
  margin-right: 10px;
}
.thumbnail-review-item-wrapper {
  width: 735px;
  height: 66px;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}
.thumbnail-review-item-wrapper .slick-list .slick-track {
  padding: 0px;
}
@media (max-width: 992px) {
  .thumbnail-review-item-wrapper {
    width: calc(100% - 10px);
    margin: 0px auto;
    margin-top: 11px;
  }
}
.thumbnail-review-item-wrapper .thumbnail-review-box-item {
  width: 100% !important;
  height: 100% !important;
  position: relative;
}
.thumbnail-review-item-wrapper .thumbnail-review-box-item .ant-carousel .slick-list {
  padding: 0 14px;
}
@media (max-width: 767px) {
  .thumbnail-review-item-wrapper .thumbnail-review-box-item .ant-carousel .slick-list {
    padding: 0 5px;
  }
}
.thumbnail-review-item-wrapper .thumbnail-review-box-item .carousel-button.right {
  right: 0px;
}
.thumbnail-review-item-wrapper .thumbnail-review-box-item .carousel-button.right > img {
  width: 9px;
  height: 18px;
}
@media (max-width: 767px) {
  .thumbnail-review-item-wrapper .thumbnail-review-box-item .carousel-button.right {
    width: 25px;
    height: 25px;
    min-width: 25px;
    top: 32px;
    right: -5px;
  }
  .thumbnail-review-item-wrapper .thumbnail-review-box-item .carousel-button.right img {
    width: 6px;
    height: 11px;
  }
}
.thumbnail-review-item-wrapper .thumbnail-review-box-item .carousel-button.left {
  left: 0px;
}
.thumbnail-review-item-wrapper .thumbnail-review-box-item .carousel-button.left > img {
  width: 9px;
  height: 18px;
}
@media (max-width: 767px) {
  .thumbnail-review-item-wrapper .thumbnail-review-box-item .carousel-button.left {
    width: 25px;
    height: 25px;
    min-width: 25px;
    top: 32px;
    left: -5px;
  }
  .thumbnail-review-item-wrapper .thumbnail-review-box-item .carousel-button.left img {
    width: 6px;
    height: 11px;
  }
}
.thumbnail-review-item-wrapper .thumbnail-review-item-row {
  flex-wrap: nowrap;
  overflow: hidden;
}
.thumbnail-review-item-wrapper .thumbnail-review-item {
  width: calc((705px - 120px) / 9);
  height: 65px;
  margin-left: 14px;
  padding-left: 1px !important;
  padding-right: 1px !important;
}
@media (max-width: 767px) {
  .thumbnail-review-item-wrapper .thumbnail-review-item {
    width: calc((100vw - 94px) / 5);
    height: 50px;
    margin-left: 0;
    margin-right: 12px;
  }
}
.thumbnail-review-item-wrapper .thumbnail-review-item-inner {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #ffffff;
}
.thumbnail-review-item-wrapper .thumbnail-review-item-inner video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .thumbnail-review-item-wrapper .thumbnail-review-item-inner video {
    width: 100%;
    height: 100%;
  }
}
.thumbnail-review-item-wrapper .thumbnail-review-item-inner img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.thumbnail-review-item-wrapper .thumbnail-review-item-inner .media-item-icon-vdo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.45);
}
.thumbnail-review-item-wrapper .thumbnail-review-item-inner .media-item-icon-vdo > img {
  width: 20px;
  height: 20px;
}
@media (max-width: 992px) {
  .thumbnail-review-item-wrapper .thumbnail-review-item-inner .media-item-icon-vdo > img {
    width: 14px;
    height: 14px;
  }
}
.thumbnail-review-item-wrapper .thumbnail-review-item-inner-active {
  border: solid 1px #000;
}
.thumbnail-review-item-wrapper .thumbnail-review-item-active {
  width: 65px !important;
  height: 65px;
  border: solid 3px #f00;
  cursor: pointer;
}
@media (max-width: 768px) {
  .thumbnail-review-item-wrapper .thumbnail-review-item-active {
    width: 50px;
    height: 50px;
  }
}
.thumbnail-review-item-wrapper .thumbnail-review-item-active video {
  object-fit: contain;
  max-width: 59px;
  min-width: 59px;
  max-height: 60px;
  min-height: 60px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .thumbnail-review-item-wrapper .thumbnail-review-item-active video {
    max-width: 48px;
    min-width: 48px;
    max-height: 48px;
    min-height: 48px;
    padding-right: 2px;
  }
}
.thumbnail-review-item-wrapper .thumbnail-review-item-active img {
  object-fit: contain;
  max-width: 59px;
  min-width: 59px;
  max-height: 60px;
  min-height: 60px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .thumbnail-review-item-wrapper .thumbnail-review-item-active img {
    max-width: 48px;
    min-width: 48px;
    max-height: 48px;
    min-height: 48px;
    padding-right: 2px;
  }
}
.carousel-display-media {
  text-align: center;
  width: 735px;
  height: 60vh;
  max-height: 520px;
}
@media (max-width: 992px) {
  .carousel-display-media {
    width: 100%;
    overflow: hidden;
    height: calc(100vh / 2.5);
    display: flex;
    align-items: center;
  }
}
.carousel-display-media img,
.carousel-display-media video {
  width: 735px;
  height: 60vh;
  max-height: 520px;
  object-fit: contain;
}
@media (max-width: 768px) {
  .carousel-display-media video {
    width: 100% !important;
  }
}
@media (max-width: 992px) {
  .carousel-display-media-show-one-review {
    width: 100%;
    height: 400px;
  }
  .carousel-display-media-show-one-review > img {
    width: 100%;
    height: 400px;
  }
  .carousel-display-media-show-one-review video {
    width: 100%;
    height: 400px;
  }
}
.review-rating-product {
  display: flex;
  flex-wrap: nowrap;
  width: auto;
}
@media (max-width: 450px) {
  .review-rating-product {
    margin-bottom: 10px;
  }
}
.review-rating-product .review-rating-product-star .anticon svg {
  width: 15px;
  height: 15px;
}
@media (max-width: 450px) {
  .review-rating-product .review-rating-product-star {
    margin-left: 4px;
  }
}
.review-rating-product .review-rating-product-star .star-wrapper {
  cursor: pointer;
}
.review-rating-product .review-rating-product-count-wrap {
  display: flex;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  margin-left: 5px;
  margin-top: 1px;
}
.review-rating-product .review-rating-product-count-wrap .review-rating-product-count {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 450px) {
  .review-rating-product .review-rating-product-count-wrap .review-rating-product-count {
    padding-top: 5px;
    font-size: 12px;
    font-weight: 500;
  }
}
.review-product-empty {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 450px) {
  .review-product-empty {
    font-size: 12px;
    font-weight: 500;
  }
}
.review_page p {
  margin: 0;
  padding: 0;
}
.review_page .review_title {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin: 0;
  padding: 0;
  padding-bottom: 16px;
  border-bottom: solid 2px #000;
}
@media (max-width: 576px) {
  .review_page .review_title {
    padding-bottom: 6px;
    font-size: 20px;
    text-align: left;
  }
}
.review_page .review_block {
  margin: 20px 0;
}
@media (max-width: 576px) {
  .review_page .review_block {
    margin: 26px 0 25px;
  }
}
.review_page .review_tab {
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .review_page .review_tab {
    display: flex;
    align-items: center;
    overflow-x: auto;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
}
.review_page .review_tab button {
  height: 40px;
  margin-right: 8px;
  padding: 11px 24px 11px;
  border-radius: 4px;
  border: solid 1px #000;
  background-color: #fff;
  outline: 0;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  transition: all 250ms;
}
.review_page .review_tab button:hover {
  background-color: #000;
  color: #fff;
}
@media (max-width: 576px) {
  .review_page .review_tab button {
    margin-right: 8px;
  }
}
.review_page .review_tab button:last-child {
  margin-right: 0;
}
.review_page .review_tab.review_list .rw_list,
.review_page .review_tab.review_waiting .rw_wait,
.review_page .review_tab.review_approve .rw_approve,
.review_page .review_tab.review_reject .rw_reject {
  background-color: #000;
  color: #fff;
}
.review-empty {
  margin: 140px 0 0;
  text-align: center;
}
@media (max-width: 576px) {
  .review-empty {
    margin: 116px 0;
  }
}
.review-empty img {
  margin: auto;
  max-width: 70px;
}
.review-empty p {
  margin: 30px auto 0;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.review_list_wrap .rw_item {
  border-bottom: 1px solid #d8d8d8;
  padding: 20px 0 20px;
}
@media (max-width: 576px) {
  .review_list_wrap .rw_item {
    padding: 15px 0 15px;
  }
}
.review_list_wrap .rw_item:first-child {
  padding: 0 0 20px;
}
@media (max-width: 576px) {
  .review_list_wrap .rw_item:first-child {
    padding: 0 0 15px;
  }
}
@media (max-width: 576px) {
  .review_list_wrap .rw_item .review_item_des_wrap {
    flex-direction: column;
  }
}
.review_list_wrap .rw_item .review_item_img {
  min-width: 75px;
  max-width: 75px;
  max-height: 75px;
  margin-right: 20px;
}
.review_list_wrap .rw_item .review_item_img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (max-width: 576px) {
  .review_list_wrap .rw_item .review_item_img {
    min-width: 52px;
    max-width: 52px;
    max-height: 52px;
    margin-right: 10px;
  }
}
.review_list_wrap .rw_item .rw_item_id {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  text-decoration: underline;
}
@media (max-width: 576px) {
  .review_list_wrap .rw_item .rw_item_id {
    font-weight: normal;
    margin: 0 0 5px;
  }
}
.review_list_wrap .rw_item .rw_item_date {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
  margin: 0 0 0 10px;
}
@media (max-width: 576px) {
  .review_list_wrap .rw_item .rw_item_date {
    display: block;
    margin: 5px 0 10px;
  }
}
.review_list_wrap .rw_item .rw_item_brand {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000;
  margin: 10px 0;
  line-height: normal;
}
.review_list_wrap .rw_item .rw_item_brand a {
  cursor: pointer;
}
@media (max-width: 576px) {
  .review_list_wrap .rw_item .rw_item_brand {
    margin: 0 0 10px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
  }
}
.review_list_wrap .rw_item .rw_item_config {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
}
.review_list_wrap .rw_item .review_item_actions {
  margin-left: auto;
}
@media (max-width: 576px) {
  .review_list_wrap .rw_item .review_item_actions {
    margin-top: 5px;
  }
}
.review_list_wrap .rw_item .review_item_actions .rw_item_detail {
  min-width: 168px;
  display: block;
  padding: 6px 20px 6px;
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  text-transform: uppercase;
}
@media (max-width: 576px) {
  .review_list_wrap .rw_item .review_item_actions .rw_item_detail {
    font-size: 12px;
    min-width: 150px;
  }
}
.btn-rw-load-more {
  display: block;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  text-align: center;
  color: #000;
  margin: 40px auto;
  background-color: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
@media (max-width: 576px) {
  .btn-rw-load-more {
    font-size: 16px;
    font-style: italic;
    margin: 35px auto;
  }
}
.rw_common_item {
  border-bottom: 1px solid #d8d8d8;
  padding: 20px 0 20px;
}
@media (max-width: 576px) {
  .rw_common_item {
    padding: 15px 0 15px;
  }
}
.rw_common_item:first-child {
  padding: 0 0 20px;
}
@media (max-width: 576px) {
  .rw_common_item:first-child {
    padding: 0 0 15px;
  }
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_des_wrap {
    flex-direction: column;
  }
}
.rw_common_item .rw_common_item_img {
  min-width: 75px;
  max-width: 75px;
  max-height: 75px;
  margin-right: 20px;
}
.rw_common_item .rw_common_item_img a {
  cursor: pointer;
}
.rw_common_item .rw_common_item_img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_img {
    min-width: 52px;
    max-width: 52px;
    max-height: 52px;
    margin-right: 10px;
  }
}
.rw_common_item .rw_common_item_id {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  text-decoration: underline;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_id {
    font-weight: normal;
  }
}
.rw_common_item .rw_common_item_date {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
  margin-left: 10px;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_date {
    margin-left: 0px;
    margin-top: 5px;
    display: block;
  }
}
.rw_common_item .rw_common_item_brand {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #000;
  line-height: normal;
  margin: 10px 0 5px;
}
.rw_common_item .rw_common_item_brand a {
  cursor: pointer;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_brand {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
  }
}
.rw_common_item .rw_common_item_config {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
}
.rw_common_item .rw_common_item_detail {
  padding-left: 94px;
  margin: 5px 0 0;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_detail {
    padding-left: 0;
    position: relative;
  }
}
.rw_common_item .rw_common_item_tag {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin-right: 10px;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_tag {
    margin-right: 0;
  }
}
.rw_common_item .rw_common_item_detail_date {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #646464;
}
@media (max-width: 996px) {
  .rw_common_item .rw_common_item_detail_date {
    margin: 8px 0 7px;
    display: block;
    font-size: 12px;
  }
}
.rw_common_item .rw_common_item_desc {
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  word-break: break-word;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_desc {
    margin-top: 5px;
    margin-bottom: 10px;
  }
}
.rw_common_item .rw_common_item_media {
  display: flex;
  margin-top: 15px;
  padding-left: 78px;
  max-width: 85%;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_media {
    max-width: initial;
    padding-left: 30px;
  }
}
.rw_common_item .rw_common_item_media .rw_common_item_video {
  position: relative;
}
.rw_common_item .rw_common_item_media .rw_common_item_video video {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.rw_common_item .rw_common_item_media .rw_common_item_video img {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_media .rw_common_item_video img {
    width: 12px;
    height: 12px;
  }
}
.rw_common_item .rw_common_item_media .rw_common_item_video,
.rw_common_item .rw_common_item_media > img {
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  object-fit: contain;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_media .rw_common_item_video,
  .rw_common_item .rw_common_item_media > img {
    max-width: 42px;
    max-height: 42px;
    min-width: 42px;
  }
}
.rw_common_item .rw_common_item_media .rw_common_item_video:not(:last-child),
.rw_common_item .rw_common_item_media > img:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_media .rw_common_item_video:not(:last-child),
  .rw_common_item .rw_common_item_media > img:not(:last-child) {
    margin-right: 12px;
  }
}
.rw_common_item .rw_common_item_star_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 30px;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_star_wrap {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.rw_common_item .ant-rate {
  font-size: 25px;
}
@media (max-width: 576px) {
  .rw_common_item .ant-rate {
    font-size: 15px;
  }
}
.rw_common_item .ant-rate .ant-rate-star:not(:last-child) {
  margin-right: 2px;
}
.rw_common_item .rw_common_item_star {
  pointer-events: none;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_star.desktop {
    display: none;
  }
}
.rw_common_item .rw_common_item_star.mobile {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
}
@media (min-width: 575px) {
  .rw_common_item .rw_common_item_star.mobile {
    display: none;
  }
}
.rw_common_item .rw_common_item_text {
  flex-flow: nowrap;
}
.rw_common_item .rw_common_item_actions {
  margin: 10px 0 15px;
  position: relative;
}
.rw_common_item .rw_common_item_actions > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_actions > div {
    position: unset;
  }
}
.rw_common_item .rw_common_item_actions a,
.rw_common_item .rw_common_item_actions div {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_actions a,
  .rw_common_item .rw_common_item_actions div {
    font-size: 12px;
  }
}
.rw_common_item .rw_common_item_actions .btn_clear_all_items {
  margin-left: 20px;
}
.rw_common_item .rw_common_item_detail_content {
  padding: 0 82px 0 30px;
  word-break: break-word;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_detail_content {
    padding: 0 0 0 10px;
  }
  .rw_common_item .rw_common_item_detail_content p:first-child {
    max-width: 100%;
    position: relative;
  }
}
.rw_common_item .rw_common_item_quote_start,
.rw_common_item .rw_common_item_quote_end {
  min-width: 50px;
  max-width: 50px;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_quote_start,
  .rw_common_item .rw_common_item_quote_end {
    min-width: 20px;
    max-width: 20px;
  }
}
.rw_common_item .rw_common_item_quote_end {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_quote_end {
    display: none;
  }
}
.rw_common_item .rw_common_item_response {
  padding-left: 78px;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_response {
    padding-left: 30px;
  }
}
.rw_common_item .rw_common_item_response div {
  padding: 15px;
  border-radius: 10px;
  background-color: #f7f7f7;
}
@media (max-width: 576px) {
  .rw_common_item .rw_common_item_response div {
    padding: 10px;
  }
}
.rw_common_item .rw_common_item_response .rw_common_item_response_title {
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin-bottom: 10px;
}
.rw_common_item .rw_common_item_response .rw_common_item_response_content {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.rw_wait_list .rw_common_item_status,
.rw_approve_list .rw_common_item_status {
  text-align: right;
}
@media (max-width: 576px) {
  .rw_wait_list .rw_common_item_status,
  .rw_approve_list .rw_common_item_status {
    margin: 6px 0 12px;
  }
}
.rw_wait_list .rw_common_item_status p,
.rw_approve_list .rw_common_item_status p {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 17.5px;
  background-color: #00ffc3;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #6236ff;
}
.rw_reject_list .rw_common_item_status {
  text-align: right;
}
@media (max-width: 576px) {
  .rw_reject_list .rw_common_item_status {
    margin: 6px 0 12px;
  }
}
.rw_reject_list .rw_common_item_status p {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 17.5px;
  background-color: #ffedef;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #f00;
}
@media (min-width: 576px) {
  .rw_delete_modal .ant-modal-footer button {
    max-width: 187px;
    margin-left: 104px !important;
  }
}
.point-redemption-container {
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .point-redemption-container .mobile-point-redemption-title {
    text-align: center;
  }
}
.point-redemption-container .point-redemption-main-collpase-container {
  border: 1px solid;
  border-radius: 5px;
}
.point-redemption-container .point-redemption-main-collpase-container .ant-collapse-item {
  border: none;
}
.point-redemption-container .point-redemption-main-collpase-container .ant-collapse-content {
  background-color: white;
}
.point-redemption-container .point-redemption-main-collpase-container .ant-collapse-content .ant-collapse-content-box {
  padding: 0 0px 10px 0px !important;
}
@media (max-width: 576px) {
  .point-redemption-container .point-redemption-main-collpase-container .ant-collapse-content .ant-collapse-content-box {
    padding: 0px 0px 20px 0px !important;
  }
}
.point-redemption-container .point-redemption-main-collpase-container .point-redemption-main-collpase .ant-collapse-header {
  background-color: white;
}
@media (max-width: 576px) {
  .point-redemption-container .point-redemption-main-collpase-container .point-redemption-main-collpase .ant-collapse-header {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
.point-redemption-container .point-redemption-main-collpase-container .point-redemption-main-collpase .redemption_point_redemption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}
.point-redemption-container .point-redemption-main-collpase-container .point-redemption-main-collpase .redemption_point_redemption .collapse-icon {
  font-size: 23px;
  margin-left: 10px;
}
.point-redemption-container .point-redemption-main-collpase-container .point-redemption-main-collpase .current-point {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
@media (max-width: 375px) {
  .point-redemption-container .point-redemption-main-collpase-container .point-redemption-main-collpase .current-point {
    flex-direction: column;
    align-items: flex-start;
  }
}
.point-redemption-container .point-redemption-main-collpase-container .point-redemption-main-collpase .current-point .collapse-icon {
  font-size: 23px;
  margin-left: 10px;
}
.point-redemption-container .point-redemption-main-collpase-container .point-redemption-main-collpase .current-point .current-point-price {
  color: #6600ff;
}
.point-redemption-list-container .promotion-form-title-container {
  display: flex;
  align-items: center;
}
.point-redemption-list-container .promotion-form-title-container .checkbox-wrapper {
  height: 44px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
@media (max-width: 576px) {
  .point-redemption-list-container .promotion-form-title-container .checkbox-wrapper {
    align-items: start;
    padding: 0 6px;
  }
}
.point-redemption-list-container .promotion-form-title-container .title-label {
  font-weight: 500;
  overflow: hidden;
  overflow-wrap: break-word;
}
@media (max-width: 576px) {
  .point-redemption-list-container .promotion-form-title-container .title-label {
    line-height: 18px;
  }
}
@media (max-width: 576px) {
  .point-redemption-list-container .promotion-form-title-container {
    align-items: start;
    padding-top: 10px;
  }
}
.point-redemption-list-container .promotion-form-content-container .summary-point-discount-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 20px 16px 0 16px;
}
.point-redemption-list-container .promotion-form-content-container .summary-point-discount-container .summary-label {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.point-redemption-list-container .promotion-form-content-container .summary-point-discount-container .summary-label.price {
  color: #6600ff;
}
@media (max-width: 576px) {
  .point-redemption-list-container .promotion-form-content-container .summary-point-discount-container {
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    margin: 15px 16px 0px 16px;
  }
  .point-redemption-list-container .promotion-form-content-container .summary-point-discount-container .summary-label {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
  }
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container {
  background: #fbfbfb;
  height: 120px;
}
@media (max-width: 767px) {
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container {
    height: 86%;
  }
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .sub-form-container {
  padding: 17px 16px 0px 16px;
}
@media (max-width: 767px) {
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container .sub-form-container {
    padding-bottom: 21px;
  }
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .mpoint-label-input {
  font-size: 12px;
}
@media (max-width: 575px) {
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container {
    height: 83%;
  }
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container .ant-form-item-control {
    flex: 1 1 0 !important;
  }
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container .ant-form .ant-form-item .ant-form-item-label,
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container .ant-form .ant-form-item .ant-form-item-control {
    flex: 1 1 0 !important;
  }
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .ant-form-item-label > label {
  color: #111111;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container input.ant-input {
  height: 40px;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .ant-form-item-extra {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  margin-top: 4px;
  color: #838383;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply {
  position: relative;
  padding-top: 24px;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply.error-padding {
  padding-top: 45px !important;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply .use-mpoint-btn-container {
  position: absolute;
  width: 100%;
  bottom: 10px;
  padding-left: 19px;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply .use-mpoint-btn-container span {
  font-weight: 500;
}
@media (max-height: 768px) {
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply .use-mpoint-btn-container {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply .use-mpoint-btn-container {
    position: relative;
    padding-left: 0px;
    bottom: 0px;
  }
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply button {
  width: 100%;
  box-shadow: none !important;
  height: 40px !important;
  border-radius: 2px;
  border: solid 1px rgba(0, 0, 0, 0.5);
  background-color: #000;
  cursor: pointer;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply button span {
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply.step1 button {
  background-color: white !important;
  border: solid 1px #bbbbbb !important;
  padding: 0;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply.step1 button .checkbox-wrapper {
  margin-right: 5%;
}
@media (max-width: 767px) {
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply.step1 button .checkbox-wrapper {
    margin-right: 3%;
  }
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply.step1 button .checkbox-wrapper .ant-checkbox-inner {
  background: #6600ff;
  border: 1px solid #6600ff;
  width: 15px;
  height: 15px;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply.step1 button .checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: white;
  left: 11%;
  width: 4px;
  height: 7px;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-apply-btn-apply.step1 button span {
  color: black;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-redeem-point-input {
  padding-bottom: 30px;
}
@media (max-width: 576px) {
  .point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-redeem-point-input.error-padding {
    padding-bottom: 20px !important;
  }
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .redemption-redeem-point-input .ant-form-item-control-input-content {
  background: white;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .label-input {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .label-sub-input {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #838383;
}
.point-redemption-list-container .promotion-form-content-container .mpoint-form-container .equal-sign {
  margin-bottom: -10px;
  padding-bottom: 30px;
  text-align: center;
}
.point-redemption-list-container .point-input-container {
  width: 100%;
  max-height: 40px;
  height: 100%;
  padding: 15px 8px;
  border-radius: 2px;
  border: solid 1px #d9d9d9;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.point-redemption-list-container .point-input-container .count-point {
  font-size: 14px;
  font-weight: 500;
  height: unset !important;
  height: 38px;
  border: unset;
  text-align: center;
  padding: unset;
}
.point-redemption-list-container .point-input-container .icon-action {
  color: #000000;
  cursor: pointer;
  font-weight: 900;
}
.point-redemption-list-container .point-input-container .icon-action:active {
  color: #c8c8c8;
}
.point-redemption-list-container .point-input-container:hover {
  border: solid 0.5px #000000;
}
.point-redemption-list-container .point-input-container.field-error {
  border-color: #f5222d;
}
.point-redemption-list-container .discount-input-container {
  padding-top: 0px !important;
}
.point-redemption-list-container .discount-input-container .ant-form-item-explain {
  margin-top: 40px !important;
}
@media (max-width: 767px) {
  .point-redemption-list-container .discount-input-container .ant-form-item-explain {
    margin-top: 36px !important;
  }
}
.point-redemption-list-container .discount-input-container .ant-input-affix-wrapper-disabled {
  background-color: white;
}
.point-redemption-list-container .discount-input-container .ant-input-affix-wrapper:hover {
  border-color: #d9d9d9 !important;
}
.point-redemption-list-container .discount-input-container .ant-input-affix-wrapper:focus {
  border-color: #d9d9d9 !important;
  box-shadow: none;
}
.point-redemption-list-container .discount-input-container .ant-input-affix-wrapper {
  height: 40px !important;
}
.point-redemption-list-container .discount-input-container .count-price .ant-input {
  height: 30px !important;
}
.point-redemption-list-container .discount-input-container .count-price.field-error {
  border-color: #f5222d;
}
.point-redemption-list-container .discount-input-container .count-price input {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.custom_text_link a {
  text-decoration: underline;
}
.bl_modal_actions_btn {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.bl_modal_actions_btn .bl_modal_btn {
  width: min-content;
  font-weight: 500;
  min-width: 186px;
  font-size: 14px;
  line-height: 28px;
}
.bl_modal_actions_btn .bl_modal_btn:hover {
  color: black;
  cursor: pointer;
}
:root {
  --extra_m_point-label-span: 10;
}
.extra_point_wrapper {
  margin-bottom: 10px;
  width: 100%;
}
.extra_point_label_wrapper {
  flex: var(--extra_m_point-label-span);
}
.extra_point_label_inner_wrapper {
  line-height: 20px;
  padding-right: 16px;
}
.extra_point_value {
  line-height: 1;
  flex: calc(24 - var(--extra_m_point-label-span));
}
.extra_point_row {
  display: flex;
  align-items: flex-start;
}
.extra_point_label,
.extra_point_value span,
.extra_point_label_value {
  font-size: 12px;
  line-height: 20px;
  color: #6805ff;
}
.extra_point_label,
.extra_point_value span {
  font-weight: bold;
}
.extra_point_label_value {
  font-weight: normal;
}
@media (max-width: 768px) {
  .extra_point_wrapper {
    margin-bottom: 15px;
  }
  .extra_point_row {
    justify-content: space-between;
  }
  .extra_point_label_wrapper {
    flex: 1.5;
  }
  .extra_point_value {
    flex: 1;
    text-align: right;
  }
  .extra_point_row.display_in_one_line .extra_point_label_inner_wrapper {
    display: flex;
    flex-direction: column;
  }
  .extra_point_row.display_in_one_line .extra_point_value {
    margin-top: 20px;
  }
}
.table-striped-rows {
  background-color: white;
}
.table-striped-rows:nth-child(2n) td {
  background-color: #fbfbfb;
}
.text-strikethrough {
  text-decoration: line-through;
}
.text-underline {
  text-decoration: underline;
}
.text-underline:hover {
  text-decoration: underline;
}
img {
  max-width: 100%;
  height: auto;
}
.main {
  position: relative;
  background-color: #ffffff;
}
.ant-input-affix-wrapper {
  height: 50px;
  transition: none !important;
}
.ant-input-affix-wrapper .ant-input {
  height: 100%;
}
.primary-bg-purple-button {
  width: 100%;
  height: 50px;
  box-shadow: 5px 5px 0 0 #6600ff;
  border: solid 1px #D9D9D9;
  background-color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000000;
  text-transform: uppercase;
}
.primary-bg-purple-button.ant-btn-primary:hover {
  background: #ffffff;
  color: #000000;
  transition: none;
}
.primary-bg-purple-button::after,
.primary-bg-purple-button .ant-click-animating-node {
  animation: none;
}
.primary-bg-purple-button:hover {
  border: solid 0.5px #c9c9c9;
  background-color: #ededed;
  color: #b3b3b3;
}
.primary-bg-purple-button:disabled:hover {
  background-color: #ededed;
  color: #b3b3b3;
}
.ant-empty,
.ant-message,
.ant-popover,
.ant-input,
.ant-radio-wrapper,
.ant-tabs,
.ant-drawer-title,
.ant-tabs-nav-container,
.ant-tabs-tab,
input,
button,
select,
optgroup,
textarea,
.ant-select,
.ant-select-item,
.ant-form-item-explain,
.ant-form-item-extra {
  font-size: 16px;
}
.main-content {
  background: #ffffff;
  max-width: 1240px;
  margin: auto;
}
@media screen and (max-width: 1280px) {
  .main-content {
    margin-top: 20px;
    margin-bottom: auto;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow-x: hidden;
  }
}
.ant-typography.ant-typography-danger {
  color: #f5222d !important;
}
.ant-modal-body .ant-form-item-label > label {
  color: rgba(0, 0, 0);
}
.ant-alert-message {
  margin-left: 10px;
}
.ant-alert,
.ant-modal-title {
  font-size: 16px;
}
.ant-form-item-control input,
.ant-form-item-control .ant-select,
.ant-form-item-control label {
  font-size: 14px;
}
h2.ant-typography,
.ant-typography h2,
h3.ant-typography,
.ant-typography h3,
h4.ant-typography,
.ant-typography h4,
a,
.ant-typography,
.ant-btn-link {
  color: #000000;
}
h2.ant-typography:hover,
.ant-typography h2:hover,
h3.ant-typography:hover,
.ant-typography h3:hover,
h4.ant-typography:hover,
.ant-typography h4:hover,
a:hover,
.ant-typography:hover,
.ant-btn-link:hover {
  color: #000000;
}
.ant-form-item-label > label,
.ant-btn,
.ant-typography {
  font-size: 16px;
  line-height: 16px;
}
.ant-form-item-label > label {
  color: #ffffff;
}
.ant-input {
  border-radius: 0;
  transition: none;
}
.ant-alert-description a {
  color: #ec1c23;
}
.ant-btn:hover,
.ant-btn:focus {
  color: white;
}
.ant-form-item-has-error {
  padding-top: 15px;
}
.ant-form-item-has-error .ant-input:not([disabled]):focus,
.ant-form-item-has-error .ant-input:not([disabled]):hover,
.ant-form-item-has-error .ant-input-focused,
.ant-form-item-has-error .ant-input-affix-wrapper:hover,
.ant-form-item-has-error .ant-input-affix-wrapper:focus,
.ant-form-item-has-error .ant-input-affix-wrapper-focused,
.ant-form-item-has-error .ant-picker:hover,
.ant-form-item-has-error .ant-picker-focused {
  border-color: black;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(255, 142, 142, 0.2);
}
.cursor-pointer {
  cursor: pointer;
}
.float-label {
  margin-bottom: 0px !important;
}
.float-label .ant-input:focus,
.float-label .ant-input:not([disabled]):hover,
.float-label .ant-input-focused,
.float-label .ant-input-affix-wrapper:hover,
.float-label .ant-input-affix-wrapper:focus,
.float-label .ant-input-affix-wrapper-focused,
.float-label .ant-picker:hover,
.float-label .ant-picker-focused {
  border-color: #000000;
  border-width: 1px;
  outline: 0;
  box-shadow: none !important;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #e0dfdf !important;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #f5f5f5 !important;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #000000;
}
.ant-form-item-explain {
  position: absolute;
  right: 0;
  margin-top: -22px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.drawer.drawer-shop-by .ant-drawer-body {
  padding: 0;
}
.drawer.drawer-shop-by .ant-drawer-body .border {
  border: 1px solid #000000;
}
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-sub.ant-menu-inline > .ant-menu-item,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
}
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item {
  margin: 0;
}
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item h2.ant-typography,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-typography h2,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item h3.ant-typography,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-typography h3,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item h4.ant-typography,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-typography h4,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item a,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-typography,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-btn-link {
  color: #000000;
}
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item h2.ant-typography:hover,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-typography h2:hover,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item h3.ant-typography:hover,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-typography h3:hover,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item h4.ant-typography:hover,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-typography h4:hover,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item a:hover,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-typography:hover,
.drawer.drawer-shop-by .ant-drawer-body .ant-menu-item .ant-btn-link:hover {
  color: #000000;
}
.drawer.drawer-shop-by .ant-menu {
  background-color: #fff;
}
.drawer.drawer-shop-by .menu-shop-by {
  margin: 0;
}
.checkout-page .ant-radio-wrapper {
  color: #000000;
}
.checkout-page .cart-summary-container h4.ant-typography,
.checkout-page .cart-summary-container .ant-typography h4,
.checkout-page .cart-summary-container h2.ant-typography,
.checkout-page .cart-summary-container .ant-typography h2,
.checkout-page .cart-summary-container a,
.checkout-page .cart-summary-container .ant-typography,
.checkout-page .cart-summary-container .ant-btn-link {
  color: #000000;
}
.checkout-page .cart-summary-container h4.ant-typography:hover,
.checkout-page .cart-summary-container .ant-typography h4:hover,
.checkout-page .cart-summary-container h2.ant-typography:hover,
.checkout-page .cart-summary-container .ant-typography h2:hover,
.checkout-page .cart-summary-container a:hover,
.checkout-page .cart-summary-container .ant-typography:hover,
.checkout-page .cart-summary-container .ant-btn-link:hover {
  color: #000000;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active),
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  background-color: #ffffff;
}
.ant-pagination.mini .ant-pagination-item {
  margin: 0 10px;
}
.ant-menu {
  background: #000000;
}
.ant-menu-item-active.ant-menu-item-selected,
.ant-menu-item-selected {
  color: #ffffff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: #dc433b;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  border-color: #ffffff;
}
.ant-btn-secondary {
  background-color: #1979c3;
  color: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: unset;
  font-weight: 500;
}
.ant-btn-secondary:hover,
.ant-btn-secondary:focus {
  background: #006bb4;
  border: 1px solid #006bb4;
  color: #ffffff;
}
.ant-typography.f-300 {
  font-weight: 300;
}
.ant-typography.f-400 {
  font-weight: 400;
}
.ant-typography.info {
  color: #1979c3;
}
.ant-typography.mt-0 {
  margin-top: 0 !important;
}
.ant-typography.mb-0 {
  margin-bottom: 0 !important;
}
.ant-btn-primary:hover {
  background: #dc433b;
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: white;
}
.ant-rate {
  color: #000000;
}
.ant-rate-star:not(:last-child) {
  margin-right: 1px;
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #a1a1a1;
}
.ant-picker-panel {
  width: 400px;
}
.ant-picker-date-panel,
.ant-picker-month-panel,
.ant-picker-year-panel,
.ant-picker-decade-panel {
  width: 100%;
  height: 100%;
}
.ant-picker-body {
  font-size: 20px;
  line-height: 2em;
  display: grid;
  justify-content: center;
}
.ant-picker-content {
  width: 100% !important;
}
.price-text {
  display: inline;
}
.price-text.line {
  font-size: 0.8em;
  margin-left: 5px;
  text-decoration-line: line-through;
}
.ant-tooltip {
  font-size: 16px;
}
.ant-tooltip.bg-white .ant-tooltip-inner {
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  color: rgba(0, 0, 0);
  border-radius: 0;
  padding: 2px 8px;
}
.ant-tooltip.product-size .ant-tooltip-inner {
  min-width: 38px;
  line-height: 25px;
}
.ant-tooltip.tooltip-color {
  width: 125px;
}
.ant-tooltip.tooltip-color .ant-tooltip-inner {
  padding: 4px 4px 0 4px;
}
.ant-tooltip.tooltip-color .ant-tag-has-color {
  width: 100%;
  height: 110px;
  border-radius: 0;
}
.ant-tag.size {
  cursor: pointer;
  min-width: 40px;
  height: 30px;
  text-align: center;
  line-height: 27px;
  font-size: 13px;
  font-weight: bold;
  border-radius: 0;
  margin-top: 8px;
}
.ant-tag.size.selected {
  outline: 2px solid #d8bdbd;
  border: 1px solid #ffffff;
  background: #ffffff;
}
.ant-tag.color {
  cursor: pointer;
  min-width: 35px;
  height: 25px;
  border-radius: 0;
}
.ant-tag.color.selected {
  outline: 2px solid #d8bdbd;
  border: 1px solid #ffffff;
}
.ant-popover .ant-popover-message-title {
  font-size: 16px;
  margin-left: 6px;
}
.ant-popover .ant-popover-message > .anticon {
  font-size: 20px;
  margin-top: 4px;
}
.ant-form-item-control-input .ant-select-focused.ant-select-multiple .ant-select-selector {
  box-shadow: none;
  border: 1px solid black;
}
.ant-form-item-control-input .ant-select-multiple .ant-select-selector:hover {
  border: 1px solid black !important;
}
.ant-form-item-control-input .ant-tag-has-color,
.ant-form-item-control-input .ant-tag-has-color a,
.ant-form-item-control-input .ant-tag-has-color a:hover,
.ant-form-item-control-input .ant-tag-has-color .anticon-close,
.ant-form-item-control-input .ant-tag-has-color .anticon-close:hover {
  color: #000000;
}
.ant-form-item-control-input .ant-select-show-search.ant-select-multiple :not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-form-item-control-input .ant-select-show-search.ant-select-multiple :not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 1.5715;
}
.msg-error {
  color: #dc433b;
}
.msg-error:hover {
  color: #dc433b !important;
}
.input-bg-smock {
  background-color: #f0f0f0;
}
/* Force update ant style */
.default-input {
  padding: 10px 12px 10px 11px;
}
.default-input .ant-input-suffix {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
}
.default-input .ant-input-suffix .password-icon-show {
  width: 25px !important;
  height: 15px !important;
}
.default-input .ant-input-suffix .password-icon-hide {
  width: 25px !important;
  height: 19px !important;
}
.float-input {
  padding: 16px 12px 4px 11px !important;
}
.float-input .ant-input-suffix .password-icon-hide {
  width: 25px !important;
  height: 19px !important;
}
.float-input .ant-input-suffix,
.float-input .ant-picker-suffix {
  margin-top: -10px;
}
.float-input .ant-picker-clear {
  margin-top: -7px;
}
.ant-picker {
  padding: 10px 12px 10px 11px;
}
.ant-select .ant-select-selector {
  padding: 10px 10px 10px 11px;
  border-radius: 2px !important;
}
.ant-select-multiple:not(.ant-select-customize-input) .ant-select-selector {
  padding: 10px 10px 10px 11px;
  height: auto;
}
.ant-select-multiple .ant-select-selection-item {
  margin-top: 15px;
}
.ant-select-multiple .ant-select-selection-item-remove {
  color: black;
}
.float-label {
  position: relative;
  margin-bottom: 12px;
}
.label {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 12px;
  top: 14px;
  transition: 0.2s ease all;
  color: #000000;
  z-index: 1;
  width: 100%;
  text-align: left;
}
.label-float {
  top: 5px !important;
  font-size: 10px !important;
  color: #c0c0c0;
  z-index: 1;
}
.mask-input {
  width: 100%;
  border: 1px solid #d9d9d9;
}
.mask-input:focus {
  outline: 0;
}
.mixin-layout-margin {
  margin-left: 100px;
  margin-right: 100px;
}
.from-input {
  max-width: 610px !important;
  max-height: 50px !important;
  border-radius: 2px !important;
  border: solid 0.5px rgba(0, 0, 0, 0.5) !important;
  background-color: #ffffff !important;
  color: #000000;
}
.main-form-input {
  margin-top: 60px;
  align-items: center;
  max-width: 610px;
}
.from-input-select {
  width: 610px !important;
  max-height: 50px !important;
  border-radius: 2px !important;
  border: solid 0.5px rgba(0, 0, 0, 0.5) !important;
  background-color: #ffffff !important;
  color: #000000;
}
.label-float-select {
  font-size: 10px !important;
  color: #c0c0c0 !important;
  top: 6px;
}
.float-label-select {
  position: relative;
}
.float-label-select .label-select {
  color: #000000;
}
.label-select {
  font-size: 14px !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #000000;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  transition: 0.2s;
  left: 12px;
  top: 16px;
}
.label-float-select {
  font-size: 10px !important;
  color: #c0c0c0 !important;
  top: 6px;
}
.mixin-layout-padding {
  padding-left: 100px;
  padding-right: 100px;
}
.text-center {
  text-align: center;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-warning > .ant-alert-message {
  color: #b4803d;
}
.text-success > .ant-alert-message {
  color: #52c41a;
}
.text-danger {
  color: #f5222d;
}
.text-danger:hover {
  color: #f5222d;
}
.bg-black {
  background: #000000 !important;
}
.btn-shadow {
  border: 1px solid;
  padding: 10px;
  box-shadow: 3px 3px #000000;
}
.ant-form-item-explain {
  color: #f5222d;
}
.ant-form-item-explain::before {
  background: url("/static/images/alert.png");
}
.btn-white {
  color: #ffffff;
}
.ant-form-item-has-error .box-red {
  border-radius: 3px;
  padding: 8px;
}
.ant-form-item-has-error .box-red .ant-checkbox-wrapper {
  margin-left: -1px;
}
.ant-form-item-has-error .box-red .ant-radio-inner {
  border: 1px solid #f5222d;
}
.ant-form-item-has-error .box-red .ant-checkbox-wrapper {
  margin-left: -1px;
}
.box-red .ant-checkbox-wrapper {
  margin-left: 8px;
}
.message-error {
  text-align: right;
  display: flex;
  justify-content: center;
  color: #ff0000;
}
.message-error .error-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-right: 5px;
}
.message-success {
  display: flex;
  justify-content: center;
  height: 20;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.padding-left-right-100 {
  max-width: 1240px;
  margin: auto;
}
.status-bubble {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0;
  color: #000000;
  border-radius: 17px;
  padding: 8px 20px;
}
.status-bubble.other,
.status-bubble.payment_complete {
  background-color: #00ffc3;
  color: #6236ff;
  height: auto;
  text-align: center;
}
.status-bubble.closed {
  background-color: #ffedef;
  color: #ff0000;
  height: auto;
  text-align: center;
}
.status-bubble.canceled,
.status-bubble.payment_pending {
  background-color: #ffedef;
  color: #ff0000;
  height: auto;
  text-align: center;
}
.status-bubble.refunded {
  background-color: #ffedef;
  color: #ff0000;
  height: auto;
  text-align: center;
}
.status-bubble.reject {
  background-color: #ffedef;
  color: #ff0000;
  height: auto;
  text-align: center;
}
.breadcrumb-auth {
  max-width: 1240px;
}
.warning-box-success {
  padding: 19px 0 21px;
  background: #e4fff9;
  border: solid 0.5px #00ffc3;
  text-align: center;
  margin-bottom: 30px;
}
.warning-box-success span {
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: 0;
  color: #000000;
  color: #51fecc;
}
.customer-container .warning-box-success {
  padding: 15px 10px 15px;
  background: #e9fff1;
  border: solid 0.5px #146b36;
  text-align: center;
  margin-bottom: 30px;
  overflow: hidden;
  word-break: break-word;
}
.customer-container .warning-box-success span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: 0;
  color: #000000;
  color: #146b36;
}
.warning-box-error {
  padding: 15px 10px 15px;
  background: #fcf9e6;
  border: solid 0.5px #b4803d;
  text-align: center;
  margin-bottom: 30px;
  overflow: hidden;
  word-break: break-word;
}
.warning-box-error span {
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: 0;
  color: #000000;
  color: #b4803d;
}
#maintenance_page {
  margin-top: 10px;
  padding: 10px;
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
#maintenance_page .maintenance-img {
  margin-top: 72px;
  border-width: 1px;
  border-radius: 0px;
  max-width: 100%;
  height: auto;
}
#maintenance_page .maintenance-title {
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  margin-top: 59px !important;
  margin-bottom: 13px !important;
}
#maintenance_page .maintenance-description {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.22;
  letter-spacing: normal;
  margin-bottom: 36px !important;
}
@media only screen and (max-width: 767px) {
  .breadcrumb-auth {
    flex-grow: 1;
  }
}
.back-to-top {
  right: 20px !important;
  bottom: 74px !important;
  z-index: 9999 !important;
  width: 60px;
  height: 60px;
}
.back-to-top div {
  width: 100%;
  height: 100%;
}
.go-to-top-icon {
  background: url("/static/images/svgs/gototop-icon.svg") center center no-repeat;
  background-size: contain;
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .back-to-top {
    right: 10px !important;
    bottom: 10px !important;
    width: 50px;
    height: 50px;
  }
}
.custom-container-select-input .ant-select-selection-item-content {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .custom-container-select-input .ant-row-middle {
    flex-flow: row wrap !important;
  }
  .custom-container-select-input .ant-select-selection-item {
    width: 95%;
  }
  .custom-container-select-input.hide-arrow .ant-select-selection-item {
    width: unset;
  }
}
.custom-container-select-input .label-float {
  top: 10px;
}
.custom-container-select-input textarea.ant-input {
  margin: 0px !important;
}
.custom-container-select-input:focus-within {
  border-color: black;
}
.custom-container-select-input:focus {
  border-color: black;
}
.custom-container-select-input:hover {
  border-color: black !important;
  box-shadow: none !important;
}
.custom-container-select-input .custom-select-input {
  border: none;
  width: auto;
  min-height: auto;
}
.custom-container-select-input .custom-select-input:focus {
  outline: none;
  border: none !important;
  box-shadow: unset !important;
}
.widget-header-wrapper .widget-wishlist {
  cursor: pointer;
}
.widget-header-wrapper .widget-wishlist img {
  width: 32px;
}
@media (max-width: 1200px) {
  .widget-header-wrapper .widget-wishlist img {
    width: 26px;
  }
}
@media (max-width: 768px) {
  .widget-header-wrapper .widget-wishlist img {
    width: 30px;
  }
}
.product-compare {
  display: inherit !important;
}
.wishlist-action {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .box-star {
    min-height: 22px;
  }
}
.none-label .ant-select-selection-item {
  padding-top: 0px !important;
}
.order-tracking-select .float-label-select .none-label .ant-select-selection-item {
  font-size: 14px;
}
.button-common {
  border-radius: 2px;
  box-shadow: 3px 3px 0 0 #000000;
  border: solid 0.5px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 600;
  color: black;
  margin-bottom: 3px;
  cursor: pointer;
  transition: box-shadow 0.5s;
  transition: background-color 0.5s;
}
.button-common:focus {
  outline: none;
}
.button-plain {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-plain .button {
  font-size: 14px;
  font-weight: 600;
  color: black;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.button-plain .button:focus {
  outline: none;
}
.steps-dot {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.steps-dot span {
  font-size: 16px;
}
.steps-dot.finish,
.steps-dot.process {
  background-color: black;
}
.steps-dot.finish span,
.steps-dot.process span {
  color: #ffffff;
}
.steps-dot.wait {
  background-color: #cacaca;
}
.steps-dot.wait span {
  color: #cacaca;
}
.custom-steps .ant-steps .step-label {
  letter-spacing: 0;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  white-space: nowrap;
}
.custom-steps .ant-steps .date-text {
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: 0;
  color: #000000;
  color: #151515;
}
.custom-steps .ant-steps .ant-steps-item-description {
  letter-spacing: 0;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.custom-steps .ant-steps .text-overflow-wrapper .ant-steps-item-description,
.custom-steps .ant-steps .text-overflow-wrapper .ant-steps-item-title {
  margin-left: -100%;
  margin-right: -100%;
  text-align: center;
}
.custom-steps .ant-steps .ant-steps-item-process .ant-steps-item-container .ant-steps-item-tail::after {
  background-color: #cacaca;
  height: 2px;
}
.custom-steps .ant-steps .ant-steps-item-process .ant-steps-item-container .ant-steps-item-title {
  font-weight: unset;
}
.custom-steps .ant-steps .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-tail::after {
  background-color: #cacaca;
  height: 2px;
}
.custom-steps .ant-steps .ant-steps-item-wait .ant-steps-item-title .step-label {
  color: #a1a1a1;
}
.custom-steps .ant-steps .ant-steps-item-finish .ant-steps-item-container .ant-steps-item-tail::after {
  background-color: black;
  height: 2px;
}
.text-save-you {
  font-size: 14px;
  font-weight: bold;
  color: #6600ff;
}
.text-save-you-right {
  font-size: 14px;
  font-weight: bold;
  color: #6600ff;
  padding-right: 27px;
}
@media (max-width: 1024px) {
  .text-save-you-right {
    margin-right: 20px !important;
    padding-right: 0px;
  }
}
.display-summary-content {
  font-size: 14px;
  font-weight: normal;
}
.display-summary-modal-title {
  font-size: 24px;
}
.ant-select-selection-item-content,
.custom-select-input {
  font-size: 12px !important;
  font-weight: normal;
  flex: 1;
}
.ant-select-selector {
  padding: 4px 12px 2px 11px !important;
}
.text-required {
  margin-bottom: 8px;
}
.text-required span {
  font-size: 12px;
}
.main-address-shipping .ant-form-item-has-success {
  width: 100%;
}
@media (min-width: 768px) {
  .breadcrumb-main {
    padding: 0 0;
  }
}
input.ant-input {
  height: 50px;
}
.ant-picker {
  height: 50px;
}
.float-label-select:has(.label) .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.float-label-select:has(.label) .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  margin-top: 4px;
}
.ant-carousel .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: solid 2px #000000;
  background-color: #ffffff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active {
  width: 16px;
}
.ant-carousel .slick-dots li.slick-active button {
  background-color: #000000;
}
.img-vert {
  transform: scaleY(-1);
}
.product-widget-container .ant-carousel .slick-list .slick-slide {
  pointer-events: auto;
}
.product-widget-container .common-overlay {
  box-shadow: none;
}
.product-widget-container .common-overlay:hover,
.product-widget-container .common-overlay:focus {
  background: none;
}
.select-attribute {
  width: 100%;
}
.select-attribute .ant-select-selector {
  height: 40px !important;
}
.select-attribute .ant-select-selection-item {
  margin-top: auto;
  margin-bottom: auto;
}
.select-attribute .ant-select-arrow {
  width: 21px;
  height: 13px;
}
.select-attribute .ant-select-arrow img {
  object-fit: cover;
}
.slide-brand-container .ant-btn-primary:hover {
  background: none;
}
.hover-click {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.product-detail-video {
  width: 60% !important;
}
.product-detail-video .ant-modal-content {
  border-radius: 2px;
}
.product-detail-video .ant-modal-body {
  padding: 5px;
}
.black-electric-violet {
  transition: 300ms;
}
.black-electric-violet:active {
  box-shadow: none !important;
}
.black-electric-violet:disabled {
  box-shadow: 3px 3px 0 0 #757575 !important;
  background-color: #adadad;
  cursor: not-allowed !important;
}
.product-list-container .ant-carousel .slick-dots-bottom {
  margin-top: 20px;
  bottom: 10px;
}
.slick-list .slick-track {
  padding: 5px 0 9px 0;
}
.slick-dots.slick-dots-bottom {
  position: unset;
}
.slick-list .product-item-card {
  padding: 0;
  max-width: 95%;
  margin: 0 auto;
  min-height: 580px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .slick-list .product-item-card {
    min-height: 350px;
  }
}
.slick-list .product-item-card .ant-card-cover {
  margin: 0 auto;
  width: 98% !important;
}
.slick-list .product-item-card .ant-card-body {
  position: relative;
  width: 95%;
  height: calc(100% - 350px);
  margin: 0 auto;
  border-top: solid 1.5px #000000;
  padding: 0;
}
.slick-list .product-item-card .ant-card-body span.qty-plus img {
  width: 23px;
  height: 25px;
  object-fit: contain;
}
@media (max-width: 768px) {
  .slick-list .product-item-card .ant-card-body span.qty-plus img {
    width: 20px;
    height: 22px;
  }
}
.slick-list .product-item-card .ant-card-body > div {
  padding: 18px 0;
  height: 100%;
}
.slick-list .product-item-card .ant-card-body .cart-actions {
  position: absolute;
  top: 20px;
  right: 0;
}
.slick-list .product-item-card .ant-card-body a {
  width: 100%;
}
.slick-list .product-item-card .ant-card-body .product-brand.brand-link,
.slick-list .product-item-card .ant-card-body .ant-typography.product-brand {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.4px;
  color: #000000;
  margin-bottom: 5px;
  min-height: 19px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .slick-list .product-item-card .ant-card-body .product-brand.brand-link,
  .slick-list .product-item-card .ant-card-body .ant-typography.product-brand {
    min-height: 15px;
  }
}
.slick-list .product-item-card .ant-card-body .product-name {
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #000000;
  min-height: 40px;
}
@media (max-width: 768px) {
  .slick-list .product-item-card .ant-card-body .product-name {
    line-height: 1.17;
    min-height: 28px;
  }
}
.product-widget-container .common-overlay {
  background: none !important;
}
.product-widget-container .common-overlay > img {
  width: 16px;
  height: 18px;
}
.product-widget-container .common-overlay.left {
  left: -20px;
}
.product-widget-container .common-overlay.right {
  right: -20px;
}
@media screen and (max-width: 768px) {
  .product-widget-container .common-overlay > img {
    width: 16px;
    height: 19px;
  }
  .product-widget-container .common-overlay.left {
    left: -16px;
  }
  .product-widget-container .common-overlay.right {
    right: -16px;
  }
  .slick-list .product-item-card {
    padding: 0 4px;
    cursor: pointer;
  }
  .slick-list .product-item-card .ant-card-cover {
    margin: 0 auto;
  }
  .slick-list .product-item-card .ant-card-body {
    width: 168px;
    margin: 0 auto;
    height: calc(100% - 219px);
  }
  .slick-list .product-item-card .ant-card-body > div {
    padding: 5px 0;
  }
  .slick-list .product-item-card .ant-card-body .product-brand.brand-link,
  .slick-list .product-item-card .ant-card-body .ant-typography.product-brand {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    margin-bottom: 5px;
    letter-spacing: 0.35px;
    color: #000000;
    margin-top: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    padding-right: 0px;
  }
  .slick-list .product-item-card .ant-card-body .product-name {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #000000;
    padding-right: 0px;
    margin-bottom: 5px;
  }
  .slick-list .product-item-card .ant-card-body .cart-actions {
    top: 5px;
  }
}
@media screen and (max-width: 376px) {
  .product-widget-container .common-overlay.left {
    left: -24px;
  }
  .product-widget-container .common-overlay.right {
    right: -24px;
  }
  .slick-list .product-item-card .ant-card-body {
    width: 160px !important;
  }
  .slick-list .product-item-card .ant-card-body .cart-actions {
    right: 12px !important;
  }
}
@media screen and (max-width: 321px) {
  .slick-list .product-item-card .ant-card-body {
    width: 160px !important;
  }
  .slick-list .product-item-card .ant-card-body .cart-actions {
    right: 40px !important;
  }
  .product-widget-container .right.btn-carousel {
    right: -25px;
  }
  .product-widget-container .left.btn-carousel {
    left: -25px;
  }
}
.empty-rma-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 76px;
}
@media screen and (max-width: 768px) {
  .empty-rma-list {
    margin-bottom: 76px;
  }
  .empty-rma-list span {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .empty-rma-list span {
    font-size: 14px;
  }
}
.empty-rma-list img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.empty-rma-list span {
  margin-top: 32px;
  font-weight: 500;
}
.ant-breadcrumb {
  font-size: 12px;
}
.new-breadcrumb-container .ant-breadcrumb-link a {
  color: black;
}
.new-breadcrumb-container .ant-breadcrumb-link a:hover {
  color: #dc433b;
}
.new-breadcrumb-container .ant-breadcrumb-separator {
  color: black;
}
.flash-sale-container {
  font-size: 48px;
  font-weight: 800;
  color: #ff0000;
}
.flash-sale-container span {
  margin-left: 20px;
}
.m-point-table table {
  border-bottom: 2px solid #000000;
}
.m-point-table thead th {
  background-color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 0px 10px 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
.m-point-table tbody td {
  font-size: 14px;
  font-weight: normal;
  padding: 9px 0px 9px 0px;
}
.m-point-table tr:nth-child(odd) {
  background-color: #f6f6f6;
}
.m-point-table tr:nth-child(even) {
  background-color: white;
}
@media (max-width: 768px) {
  .category-wrapper,
  .product__list__by__search,
  .brand-page {
    margin-top: 26px !important;
  }
}
@media (max-width: 768px) {
  .home__wrapper {
    margin-top: 0 !important;
  }
}
@media (max-width: 768px) {
  .customer-container {
    margin-top: 26px !important;
  }
}
@media (max-width: 768px) {
  .cart__wrapper {
    margin-top: 23px !important;
  }
}
.checkout__wrapper,
.checkout__payment__wrapper {
  margin-top: 26px !important;
}
.checkout__wrapper.paywise,
.checkout__payment__wrapper.paywise {
  margin-top: 10px !important;
}
@media (max-width: 768px) {
  .register__main {
    margin-top: 26px !important;
  }
}
@media (max-width: 1240px) {
  .register__main .breadcrumb-auth {
    padding-left: 15px;
  }
}
@media (max-width: 768px) {
  .product-detail-wrap {
    margin-top: 28px !important;
  }
}
.heder-denied {
  border-bottom: 1px solid #bdbdbd;
  margin-top: 42px;
  padding-bottom: 13px;
}
.heder-denied span {
  font-size: 20px;
  font-weight: 500;
}
.status-bubble.denied {
  background-color: #ffedef;
  color: #ff0000;
}
#display_zoom {
  opacity: 0;
  transition: opacity 0.5s;
  background-color: #fff;
}
#display_zoom xs div > div {
  background-size: contain !important;
  transition: none !important;
}
.main {
  min-height: 100vh;
}
@media only screen and (max-width: 768px) {
  .display-img.zoom {
    pointer-events: none;
  }
}
.display-img.zoom:hover #display_zoom {
  opacity: 1;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-20 {
  margin-left: 20px;
}
.button-common:disabled {
  box-shadow: 3px 3px 0 0 #757575;
  background-color: #adadad;
}
.status-bubble.rejected {
  background-color: #ffedef;
  color: #ff0000;
}
.menu-item-widget .ant-menu-item a:hover {
  color: #6600ff;
}
.menu-item-widget .ant-menu-item-selected a,
.menu-item-widget .ant-menu-item-selected a:hover {
  background: #ffffff !important;
  color: #6600ff;
}
.widget-account__login-form .ant-form-item:nth-child(2) input[type="password"] {
  font-size: 28px;
  font-family: "Sarabun";
  padding-bottom: 5px;
}
.browser__safari .widget-account__login-form .ant-form-item:nth-child(2) input[type="password"] {
  font-size: 28px;
  font-family: "Sarabun";
  padding-top: unset;
  padding-bottom: 0 !important;
  height: 28px;
}
.login-page-main form input[type="password"] {
  font-size: 28px;
  font-family: "Sarabun";
}
.account-info .float-label input[type="password"] {
  font-size: 28px;
  font-family: "Sarabun";
  max-height: 20px;
  transform: translateY(21px);
  padding: 0;
}
.browser__safari .account-info .float-label input[type="password"] {
  font-size: 28px;
  font-family: "Sarabun";
  max-height: 27px;
  transform: translateY(15px);
  padding: 0;
}
.reset__password__wrapper .float-input input[type="password"] {
  font-family: "Sarabun";
  max-height: 20px;
  transform: translateY(6px);
  top: -6px;
}
.shop-by-brand-loading-title .ant-skeleton {
  width: 70%;
}
.shop-by-brand-loading-content {
  margin-top: 20px;
}
.shop-by-brand-loading-content .ant-skeleton {
  width: 80%;
}
#home_header {
  z-index: 10000;
}
.sticky {
  padding-bottom: 15px;
}
#__next,
.auth {
  height: 100%;
}
@media (max-width: 768px) {
  #__next,
  .auth {
    height: unset;
  }
}
.product-category-brand-wrapper {
  margin-top: 40px;
}
.product-category-brand-wrapper .display-product-list-container .ant-spin-container > .ant-row > div {
  margin-bottom: 20px;
}
.date-time-picker-input-wrapper .ant-picker-suffix {
  pointer-events: all;
}
.date-time-picker-input-wrapper .date-time-picker-icon {
  cursor: pointer;
}
@media (min-width: 768px) {
}
@media (max-width: 768px) {
  .estimate-wrapper {
    margin-top: 20px;
  }
}
.estimate-wrapper span {
  line-height: normal;
}
.estimate-wrapper .display-estimate {
  font-size: 14px;
}
.estimate-wrapper .title-estimate {
  font-size: 14px;
  font-weight: bold;
}
.estimate-wrapper-guest {
  margin-top: 20px !important;
}
.estimate-wrapper-guest span {
  line-height: normal;
}
.estimate-wrapper-guest .display-estimate {
  font-size: 14px;
}
.estimate-wrapper-guest .title-estimate {
  font-size: 14px;
  font-weight: bold;
}
.breadcrumb-seo-wrapper-desktop {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  white-space: nowrap;
}
.breadcrumb-seo-wrapper-desktop li:last-child span,
.breadcrumb-seo-wrapper-desktop li:last-child a {
  max-width: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.breadcrumb-seo-wrapper-desktop li,
.breadcrumb-seo-wrapper-desktop span {
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.breadcrumb-seo-wrapper-desktop a {
  font-size: 12px;
  display: inline-block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadcrumb-seo-wrapper-desktop li:not(:last-child) a:hover {
  color: #dc433b;
}
.breadcrumb-seo-wrapper-desktop li:last-child {
  overflow: hidden;
}
.breadcrumb-seo-wrapper-desktop li:last-child a {
  pointer-events: none;
}
.breadcrumb-seo-wrapper-desktop .arrow {
  margin: 0 10px;
  font-size: 14px;
}
a {
  /* Chrome/Safari */
  -webkit-user-select: none;
  /* Firefox */
  -moz-user-select: none;
  /* IE10+ */
  -ms-user-select: none;
}
.no_scroll {
  overflow: hidden !important;
  touch-action: none;
  -ms-touch-action: none;
  position: relative;
  width: 100%;
  height: 100%;
}
.no_scroll .back-to-top {
  display: none !important;
}
.promotion-check {
  background-image: url("/static/images/checkbox-register@2x.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 17px;
  background-size: contain;
  margin-top: 28%;
}
.empty-main {
  margin-top: 50px;
}
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 4px;
}
.ant-input:focus {
  box-shadow: unset;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: unset;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: unset;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: unset;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: unset;
}
.block {
  display: block;
}
@media only screen and (max-width: 768px) {
  div[data-hidden-mobile] {
    visibility: hidden;
    position: absolute;
  }
}
@media only screen and (min-width: 992px) {
  div[data-hidden-desktop] {
    visibility: hidden;
    position: absolute;
  }
}
.order-tracking-select {
  margin-bottom: 22px;
}
.order-tracking-select .ant-select-single {
  width: 100%;
}
.order-tracking-select .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 2px;
  border: solid 1px #000000;
}
.order-tracking-select .float-label-select .ant-select-selector {
  min-height: 40px;
}
.break-all {
  word-break: break-all;
}
#fitter_product {
  z-index: 100;
  flex: 1;
}
#fitter_product .ant-affix {
  background-color: white;
  height: auto !important;
}
@media (max-width: 992px) {
  #fitter_product .ant-affix {
    width: 100vw !important;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    height: auto !important;
  }
}
.container-text-status {
  height: 22px;
  width: 100px;
  display: flex;
  margin-top: 10px;
  justify-content: center;
}
@media (max-width: 320px) {
  .container-text-status {
    width: 15vw;
  }
}
.container-text-status span.active {
  color: #000000;
}
.container-text-status span {
  position: absolute;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  max-width: 200px;
  color: #c0c0c0;
}
.register-status {
  width: 100%;
  max-width: 645px;
}
.ant-dropdown-menu-item:hover {
  background-color: #ffffff;
}
.ant-tooltip-arrow-content {
  background-color: #ffffff;
}
.ant-carousel .slick-dots-bottom {
  margin-bottom: -10px;
}
.class-option-select .ant-select-item-option-content {
  flex: auto;
  overflow: unset;
  white-space: unset;
  text-overflow: unset;
  word-break: break-word;
}
@media (max-width: 768px) {
  .ant-carousel .slick-dots-bottom {
    margin-bottom: 10px;
  }
  .custom-pagebuilder-float-left {
    float: left;
  }
  .reset__password__wrapper .float-input input[type="password"] {
    font-family: "Sarabun";
    transform: translateY(6px);
  }
  .ant-carousel .slick-dots li button {
    width: 8px;
    height: 8px;
  }
}
@media (min-width: 768px) {
  .reset__password__wrapper .float-input input[type="password"] {
    font-family: "Sarabun";
    max-height: 20px;
    transform: translateY(6px);
  }
  .class-main-button-summary {
    margin-top: 20px;
  }
  .class-main-button-summary.no-margin {
    margin-bottom: 0px !important;
  }
}
@media (max-width: 1024px) {
  .class-main-button-summary {
    margin-top: 20px;
  }
  .class-main-button-summary.no-margin {
    margin-bottom: 0px !important;
    bottom: 10px;
  }
}
.browser__safari .register__main {
  display: block;
  max-width: 1240px;
  margin: auto;
  width: 100%;
}
.enlarged-image-container {
  width: 1200px !important;
  height: 1400px !important;
  background-color: #ffffff;
}
.enlarged-image-container img {
  object-fit: contain;
}
.zoom-background-img {
  width: 598px !important;
  height: 698px !important;
  object-fit: contain;
}
.breadcrumb-seo-wrapper-mobile {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  overflow-wrap: break-word;
}
.breadcrumb-seo-wrapper-mobile:not(.active) li:not(:last-child) {
  position: absolute;
  visibility: hidden;
}
.breadcrumb-seo-wrapper-mobile li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.breadcrumb-seo-wrapper-mobile li:not(:last-child) {
  margin-bottom: 15px;
}
.breadcrumb-seo-wrapper-mobile li a {
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
.breadcrumb-seo-wrapper-mobile li,
.breadcrumb-seo-wrapper-mobile span {
  font-size: 12px;
  text-overflow: ellipsis;
}
.breadcrumb-seo-wrapper-mobile .arrow {
  margin-right: 10px;
}
.browser__safari  .form-new-password .float-input input[type="password"] {
  max-height: unset;
}
.browser__safari  .form-new-password input.ant-input[type="password"] {
  top: -9px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  #header_wrapper {
    border-bottom: 1px solid #000;
  }
}
body {
  overflow-x: hidden !important;
  width: 100% !important;
}
.no-wrap {
  white-space: nowrap;
}
.slick-track,
.slick-list,
.slick-slider {
  touch-action: auto !important;
}
.cancel-desc .ant-form-item-has-error {
  margin-top: 10px;
}
.infinite-scroll-component__outerdiv {
  width: 100%;
}
.grecaptcha-badge {
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: -10 !important;
}
.noscroll,
.noscrollLoading {
  overflow: hidden !important;
  touch-action: none;
  -ms-touch-action: none;
  position: fixed !important;
  top: var(--scrollPosition);
  height: 100%;
  width: 100vw !important;
}
.ant-carousel .slick-slide img {
  display: block;
  width: 100%;
}
.header_banner_mobile.header_banner_mobile {
  padding: 10px 14px !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff !important;
  z-index: 999 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_banner_mobile.header_banner_mobile.no_content {
  height: 0;
  overflow: hidden;
  padding: 0 !important;
}
.header_banner_mobile.header_banner_mobile button {
  cursor: pointer;
  outline: 0;
  border: none;
  padding: 0;
  margin: 0 10px 0 0;
  background-color: transparent;
}
.header_banner_mobile.header_banner_mobile button img {
  max-width: 20px;
}
.header_banner_mobile.header_banner_mobile div#banner_mobile_app {
  flex: 1;
}
.header_banner_mobile.header_banner_mobile .class-block-full-screen > div > div > div {
  margin: 0 !important;
}
.modal-body-container .modal-group {
  margin-bottom: 20px;
}
.modal-body-container .modal-control {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  font-style: normal;
  color: inherit;
}
.modal-body-container label.modal-control {
  font-weight: 600;
}
.error-center .ant-form-item-has-error {
  margin-bottom: 0 !important;
}
.error-center .ant-form-item-control {
  flex-direction: column;
}
.error-center .ant-form-item-explain {
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  position: unset !important;
}
.error-center .ant-form-item-explain div {
  text-align: center;
}
.collect-point-title {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.collect-slot-form {
  overflow-x: hidden;
  max-height: 480px;
}
@media (max-width: 768px) {
  .collect-slot-form {
    max-height: none;
  }
}
.ant-select.select-collect-item.ant-select-single.ant-select-show-arrow.ant-select-open .ant-select-arrow {
  transform: rotate(180deg) !important;
}