:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 6 Duotone";
  --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 6 Duotone";
  --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 6 Duotone";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone";
  --fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 6 Sharp Duotone";
  --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 6 Sharp Duotone";
  --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 6 Sharp Duotone";
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

@font-face {
    font-family: ggsr;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/GoogleSans-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: googlesansregular;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/GoogleSans-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: googlesansmedium;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/GoogleSans-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: ggsm;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/GoogleSans-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: ggsblack;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsblacki;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsb;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsbi;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsi;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsl;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsli;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggst;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsti;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: Inter-Bold;
    src: url(https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap);
    font-display: swap
}

@font-face {
    font-family: Inter-Medium;
    src: url(https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap);
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/Inter-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: Inter-SemiBold;
    src: url(https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap);
    font-display: swap
}

@font-face {
    font-family: SVN-Avo;
    src: url(https://fonts.googleapis.com/css2?family=SVN-Avo&display=swap);
    font-display: swap
}

@font-face {
    font-family: SVN-Internation;
    src: url(https://fonts.googleapis.com/css2?family=SVN-Internation&display=swap);
    font-display: swap
}

:root {
    --primary-color: #005c29;
    --primary-color-light: #15a959;
    --primary-background-color-light: #d1e7bf;
    --mobile-container-spacing: 15px;
    --animation-duration-fast: 0.1s;
    --animation-duration: 0.3s;
    --primary-red: #d4323b;
    --above: 1;
    --below: -1;
    --zHeaderMenuOverlay: 500;
    --zHeaderSearchOverlay: 510;
    --zNavMenu: calc(var(--above) + var(--zHeaderMenuOverlay));
    --zContainerHeader: calc(var(--above) + var(--zHeaderMenuOverlay) + var(--zHeaderSearchOverlay));
    --zHeaderSearch: calc(var(--above) + var(--zHeaderMenuOverlay) + var(--zHeaderSearchOverlay));
    --zHeaderMenu: calc(var(--above) + var(--zHeaderMenuOverlay));
    --high-profit-head-color: "#ffffff";
    --high-profit-middle-color: "#ffffff";
    --high-profit-end-color: "#ffffff";
    --high-profit-head-percent-color: "0%";
    --high-profit-middle-percent-color: "50%";
    --high-profit-end-percent-color: "100%";
    --high-profit-angle: "180deg";
    --high-profit-border: "transparent";
    --high-profit-background-hover: "none"
}

.Toastify__close-button--success {
    color: var(--primary-color)!important
}

body,html {
    background-color: #f5f5f5 !important;
    padding: 0;
    margin: 0;
    font-family: ggsr
}

ul {
    list-style-type: disc;
    list-style: disc;
    padding: revert;
    margin: auto
}

@media print {
    body {
        display: none
    }
}

html[class*=preventPullToRefresh] {
    overscroll-behavior: contain;
    touch-action: pan-down;
    overflow: hidden
}

a {
    color: #0e1983;
    text-decoration: none
}

* {
    box-sizing: border-box!important;
    touch-action: manipulation;
    -webkit-font-smoothing: antialiased
}

svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.MuiTypography-root {
  margin: 0;
}
.MuiTypography-body2 {
  font-size: 0.875rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.43;
}
.MuiTypography-body1 {
  font-size: 1rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
.MuiTypography-caption {
  font-size: 0.75rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.66;
}
.MuiTypography-button {
  font-size: 0.875rem;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.75;
  text-transform: uppercase;
}
.MuiTypography-h1 {
  font-size: 6rem;
  font-family: ggsr, sans-serif;
  font-weight: 300;
  line-height: 1.167;
}
.MuiTypography-h2 {
  font-size: 3.75rem;
  font-family: ggsr, sans-serif;
  font-weight: 300;
  line-height: 1.2;
}
.MuiTypography-h3 {
  font-size: 3rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.167;
}
.MuiTypography-h4 {
  font-size: 2.125rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.235;
}
.MuiTypography-h5 {
  font-size: 1.5rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.334;
}
.MuiTypography-h6 {
  font-size: 1.25rem;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.6;
}
.MuiTypography-subtitle1 {
  font-size: 1rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.75;
}
.MuiTypography-subtitle2 {
  font-size: 13px;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.57;
}
.MuiTypography-overline {
  font-size: 0.75rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 2.66;
  text-transform: uppercase;
}
.MuiTypography-srOnly {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}
.MuiTypography-alignLeft {
  text-align: left;
}
.MuiTypography-alignCenter {
  text-align: center;
}
.MuiTypography-alignRight {
  text-align: right;
}
.MuiTypography-alignJustify {
  text-align: justify;
}
.MuiTypography-noWrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MuiTypography-gutterBottom {
  margin-bottom: 0.35em;
}
.MuiTypography-paragraph {
  margin-bottom: 16px;
}
.MuiTypography-colorInherit {
  color: inherit;
}
.MuiTypography-colorPrimary {
  color: #005C29;
}
.MuiTypography-colorSecondary {
  color: #ff4fae;
}
.MuiTypography-colorTextPrimary {
  color: rgba(0, 0, 0, 0.87);
}
.MuiTypography-colorTextSecondary {
  color: rgba(0, 0, 0, 0.54);
}
.MuiTypography-colorError {
  color: #FF4842;
}
.MuiTypography-displayInline {
  display: inline;
}
.MuiTypography-displayBlock {
  display: block;
}


.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}
.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}
.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}
.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}
.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}
.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-counter-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top left;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

body {transition: opacity ease-in 0.2s; } 
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } 

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after {
  box-sizing: inherit;
}
strong, b {
  font-weight: 700;
}
body {
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
  font-size: 0.875rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.43;
  background-color: #fff;
}
@media print {
  body {
    background-color: #fff;
  }
}
body::backdrop {
  background-color: #fff;
}


.MuiContainer-root {
  width: 100%;
  display: block;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width:600px) {
  .MuiContainer-root {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.MuiContainer-disableGutters {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width:600px) {
  .MuiContainer-fixed {
    max-width: 600px;
  }
}
@media (min-width:960px) {
  .MuiContainer-fixed {
    max-width: 960px;
  }
}
@media (min-width:1280px) {
  .MuiContainer-fixed {
    max-width: 1280px;
  }
}
@media (min-width:1920px) {
  .MuiContainer-fixed {
    max-width: 1920px;
  }
}
@media (min-width:0px) {
  .MuiContainer-maxWidthXs {
    max-width: 444px;
  }
}
@media (min-width:600px) {
  .MuiContainer-maxWidthSm {
    max-width: 600px;
  }
}
@media (min-width:960px) {
  .MuiContainer-maxWidthMd {
    max-width: 960px;
  }
}
@media (min-width:1280px) {
  .MuiContainer-maxWidthLg {
    max-width: 1280px;
  }
}
@media (min-width:1920px) {
  .MuiContainer-maxWidthXl {
    max-width: 1920px;
  }
}


@-webkit-keyframes mui-auto-fill {}
@-webkit-keyframes mui-auto-fill-cancel {}
.MuiInputBase-root {
  color: rgba(0, 0, 0, 0.87);
  cursor: text;
  display: inline-flex;
  position: relative;
  font-size: 1rem;
  box-sizing: border-box;
  align-items: center;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.1876em;
}
.MuiInputBase-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
}
.MuiInputBase-multiline {
  padding: 6px 0 7px;
}
.MuiInputBase-multiline.MuiInputBase-marginDense {
  padding-top: 3px;
}
.MuiInputBase-fullWidth {
  width: 100%;
}
.MuiInputBase-input {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  height: 1.1876em;
  margin: 0;
  display: block;
  padding: 6px 0 7px;
  min-width: 0;
  background: none;
  box-sizing: content-box;
  animation-name: mui-auto-fill-cancel;
  letter-spacing: inherit;
  animation-duration: 10ms;
  -webkit-tap-highlight-color: transparent;
}
.MuiInputBase-input::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:focus {
  outline: 0;
}
.MuiInputBase-input:invalid {
  box-shadow: none;
}
.MuiInputBase-input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.MuiInputBase-input.Mui-disabled {
  opacity: 1;
}
.MuiInputBase-input:-webkit-autofill {
  animation-name: mui-auto-fill;
  animation-duration: 5000s;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder {
  opacity: 0.42;
}
.MuiInputBase-inputMarginDense {
  padding-top: 3px;
}
.MuiInputBase-inputMultiline {
  height: auto;
  resize: none;
  padding: 0;
}
.MuiInputBase-inputTypeSearch {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}


.MuiTouchRipple-root {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}
.MuiTouchRipple-ripple {
  opacity: 0;
  position: absolute;
}
.MuiTouchRipple-rippleVisible {
  opacity: 0.3;
  animation: MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
}
.MuiTouchRipple-ripplePulsate {
  animation-duration: 200ms;
}
.MuiTouchRipple-child {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  border-radius: 50%;
  background-color: currentColor;
}
.MuiTouchRipple-childLeaving {
  opacity: 0;
  animation: MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}
.MuiTouchRipple-childPulsate {
  top: 0;
  left: 0;
  position: absolute;
  animation: MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
}
@-webkit-keyframes MuiTouchRipple-keyframes-enter {
  0% {
    opacity: 0.1;
    transform: scale(0);
  }
  100% {
    opacity: 0.3;
    transform: scale(1);
  }
}
@-webkit-keyframes MuiTouchRipple-keyframes-exit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes MuiTouchRipple-keyframes-pulsate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.92);
  }
  100% {
    transform: scale(1);
  }
}


.MuiButtonBase-root {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.MuiButtonBase-root::-moz-focus-inner {
  border-style: none;
}
.MuiButtonBase-root.Mui-disabled {
  cursor: default;
  pointer-events: none;
}
@media print {
  .MuiButtonBase-root {
    -webkit-print-color-adjust: exact;
  }
}


.MuiButton-root {
  color: rgba(0, 0, 0, 0.87);
  padding: 6px 16px;
  font-size: 0.875rem;
  min-width: 64px;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.75;
  border-radius: 4px;
  text-transform: capitalize;
}
.MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
}
.MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiButton-root:hover {
    background-color: transparent;
  }
}
.MuiButton-root:hover.Mui-disabled {
  background-color: transparent;
}
.MuiButton-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}
.MuiButton-text {
  padding: 6px 8px;
}
.MuiButton-textPrimary {
  color: #005C29;
}
.MuiButton-textPrimary:hover {
  background-color: rgba(0, 92, 41, 0.04);
}
@media (hover: none) {
  .MuiButton-textPrimary:hover {
    background-color: transparent;
  }
}
.MuiButton-textSecondary {
  color: #ff4fae;
}
.MuiButton-textSecondary:hover {
  background-color: rgba(255, 79, 174, 0.04);
}
@media (hover: none) {
  .MuiButton-textSecondary:hover {
    background-color: transparent;
  }
}
.MuiButton-outlined {
  border: 1px solid rgba(0, 0, 0, 0.23);
  padding: 5px 15px;
}
.MuiButton-outlined.Mui-disabled {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiButton-outlinedPrimary {
  color: #005C29;
  border: 1px solid rgba(0, 92, 41, 0.5);
}
.MuiButton-outlinedPrimary:hover {
  border: 1px solid #005C29;
  background-color: rgba(0, 92, 41, 0.04);
}
@media (hover: none) {
  .MuiButton-outlinedPrimary:hover {
    background-color: transparent;
  }
}
.MuiButton-outlinedSecondary {
  color: #ff4fae;
  border: 1px solid rgba(255, 79, 174, 0.5);
}
.MuiButton-outlinedSecondary:hover {
  border: 1px solid #ff4fae;
  background-color: rgba(255, 79, 174, 0.04);
}
.MuiButton-outlinedSecondary.Mui-disabled {
  border: 1px solid rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiButton-outlinedSecondary:hover {
    background-color: transparent;
  }
}
.MuiButton-contained {
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
  background-color: #DFE3E8  ;
}
.MuiButton-contained:hover {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
  background-color: #d5d5d5;
}
.MuiButton-contained.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
}
.MuiButton-contained:active {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
}
.MuiButton-contained.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}
@media (hover: none) {
  .MuiButton-contained:hover {
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
    background-color: #DFE3E8  ;
  }
}
.MuiButton-contained:hover.Mui-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiButton-containedPrimary {
  color: #fff;
  background-color: #005C29;
}
.MuiButton-containedPrimary:hover {
  background-color: #007B55;
}
@media (hover: none) {
  .MuiButton-containedPrimary:hover {
    background-color: #005C29;
  }
}
.MuiButton-containedSecondary {
  color: #fff;
  background-color: #ff4fae;
}
.MuiButton-containedSecondary:hover {
  background-color: rgb(178, 55, 121);
}
@media (hover: none) {
  .MuiButton-containedSecondary:hover {
    background-color: #ff4fae;
  }
}
.MuiButton-disableElevation {
  box-shadow: none;
}
.MuiButton-disableElevation:hover {
  box-shadow: none;
}
.MuiButton-disableElevation.Mui-focusVisible {
  box-shadow: none;
}
.MuiButton-disableElevation:active {
  box-shadow: none;
}
.MuiButton-disableElevation.Mui-disabled {
  box-shadow: none;
}
.MuiButton-colorInherit {
  color: inherit;
  border-color: currentColor;
}
.MuiButton-textSizeSmall {
  padding: 4px 5px;
  font-size: 0.8125rem;
}
.MuiButton-textSizeLarge {
  padding: 8px 11px;
  font-size: 0.9375rem;
}
.MuiButton-outlinedSizeSmall {
  padding: 3px 9px;
  font-size: 0.8125rem;
}
.MuiButton-outlinedSizeLarge {
  padding: 7px 21px;
  font-size: 0.9375rem;
}
.MuiButton-containedSizeSmall {
  padding: 4px 10px;
  font-size: 0.8125rem;
}
.MuiButton-containedSizeLarge {
  padding: 8px 22px;
  font-size: 0.9375rem;
}
.MuiButton-fullWidth {
  width: 100%;
}
.MuiButton-startIcon {
  display: inherit;
  margin-left: -4px;
  margin-right: 8px;
}
.MuiButton-startIcon.MuiButton-iconSizeSmall {
  margin-left: -2px;
}
.MuiButton-endIcon {
  display: inherit;
  margin-left: 8px;
  margin-right: -4px;
}
.MuiButton-endIcon.MuiButton-iconSizeSmall {
  margin-right: -2px;
}
.MuiButton-iconSizeSmall > *:first-child {
  font-size: 18px;
}
.MuiButton-iconSizeMedium > *:first-child {
  font-size: 20px;
}
.MuiButton-iconSizeLarge > *:first-child {
  font-size: 22px;
}


.MuiTooltip-popper {
  z-index: 1500;
  pointer-events: none;
}
.MuiTooltip-popperInteractive {
  pointer-events: auto;
}
.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow {
  top: 0;
  left: 0;
  margin-top: -0.71em;
  margin-left: 4px;
  margin-right: 4px;
}
.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow {
  left: 0;
  bottom: 0;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: -0.71em;
}
.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow {
  left: 0;
  width: 0.71em;
  height: 1em;
  margin-top: 4px;
  margin-left: -0.71em;
  margin-bottom: 4px;
}
.MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow {
  right: 0;
  width: 0.71em;
  height: 1em;
  margin-top: 4px;
  margin-right: -0.71em;
  margin-bottom: 4px;
}
.MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow::before {
  transform-origin: 0 0;
}
.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow::before {
  transform-origin: 100% 100%;
}
.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow::before {
  transform-origin: 100% 0;
}
.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow::before {
  transform-origin: 0 100%;
}
.MuiTooltip-tooltip {
  color: #fff;
  padding: 4px 8px;
  font-size: 0.625rem;
  max-width: 300px;
  word-wrap: break-word;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.4em;
  border-radius: 4px;
  background-color: rgba(69, 79, 91, 0.9);
}
.MuiTooltip-tooltipArrow {
  margin: 0;
  position: relative;
}
.MuiTooltip-arrow {
  color: rgba(69, 79, 91, 0.9);
  width: 1em;
  height: 0.71em;
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
}
.MuiTooltip-arrow::before {
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  display: block;
  transform: rotate(45deg);
  background-color: currentColor;
}
.MuiTooltip-touch {
  padding: 8px 16px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.14286em;
}
.MuiTooltip-tooltipPlacementLeft {
  margin: 0 24px ;
  transform-origin: right center;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementLeft {
    margin: 0 14px;
  }
}
.MuiTooltip-tooltipPlacementRight {
  margin: 0 24px;
  transform-origin: left center;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementRight {
    margin: 0 14px;
  }
}
.MuiTooltip-tooltipPlacementTop {
  margin: 24px 0;
  transform-origin: center bottom;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementTop {
    margin: 14px 0;
  }
}
.MuiTooltip-tooltipPlacementBottom {
  margin: 24px 0;
  transform-origin: center top;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementBottom {
    margin: 14px 0;
  }
}


.MuiLinearProgress-root {
  height: 4px;
  overflow: hidden;
  position: relative;
}
@media print {
  .MuiLinearProgress-root {
    -webkit-print-color-adjust: exact;
  }
}
.MuiLinearProgress-colorPrimary {
  background-color: rgb(158, 193, 173);
}
.MuiLinearProgress-colorSecondary {
  background-color: rgb(255, 188, 224);
}
.MuiLinearProgress-buffer {
  background-color: transparent;
}
.MuiLinearProgress-query {
  transform: rotate(180deg);
}
.MuiLinearProgress-dashed {
  width: 100%;
  height: 100%;
  position: absolute;
  animation: MuiLinearProgress-keyframes-buffer 3s infinite linear;
  margin-top: 0;
}
.MuiLinearProgress-dashedColorPrimary {
  background-size: 10px 10px;
  background-image: radial-gradient(rgb(158, 193, 173) 0%, rgb(158, 193, 173) 16%, transparent 42%);
  background-position: 0 -23px;
}
.MuiLinearProgress-dashedColorSecondary {
  background-size: 10px 10px;
  background-image: radial-gradient(rgb(255, 188, 224) 0%, rgb(255, 188, 224) 16%, transparent 42%);
  background-position: 0 -23px;
}
.MuiLinearProgress-bar {
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
  transition: transform 0.2s linear;
  transform-origin: left;
}
.MuiLinearProgress-barColorPrimary {
  background-color: #005C29;
}
.MuiLinearProgress-barColorSecondary {
  background-color: #ff4fae;
}
.MuiLinearProgress-bar1Indeterminate {
  width: auto;
  animation: MuiLinearProgress-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.MuiLinearProgress-bar1Determinate {
  transition: transform .4s linear;
}
.MuiLinearProgress-bar1Buffer {
  z-index: 1;
  transition: transform .4s linear;
}
.MuiLinearProgress-bar2Indeterminate {
  width: auto;
  animation: MuiLinearProgress-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}
.MuiLinearProgress-bar2Buffer {
  transition: transform .4s linear;
}
@-webkit-keyframes MuiLinearProgress-keyframes-indeterminate1 {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes MuiLinearProgress-keyframes-indeterminate2 {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@-webkit-keyframes MuiLinearProgress-keyframes-buffer {
  0% {
    opacity: 1;
    background-position: 0 -23px;
  }
  50% {
    opacity: 0;
    background-position: 0 -23px;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}


.MuiIconButton-root {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.54);
  padding: 12px;
  overflow: visible;
  font-size: 1.5rem;
  text-align: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 50%;
}
.MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.MuiIconButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
@media (hover: none) {
  .MuiIconButton-root:hover {
    background-color: transparent;
  }
}
.MuiIconButton-edgeStart {
  margin-left: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
  margin-left: -3px;
}
.MuiIconButton-edgeEnd {
  margin-right: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
  margin-right: -3px;
}
.MuiIconButton-colorInherit {
  color: inherit;
}
.MuiIconButton-colorPrimary {
  color: #005C29;
}
.MuiIconButton-colorPrimary:hover {
  background-color: rgba(0, 92, 41, 0.04);
}
@media (hover: none) {
  .MuiIconButton-colorPrimary:hover {
    background-color: transparent;
  }
}
.MuiIconButton-colorSecondary {
  color: #ff4fae;
}
.MuiIconButton-colorSecondary:hover {
  background-color: rgba(255, 79, 174, 0.04);
}
@media (hover: none) {
  .MuiIconButton-colorSecondary:hover {
    background-color: transparent;
  }
}
.MuiIconButton-sizeSmall {
  padding: 3px;
  font-size: 1.125rem;
}
.MuiIconButton-label {
  width: 100%;
  display: flex;
  align-items: inherit;
  justify-content: inherit;
}


.MuiPopover-paper {
  outline: 0;
  position: absolute;
  max-width: calc(100% - 32px);
  min-width: 16px;
  max-height: calc(100% - 32px);
  min-height: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}


.MuiMenu-paper {
  max-height: calc(100% - 96px);
  -webkit-overflow-scrolling: touch;
}
.MuiMenu-list {
  outline: 0;
}


.MuiFormControl-root {
  border: 0;
  margin: 0;
  display: inline-flex;
  padding: 0;
  position: relative;
  min-width: 0;
  flex-direction: column;
  vertical-align: top;
}
.MuiFormControl-marginNormal {
  margin-top: 16px;
  margin-bottom: 8px;
}
.MuiFormControl-marginDense {
  margin-top: 8px;
  margin-bottom: 4px;
}
.MuiFormControl-fullWidth {
  width: 100%;
}


.MuiInputAdornment-root {
  height: 0.01em;
  display: flex;
  max-height: 2em;
  align-items: center;
  white-space: nowrap;
}
.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel) {
  margin-top: 16px;
}
.MuiInputAdornment-positionStart {
  margin: 8px;
  margin-right: 8px;
}
.MuiInputAdornment-positionEnd {
  margin-left: 8px;
}
.MuiInputAdornment-disablePointerEvents {
  pointer-events: none;
}


@-webkit-keyframes mui-auto-fill {}
@-webkit-keyframes mui-auto-fill-cancel {}
.MuiInputBase-root {
  color: rgba(0, 0, 0, 0.87);
  cursor: text;
  display: inline-flex;
  position: relative;
  font-size: 1rem;
  box-sizing: border-box;
  align-items: center;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.1876em;
}
.MuiInputBase-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
}
.MuiInputBase-multiline {
  padding: 6px 0 7px;
}
.MuiInputBase-multiline.MuiInputBase-marginDense {
  padding-top: 3px;
}
.MuiInputBase-fullWidth {
  width: 100%;
}
.MuiInputBase-input {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  height: 1.1876em;
  margin: 0;
  display: block;
  padding: 6px 0 7px;
  min-width: 0;
  background: none;
  box-sizing: content-box;
  animation-name: mui-auto-fill-cancel;
  letter-spacing: inherit;
  animation-duration: 10ms;
  -webkit-tap-highlight-color: transparent;
}
.MuiInputBase-input::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:focus {
  outline: 0;
}
.MuiInputBase-input:invalid {
  box-shadow: none;
}
.MuiInputBase-input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.MuiInputBase-input.Mui-disabled {
  opacity: 1;
}
.MuiInputBase-input:-webkit-autofill {
  animation-name: mui-auto-fill;
  animation-duration: 5000s;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder {
  opacity: 0.42;
}
.MuiInputBase-inputMarginDense {
  padding-top: 3px;
}
.MuiInputBase-inputMultiline {
  height: auto;
  resize: none;
  padding: 0;
}
.MuiInputBase-inputTypeSearch {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}


.MuiInput-root {
  position: relative;
}
label + .MuiInput-formControl {
  margin-top: 16px;
}
.MuiInput-colorSecondary.MuiInput-underline:after {
  border-bottom-color: #ff4fae;
}
.MuiInput-underline:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  transform: scaleX(0);
  transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  border-bottom: 2px solid #005C29;
  pointer-events: none;
}
.MuiInput-underline.Mui-focused:after {
  transform: scaleX(1);
}
.MuiInput-underline.Mui-error:after {
  transform: scaleX(1);
  border-bottom-color: #FF4842;
}
.MuiInput-underline:before {
  left: 0;
  right: 0;
  bottom: 0;
  content: "\00a0";
  position: absolute;
  transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  pointer-events: none;
}
.MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: 2px solid rgba(0, 0, 0, 0.87);
}
.MuiInput-underline.Mui-disabled:before {
  border-bottom-style: dotted;
}
@media (hover: none) {
  .MuiInput-underline:hover:not(.Mui-disabled):before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  }
}


.MuiNativeSelect-select {
  cursor: pointer;
  min-width: 16px;
  user-select: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.MuiNativeSelect-select:focus {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.05);
}
.MuiNativeSelect-select::-ms-expand {
  display: none;
}
.MuiNativeSelect-select.Mui-disabled {
  cursor: default;
}
.MuiNativeSelect-select[multiple] {
  height: auto;
}
.MuiNativeSelect-select:not([multiple]) option, .MuiNativeSelect-select:not([multiple]) optgroup {
  background-color: #fff;
}
.MuiNativeSelect-select.MuiNativeSelect-select {
  padding-right: 24px;
}
.MuiNativeSelect-filled.MuiNativeSelect-filled {
  padding-right: 32px;
}
.MuiNativeSelect-outlined {
  border-radius: 4px;
}
.MuiNativeSelect-outlined.MuiNativeSelect-outlined {
  padding-right: 32px;
}
.MuiNativeSelect-selectMenu {
  height: auto;
  overflow: hidden;
  min-height: 1.1876em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MuiNativeSelect-icon {
  top: calc(50% - 12px);
  color: rgba(0, 0, 0, 0.54);
  right: 0;
  position: absolute;
  pointer-events: none;
}
.MuiNativeSelect-icon.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.MuiNativeSelect-iconOpen {
  transform: rotate(180deg);
}
.MuiNativeSelect-iconFilled {
  right: 7px;
}
.MuiNativeSelect-iconOutlined {
  right: 7px;
}
.MuiNativeSelect-nativeInput {
  left: 0;
  width: 100%;
  bottom: 0;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}


.MuiGrid-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.MuiGrid-item {
  margin: 0;
  box-sizing: border-box;
}
.MuiGrid-zeroMinWidth {
  min-width: 0;
}
.MuiGrid-direction-xs-column {
  flex-direction: column;
}
.MuiGrid-direction-xs-column-reverse {
  flex-direction: column-reverse;
}
.MuiGrid-direction-xs-row-reverse {
  flex-direction: row-reverse;
}
.MuiGrid-wrap-xs-nowrap {
  flex-wrap: nowrap;
}
.MuiGrid-wrap-xs-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.MuiGrid-align-items-xs-center {
  align-items: center;
}
.MuiGrid-align-items-xs-flex-start {
  align-items: flex-start;
}
.MuiGrid-align-items-xs-flex-end {
  align-items: flex-end;
}
.MuiGrid-align-items-xs-baseline {
  align-items: baseline;
}
.MuiGrid-align-content-xs-center {
  align-content: center;
}
.MuiGrid-align-content-xs-flex-start {
  align-content: flex-start;
}
.MuiGrid-align-content-xs-flex-end {
  align-content: flex-end;
}
.MuiGrid-align-content-xs-space-between {
  align-content: space-between;
}
.MuiGrid-align-content-xs-space-around {
  align-content: space-around;
}
.MuiGrid-justify-content-xs-center {
  justify-content: center;
}
.MuiGrid-justify-content-xs-flex-end {
  justify-content: flex-end;
}
.MuiGrid-justify-content-xs-space-between {
  justify-content: space-between;
}
.MuiGrid-justify-content-xs-space-around {
  justify-content: space-around;
}
.MuiGrid-justify-content-xs-space-evenly {
  justify-content: space-evenly;
}
.MuiGrid-spacing-xs-1 {
  width: calc(100% + 8px);
  margin: -4px;
}
.MuiGrid-spacing-xs-1 > .MuiGrid-item {
  padding: 4px;
}
.MuiGrid-spacing-xs-2 {
  width: calc(100% + 16px);
  margin: -8px;
}
.MuiGrid-spacing-xs-2 > .MuiGrid-item {
  padding: 8px;
}
.MuiGrid-spacing-xs-3 {
  width: calc(100% + 24px);
  margin: -12px;
}
.MuiGrid-spacing-xs-3 > .MuiGrid-item {
  padding: 12px;
}
.MuiGrid-spacing-xs-4 {
  width: calc(100% + 32px);
  margin: -16px;
}
.MuiGrid-spacing-xs-4 > .MuiGrid-item {
  padding: 16px;
}
.MuiGrid-spacing-xs-5 {
  width: calc(100% + 40px);
  margin: -20px;
}
.MuiGrid-spacing-xs-5 > .MuiGrid-item {
  padding: 20px;
}
.MuiGrid-spacing-xs-6 {
  width: calc(100% + 48px);
  margin: -24px;
}
.MuiGrid-spacing-xs-6 > .MuiGrid-item {
  padding: 24px;
}
.MuiGrid-spacing-xs-7 {
  width: calc(100% + 56px);
  margin: -28px;
}
.MuiGrid-spacing-xs-7 > .MuiGrid-item {
  padding: 28px;
}
.MuiGrid-spacing-xs-8 {
  width: calc(100% + 64px);
  margin: -32px;
}
.MuiGrid-spacing-xs-8 > .MuiGrid-item {
  padding: 32px;
}
.MuiGrid-spacing-xs-9 {
  width: calc(100% + 72px);
  margin: -36px;
}
.MuiGrid-spacing-xs-9 > .MuiGrid-item {
  padding: 36px;
}
.MuiGrid-spacing-xs-10 {
  width: calc(100% + 80px);
  margin: -40px;
}
.MuiGrid-spacing-xs-10 > .MuiGrid-item {
  padding: 40px;
}
.MuiGrid-grid-xs-auto {
  flex-grow: 0;
  max-width: none;
  flex-basis: auto;
}
.MuiGrid-grid-xs-true {
  flex-grow: 1;
  max-width: 100%;
  flex-basis: 0;
}
.MuiGrid-grid-xs-1 {
  flex-grow: 0;
  max-width: 8.333333%;
  flex-basis: 8.333333%;
}
.MuiGrid-grid-xs-2 {
  flex-grow: 0;
  max-width: 16.666667%;
  flex-basis: 16.666667%;
}
.MuiGrid-grid-xs-3 {
  flex-grow: 0;
  max-width: 25%;
  flex-basis: 25%;
}
.MuiGrid-grid-xs-4 {
  flex-grow: 0;
  max-width: 33.333333%;
  flex-basis: 33.333333%;
}
.MuiGrid-grid-xs-5 {
  flex-grow: 0;
  max-width: 41.666667%;
  flex-basis: 41.666667%;
}
.MuiGrid-grid-xs-6 {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}
.MuiGrid-grid-xs-7 {
  flex-grow: 0;
  max-width: 58.333333%;
  flex-basis: 58.333333%;
}
.MuiGrid-grid-xs-8 {
  flex-grow: 0;
  max-width: 66.666667%;
  flex-basis: 66.666667%;
}
.MuiGrid-grid-xs-9 {
  flex-grow: 0;
  max-width: 75%;
  flex-basis: 75%;
}
.MuiGrid-grid-xs-10 {
  flex-grow: 0;
  max-width: 83.333333%;
  flex-basis: 83.333333%;
}
.MuiGrid-grid-xs-11 {
  flex-grow: 0;
  max-width: 91.666667%;
  flex-basis: 91.666667%;
}
.MuiGrid-grid-xs-12 {
  flex-grow: 0;
  max-width: 100%;
  flex-basis: 100%;
}
@media (min-width:600px) {
  .MuiGrid-grid-sm-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-sm-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-sm-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-sm-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-sm-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-sm-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-sm-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-sm-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-sm-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-sm-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-sm-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-sm-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-sm-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-sm-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:960px) {
  .MuiGrid-grid-md-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-md-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-md-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-md-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-md-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-md-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-md-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-md-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-md-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-md-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-md-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-md-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-md-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-md-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1280px) {
  .MuiGrid-grid-lg-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-lg-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-lg-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-lg-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-lg-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-lg-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-lg-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-lg-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-lg-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-lg-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-lg-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-lg-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-lg-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-lg-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1920px) {
  .MuiGrid-grid-xl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-xl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-xl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-xl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-xl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-xl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-xl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-xl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-xl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-xl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-xl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-xl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-xl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-xl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}


.MuiBadge-root {
  display: inline-flex;
  position: relative;
  flex-shrink: 0;
  vertical-align: middle;
}
.MuiBadge-badge {
  height: 20px;
  display: flex;
  padding: 0 6px;
  z-index: 1;
  position: absolute;
  flex-wrap: wrap;
  font-size: 0.75rem;
  min-width: 20px;
  box-sizing: border-box;
  transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  align-items: center;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1;
  align-content: center;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
}
.MuiBadge-colorPrimary {
  color: #fff;
  background-color: #005C29;
}
.MuiBadge-colorSecondary {
  color: #fff;
  background-color: #ff4fae;
}
.MuiBadge-colorError {
  color: #fff;
  background-color: #FF4842;
}
.MuiBadge-dot {
  height: 8px;
  padding: 0;
  min-width: 8px;
  border-radius: 4px;
}
.MuiBadge-anchorOriginTopRightRectangle {
  top: 0;
  right: 0;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
}
.MuiBadge-anchorOriginTopRightRectangle.MuiBadge-invisible {
  transform: scale(0) translate(50%, -50%);
}
.MuiBadge-anchorOriginTopRightRectangular {
  top: 0;
  right: 0;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
}
.MuiBadge-anchorOriginTopRightRectangular.MuiBadge-invisible {
  transform: scale(0) translate(50%, -50%);
}
.MuiBadge-anchorOriginBottomRightRectangle {
  right: 0;
  bottom: 0;
  transform: scale(1) translate(50%, 50%);
  transform-origin: 100% 100%;
}
.MuiBadge-anchorOriginBottomRightRectangle.MuiBadge-invisible {
  transform: scale(0) translate(50%, 50%);
}
.MuiBadge-anchorOriginBottomRightRectangular {
  right: 0;
  bottom: 0;
  transform: scale(1) translate(50%, 50%);
  transform-origin: 100% 100%;
}
.MuiBadge-anchorOriginBottomRightRectangular.MuiBadge-invisible {
  transform: scale(0) translate(50%, 50%);
}
.MuiBadge-anchorOriginTopLeftRectangle {
  top: 0;
  left: 0;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.MuiBadge-anchorOriginTopLeftRectangle.MuiBadge-invisible {
  transform: scale(0) translate(-50%, -50%);
}
.MuiBadge-anchorOriginTopLeftRectangular {
  top: 0;
  left: 0;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.MuiBadge-anchorOriginTopLeftRectangular.MuiBadge-invisible {
  transform: scale(0) translate(-50%, -50%);
}
.MuiBadge-anchorOriginBottomLeftRectangle {
  left: 0;
  bottom: 0;
  transform: scale(1) translate(-50%, 50%);
  transform-origin: 0% 100%;
}
.MuiBadge-anchorOriginBottomLeftRectangle.MuiBadge-invisible {
  transform: scale(0) translate(-50%, 50%);
}
.MuiBadge-anchorOriginBottomLeftRectangular {
  left: 0;
  bottom: 0;
  transform: scale(1) translate(-50%, 50%);
  transform-origin: 0% 100%;
}
.MuiBadge-anchorOriginBottomLeftRectangular.MuiBadge-invisible {
  transform: scale(0) translate(-50%, 50%);
}
.MuiBadge-anchorOriginTopRightCircle {
  top: 14%;
  right: 14%;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
}
.MuiBadge-anchorOriginTopRightCircle.MuiBadge-invisible {
  transform: scale(0) translate(50%, -50%);
}
.MuiBadge-anchorOriginTopRightCircular {
  top: 14%;
  right: 14%;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
}
.MuiBadge-anchorOriginTopRightCircular.MuiBadge-invisible {
  transform: scale(0) translate(50%, -50%);
}
.MuiBadge-anchorOriginBottomRightCircle {
  right: 14%;
  bottom: 14%;
  transform: scale(1) translate(50%, 50%);
  transform-origin: 100% 100%;
}
.MuiBadge-anchorOriginBottomRightCircle.MuiBadge-invisible {
  transform: scale(0) translate(50%, 50%);
}
.MuiBadge-anchorOriginBottomRightCircular {
  right: 14%;
  bottom: 14%;
  transform: scale(1) translate(50%, 50%);
  transform-origin: 100% 100%;
}
.MuiBadge-anchorOriginBottomRightCircular.MuiBadge-invisible {
  transform: scale(0) translate(50%, 50%);
}
.MuiBadge-anchorOriginTopLeftCircle {
  top: 14%;
  left: 14%;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.MuiBadge-anchorOriginTopLeftCircle.MuiBadge-invisible {
  transform: scale(0) translate(-50%, -50%);
}
.MuiBadge-anchorOriginTopLeftCircular {
  top: 14%;
  left: 14%;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.MuiBadge-anchorOriginTopLeftCircular.MuiBadge-invisible {
  transform: scale(0) translate(-50%, -50%);
}
.MuiBadge-anchorOriginBottomLeftCircle {
  left: 14%;
  bottom: 14%;
  transform: scale(1) translate(-50%, 50%);
  transform-origin: 0% 100%;
}
.MuiBadge-anchorOriginBottomLeftCircle.MuiBadge-invisible {
  transform: scale(0) translate(-50%, 50%);
}
.MuiBadge-anchorOriginBottomLeftCircular {
  left: 14%;
  bottom: 14%;
  transform: scale(1) translate(-50%, 50%);
  transform-origin: 0% 100%;
}
.MuiBadge-anchorOriginBottomLeftCircular.MuiBadge-invisible {
  transform: scale(0) translate(-50%, 50%);
}
.MuiBadge-invisible {
  transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}


.MuiDivider-root {
  border: none;
  height: 1px;
  margin: 0;
  flex-shrink: 0;
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiDivider-absolute {
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
}
.MuiDivider-inset {
  margin-left: 72px;
}
.MuiDivider-light {
  background-color: rgba(0, 0, 0, 0.08);
}
.MuiDivider-middle {
  margin-left: 16px;
  margin-right: 16px;
}
.MuiDivider-vertical {
  width: 1px;
  height: 100%;
}
.MuiDivider-flexItem {
  height: auto;
  align-self: stretch;
}


.MuiLink-underlineNone {
  text-decoration: none;
}
.MuiLink-underlineHover {
  text-decoration: none;
}
.MuiLink-underlineHover:hover {
  text-decoration: underline;
}
.MuiLink-underlineAlways {
  text-decoration: underline;
}
.MuiLink-button {
  border: 0;
  cursor: pointer;
  margin: 0;
  outline: 0;
  padding: 0;
  position: relative;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.MuiLink-button::-moz-focus-inner {
  border-style: none;
}
.MuiLink-button.Mui-focusVisible {
  outline: auto;
}

.MuiSvgIcon-root {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}
.MuiSvgIcon-colorPrimary {
  color: #005C29;
}
.MuiSvgIcon-colorSecondary {
  color: #ff4fae;
}
.MuiSvgIcon-colorAction {
  color: rgba(0, 0, 0, 0.54);
}
.MuiSvgIcon-colorError {
  color: #FF4842;
}
.MuiSvgIcon-colorDisabled {
  color: rgba(0, 0, 0, 0.26);
}
.MuiSvgIcon-fontSizeInherit {
  font-size: inherit;
}
.MuiSvgIcon-fontSizeSmall {
  font-size: 1.25rem;
}
.MuiSvgIcon-fontSizeLarge {
  font-size: 2.1875rem;
}



.styles_modalItem__YKbSY {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px
}

.styles_root__SpsMg {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 30px)
}

.styles_wrapper__yHcHx {
    position: relative!important
}

.styles_progress__8TPzZ {
    color: var(--primary-color);
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    margin-top: -41px;
    margin-left: -40px
}

.styles_fullWidth__zc8my [class*=MuiAlert-message] {
    width: 100%;
    padding: 4px
}

.styles_MuiAlert-message____aBe {
    width: 100%
}

.styles_content__Pd93b {
    width: 94%
}

@media (max-width: 777px) {
    .styles_content__Pd93b {
        width:90%
    }
}

@media (max-width: 550px) {
    .styles_content__Pd93b {
        width:80%
    }
}

.styles_confirm_modal_wrap__C3TVz {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 21rem;
    max-width: 100%;
    padding: 1rem;
    border: none;
    border-radius: 12px;
    outline: 0;
    background: #fff;
    font-family: inherit;
    font-size: 1rem
}

.styles_close__MLU73 {
    position: absolute;
    right: .5rem;
    top: -2em;
    display: flex;
    gap: .5em;
    align-items: center;
    color: #fff;
    font-size: .75rem;
    cursor: pointer
}

.styles_modal_title___BGpz {
    position: relative;
    max-width: 100%;
    padding: 0;
    color: #000;
    font-family: ggsm;
    font-size: 1.25rem!important;
    font-weight: 500!important;
    text-align: center;
    text-transform: none
}

.styles_modal_content__8MS8u {
    font-family: ggsr ,sans-serif;
    color: #8c8c8c!important;
    font-size: .9rem!important;
    line-height: normal!important;
    text-align: center;
    padding: 0 1.25em
}

.styles_modal_content__8MS8u b {
    color: #000!important
}

.styles_modal_ok_btn__z_Gjl {
    font-family: ggsm!important;
    text-transform: none;
    width: 100%;
    transition: background-color .3s;
    padding: 6px 16px;
    border-radius: 8px;
    color: #fff
}

.styles_modal_ok_btn__z_Gjl,.styles_modal_ok_btn__z_Gjl:hover {
    background-color: var(--primary-color)!important
}

.styles_mobile_linkRoot__G_the {
    padding: 12px
}

.styles_mobile_rootBase__8z7PQ {
    text-decoration: none;
    font-size: 12px;
    padding: 5px;
    color: #000;
    display: flex
}

.styles_flex_no_wrap__1vvft {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    font-family: googlesansmedium, sans-serif;
}

.styles_canvasPrice__vw932 {
    display: flex;
    align-items: center;
    height: 25px;
    justify-content: flex-end
}

.styles_minWidth__zDQSK {
    max-width: 4px
}

.style_confirm_modal_wrap__bTIeR {
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    outline: 0
}

.style_btn__mnzG2 {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 16px!important;
    line-height: 1.5;
    border-radius: 50px!important;
    transition: color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s
}

.style_outlined_btn__Vbaqe {
    color: var(--primary-color)!important;
    border: 1px solid var(--primary-color)!important
}

.style_brown_btn__tHwhV,.style_outlined_btn__Vbaqe {
    margin: .5rem!important;
    padding: 6px 1.5rem!important
}

.style_brown_btn__tHwhV {
    color: #fff!important;
    background: #facea8!important;
    border: 1px solid #facea8!important
}

.style_brown_btn__tHwhV:hover {
    background: #fff!important;
    color: #facea8!important
}

.style_fill_btn__t4fmt {
    color: #fff!important;
    background-color: var(--primary-color)!important
}

.style_fill_btn__t4fmt,.style_fill_btn__t4fmt:hover {
    border: 1px solid var(--primary-color)!important;
    margin: .5rem!important;
    padding: 6px 1.5rem!important
}

.style_fill_btn__t4fmt:hover {
    background: #fff!important;
    color: var(--primary-color)!important
}

.style_warning_icon__n6NnH {
    display: flex;
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: .25em solid #facea8;
    color: #f8bb86
}

.style_text_icon__khra_ {
    display: flex;
    align-items: center;
    font-size: 3.75em!important
}

.style_modal_title__hyVvF {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em!important;
    padding: 0;
    color: #595959;
    font-size: 1.875em!important;
    font-weight: 600!important;
    text-align: center;
    text-transform: none
}

.style_modal_content__3Ut_p {
    color: #545454!important;
    font-size: 1.125em!important;
    font-weight: 400!important;
    line-height: normal!important;
    text-align: center
}

.style_remove_item__AFCYg {
    line-height: 0;
    display: block;
    padding: 10px;
    margin-top: 20px
}

.style_remove_item_content__vX3o4 {
    line-height: 1;
    display: block;
    width: calc(100% - 80px);
    float: left;
    padding: 10px
}

.style_remove_item_image__Xb3tU {
    width: 80px;
    float: left
}

.style_remove_item_cart_name__cIW_1 {
    color: #343a40;
    text-transform: capitalize;
    transition: color .2s;
    font-weight: 500;
    margin-bottom: 10px
}

.style_remove_item_cart_price__vbIFg {
    color: var(--primary-color);
    font-weight: 500
}

.style_defaultBtn__uYdCB {
    background-color: #a9a9a9!important;
    color: #fff!important
}

.style_defaultBtn__uYdCB:hover {
    background-color: gray!important;
    color: #fff!important
}

.styles_consultBtn__pqIkS {
    background: linear-gradient(0deg,#ff9226,#ffd27e);
    border-radius: 50px;
    box-shadow: none!important;
    text-transform: none!important;
    line-height: 0;
    white-space: nowrap
}

.styles_consultBtnList__Q7Xi_ {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.styles_base__Pdm9S {
    min-height: 44px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    box-shadow: unset;
    border: unset;
    padding: .75em .5em;
    font-family: ggsm;
    font-size: 1rem;
    font-weight: 500;
    color: #000
}

.styles_base__Pdm9S:hover {
    filter: brightness(96%);
    box-shadow: unset;
    cursor: pointer
}

.styles_contained__4kDf4 {
    background-color: var(--primary-color);
    color: #fff
}

.styles_outlined__Uzhye {
    background-color: #fff!important;
    color: var(--primary-color);
    border: 1px solid var(--primary-color)!important
}

.styles_outlined__Uzhye:hover {
    background-color: #e8f6ee!important
}

.styles_text__77Ymp {
    background: transparent;
    color: #000
}

.styles_outlined__Uzhye {
    border: 1px solid #f1f1f1
}

.styles_colorGreenish__fz_CF,.styles_colorPrimary__NGf0C {
    background: var(--primary-color)
}

.styles_colorSecondary__js_Iq {
    background: #f5f5f5;
    color: #000
}

.styles_colorDanger__OEPXd {
    background: #f5222d;
    color: #fff
}

.styles_colorSoftBlue__1fk4A {
    background: #f0f5ff;
    color: #1d39c4
}

.styles_small__QTUmD {
    min-width: 120px
}

.styles_medium__GAqKP {
    min-width: 140px
}

.styles_large__aTxqv {
    min-width: 166px
}

.styles_fullWidth__cEZmS {
    width: 100%
}

.styles_base__Pdm9S:disabled,.styles_base__Pdm9S[disabled],.styles_isLoading__vdx6n {
    color: #212529;
    opacity: .65;
    background: #919eab;
    border: 1px solid #919eab;
    pointer-events: none
}

.styles_base__Pdm9S:disabled:hover,.styles_isLoading__vdx6n:hover {
    filter: unset;
    cursor: not-allowed
}

.styles_icon__ucPkH {
    width: 18px;
    height: 18px
}

.styles_progress__J57lh {
    color: #fff
}

.ConsultPopup_dialogTitle__37LQl {
    border-bottom: 1px solid #e0e0e0;
    padding: .5em .75em!important;
    background-color: #fff
}

.ConsultPopup_headerTitle__hg673 {
    font-weight: 700!important;
    color: #333
}

.ConsultPopup_dialogContent__sUzKm {
    display: flex;
    flex-direction: column;
    height: calc(80vh - 80px);
    padding: 0!important;
    background-color: #f5f5f5
}

.ConsultPopup_productInfoBubble__hoYNv {
    justify-content: center;
    width: 100%
}

.ConsultPopup_productInfoMessage__SsZMz {
    max-width: 100%!important;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e9ecef
}

.ConsultPopup_productInfoContent__OqAKa {
    display: flex;
    gap: 12px;
    align-items: center
}

.ConsultPopup_productImageContainer__wvUE_ {
    display: flex;
    align-items: center
}

.ConsultPopup_productImage__8Rwu_ {
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.ConsultPopup_productDetails__I1_xr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1
}

.ConsultPopup_productName__5baow {
    font-weight: 500!important;
    color: #000
}

.ConsultPopup_productLimit__80wXN {
    color: #797979;
    font-size: .875rem
}

.ConsultPopup_conversationHistory__1CK2v {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.ConsultPopup_messageContainer__lnVX1 {
    display: flex;
    width: 100%
}

.ConsultPopup_userMessage__J4CoL {
    justify-content: flex-end
}

.ConsultPopup_consultantMessage__UGSVd {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px
}

.ConsultPopup_consultantAvatarContainer__OT6J0 {
    width: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.ConsultPopup_consultantLogo__knqaM {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0
}

.ConsultPopup_consultantLogo__knqaM img {
    width: 20px;
    height: 20px
}

.ConsultPopup_message__rC4Ww {
    max-width: 70%;
    padding: 8px 12px;
    border-radius: 8px;
    position: relative
}

.ConsultPopup_userBubble__VcyGV {
    background-color: #c3eac7;
    color: #333;
    text-align: right
}

.ConsultPopup_consultantBubble__S_2tD {
    background-color: #fff;
    color: #333;
    border: 1px solid #e0e0e0
}

.ConsultPopup_messageText__Q8WBp {
    margin-bottom: 4px;
    word-wrap: break-word;
    text-align: left
}

.ConsultPopup_timestamp__k__7j {
    opacity: .7;
    font-size: .75rem;
    margin-top: 4px
}

.ConsultPopup_inputArea__uHKay {
    border-top: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #fff
}

.ConsultPopup_inputContainer__lNsJb {
    display: flex;
    gap: 12px;
    align-items: flex-end
}

.ConsultPopup_textField__R4uHs {
    flex: 1
}

.ConsultPopup_textField__R4uHs .MuiOutlinedInput-root {
    background-color: #fff;
    border-radius: 20px!important
}

.ConsultPopup_textField__R4uHs .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: var(--primary-color)!important
}

.ConsultPopup_buttonContainer__UpBd0 {
    display: flex;
    gap: 1em;
    justify-content: center
}

.styles_container__zH79T {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #dcdbdb;
    border-radius: 20px;
    overflow: hidden;
    width: 100%
}

.styles_minusContainer__g2awP {
    border-right: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer
}

.styles_minus__vnNUA {
    width: 12px;
    height: 4px;
    background: var(--primary-color);
    border-radius: 2px
}

.styles_addContainerNew__GECz2 {
    border-left: 1px solid #dadada;
    z-index: 1
}

.styles_addContainerNew__GECz2,.styles_minusContainerNew__RSUQE {
    padding: 2px 0 0 2px;
    height: 34px;
    min-width: 50px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_minusContainerNew__RSUQE {
    border-right: 1px solid #dadada
}

.styles_count__9VXwH {
    color: #a2a0a0;
    font-weight: 600
}

.styles_addContainer__SX0EB {
    border-left: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer;
    position: relative
}

.styles_addIcon__7BsBg,.styles_addIcon__7BsBg:after {
    width: 14px;
    height: 4px;
    background: var(--primary-color);
    border-radius: 2px
}

.styles_addIcon__7BsBg:after {
    content: "";
    position: absolute;
    transform: rotate(90deg)
}

.styles_container__zH79T [class*=MuiInputBase-input] {
    color: var(--neutral-description-light,#a2a0a0);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: ggsm;
    height: auto
}

.styles_disabled__rVYzi {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    background: #dcdbdb;
    border-right: none
}

.styles_disabled__rVYzi .styles_addIcon__7BsBg:after,.styles_disabled__rVYzi>* {
    background: #a2a0a0
}

.styles_newCardInput__AYuYU {
    width: -moz-fit-content;
    width: fit-content;
    transform: translateY(5%);
    line-height: normal!important
}

.styles_container__zH79T [class*=MuiInputBase-input] {
    font-size: 14px
}

.styles_newCardInput__AYuYU [class*=MuiInputBase-input] {
    font-size: 14px;
    color: #999;
    font-family: ggsr ,sans-serif;
    width: 100%;
    text-align: center
}

.styles_maxWidth__zBhsQ {
    width: 100%;
    margin-top: auto
}

.styles_groupInput__3rE3S {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(10px)
}

.styles_cartIconContainer__j1a05 {
    display: flex;
    align-items: center;
    position: absolute;
    padding-right: 4px;
    right: 50%;
    transform: translateX(30%)
}

.styles_inputVisible__4CFxn {
    display: flex;
    align-items: center;
    text-align: right;
    width: 100%
}

.styles_currentValue__ZYyd_ {
    display: block;
    visibility: hidden;
    font-size: 14px;
    min-width: 26px
}

.styles_container__IDdis {
    position: relative;
    max-width: 220px;
    height: 390px;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: border .1s ease-in;
    background: #fff;
    display: flex;
    flex-direction: column
}

.styles_contract__CR1si,.styles_nearExpiration__RvBXD,.styles_promo__losWR,.styles_storeVip__AyLQw,.styles_store__t8gUr {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px 4px;
    color: var(--neutral-white,#fff);
    font-family: Inter,sans-serif;
    height: 22px;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 8px 0 8px 0
}

.styles_titleBadbes__fTHDR {
    display: inline-block;
    position: relative;
    border-radius: 3px;
    padding: .1875rem .25rem;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    font-size: 10px;
    line-height: .5;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 2px;
    height: 18px
}

.styles_titleBadbes__fTHDR.styles_badges_success___sz3f {
    background-color: var(--primary-color)
}

.styles_titleBadbes__fTHDR.styles_badges_warning__SK69Q {
    background-color: #e7a600
}

.styles_promo__losWR {
    background-color: #d4323b
}

.styles_contract__CR1si {
    background-color: #0e1983
}

.styles_nearExpiration__RvBXD {
    background-color: #e54817
}

.styles_store__t8gUr {
    padding: 2px 8px;
    background-color: #b98f0f
}

.styles_container__IDdis:hover {
    border: 1px solid var(--primary-color);
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(18,79,99,.2)
}

.styles_container__IDdis .styles_image__Y8Jva {
    width: 100%;
    height: 128px;
    -o-object-fit: cover;
    object-fit: cover
}

.styles_titleContainer__WYihl {
    height: 58px
}

.styles_titleWrapper__FvOnI {
    height: -moz-fit-content;
    height: fit-content;
    max-height: 42px;
    width: 100%;
    color: var(--neutral-text,#000);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: capitalize;
    font-family: ggsm;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_titleProduct__ItCOL:hover,.styles_titleWrapper__FvOnI:hover {
    color: var(--primary-color)
}

.styles_customButton__HNiJK {
    display: inline;
    cursor: pointer
}

.styles_tooltipRight__KgBN7 {
    position: absolute;
    z-index: 2;
    top: 4px;
    right: 4px
}

.styles_icon__Zwjan {
    transition: fill .2s cubic-bezier(.4,0,.2,1) 0ms
}

.styles_icon__Zwjan:hover * {
    color: var(--primary-color);
    border-color: var(--primary-color);
    background-color: transparent
}

.styles_listTag__QSJO1 {
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    height: 30px;
    position: absolute;
    transform: translateY(50%)
}

.styles_pointInfo__zshOK {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff
}

.styles_multiple__89n31 {
    border-radius: 20px;
    background: var(--blue-blue-bg-2,#f2f4fa);
    font-size: 10px;
    font-family: ggsm;
    color: #0e1983;
    display: inline-flex;
    height: 20px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-left: 2px
}

.styles_score__0LnSH {
    color: var(--primary-color);
    font-size: 12px;
    font-family: ggsm
}

.styles_infoScore__hpz0n {
    letter-spacing: .2px
}

.styles_priceContainer__F_qQS {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    gap: 5px;
    padding: 4px 0 0
}

.styles_priceContainer__F_qQS p {
    margin: 0;
    width: -moz-fit-content;
    width: fit-content
}

.styles_priceContainer__F_qQS .styles_MuiTypography-root__No075 {
    margin: 0
}

.styles_price__P5IMX {
    color: var(--primary-color,#005c29);
    font-size: 18px;
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize;
    transform: translateX(-6px)
}

.styles_pricePromo__JxTg_,.styles_price__P5IMX {
    width: -moz-fit-content;
    width: fit-content
}

.styles_progressContainer__JrGkW {
    min-height: 30px;
    margin-top: auto;
    display: flex;
    flex-direction: column
}

.styles_progressContainer__JrGkW p {
    font-size: 10px;
    display: flex;
    justify-content: center;
    max-height: 11px;
    line-height: 1.3
}

.styles_countPerItem__OvDsy {
    overflow: hidden;
    margin-top: 3px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 10px;
    text-transform: capitalize;
    height: 13px
}

.styles_priceAuth___YJY2 {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_progressBuy__hItNv {
    position: relative;
    min-height: 14px;
    margin-bottom: 4px
}

.styles_buyCount__qtYPa {
    position: absolute;
    width: 100%;
    color: var(--color-red,#d4323b);
    font-size: 10px;
    font-family: ggsm
}

.styles_dateExpired__b9Lle {
    font-size: 12px;
    color: red
}

.styles_bottom__YhFZ0 {
    color: var(--neutral-decription,#636363);
    font-size: 12px;
    min-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.styles_bottomMobile__DC1zN {
    -webkit-line-clamp: 2
}

.styles_customLink__V2QCm {
    font-size: 14px
}

.styles_titleProduct__ItCOL {
    font-family: ggsm;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: capitalize;
    height: 42px
}

.styles_anotherSeller__FtvRY {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--primary-color);
    border-radius: 36px;
    padding: 4px;
    color: var(--primary-color);
    margin-bottom: 8px
}

.styles_anotherSeller__FtvRY p {
    font-size: 12px
}

.styles_count__qrI3d {
    color: #fff;
    background-color: var(--primary-color);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px
}

.styles_redirect__fdg0Q {
    display: flex;
    align-items: center;
    gap: 4px
}

.styles_redirect__fdg0Q>* {
    color: var(--primary-color)
}

.styles_giftPromo__KgmyE {
    font-family: ggsm!important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #d55d2a
}

.styles_titleMaxQuantity__dn2Ff {
    text-align: center;
    max-height: 10px;
    margin-top: 4px
}

.styles_titleMaxQuantity__dn2Ff p {
    font-size: 10px;
    line-height: normal
}

.styles_underContainer__mL2nM {
    height: 141px;
    padding: 0 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 20px;
    margin-bottom: 5px
}

.styles_topContainer__8eSB4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 190px;
    position: relative;
    margin: 0;
    padding: 0
}

.styles_stylesImage__YoHx0 {
    margin-top: 10px;
    width: 160px;
    height: 160px;
    padding: 0!important
}

.styles_error__BArZU {
    color: #d4323b;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_quantityControlContainer__djBwR {
    margin-top: auto;
    border: none;
    border-radius: 0!important;
    border-top: 1px solid #dadada!important;
    height: 34px
}

.styles_buyCount__qtYPa {
    color: #fff;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 9px;
    top: 1px;
    left: 0
}

.styles_tagContainer__sbEMn {
    padding: 0!important;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: 30px
}

.styles_labelImage__rJCYj {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: translateY(4px);
    margin-right: 2px;
    width: -moz-fit-content;
    width: fit-content
}

.styles_tagContainer__sbEMn img {
    width: 100%;
    height: 100%
}

.styles_listTagGuide__Ms7pX {
    width: 220px;
    height: 190px!important;
    background-color: unset!important;
    transform: translateY(-1px)
}

.styles_footerGuide__wJoQa {
    width: 102%;
    transform: translateX(-1px);
    border-radius: 0 0 8px 8px!important
}

.styles_limitMessage__Iq3IG {
    font-size: 10px;
    display: flex;
    justify-content: center;
    max-height: 11px;
    line-height: 1.3
}

@media (max-width: 1200px) {
    .styles_container__IDdis {
        width:100%;
        max-width: 100%
    }

    .styles_topContainer__8eSB4 {
        width: auto
    }

    .styles_listTagGuide__Ms7pX {
        width: 100%;
        transform: translate(-.2%,-2.3%)
    }

    .styles_listTagGuide__Ms7pX .styles_listTag__QSJO1 {
        width: 100%;
        height: 100%
    }
}

.styles_controlQuantity__QWHZr {
    position: absolute;
    width: 100%;
    bottom: 10px;
    right: 0
}

.styles_sellerContainer__6U8C4 {
    height: 18px
}

.styles_sellerContainer__6U8C4>div {
    margin-top: 2px;
    margin-bottom: 2px
}

.styles_sellerContainer__6U8C4 a {
    color: #0e1983;
    font-family: ggsm
}

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

.styles_wrapperImage__VTK_J {
    padding-top: 5px
}

.styles_link__jjTWc {
    max-width: 90%;
    max-height: 22px;
    color: var(--Blue-Text-Link,#0e1983);
    font-family: ggsm,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.styles_buttonRedirectReplaceSku__ud4_j {
    background-color: #f0f5ff;
    border-radius: 24px;
    font-family: Inter;
    font-size: 10px;
    color: #1d39c4;
    padding: 4px 8px;
    text-transform: none;
    max-width: -moz-max-content;
    max-width: max-content
}

.styles_buttonRedirectReplaceSku__ud4_j>span {
    display: flex;
    justify-content: space-between;
    gap: 4px
}

.styles_buttonRedirectReplaceSku__ud4_j:active,.styles_buttonRedirectReplaceSku__ud4_j:visited {
    background-color: #f0f5ff
}

.styles_buttonRedirectReplaceSku__ud4_j:hover {
    background-color: #dbe7ff
}

.styles_glowOnEffect__AQRQM {
    border-color: #3fb877
}

.styles_replaceSkuTag__nQho7 {
    position: absolute;
    top: -6px;
    left: -1px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border-top-left-radius: 8px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 2px 4px;
    font-family: Inter;
    font-size: 10px;
    z-index: 5
}

.styles_replaceSkuTag__nQho7:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 6px solid #c7c9d9;
    border-right: 6px solid transparent
}

@media (max-width: 834px) {
    .styles_listTagGuide__Ms7pX {
        width:100%;
        transform: translate(.4%,-4%)
    }
}

.styles_nearExpiration__RvBXD,.styles_promo__losWR,.styles_stylesImage__YoHx0 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_showSubstitutesForInStock__NQ4F8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .25rem;
    background-color: #f0f5ff;
    color: #1d39c4;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: background-color var(--animation-duration)
}

.styles_showSubstitutesForInStock__NQ4F8:hover {
    background-color: #dbe7ff
}

.styles_pagiContainer__B0imj {
    display: flex;
    align-items: center;
    justify-content: center
}

.Toastify__toast-container {
    z-index: 9999;
    -webkit-transform: translateZ(9999px);
    position: fixed;
    padding: 4px;
    width: 320px;
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width:100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: auto
    }
}

.Toastify__toast {
    position: relative;
    min-height: 64px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 1px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);
    display: flex;
    justify-content: space-between;
    max-height: 800px;
    overflow: hidden;
    font-family: sans-serif;
    cursor: pointer;
    direction: ltr
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--dark {
    background: #121212;
    color: #fff
}

.Toastify__toast--default {
    background: #fff;
    color: #aaa
}

.Toastify__toast--info {
    background: #3498db
}

.Toastify__toast--success {
    background: #07bc0c
}

.Toastify__toast--warning {
    background: #f1c40f
}

.Toastify__toast--error {
    background: #e74c3c
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom:0
    }
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start
}

.Toastify__close-button--default {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
    opacity: .7;
    background-color: hsla(0,0%,100%,.7);
    transform-origin: left
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right
}

.Toastify__progress-bar--default {
    background: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)
}

.Toastify__progress-bar--dark {
    background: #bb86fc
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%,0,0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%,0,0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,500px,0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-500px,0)
    }
}

.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme:only light
    }
}

@media (forced-colors:active) {
    :root {
        color-scheme: only light
    }
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*

! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/
*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

:root {
    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem
}

.dark {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 9%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 14.9%;
    --input: 0 0% 14.9%;
    --ring: 0 0% 83.1%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%
}

* {
    border-color: hsl(var(--border))
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground))
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}

@media (min-width: 100%) {
    .container {
        max-width:100%
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1180px) {
    .container {
        max-width:1180px
    }
}

.pointer-events-none {
    pointer-events: none
}

.\!visible {
    visibility: visible!important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.\!left-1\/2 {
    left: 50%!important
}

.bottom-0 {
    bottom: 0
}

.bottom-\[1\.75rem\] {
    bottom: 1.75rem
}

.left-0 {
    left: 0
}

.left-\[-14px\] {
    left: -14px
}

.left-\[calc\(25\%-1\.25rem\)\] {
    left: calc(25% - 1.25rem)
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

.right-\[-14px\] {
    right: -14px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-\[-14px\] {
    top: -14px
}

.top-\[144px\] {
    top: 144px
}

.top-\[20px\] {
    top: 20px
}

.\!z-\[1200\] {
    z-index: 1200!important
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.z-\[99\] {
    z-index: 99
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-8 {
    grid-column: span 8/span 8
}

.row-span-2 {
    grid-row: span 2/span 2
}

.m-0 {
    margin: 0
}

.m-6 {
    margin: 1.5rem
}

.\!my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.\!my-6 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0\.5 {
    margin-top: .125rem;
    margin-bottom: .125rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-\[1px\] {
    margin-top: 1px;
    margin-bottom: 1px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!mt-\[20px\] {
    margin-top: 20px!important
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-\[1px\] {
    margin-left: 1px
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-auto {
    margin-top: auto
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1,.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.\!block {
    display: block!important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

.\!h-4 {
    height: 1rem!important
}

.\!h-\[120px\] {
    height: 120px!important
}

.\!h-\[12px\] {
    height: 12px!important
}

.\!h-auto {
    height: auto!important
}

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-24 {
    height: 6rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-8 {
    height: 2rem
}

.h-\[100px\] {
    height: 100px
}

.h-\[110px\] {
    height: 110px
}

.h-\[140px\] {
    height: 140px
}

.h-\[150px\] {
    height: 150px
}

.h-\[155px\] {
    height: 155px
}

.h-\[160px\] {
    height: 160px
}

.h-\[16px\] {
    height: 16px
}

.h-\[176px\] {
    height: 176px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[220px\] {
    height: 220px
}

.h-\[248px\] {
    height: 248px
}

.h-\[24px\] {
    height: 24px
}

.h-\[25px\] {
    height: 25px
}

.h-\[300px\] {
    height: 300px
}

.h-\[32px\] {
    height: 32px
}

.h-\[36px\] {
    height: 36px
}

.h-\[370px\] {
    height: 370px
}

.h-\[390px\] {
    height: 390px
}

.h-\[40px\] {
    height: 40px
}

.h-\[50px\] {
    height: 50px
}

.h-\[60px\] {
    height: 60px
}

.h-\[64px\] {
    height: 64px
}

.h-\[6px\] {
    height: 6px
}

.h-\[700px\] {
    height: 700px
}

.h-\[80px\] {
    height: 80px
}

.h-\[80vh\] {
    height: 80vh
}

.h-\[86px\] {
    height: 86px
}

.h-\[calc\(100vw\*\(764\/1308\)\)\] {
    height: calc(100vw * (764 / 1308))
}

.h-\[calc\(3\*18px\)\] {
    height: calc(3 * 18px)
}

.h-\[inherit\] {
    height: inherit
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.max-h-48 {
    max-height: 12rem
}

.max-h-\[1000px\] {
    max-height: 1000px
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[220px\] {
    max-height: 220px
}

.max-h-\[250px\] {
    max-height: 250px
}

.max-h-\[370px\] {
    max-height: 370px
}

.max-h-\[700px\] {
    max-height: 700px
}

.max-h-\[90vh\] {
    max-height: 90vh
}

.max-h-\[calc\(1180px\*\(764\/1308\)\)\] {
    max-height: calc(1180px * (764 / 1308))
}

.max-h-full {
    max-height: 100%
}

.min-h-\[160px\] {
    min-height: 160px
}

.min-h-\[18px\] {
    min-height: 18px
}

.min-h-\[220px\] {
    min-height: 220px
}

.min-h-\[240px\] {
    min-height: 240px
}

.min-h-\[248px\] {
    min-height: 248px
}

.min-h-\[60px\] {
    min-height: 60px
}

.\!w-4 {
    width: 1rem!important
}

.\!w-\[12px\] {
    width: 12px!important
}

.\!w-auto {
    width: auto!important
}

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

.w-1\/2 {
    width: 50%
}

.w-10 {
    width: 2.5rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-4 {
    width: 1rem
}

.w-8 {
    width: 2rem
}

.w-\[100px\] {
    width: 100px
}

.w-\[110px\] {
    width: 110px
}

.w-\[150px\] {
    width: 150px
}

.w-\[16px\] {
    width: 16px
}

.w-\[1px\] {
    width: 1px
}

.w-\[200px\] {
    width: 200px
}

.w-\[50\%\] {
    width: 50%
}

.w-\[50px\] {
    width: 50px
}

.w-\[60px\] {
    width: 60px
}

.w-\[80vw\] {
    width: 80vw
}

.w-\[86px\] {
    width: 86px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[calc\(var\(--product-column\)\*180px\+\(12px\*\(var\(--product-column\)\+1\)\)\)\] {
    width: calc(var(--product-column) * 180px + (12px * (var(--product-column) + 1)))
}

.w-\[var\(--reference-width\)\] {
    width: var(--reference-width)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-10 {
    min-width: 2.5rem
}

.min-w-96 {
    min-width: 24rem
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[160px\] {
    min-width: 160px
}

.min-w-\[180px\] {
    min-width: 180px
}

.min-w-\[18px\] {
    min-width: 18px
}

.min-w-\[300px\] {
    min-width: 300px
}

.min-w-\[330px\] {
    min-width: 330px
}

.min-w-\[360px\] {
    min-width: 360px
}

.min-w-\[384px\] {
    min-width: 384px
}

.min-w-\[540px\] {
    min-width: 540px
}

.min-w-\[580px\] {
    min-width: 580px
}

.min-w-\[60px\] {
    min-width: 60px
}

.min-w-\[86px\] {
    min-width: 86px
}

.min-w-\[87px\] {
    min-width: 87px
}

.min-w-\[8rem\] {
    min-width: 8rem
}

.min-w-\[92px\] {
    min-width: 92px
}

.min-w-\[calc\(\(\(var\(--container-width\)\/var\(--column\)\*\(var\(--column\)-1\)\)-\(12px\*var\(--column\)\)\)\/\(var\(--column\)-1\)\)\] {
    min-width: calc(((var(--container-width) / var(--column) * (var(--column) - 1)) - (12px * var(--column))) / (var(--column) - 1))
}

.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.\!max-w-\[180px\] {
    max-width: 180px!important
}

.\!max-w-\[calc\(\(\(var\(--container-width\)\/var\(--column\)\*\(var\(--column\)-1\)\)-\(12px\*var\(--column\)\)\)\/\(var\(--column\)-1\)\)\] {
    max-width: calc(((var(--container-width) / var(--column) * (var(--column) - 1)) - (12px * var(--column))) / (var(--column) - 1))!important
}

.\!max-w-fit {
    max-width: -moz-fit-content!important;
    max-width: fit-content!important
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-96 {
    max-width: 24rem
}

.max-w-\[1180px\] {
    max-width: 1180px
}

.max-w-\[160px\] {
    max-width: 160px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[330px\] {
    max-width: 330px
}

.max-w-\[40\%\] {
    max-width: 40%
}

.max-w-\[60\%\] {
    max-width: 60%
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.max-w-full {
    max-width: 100%
}

.max-w-max {
    max-width: -moz-max-content;
    max-width: max-content
}

.flex-1 {
    flex: 1 1 0%
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-2 {
    --tw-translate-y: -0.5rem
}

.-translate-y-2,.rotate-180 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.scale-\[0\.8\] {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8
}

.scale-\[0\.8\],.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes fading {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-fade {
    animation: fading var(--tw-animate-duration,1s) var(--tw-animate-easing,ease) var(--tw-animate-delay,0s) var(--tw-animate-iteration,1) var(--tw-animate-fill,both)
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse var(--tw-animate-duration,2s) var(--tw-animate-easing,cubic-bezier(.4,0,.6,1)) var(--tw-animate-delay,0s) var(--tw-animate-iteration,infinite) var(--tw-animate-fill,none)
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin var(--tw-animate-duration,1s) var(--tw-animate-easing,linear) var(--tw-animate-delay,0s) var(--tw-animate-iteration,infinite) var(--tw-animate-fill,none)
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-start {
    scroll-snap-align: start
}

.scroll-px-3 {
    scroll-padding-left: .75rem;
    scroll-padding-right: .75rem
}

.scroll-pl-4 {
    scroll-padding-left: 1rem
}

.scroll-pl-5 {
    scroll-padding-left: 1.25rem
}

.list-none {
    list-style-type: none
}

.auto-cols-\[minmax\(200px\2c _1fr\)\] {
    grid-auto-columns: minmax(200px,1fr)
}

.auto-cols-\[minmax\(calc\(\(\(100\%\/var\(--column\)\)-\(var\(--gap\)\*\(var\(--column\)-1\)\/var\(--column\)\)\)\)\2c _1fr\)\] {
    grid-auto-columns: minmax(calc(((100% / var(--column)) - (var(--gap) * (var(--column) - 1) / var(--column)))),1fr)
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.\!grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))!important
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-rows-4 {
    grid-template-rows: repeat(4,minmax(0,1fr))
}

.grid-rows-\[repeat\(2\2c minmax\(200px\2c _1fr\)\)\] {
    grid-template-rows: repeat(2,minmax(200px,1fr))
}

.grid-rows-\[repeat\(2\2c minmax\(calc\(\(var\(--container-width\)\/var\(--column\)\)-\(var\(--gap\)\*\(var\(--column\)-1\)\/var\(--column\)\)\)\2c _1fr\)\)\] {
    grid-template-rows: repeat(2,minmax(calc((var(--container-width) / var(--column)) - (var(--gap) * (var(--column) - 1) / var(--column))),1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-items-center {
    place-items: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[16px\] {
    gap: 16px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-\[8px\] {
    gap: 8px
}

.gap-\[var\(--gap\)\] {
    gap: var(--gap)
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-nowrap {
    text-wrap: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[15px\] {
    border-radius: 15px
}

.rounded-\[18px\] {
    border-radius: 18px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: var(--radius)
}

.rounded-md {
    border-radius: calc(var(--radius) - 2px)
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-\[10px\] {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-br-\[10px\] {
    border-bottom-right-radius: 10px
}

.rounded-br-\[11px\] {
    border-bottom-right-radius: 11px
}

.rounded-br-\[8px\] {
    border-bottom-right-radius: 8px
}

.rounded-tl-\[10px\] {
    border-top-left-radius: 10px
}

.rounded-tl-\[11px\] {
    border-top-left-radius: 11px
}

.rounded-tl-\[8px\] {
    border-top-left-radius: 8px
}

.rounded-tr-none {
    border-top-right-radius: 0
}

.\!border-\[1px\] {
    border-width: 1px!important
}

.border {
    border-width: 1px
}

.border-\[1\.5px\] {
    border-width: 1.5px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-l-\[1px\] {
    border-left-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.\!border-\[\#D9D9D9\] {
    --tw-border-opacity: 1!important;
    border-color: rgb(217 217 217/var(--tw-border-opacity,1))!important
}

.border-\[\#005c29\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 92 41/var(--tw-border-opacity,1))
}

.border-\[\#1D39C4\] {
    --tw-border-opacity: 1;
    border-color: rgb(29 57 196/var(--tw-border-opacity,1))
}

.border-\[\#3eb877\] {
    --tw-border-opacity: 1;
    border-color: rgb(62 184 119/var(--tw-border-opacity,1))
}

.border-\[\#E9E9E9\] {
    --tw-border-opacity: 1;
    border-color: rgb(233 233 233/var(--tw-border-opacity,1))
}

.border-\[\#F0F0F0\] {
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240/var(--tw-border-opacity,1))
}

.border-\[\#d4323b\] {
    --tw-border-opacity: 1;
    border-color: rgb(212 50 59/var(--tw-border-opacity,1))
}

.border-\[\#e78438\] {
    --tw-border-opacity: 1;
    border-color: rgb(231 132 56/var(--tw-border-opacity,1))
}

.border-\[--color-border\] {
    border-color: var(--color-border)
}

.border-\[var\(--done-color\)\] {
    border-color: var(--done-color)
}

.border-\[var\(--inprogress-color\)\] {
    border-color: var(--inprogress-color)
}

.border-\[var\(--primary-color\)\] {
    border-color: var(--primary-color)
}

.border-\[var\(--unactive-color\)\] {
    border-color: var(--unactive-color)
}

.border-border\/50 {
    border-color: hsl(var(--border)/.5)
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity,1))
}

.\!bg-white {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))!important
}

.bg-\[\#005c29\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 92 41/var(--tw-bg-opacity,1))
}

.bg-\[\#3FB877\] {
    --tw-bg-opacity: 1;
    background-color: rgb(63 184 119/var(--tw-bg-opacity,1))
}

.bg-\[\#B98F0F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(185 143 15/var(--tw-bg-opacity,1))
}

.bg-\[\#D1E7BF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(209 231 191/var(--tw-bg-opacity,1))
}

.bg-\[\#D9D9D9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity,1))
}

.bg-\[\#EDFDF6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 253 246/var(--tw-bg-opacity,1))
}

.bg-\[\#F0F0F0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity,1))
}

.bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))
}

.bg-\[\#FAAD14\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 173 20/var(--tw-bg-opacity,1))
}

.bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity,1))
}

.bg-\[\#FDF0DD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 240 221/var(--tw-bg-opacity,1))
}

.bg-\[\#FFB951\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 185 81/var(--tw-bg-opacity,1))
}

.bg-\[\#FFFBE6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 230/var(--tw-bg-opacity,1))
}

.bg-\[\#b98f0f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(185 143 15/var(--tw-bg-opacity,1))
}

.bg-\[\#e8f6ed\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 246 237/var(--tw-bg-opacity,1))
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))
}

.bg-\[\#f9f7f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 247 248/var(--tw-bg-opacity,1))
}

.bg-\[\#fdf3eb\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 243 235/var(--tw-bg-opacity,1))
}

.bg-\[--color-bg\] {
    background-color: var(--color-bg)
}

.bg-\[var\(--done-color\)\] {
    background-color: var(--done-color)
}

.bg-\[var\(--inprogress-color\)\] {
    background-color: var(--inprogress-color)
}

.bg-\[var\(--primary-color\)\] {
    background-color: var(--primary-color)
}

.bg-background {
    background-color: hsl(var(--background))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))
}

.bg-card {
    background-color: hsl(var(--card))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity,1))
}

.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202/var(--tw-bg-opacity,1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity,1))
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity,1))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-white\/30 {
    background-color: hsla(0,0%,100%,.3)
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-\[linear-gradient\(180deg\2c _rgba\(255\2c 255\2c 255\2c 0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3660057773109243\)_24\%\2c _rgba\(255\2c 255\2c 255\2c 1\)_100\%\)\] {
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.366) 24%,#fff)
}

.bg-\[linear-gradient\(90deg\2c _\#FF3D28_0\%\2c _\#FF9549_100\%\)\] {
    background-image: linear-gradient(90deg,#ff3d28,#ff9549)
}

.bg-\[linear-gradient\(95\.19deg\2c \#B67837_-23\.15\%\2c \#EEC684_1\.31\%\2c \#F2CF69_33\.48\%\2c \#FFE174_50\.21\%\2c \#F8D76E_59\.22\%\2c \#E5BC5E_74\.67\%\2c \#EEC684_95\.26\%\2c \#B67837_105\.55\%\)\] {
    background-image: linear-gradient(95.19deg,#b67837 -23.15%,#eec684 1.31%,#f2cf69 33.48%,#ffe174 50.21%,#f8d76e 59.22%,#e5bc5e 74.67%,#eec684 95.26%,#b67837 105.55%)
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-left-top {
    background-position: 0 0
}

.\!bg-no-repeat {
    background-repeat: no-repeat!important
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-foreground {
    fill: hsl(var(--foreground))
}

.fill-muted-foreground {
    fill: hsl(var(--muted-foreground))
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[1px\] {
    padding: 1px
}

.p-\[8px\] {
    padding: 8px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[17px\] {
    padding-left: 17px;
    padding-right: 17px
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.pb-0 {
    padding-bottom: 0
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-0 {
    padding-left: 0
}

.pl-2 {
    padding-left: .5rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-0 {
    padding-right: 0
}

.pr-4 {
    padding-right: 1rem
}

.pr-\[17px\] {
    padding-right: 17px
}

.pt-0 {
    padding-top: 0
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-\[100px\] {
    padding-top: 100px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-\[ggsm\] {
    font-family: ggsm
}

.font-\[ggsr\] {
    font-family: ggsr
}

.font-ggsm {
    font-family: googlesansmedium, sans-serif;
}

.font-inter {
    font-family: Inter
}

.font-intermedium {
    font-family: Inter-Medium
}

.font-mono {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

.\!text-\[14px\] {
    font-size: 14px!important
}

.\!text-\[18px\] {
    font-size: 18px!important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[32px\] {
    font-size: 32px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-5 {
    line-height: 1.25rem
}

.leading-\[17px\] {
    line-height: 17px
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-none {
    line-height: 1
}

.tracking-tight {
    letter-spacing: -.025em
}

.\!text-\[\#005C29\],.\!text-\[\#005c29\] {
    --tw-text-opacity: 1!important;
    color: rgb(0 92 41/var(--tw-text-opacity,1))!important
}

.\!text-\[\#0e1983\] {
    --tw-text-opacity: 1!important;
    color: rgb(14 25 131/var(--tw-text-opacity,1))!important
}

.\!text-\[\#15A959\] {
    --tw-text-opacity: 1!important;
    color: rgb(21 169 89/var(--tw-text-opacity,1))!important
}

.\!text-\[\#bfbfbf\] {
    --tw-text-opacity: 1!important;
    color: rgb(191 191 191/var(--tw-text-opacity,1))!important
}

.\!text-\[--primary-color\] {
    color: var(--primary-color)!important
}

.\!text-black {
    color: rgb(0 0 0/var(--tw-text-opacity,1))!important
}

.\!text-black,.\!text-white {
    --tw-text-opacity: 1!important
}

.\!text-white {
    color: rgb(255 255 255/var(--tw-text-opacity,1))!important
}

.text-\[\#005C29\],.text-\[\#005c29\] {
    --tw-text-opacity: 1;
    color: rgb(0 92 41/var(--tw-text-opacity,1))
}

.text-\[\#0E1983\] {
    --tw-text-opacity: 1;
    color: rgb(14 25 131/var(--tw-text-opacity,1))
}

.text-\[\#1D39C4\] {
    --tw-text-opacity: 1;
    color: rgb(29 57 196/var(--tw-text-opacity,1))
}

.text-\[\#1F1F1F\] {
    --tw-text-opacity: 1;
    color: rgb(31 31 31/var(--tw-text-opacity,1))
}

.text-\[\#1d39c4\] {
    --tw-text-opacity: 1;
    color: rgb(29 57 196/var(--tw-text-opacity,1))
}

.text-\[\#1f1f1f\] {
    --tw-text-opacity: 1;
    color: rgb(31 31 31/var(--tw-text-opacity,1))
}

.text-\[\#393939\] {
    --tw-text-opacity: 1;
    color: rgb(57 57 57/var(--tw-text-opacity,1))
}

.text-\[\#797979\] {
    --tw-text-opacity: 1;
    color: rgb(121 121 121/var(--tw-text-opacity,1))
}

.text-\[\#8C8C8C\] {
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity,1))
}

.text-\[\#A2A0A0\] {
    --tw-text-opacity: 1;
    color: rgb(162 160 160/var(--tw-text-opacity,1))
}

.text-\[\#EA0B16\] {
    --tw-text-opacity: 1;
    color: rgb(234 11 22/var(--tw-text-opacity,1))
}

.text-\[\#F5222D\] {
    --tw-text-opacity: 1;
    color: rgb(245 34 45/var(--tw-text-opacity,1))
}

.text-\[\#F53449\] {
    --tw-text-opacity: 1;
    color: rgb(245 52 73/var(--tw-text-opacity,1))
}

.text-\[\#FF6A34\] {
    --tw-text-opacity: 1;
    color: rgb(255 106 52/var(--tw-text-opacity,1))
}

.text-\[\#bfbfbf\] {
    --tw-text-opacity: 1;
    color: rgb(191 191 191/var(--tw-text-opacity,1))
}

.text-\[\#f5222d\] {
    --tw-text-opacity: 1;
    color: rgb(245 34 45/var(--tw-text-opacity,1))
}

.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.text-\[var\(--done-color\)\] {
    color: var(--done-color)
}

.text-\[var\(--inprogress-color\)\] {
    color: var(--inprogress-color)
}

.text-\[var\(--primary-color\)\] {
    color: var(--primary-color)
}

.text-\[var\(--unactive-color\)\] {
    color: var(--unactive-color)
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity,1))
}

.text-card-foreground {
    color: hsl(var(--card-foreground))
}

.text-foreground {
    color: hsl(var(--foreground))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity,1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity,1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity,1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity,1))
}

.text-muted-foreground {
    color: hsl(var(--muted-foreground))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity,1))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity,1))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.opacity-0 {
    opacity: 0
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,.shadow-\[-4px_0px_5px_0px_rgba\(248\2c 251\2c 255\2c 0\.9\)\] {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[-4px_0px_5px_0px_rgba\(248\2c 251\2c 255\2c 0\.9\)\] {
    --tw-shadow: -4px 0px 5px 0px rgba(248,251,255,.9);
    --tw-shadow-colored: -4px 0px 5px 0px var(--tw-shadow-color)
}

.shadow-\[0px_0px_30px_0px_\#0000001F\] {
    --tw-shadow: 0px 0px 30px 0px #0000001f;
    --tw-shadow-colored: 0px 0px 30px 0px var(--tw-shadow-color)
}

.shadow-\[0px_0px_30px_0px_\#0000001F\],.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-none,.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.drop-shadow {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.t-transition-transform {
    transition: all .3s ease-in-out;
}

.duration-200 {
    transition-duration: .2s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.\[--done-color\: var\(--primary-color\)\] {
    --done-color:var(--primary-color)
}

.\[--inprogress-color\: \#FAAD14\] {
    --inprogress-color:#faad14
}

.\[--unactive-color\: \#8C8C8C\] {
    --unactive-color:#8c8c8c
}

.\[--unactive-color\: \#F5222D\] {
    --unactive-color:#f5222d
}

.\!\[background-size\:100\%\] {
    background-size: 100%!important
}

.\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere
}

.slick-dots {
    position: absolute;
    bottom: -2.5em;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    height: 8px!important;
    width: 8px!important;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    text-indent: -9999px;
    background-color: hsla(0,0%,100%,.96);
    transition: width .3s ease
}

.slick-dots .slick-active {
    width: 36px!important;
    border-radius: 10px
}

.slick-dots li button:before {
    display: none
}

.slick-thumb {
    bottom: 25px!important
}

.slick-list {
    font-size: 0
}

.section-outstanding__slider .slick-slide {
    height: inherit!important;
    padding: .5rem!important
}

.section-outstanding__slider__mega .slick-slide {
    padding: .4rem!important
}

.section-outstanding__slider__new {
    width: 100%
}

.section-outstanding__slider__new .slick-slide {
    padding: .4rem .4rem .4rem .6rem!important
}

.section-outstanding__slider .slick-track {
    display: flex!important
}

.storeSlider .slick-track {
    margin-left: 0!important
}

.section-outstanding__slider .slick-slide>div {
    justify-self: center;
    height: 100%;
    width: 100%;
    max-width: 100%;
    padding: 0
}

.section-outstanding__slider button.slick-arrow.slick-next {
    right: -13px;
    margin-right: 0
}

.section-outstanding__slider button.slick-arrow.slick-prev {
    left: -13px;
    margin-left: 0
}

.section-outstanding__slider__new button.slick-arrow.slick-next {
    right: -13px;
    margin-right: 0
}

.section-outstanding__slider__new button.slick-arrow.slick-prev {
    left: -13px;
    margin-left: 0
}

.section-outstanding__slider button.slick-arrow {
    position: absolute;
    width: 32px;
    z-index: 3;
    border-radius: 50%;
    background-color: hsla(210,2%,60%,.5);
    height: 32px
}

.section-outstanding__slider .slick-arrow:after,.section-outstanding__slider .slick-arrow:before {
    content: "";
    background-color: #fff;
    height: 2px;
    left: 11px;
    position: absolute;
    top: 47%;
    width: 25%;
    z-index: 4;
    opacity: 1
}

.section-outstanding__slider .slick-next:before {
    transform: rotate(45deg);
    transform-origin: bottom right
}

.section-outstanding__slider .slick-next:after {
    transform: rotate(-45deg);
    transform-origin: top right
}

.section-outstanding__slider .slick-prev:before {
    transform: rotate(45deg);
    transform-origin: bottom right
}

.section-outstanding__slider .slick-prev:after {
    transform: rotate(-45deg);
    transform-origin: top right
}

.slick-next.slick-disabled:after,.slick-prev.slick-disabled:after {
    opacity: .25
}

.section-outstanding__slider .slick-prev {
    transform: rotate(180deg) translateY(50%)
}

.section-outstanding__slider .slick-next {
    transform: translateY(-50%)
}

.section-outstanding__slider.bestproduct__slider {
    margin-bottom: 0
}

.section-outstanding__slider.bestproduct__slider .slick-track {
    padding: 50px 0 45px!important
}

.section-outstanding__slider.bestproduct__slider .slick-slide {
    transition: all 1.2s ease
}

.section-outstanding__slider.bestproduct__slider .slick-center {
    transform: scale(1.2);
    transform-origin: center center
}

.section-outstanding__slider.bestproduct__slider button.slick-arrow {
    margin-top: inherit;
    border-radius: 50%;
    background-color: hsla(210,2%,60%,.5);
    height: 35px;
    width: 35px
}

.section-outstanding__slider.bestproduct__slider .slick-prev {
    left: 30px!important
}

.section-outstanding__slider.bestproduct__slider .slick-next {
    right: 30px!important
}

.section-outstanding__slider.bestproduct__slider .slick-arrow:after,.section-outstanding__slider.bestproduct__slider .slick-arrow:before {
    height: 2px;
    position: absolute;
    top: 47%;
    width: 30%;
    z-index: 4;
    opacity: 1;
    left: 33%
}

.section-outstanding__slider.storeSlider .slick-prev {
    left: -16px!important
}

.section-outstanding__slider.storeSlider .slick-next {
    right: -16px!important
}

@media (max-width: 1360px) {
    .section-outstanding__slider button.slick-arrow.slick-next {
        right:0;
        margin-right: 0
    }

    .section-outstanding__slider button.slick-arrow.slick-prev {
        left: 0;
        margin-left: 0
    }

    .section-outstanding__slider.bestproduct__slider .slick-center {
        transform: scale(1.2,1.15)
    }

    .section-outstanding__slider__new button.slick-arrow.slick-prev {
        left: 0;
        margin-left: 0
    }
}

@media (max-width: 1240px) {
    .section-outstanding__slider__new button.slick-arrow.slick-next {
        right:0;
        margin-right: 0
    }

    .section-outstanding__slider__new button.slick-arrow.slick-prev {
        left: 0;
        margin-left: 0
    }
}

@media (max-width: 1200px) {
    .section-outstanding__slider__new {
        width:calc(100% + .6vw)
    }

    .section-outstanding__slider__new .slick-slide {
        padding: .4rem .5rem!important
    }

    .section-outstanding__slider__new button.slick-arrow.slick-next {
        right: -16px
    }

    .section-outstanding__slider__new button.slick-arrow.slick-prev {
        left: -12px
    }
}

@media (max-width: 768px) {
    .section-outstanding__slider button.slick-arrow,.section-outstanding__slider.bestproduct__slider button.slick-arrow {
        width:28px;
        height: 28px
    }

    .section-outstanding__slider .slick-arrow:after,.section-outstanding__slider .slick-arrow:before {
        left: 10px
    }

    .section-outstanding__slider.bestproduct__slider .slick-track {
        padding: 1rem 0!important
    }

    .section-outstanding__slider.bestproduct__slider .slick-center {
        transform: none
    }

    .section-outstanding__slider.bestproduct__slider .slick-prev {
        left: 10px!important
    }

    .section-outstanding__slider.bestproduct__slider .slick-next {
        right: 10px!important
    }
}

@media (max-width: 576px) {
    .section-outstanding__slider.bestproduct__slider .slick-track {
        padding:2rem 0!important
    }

    .section-outstanding__slider.bestproduct__slider .slick-center {
        transform: scale(1.1)
    }

    .section-outstanding__slider.bestproduct__slider .slick-prev {
        left: 5px!important
    }

    .section-outstanding__slider.bestproduct__slider .slick-next {
        right: 5px!important
    }
}

.header_user {
    border-radius: 50px;
    background-color: #f9b514;
    display: flex;
    align-items: center;
    position: relative;
    padding: .5em .75em
}

.header_user_name {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    min-width: 7em;
    margin-right: 3rem
}

.header_user_avatar {
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -3px
}

.header_user_avatar_image {
    border-radius: 50%;
    border: 3px solid #fff!important
}

.scrollButtons {
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 640px) {
    .header_user {
        background-color:transparent
    }

    .header_user_name {
        display: none
    }

    .header_user_avatar {
        width: 40px;
        top: -13px
    }
}

.back-to-top {
    position: fixed;
    bottom: -30px;
    z-index: 100;
    transition: bottom .5s;
    color: var(--primary-color);
    text-align: center;
    cursor: pointer;
    line-height: 1;
    opacity: 0;
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2)
}

.back-to-top.visible {
    opacity: 1
}

.back-to-top-text {
    font-size: 10px;
    font-weight: 500
}

.back-to-top.userbusiness-information {
    bottom: 5.8rem!important
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

@media (max-width: 767px) {
    .back-to-top {
        width:40px;
        height: 40px;
        padding: 0
    }

    .back-to-top.visible {
        bottom: 6em
    }

    .back-to-top-text {
        font-size: 14px;
        font-weight: 500
    }

    .back-to-top.cart {
        display: none
    }

    .slick-thumb {
        bottom: 5px!important
    }
}

.rug {
    font-family: Helvetica;
    font-size: 16px;
    color: #c5c5c5;
    width: 100%;
    padding: 4px
}

.rug img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rug .rug-file-input {
    display: none!important
}

.rug .rug-item {
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: grab
}

.rug .rug-items.__card {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    margin: 0 -10px
}

@media (max-width: 450px) {
    .rug .rug-items.__card {
        grid-template-columns:repeat(auto-fill,minmax(180px,1fr))
    }
}

.rug .rug-items.__card .rug-item {
    display: flex;
    justify-content: center;
    align-items: center
}

.rug .rug-items.__list {
    padding-top: 30px;
    min-height: 220px
}

.rug .rug-handle {
    width: 100%;
    height: 130px!important;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.23)
}

.rug .rug-handle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rug .rug-handle:hover {
    cursor: pointer;
    box-shadow: 0 0 0 .2rem rgba(0,180,110,.25)
}

.rug .rug-handle:hover,.rug .rug-handle:hover:before {
    border: 1px solid transparent
}

.rug .rug-handle svg.rug-handle-icon {
    width: 50px;
    height: 50px
}

.rug .rug-handle svg.rug-handle-icon line,.rug .rug-handle svg.rug-handle-icon polyline {
    fill: none;
    stroke: #3d4852;
    stroke-linejoin: round;
    stroke-width: 2px;
    stroke-linecap: round
}

.rug .rug-handle.__dragging:before {
    border: 4px dashed var(--primary-color);
    background-color: rgba(0,122,255,.15)
}

.rug .rug-handle.__dragging svg line,.rug .rug-handle.__dragging svg polyline {
    stroke: var(--primary-color)
}

.rug .rug-handle.__dragging .__arrow {
    animation: up-arrow 1s infinite forwards;
    color: var(--primary-color)
}

.rug .rug-handle .rug-handle-info {
    position: relative;
    padding: 0;
    text-align: center
}

.rug .rug-handle .rug-handle-info .rug-handle-drop-text {
    font-size: 14px
}

.rug .rug-handle .rug-handle-info .rug-handle-limit-message {
    font-size: 12px;
    font-style: italic
}

.rug .rug-handle .rug-handle-info .rug-handle-button {
    background-color: var(--primary-color);
    border-radius: 3px;
    padding: 7px 12px;
    font-size: 16px;
    color: #f5f5f5;
    text-align: center;
    cursor: pointer;
    max-width: 250px;
    display: block;
    margin: 0 auto
}

.rug .rug-handle .rug-handle-info .rug-handle-button:hover {
    background-color: rgba(0,122,255,.8)
}

.rug .rug-handle .rug-handle-info span {
    text-align: center;
    padding: 10px 0;
    font-size: 17px;
    display: block
}

@keyframes up-arrow {
    0%,50% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(0)
    }
}

@media (max-width: 960px) {
    .rug .rug-handle {
        height:170px
    }

    .rug .rug-handle svg {
        width: 50px
    }

    .rug .rug-handle .rug-handle-drop-text,.rug .rug-handle span {
        display: none!important
    }
}

.rug-card {
    width: 100px;
    height: 100px;
    background-color: #3d4852;
    border-radius: 5px;
    position: relative;
    font-family: Helvetica;
    overflow: hidden;
    cursor: pointer;
    margin: 10px
}

@media (max-width: 450px) {
    .rug-card {
        width:160px;
        height: 160px
    }
}

.rug-card.__error {
    border: 3px solid #ff2d55
}

.rug-card .rug-card-image {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.rug-card .rug-card-name {
    position: absolute;
    z-index: 15;
    height: 100px;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
    background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.7) 9%,transparent);
    background-blend-mode: multiply;
    color: #f5f5f5
}

.rug-card .rug-card-name>div {
    margin: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.rug-card .rug-card-size {
    color: #c3c3c3;
    font-size: 11px
}

.rug-card .rug-card-progress {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    display: block
}

.rug-card .rug-card-progress .__progress-cricle {
    stroke: #007aff;
    fill: none;
    stroke-width: 5;
    stroke-linecap: round;
    transition: stroke-dasharray .2s ease
}

.rug-card .rug-card-progress-count {
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: 700
}

.rug-card .rug-card-progress-count,.rug-card .rug-card-refresh {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px
}

.rug-card .rug-card-refresh {
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.7);
    z-index: 20;
    border: 2px solid transparent
}

.rug-card .rug-card-refresh:hover {
    background-color: hsla(0,0%,100%,.9);
    border: 2px solid #3d4852
}

.rug-card .rug-card-refresh .__refresh-icon g {
    fill: #3d4852
}

.rug-card .rug-card-refresh.__spin {
    animation: __spin 1s linear infinite;
    border: 2px solid #007aff!important
}

.rug-card .rug-card-refresh.__spin .__refresh-icon g {
    fill: #007aff
}

.rug-card .rug-card-upload-button {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.7);
    z-index: 20;
    text-align: center;
    border: 2px solid transparent
}

.rug-card .rug-card-upload-button svg {
    width: 25px;
    margin-top: 6px
}

.rug-card .rug-card-upload-button svg line,.rug-card .rug-card-upload-button svg polyline {
    fill: none;
    stroke: #3d4852;
    stroke-linejoin: round;
    stroke-width: 3px;
    stroke-linecap: round
}

.rug-card .rug-card-upload-button:hover {
    border: 2px solid #007aff;
    background-color: hsla(0,0%,100%,.9)
}

.rug-card .rug-card-upload-button:hover svg line,.rug-card .rug-card-upload-button:hover svg polyline {
    stroke: #007aff
}

.rug-card .rug-card-upload-button:hover svg .__arrow {
    animation: up-arrow 1s infinite forwards
}

.rug-card .rug-card-remove {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background-color: #3d4852;
    opacity: .75;
    border-radius: 9999px;
    margin: 4px;
    padding: 4px;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.5px solid transparent;
    transition: border .2s ease;
    cursor: pointer;
    z-index: 111
}

.rug-card .rug-card-remove:hover {
    border: 1.5px solid #fff
}

.rug-card .rug-card-remove svg {
    stroke: currentColor;
    height: 18px;
    width: 18px
}

.rug-list {
    width: 100%;
    background-color: #3d4852;
    border-radius: 3px;
    position: relative;
    font-family: Helvetica;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.rug-list.__error {
    border: 3px solid #ff2d55
}

.rug-list .rug-list-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: #007aff;
    border: 3px;
    opacity: 0;
    transition: all .2s ease
}

.rug-list .rug-list-progress.__active {
    opacity: 1
}

.rug-list .rug-list-progress-count {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #f5f5f5;
    font-size: 13px;
    opacity: 0;
    transition: all .2s ease
}

.rug-list .rug-list-progress-count.__active {
    opacity: 1
}

.rug-list .rug-list-refresh {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.7);
    z-index: 20;
    border: 2px solid transparent;
    cursor: pointer
}

.rug-list .rug-list-refresh:hover {
    background-color: hsla(0,0%,100%,.9)
}

.rug-list .rug-list-refresh .__refresh-icon g {
    fill: #3d4852
}

.rug-list .rug-list-refresh.__spin {
    animation: __spin 1s linear infinite
}

.rug-list .rug-list-refresh.__spin .__refresh-icon g {
    fill: #007aff
}

.rug-list .rug-list-upload-button {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.7);
    z-index: 20;
    text-align: center;
    border: 2px solid transparent;
    cursor: pointer
}

.rug-list .rug-list-upload-button svg {
    width: 15px;
    margin-top: 2px
}

.rug-list .rug-list-upload-button svg line,.rug-list .rug-list-upload-button svg polyline {
    fill: none;
    stroke: #3d4852;
    stroke-linejoin: round;
    stroke-width: 3px;
    stroke-linecap: round
}

.rug-list .rug-list-upload-button:hover {
    background-color: hsla(0,0%,100%,.9)
}

.rug-list .rug-list-upload-button:hover svg line,.rug-list .rug-list-upload-button:hover svg polyline {
    stroke: #007aff
}

.rug-list .rug-list-upload-button:hover svg .__arrow {
    animation: up-arrow 1s infinite forwards
}

.rug-list .rug-list-image {
    width: 100px;
    height: 70px;
    padding: 5px
}

.rug-list .rug-list-image img {
    width: 100%;
    height: 100%
}

.rug-list .rug-list-content {
    padding: 5px;
    width: calc(100% - 120px)
}

.rug-list .rug-list-content .rug-list-name {
    color: #f5f5f5;
    white-space: nowrap;
    font-size: 14px;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    width: calc(100% - 40px)
}

.rug-list .rug-list-content .rug-list-size {
    color: #ddd;
    font-size: 12px;
    margin-top: 3px
}

.rug-list .rug-list-remove {
    position: absolute;
    z-index: 40;
    top: 0;
    right: 0;
    color: #ccc;
    opacity: .75;
    border-radius: 9999px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.rug-list .rug-list-remove svg {
    stroke: currentColor;
    height: 22px;
    width: 22px
}

.rug-list .rug-list-remove:hover {
    color: #fff
}

.ins-preview-wrapper {
    padding-bottom: 5px;
    padding-top: 5px;
    color: #fff
}

.ins-preview-wrapper .ins-element-link {
    font-size: 14px
}

[class*=navBar] .ins-preview-wrapper .ins-element-editable {
    font-size: 13px!important
}

.ins-general-image {
    width: 350px;
    height: 400px
}

@keyframes __spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.__sorting .rug-card,.__sorting .rug-list {
    cursor: grab
}

.rug-dragging-item {
    cursor: grabbing
}

.rug-dragging-item>div:not(.rug-list) {
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .fb_dialog iframe {
        right:-15px!important;
        transform: scale(.8);
        bottom: 110px!important;
        z-index: 900px!important
    }
}

@media only screen and (min-width: 768px) and (max-width:1367px) and (orientation:landscape) {
    .fb_dialog iframe {
        right:-15px!important;
        transform: scale(.8);
        bottom: 110px!important
    }
}

@media only screen and (min-width: 768px) and (max-width:1025px) and (orientation:portrait) {
    .fb_dialog iframe {
        right:-15px!important;
        transform: scale(.8);
        bottom: 110px!important
    }
}

@media only screen and (max-width: 767px) {
    .fb_iframe_widget iframe {
        right:6px!important;
        bottom: 80px!important
    }
}

.product-scanner .slick-arrow {
    background: none
}

.product-scanner .slick-next:before,.product-scanner .slick-prev:before {
    color: var(--primary-color)
}

.product-scanner .slick-dots li {
    background: var(--primary-color)
}

.fb-customerchat {
    opacity: 0!important
}

.lineLimit1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.lineLimit2 {
    height: 34px
}

.lineLimit2 small {
    font-family: ggsr
}

.mobileSection-outstanding__slider .slick-arrow:after,.mobileSection-outstanding__slider .slick-arrow:before,.mobileSection-outstanding__slider.bestproduct__slider button.slick-arrow {
    background-color: transparent!important
}

.mobileSection-outstanding__slider .slick-arrow.slick-prev {
    z-index: 1
}

.slick-list,.slick-track {
    touch-action: off
}

.swiper-pagination-bullet-active {
    background-color: var(--primary-color)!important
}

.filter-product-checkbox .MuiTypography-body1 {
    font-family: ggsr ,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #000;
    margin-left: 5px
}

.filter-product-checkbox .Mui-checked~.MuiTypography-body1 {
    font-family: ggsr ,sans-serif;
    font-weight: 700
}

.filter-product-checkbox .MuiIconButton-label svg {
    opacity: 0
}

.filter-product-checkbox .Mui-checked .MuiIconButton-label svg {
    opacity: 1
}

.filter-product-checkbox .MuiIconButton-label {
    border: 2px solid #a2a0a0!important;
    border-radius: 4px;
    width: 20px;
    height: 20px
}

.filter-product-radio .MuiIconButton-label {
    color: var(--primary-color)!important
}

.filter-product-radio .MuiIconButton-label .MuiSvgIcon-root:first-child {
    color: #a2a0a0!important
}

.filter-product-checkbox .MuiIconButton-label svg {
    fill: var(--primary-color)!important;
    width: 18px
}

.MuiFormControlLabel-root.filter-product-checkbox {
    padding-left: 12px!important;
    margin-top: 3px;
    margin-bottom: 3px
}

.lucky-wheel-fb-share-btn {
    margin: 2px auto;
    /* background: url(/images/spinner/facebook_icon.svg) no-repeat!important; */
    background-size: contain!important
}

.lucky-wheel-fb-share-btn,.lucky-wheel-fb-share-btn a,.lucky-wheel-fb-share-btn iframe,.lucky-wheel-fb-share-btn span {
    width: 35px!important;
    height: 35px!important
}

.lucky-wheel-fb-share-btn iframe {
    position: absolute;
    right: unset!important;
    bottom: unset!important
}

.lucky-wheel-fb-share-btn #_no-clickjacking-0,.lucky-wheel-fb-share-btn #_no-clickjacking-1,.lucky-wheel-fb-share-btn #_no-clickjacking-2,.lucky-wheel-fb-share-btn span {
    opacity: 0!important
}

#openChat>div>span {
    z-index: 10
}

#openChat>div>span>img {
    width: inherit;
    height: inherit;
    max-height: inherit!important
}

.highProfitDoubleLayer {
    background: linear-gradient(var(--high-profit-angle),var(--high-profit-head-color) var(--high-profit-head-percent-color),var(--high-profit-middle-color) var(--high-profit-middle-percent-color))!important;
    border: none!important
}

.highProfitDoubleLayer:hover {
    opacity: .9!important;
    border: none!important
}

.highProfitTribleLayer {
    background: linear-gradient(var(--high-profit-angle),var(--high-profit-head-color) var(--high-profit-head-percent-color),var(--high-profit-middle-color) var(--high-profit-middle-percent-color),var(--high-profit-end-color) var(--high-profit-end-percent-color))!important;
    border: none!important
}

.highProfitTribleLayer:hover {
    opacity: .9;
    border: none!important
}

.highProfitChild {
    mix-blend-mode: normal
}

.highProfitPlusLighter {
    mix-blend-mode: plus-lighter
}

.highProfitColorWhite {
    color: #fff!important;
    fill: #fff!important
}

.highProfitBackgroundWhite {
    background-color: #fff
}

.highProfitInputQuantity {
    background-color: #fff!important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.highProfitQuickOrder {
    background-color: #fff;
    border-radius: 10px
}

.scrollbar-0 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scrollbar-0::-webkit-scrollbar {
    display: none
}

.scrollbar-primary {
    scrollbar-color: var(--primary-color) transparent
}

.first\:hidden:first-child {
    display: none
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:\!border-\[var\(--primary-color\)\]: hover {
    border-color:var(--primary-color)!important
}

.hover\:bg-\[\#D1E7BF\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 231 191/var(--tw-bg-opacity,1))
}

.hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity,1))
}

.hover\:text-\[var\(--primary-color\)\]: hover {
    color:var(--primary-color)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.group[open] .group-open\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

@media (min-width: 640px) {
    .sm\:grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 768px) {
    .md\:\!grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .lg\:\!grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))!important
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }
}

@media (min-width: 1280px) {
    .xl\:w-\[1028px\] {
        width:1028px
    }

    .xl\:\!grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))!important
    }
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none
}

.\[\&\>\*\]\:basis-1\/4>* {
    flex-basis: 25%
}

.\[\&\>\*\]\:justify-center>* {
    justify-content: center
}

.styles_notificationChild_container__vbuxp {
    clear: both
}

.styles_notification_indicator__8A1Bi {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
    border: transparent
}

.styles_notification_label__M5clx {
    padding: 2px 4px!important;
    border-radius: 4px;
    font-size: 12px
}

.styles_notification_title__uRUsH {
    font-family: ggsr ,sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #797979
}

.styles_isRead___fiA9 {
    display: flex;
    align-items: baseline;
    min-width: 8px;
    padding-top: 6px
}

.styles_notificationsItem__Y42KH {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 12px!important;
    border-top: 1px solid #e9e9e9
}

.styles_notificationsItem__Y42KH:hover {
    background-color: rgb(143 253 198/8%)!important
}

.styles_read__WIgTK {
    background-color: #fff!important
}

.styles_unRead__iPJbc {
    font-weight: 700!important
}

.styles_createdAt__cgZM_ {
    font-family: ggsr ,sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #797979;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 12px
}

.styles_dateLabel__tqB9r {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 20px 8px 12px;
    gap: 12px;
    background-color: #f5f5f5;
    color: #797979
}

.styles_labelTab__8z_uZ {
    text-transform: capitalize
}

.styles_notification_container__yJ6wA [class*=MuiTabs-flexContainer] [class*=Mui-selected] .styles_numNoti__eWM__ {
    background-color: #edfef6;
    color: #005c29;
    padding: 0 4px
}

.styles_notification_tabContainer__lUnx6 {
    clear: both
}

.styles_numNoti__eWM__ {
    padding: 0 4px;
    background-color: #f5f5f5
}

.styles_alreadyRead__WvfXv {
    color: #121e86
}

.styles_viewAll__5vUfK {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 64px;
    padding: 6px 8px!important;
    width: 100%
}

.styles_viewAll__5vUfK:hover {
    background-color: rgba(0,171,85,.08)!important
}

.styles_viewAllTitle__izmDc {
    line-height: 1.7!important;
    color: var(--primary-color)!important;
    font-family: googlesansregular;
    font-size: 14px!important
}

.styles_dateLabel__UsNX9 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 20px 8px 12px;
    gap: 12px;
    background-color: #f5f5f5;
    color: #797979
}

.styles_emptyNotification__3zPSZ {
    display: flex;
    height: 100%;
    width: 100%;
    text-align: center;
    min-height: 200px;
    margin: 0;
    font-weight: 400;
    font-size: .75rem;
    color: #a9a9a9;
    font-family: ggsr ,sans-serif;
    word-break: break-word;
    justify-content: center;
    align-items: center
}

.styles_emptyNotification__3zPSZ p {
    font-size: 16px
}

.styles_tabPanel_container__M53so {
    overflow: auto;
    padding: 0;
    min-height: 200px;
    max-height: 350px
}

.styles_seeMore_container__VUTpz {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    height: 47px;
    display: flex
}

.styles_loadingContainer__Hs_3C {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.styles_notiContainer__6m2CD {
    display: flex;
    align-items: center;
    gap: 8px
}

.styles_titleNoti__To2Qd {
    color: #fff;
    font-family: ggsr,sans-serif;
    font-size: 14px
}

.styles_notifyWrap__BH8_d {
    background: #fff;
    width: 400px;
    max-width: 100%;
    border-radius: 8px!important;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    border-top: .5px solid #ececec;
    overflow: hidden
}

.styles_notifyWrap__BH8_d [class*=MuiMenu-list] {
    padding: 0
}

.styles_notifyContentTop__ZIytL {
    padding: 14px 20px 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_notifyTitle__nl0fr {
    margin: 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    font-family: googlesansregular
}

.styles_notifyStatus__V4sLB {
    margin: 0;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.57143;
    color: #a9a9a9;
    font-family: googlesansregular
}

.styles_markAll__Dso4F {
    transition: background-color .15s cubic-bezier(.4,0,.2,1) 0ms;
    color: var(--primary-color,#005c29)
}

.styles_notificationsItem__UpFPg {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 12px 20px!important;
    border-bottom: 1px solid hsla(210,9%,60%,.3)
}

.styles_notificationsItem__UpFPg:hover {
    background-color: rgb(143 253 198/8%)!important
}

.styles_read__slmW4 {
    background-color: #fff!important
}

.styles_unRead__uFK8E {
    font-weight: 700!important
}

.styles_badgeContainer__wVKFh {
    position: relative;
    font-size: 12px
}

.styles_badge__AJ2Ij {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 12px;
    max-width: 20px;
    height: 12px;
    padding: 4px;
    right: -8px;
    top: -6px;
    font-size: 8px;
    background-color: #d4323b;
    color: #fff;
    border-radius: 20px;
    font-family: ggsr,sans-serif
}

.styles_MenuOverlay__TshbT {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(34,34,34,.8)
}

.styles_level-1__s6Lb1 {
    z-index: var(--zHeaderMenuOverlay)
}

.styles_level-2__KQ_gr {
    z-index: var(--zHeaderSearchOverlay)
}

.styles_fadeIn__9jaw5 {
    animation: styles_fadeIn__9jaw5 var(--animation-duration)
}

.styles_fadeOut__5517h {
    animation: styles_fadeOut__5517h var(--animation-duration)
}

@keyframes styles_fadeIn__9jaw5 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes styles_fadeOut__5517h {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.styles_searchDropdown___Jm9a {
    width: 100%;
    max-width: 610px;
    margin-top: .5rem!important;
    z-index: 1000!important;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}

.styles_keyword__NSeFl {
    color: #333
}

.styles_keyword__NSeFl,.styles_searchResults__YLodG {
    font-size: 14px!important;
    font-family: googlesansregular
}

.styles_searchResults__YLodG {
    padding: 12px 20px!important;
    display: block!important;
    color: #343a40;
    transition: all .1s ease-in;
    word-break: break-word;
    text-transform: capitalize;
    min-height: 42px;
    line-height: 17.8px
}

.styles_searchResults__YLodG:hover {
    background-color: #f5f5f5;
    text-decoration: none;
    transition: color .1s,background-color .1s
}

.styles_searchResults__YLodG:hover a,.styles_textPrimary__gKZmk {
    color: var(--primary-color)!important
}

.styles_textPrimary__gKZmk {
    font-weight: 500;
    font-family: googlesansmedium, sans-serif;
}

@media screen and (max-width: 980px) {
    .styles_searchDropdown___Jm9a {
        min-width:14em
    }
}

.styles_mostSearching__Dg1XV {
    width: 100%;
    padding: 12px 20px;
    display: inline-flex;
    flex-direction: column;
    color: #343a40;
    transition: all .1s ease-in;
    font-size: 14px;
    word-break: break-word;
    font-family: googlesansregular;
    text-transform: capitalize;
    border-top: 1px solid #dcdbdb
}

.styles_mostSearching__Dg1XV .styles_results__eK7hJ {
    display: inline-flex;
    flex-wrap: wrap;
    row-gap: 12px
}

.styles_mostSearching__Dg1XV .styles_label__MQGtX {
    display: flex;
    color: #797979;
    padding-bottom: 16px;
    text-transform: none
}

.styles_tag__p1F53 {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    background-color: #f5f5f5;
    margin-right: 12px;
    border-radius: 30px;
    padding: 5px 10px!important
}

.styles_hashtag__UR_9Q {
    color: #000;
    font-family: ggsr ,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 5px;
    text-overflow: ellipsis
}

.styles_hoveredRecentSearchText__i5Wqf {
    padding: 12px 20px;
    cursor: pointer;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.styles_hoveredRecentSearchText__i5Wqf:hover {
    background-color: #f5f5f5
}

.styles_styledScroll__Fxtup {
    width: auto;
    max-height: 210px;
    overflow-y: auto
}

.styles_styledScroll__Fxtup::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #fff
}

.styles_styledScroll__Fxtup::-webkit-scrollbar {
    width: 4px;
    background-color: #fff
}

.styles_styledScroll__Fxtup::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a9a9a9
}

.styles_recentSearchTextContainer__GQbeo {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.8px;
    height: 42px
}

.styles_recentSearchTextContent__gi1Jl {
    margin-left: 5px;
    color: #999
}

.styles_dot__tt_Qd {
    background-color: #999;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.styles_tag__p1F53:hover {
    background-color: #fff0f3
}

.styles_tag__p1F53:hover .styles_dot__tt_Qd {
    background-color: #e70000
}

.styles_root_input__4ABPe [class*=MuiInputBase-input] {
    padding-left: 48px!important;
    -webkit-appearance: none
}

.styles_root_input__4ABPe [class*=MuiInputBase-input],.styles_root_input_tablet__DemCG [class*=MuiInputBase-input] {
    font-weight: 500!important;
    font-size: 14px!important;
    background-color: #fff;
    min-width: 0;
    border-radius: 10px 0 0 10px;
    width: 100%!important;
    height: 40px;
    padding-top: 9px;
    color: #4753a8!important;
    text-overflow: ellipsis;
    font-family: googlesansmedium, sans-serif;
}

.styles_root_input_tablet__DemCG [class*=MuiInputBase-input] {
    padding-left: 30px!important
}

.styles_root_input__4ABPe [class*=MuiInputBase-inputTypeSearch],.styles_root_input_tablet__DemCG [class*=MuiInputBase-inputTypeSearch] {
    -webkit-appearance: none
}

.styles_input__Ic4Jc {
    text-align: left;
    color: #a6aed2;
    font-size: 12px
}

.styles_HeaderSearch__24vJp {
    width: 100%!important
}

.styles_SearchInput__CuBZ_ {
    width: 100%
}

.styles_search_wrap__HLrm2 {
    width: calc(100%);
    padding-left: 70px;
    padding-right: 50px;
    z-index: 1000;
    position: relative
}

.styles_search_wrap__HLrm2 [class*=MuiInput-underline]:after,.styles_search_wrap__HLrm2 [class*=MuiInput-underline]:before {
    border: none!important
}

.styles_search_wrap__HLrm2 [class*=MuiInputAdornment-positionStart] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    margin: 0
}

.styles_search_ic_tablet__J01f1 [class*=MuiInputAdornment-positionStart] {
    left: 0!important
}

.styles_selectSearch__VtsX7 {
    border-radius: 0 10px 10px 0
}

.styles_formControl__utyhi {
    width: 190px
}

.styles_formControlTablet__rO8Ts {
    width: 170px
}

.styles_selectInput__T0khH {
    font-family: ggsm,sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #333
}

.styles_selectInput__T0khH select,.styles_selectInput__T0khH select:focus {
    text-align: center;
    height: 40px;
    border-radius: 0 10px 10px 0!important;
    padding-left: 10px;
    padding-top: 9px;
    background-color: #fff
}

.styles_selectInput__T0khH svg {
    transform: translateX(-30px);
    pointer-events: none
}

.styles_hiddenSelect__45e9W {
    display: none!important
}

.styles_stickySelect__S53qz {
    animation: styles_showWidthSelect__W3McW .8s ease
}

@keyframes styles_showWidthSelect__W3McW {
    0% {
        width: 0!important
    }

    to {
        width: 18%!important
    }
}

.styles_stickySelect__S53qz .styles_formControl__utyhi {
    position: relative;
    width: 160px!important;
    border-radius: 0 40px 40px 0!important
}

.styles_stickySelect__S53qz .styles_selectInputFocus__8weNg {
    background-color: #fff;
    border-radius: 0 40px 40px 0!important
}

.styles_stickySelect__S53qz select {
    background-color: #fff!important
}

.styles_searchContainer__bowJ2 {
    position: relative
}

.styles_searchContainer__bowJ2,.styles_searchTabletContainer__nUK2v {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%!important;
    height: 40px
}

.styles_searchTabletContainer__nUK2v {
    border-radius: 40px!important;
    box-shadow: 0 0 0 1px #e0e5f3
}

.styles_root_input_sticky__Fcfle [class*=MuiInputBase-input] {
    border-radius: 2rem!important
}

.styles_root_input_scale__nXySn {
    width: 100%!important
}

.styles_text_field_tablet__F3rqD {
    width: 100%!important;
    padding-left: 15px
}

.styles_focusSelect__8PrHa select {
    background-color: #fff!important
}

.styles_border_search_tablet__zI7R0 {
    border: none;
    outline: none;
    border-radius: 40px!important;
    box-shadow: 0 0 0 1px #0e1983
}

.styles_border_tablet__jiwsb {
    outline: 1px solid #0e1983
}

.styles_border_none__qbrZh select {
    border-top: none!important;
    border-bottom: none!important;
    border-right: none!important
}

.styles_err_border__8f8gB {
    outline: 1px solid #d4323b!important;
    border-radius: 40px
}

.styles_customHr__2wCvq {
    position: absolute;
    z-index: 1;
    left: 0;
    height: 24px;
    width: 1px;
    top: 7px;
    background-color: #dcdcdc
}

.styles_placeholder_wrapper__Y944P {
    position: absolute;
    width: 100%;
    padding-left: 50px;
    height: 40px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    pointer-events: none;
}

.styles_placeholder_wrapper__Y944P::-webkit-scrollbar {
    display: none
}

.styles_placeholder__v2N9g {
    position: absolute;
    display: flex;
    align-items: center;
    color: var(--primary-color);
    opacity: 0;
    transform: translateY(100%);
    transition: all .5s ease-in;
    font-size: 14px;
    font-family: googlesansmedium, sans-serif;
    font-weight: 500
}

@keyframes styles_slideInUp__x2qpU {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.styles_slideInUp__x2qpU {
    animation: styles_slideInUp__x2qpU .5s ease-out forwards
}

@media (max-width: 805px) {
    .styles_search_wrap__HLrm2 {
        padding-left:25px;
        padding-right: 25px
    }

    .styles_search_ic_tablet__J01f1 [class*=MuiInputAdornment-positionStart] {
        left: 5px!important
    }

    .styles_text_field_tablet__F3rqD {
        border-radius: 10px 0 0 10px
    }
}

.styles_confirm_modal_wrap__BSDIr {
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    padding: 1rem 1.5rem;
    border: none;
    border-radius: 24px;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    outline: 0;
    box-shadow: 0 2px 96px rgba(0,0,0,.15)
}

.styles_fixed_width_wrapper__NjqCp {
    min-width: 30rem
}

.styles_warning_icon__6NahT {
    display: flex;
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: .25em solid #facea8;
    color: #f8bb86
}

.styles_text_icon__AMzSU {
    display: flex;
    align-items: center;
    font-size: 3.75em!important
}

.styles_modal_title__I6oFt {
    margin: 16px 0;
    padding: 0;
    color: #202332;
    font-size: 1.25em!important;
    font-weight: 500!important;
    text-transform: none;
    font-style: normal;
    font-family: googlesansmedium, sans-serif;
    line-height: 24px;
    letter-spacing: -.1px
}

.styles_modal_content__sRv3z {
    margin: 16px 0;
    color: #636363!important;
    font-size: 1.125em!important;
    font-weight: 400!important;
    line-height: normal!important;
    font-weight: 400
}

.styles_children__XPnYP>*,.styles_modal_content__sRv3z {
    font-family: googlesansregular
}

.styles_hr__B4U_B {
    border: .5px solid #e3e3e3;
    margin: 20px 0
}

.styles_infor_container__iz_fS {
    padding: 16px 8px
}

.styles_infor_mainTitle__v94eo {
    color: #292929;
    font-family: googlesansmedium, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    text-transform: capitalize
}

.styles_checkout_mainTitle__yqxj3 {
    color: #000;
    text-align: center;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_boxItemCheckout__gdII_ {
    gap: 8px;
    padding: 16px 0
}

.styles_boxItemCheckout__gdII_,.styles_itemRightCheckout__bcSzg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch
}

.styles_itemRightCheckout__bcSzg {
    gap: 6px;
    flex: 1 0 0;
    width: 100%
}

.styles_itemRightCheckout__bcSzg h5 {
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ggsr ,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 36px;
    align-self: stretch;
    margin: 0;
    max-width: 248px
}

.styles_itemRightCheckout__bcSzg span {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_itemImg__ranAv {
    flex-shrink: 0;
    width: 80px;
    height: 80px
}

.styles_groupItem__oAzQA {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch
}

.styles_yes_btn_checkoutReformattedData__c8VsL {
    display: flex;
    height: 40px;
    min-width: 120px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px!important;
    background: var(--primary-color);
    color: #fff;
    width: 100%;
    margin: 16px 0 0!important;
    text-transform: none
}

.styles_yes_btn_checkoutReformattedData__c8VsL:hover {
    background-color: #3fb877
}

.styles_infor_img__TUdgl {
    width: 72px;
    height: 72px
}

.styles_infor_name__iqlRs {
    color: #292929;
    font-family: googlesansmedium, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize
}

.styles_infor_btnfollow__Vo_1c {
    margin: 24px 0!important;
    font-family: googlesansregular;
    font-size: 14px;
    line-height: 18px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

.styles_infor_btnfollow__Vo_1c span:first-child span:first-child {
    padding: 2px 0 2px 4px
}

.styles_infor_box__3xkq9 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #636363;
    margin: 12px 0
}

.styles_infor_box__3xkq9 p {
    font-size: 17px;
    line-height: 20px
}

.styles_infor_title__YBywp {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400
}

.styles_infor_content__Nk_N5 {
    color: var(--primary-color);
    font-family: googlesansmedium, sans-serif;
}

.styles_infor_titlePromotion__86_zQ {
    color: #292929;
    font-family: googlesansmedium, sans-serif;
    font-style: normal;
    text-transform: capitalize
}

.styles_infor_contentPromotion__4BFW3 {
    color: #292929;
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px!important
}

.styles_yes_btn__I8Amr {
    color: #fff
}

.styles_yes_btn__I8Amr,.styles_yes_btn__I8Amr:hover {
    background: var(--primary-color)
}

.styles_yes_btn_checkout__6MAR2 {
    display: flex;
    width: 180px;
    height: 44px;
    padding: 12px 0;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid var(--color-red,#d4323b)!important;
    background: #fff;
    color: #d4323b
}

.styles_no_btn__tXZrq {
    background: #fff;
    color: #000
}

.styles_no_btn_checkout__RPQlR {
    display: flex;
    width: 180px;
    height: 44px;
    padding: 12px 0;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 30px;
    border: 1px solid var(--neutral-description,#797979)!important;
    color: var(--neutral-description,#797979);
    font-family: ggsm;
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

.styles_no_btn__tXZrq span,.styles_no_btn_checkout__RPQlR span,.styles_yes_btn__I8Amr span,.styles_yes_btn_checkout__6MAR2 span {
    margin: 0 18px
}

.styles_btn_container__CFc1e {
    display: flex;
    text-align: center;
    margin: 16px 30px 0;
    justify-content: space-between;
    align-items: center
}

.styles_scrollableContainer__MG0Nk {
    max-height: 275px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: inset 20px 0 0 0 #fff,inset -20px 0 0 0 #fff;
    margin-right: -20px
}

.styles_outerWrapper__64PLv {
    padding: 0 20px
}

@media (max-width: 576px) {
    .styles_btn_container__CFc1e {
        margin:16px 0 0
    }

    .styles_btn_no___NmCH,.styles_btn_yes__fDOq3 {
        width: 125px
    }
}

@media (max-width: 480px) {
    .styles_fixed_width_wrapper__NjqCp {
        min-width:0
    }
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar {
    width: 3px
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-track {
    background: #f1f1f1
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-thumb {
    background: #595959
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-thumb:hover {
    background: #555
}

.styles_profileContainer__mXrKq {
    position: relative
}

.styles_iconInfo__4tIMU {
    color: #fff!important;
    height: 24px;
    width: 24px;
    position: relative
}

.styles_profilePopup__kmf_N {
    position: absolute;
    z-index: 2;
    width: 260px;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 0 10px 10px 0;
    background: #fff;
    right: 0;
    transform: translateY(4.5%)
}

.styles_profilePopup__kmf_N:after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 528px;
    height: 360px;
    top: 0;
    left: -103%;
    border-radius: 10px;
    animation: styles_pause__360Uq .2s ease-in;
    animation-fill-mode: forwards
}

@keyframes styles_pause__360Uq {
    0% {
        box-shadow: none
    }

    to {
        box-shadow: 0 -5px 20px 0 rgba(0,0,0,.2)
    }
}

.styles_wishListContainer__1EJmY {
    position: absolute;
    width: 270px;
    height: 360px;
    border-radius: 10px 0 0 10px;
    background: #fff;
    opacity: 0;
    animation: styles_slide__6WE4j .2s linear;
    animation-fill-mode: forwards;
    padding: 12px 10px 10px
}

@keyframes styles_slide__6WE4j {
    0% {
        opacity: 0;
        left: 0
    }

    to {
        opacity: 1;
        left: -103%
    }
}

.styles_wishListContent__f4dPT {
    height: 85%;
    overflow-y: auto
}

.styles_wishListContent__f4dPT::-webkit-scrollbar {
    width: 4px
}

.styles_wishListContent__f4dPT::-webkit-scrollbar-track {
    -webkit-border-radius: 6px;
    background: #fff;
    border-radius: 6px
}

.styles_wishListContent__f4dPT::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #dadada
}

.styles_isLoading__p7Oa0 {
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_backdrop__Rzvjb {
    position: fixed;
    z-index: 510;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    animation: styles_effect__zigxS .2s ease-in;
    animation-fill-mode: forwards
}

@keyframes styles_effect__zigxS {
    0% {
        background: none
    }

    to {
        background: rgba(31,31,31,.6)
    }
}

.styles_menuListContainer__Rsl7M {
    padding: 10px;
    border-left: .5px solid #ededed;
    position: relative
}

.styles_levelContainer__P3_xx {
    display: flex;
    cursor: pointer
}

.styles_levelIcon__TZCC4 {
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    background: #e7f7f0;
    width: 100%;
    height: 76px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px
}

.styles_leftContent__M_Hm6 {
    position: relative;
    align-items: flex-start;
    width: 50%
}

.styles_leftContent__M_Hm6,.styles_rightContent__9EvAr {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.styles_rightContent__9EvAr {
    align-items: flex-end;
    width: 45%
}

.styles_score__WtCxP {
    display: flex;
    gap: 5px;
    color: #d4323b;
    font-family: ggsm,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center
}

.styles_customHr__qtDq_ {
    width: 1px;
    height: 100%;
    background-color: var(--primary-color)
}

.styles_nameLevel__Pwsxl {
    color: #fff;
    text-align: center;
    font-family: ggsm,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_diamond__lZ_gm,.styles_gold__gzFDD,.styles_platinum__E3iML,.styles_sliver__E_2M8 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 4px 10px 2px 6px;
    border-radius: 40px;
    height: 28px
}

.styles_sliver__E_2M8 {
    background: linear-gradient(274deg,#888 -2.21%,#cecece 105.14%)
}

.styles_gold__gzFDD {
    background: linear-gradient(274deg,#a3533b -2.21%,#f9c16d 105.14%)
}

.styles_platinum__E3iML {
    background: linear-gradient(274deg,#3f7080 -2.21%,#98afb7 105.14%)
}

.styles_platinum__E3iML:after {
    content: "";
    position: absolute;
    /* background: url(/images/level_new/blink.svg) no-repeat; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.styles_diamond__lZ_gm {
    background: linear-gradient(274deg,#7c3aa1 -2.21%,#eedff6 105.14%)
}

.styles_diamond__lZ_gm:after {
    content: "";
    position: absolute;
    /* background: url(/images/level_new/blink.svg) no-repeat; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.styles_menuContainer__OIcff {
    display: flex;
    flex-direction: column
}

.styles_menuItem__yyh7A {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 8px;
    color: #333;
    font-weight: 500;
    justify-content: flex-start;
    font-size: 14px
}

.styles_menuItem__yyh7A>* {
    pointer-events: none
}

.styles_menuItem__yyh7A:hover {
    background-color: #efefef;
    font-family: ggsm,sans-serif;
    color: var(--primary-color)
}

.styles_wishListItem__EPIOr {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 8px 5px
}

.styles_wishListItem__EPIOr:hover {
    background-color: #f5f5f5
}

.styles_wishListTitle__xc0uJ {
    color: #d4323b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px
}

.styles_infoProduct__3zay7 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 68%
}

.styles_name__1gBDC {
    font-size: 12px;
    font-family: ggsm,sans-serif;
    font-weight: 500
}

.styles_name__1gBDC,.styles_volume__zn0f8 {
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap
}

.styles_volume__zn0f8 {
    font-size: 10px
}

.styles_renderWishList__s7sHq {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_buttonBase__zNndN {
    color: var(--primary-color);
    border-radius: 30px;
    border: 1px solid var(--primary-color);
    padding: 4px 5px 4px 10px;
    font-size: 10px;
    font-family: ggsm,sans-serif
}

.styles_textTitle__zk4mU {
    align-items: center;
    display: flex;
    gap: 5px;
    font-family: ggsm,sans-serif;
    font-weight: 500
}

.styles_emptyContainer__ogwgU,.styles_wrapperLoading__rc3Vf {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_emptyContainer__ogwgU {
    position: relative;
    flex-direction: column
}

.styles_wrapperHereGif__AutGe {
    position: absolute;
    top: 38px;
    right: 24px;
    transform: rotate(210deg);
    width: 56px
}

.styles_textGuide__gcz76 {
    color: #333;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 15px;
    margin-top: 10px
}

.styles_boldText__940y9 {
    color: #000;
    font-family: ggsm,sans-serif;
    font-family: 500
}

.styles_error__H16Ih {
    color: #d4323b;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px
}

.styles_debtContent__a5Ii2 {
    display: flex;
    gap: 5px;
    align-items: center
}

.styles_debtValue__HYvz5 {
    color: var(--primary-color);
    display: block;
    padding-bottom: 2px;
    font-size: 12px
}

.styles_nav__gjQVz {
    background-color: #fff;
    align-items: center
}

.styles_wrap__MTNld {
    padding: 0
}

.styles_menu__3jSIP {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_h40__NJwsv {
    height: 40px!important
}

.styles_menuIcons__zD_BG {
    margin-right: 6px;
    min-width: 20px;
    height: 20px
}

.styles_SearchInput__tDU7j {
    display: none;
    height: 100%!important
}

.styles_cartSticky__QS8Iw,.styles_profileSticky__dvI_w {
    display: none
}

.styles_profileSticky__dvI_w button {
    top: 0!important
}

.styles_hiddenWidth__qcqaa {
    max-width: 0
}

.styles_customProfile__V7kyy {
    top: 47px!important
}

.styles_wrapSticky__ME2_Y {
    display: none
}

.styles_showInput__kHxZm {
    display: flex
}

.styles_link__t2Gkc {
    position: relative;
    display: inline-flex;
    height: 100%;
    align-items: center
}

.styles_link__t2Gkc:after {
    position: absolute;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    border-bottom: 2px solid var(--primary-color);
    transform: scaleX(0);
    transition: transform .25s ease-in-out
}

.styles_link__t2Gkc:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%
}

.styles_link__t2Gkc p {
    color: #000;
    font-family: ggsm,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_link__t2Gkc p+[class*=icon-right] {
    margin-left: 6px;
    transition: transform .5s ease
}

div[class*=isActive] .styles_link__t2Gkc [class*=icon-right] {
    transform: rotate(-180deg)
}

.styles_cart__y9UxC {
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_cart__y9UxC+span {
    top: 6px;
    height: 16px!important;
    border-radius: 22px;
    text-align: center;
    cursor: pointer;
    right: 6px;
    border: 1.5px solid #fff
}

.styles_cart__y9UxC:hover {
    background-color: #ecf0fa;
    border-radius: 50%;
    cursor: pointer
}

.styles_cartLink__9Ajbt {
    padding: 0!important
}

.styles_active__sCa_A:after {
    position: absolute;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    transform: scaleX(1);
    border-bottom: 2px solid var(--primary-color)
}

.styles_active__sCa_A p {
    color: var(--primary-color)
}

.styles_flexItem__D9O0C {
    align-items: center
}

.styles_WrapmenuFocus__aMUXE {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.styles_mostSearchWrap__G_3FO {
    padding: 5px;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 40px;
    background-color: #fff
}

.styles_mostSearchWrap__G_3FO>div>p {
    font-family: googlesansregular;
    margin-right: 36px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    min-width: 126px
}

.styles_mostSearchTab__7bF0S {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.styles_mostSearchWrap__G_3FO .styles_Loading__l6Kg4 {
    margin: 0 auto;
    animation: none
}

@keyframes styles_fadeLoad__4Z0wp {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.styles_labelShowAnimate__kos_I p {
    animation: styles_fadeHide__2tVG4 1s ease-in-out
}

@keyframes styles_fadeHide__2tVG4 {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    75% {
        width: 70px;
        height: 0;
        opacity: 0
    }

    to {
        width: auto;
        opacity: 1
    }
}

.styles_labelHideAnimate__fO8BD {
    animation: styles_fadeShow__d59R4 1s ease-in-out
}

@keyframes styles_fadeShow__d59R4 {
    0% {
        width: 100px
    }

    50% {
        width: 40px
    }

    to {
        width: auto
    }
}

.styles_wrapStickRight__l8xSS {
    display: flex;
    align-items: center
}

.styles_badge__dN4pj {
    position: absolute;
    right: -1.25em;
    top: 0;
    border-radius: 10rem;
    display: inline-block;
    padding: .25em .5rem;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: linear-gradient(90deg,#ff4fae,#f9b514);
    color: #fff;
    border: 1px solid #fff;
    font-size: 9px
}

.styles_SubMenu__ZOgqW {
    margin: 0;
    padding: 10px 5px 10px 10px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    width: 300px;
    height: 100%;
    overflow-y: hidden
}

.styles_wrapperSubmenu__uAj53 {
    overflow-y: auto;
    max-height: 382px;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.styles_wrapperSubmenu__uAj53::-webkit-scrollbar {
    width: 4px
}

.styles_wrapperSubmenu__uAj53::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    background: #fff;
    border-radius: 10px
}

.styles_wrapperSubmenu__uAj53::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #b8b8b8
}

.styles_MenuItems__ashml {
    height: 40px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 5px
}

.styles_MenuItems__ashml [class*=MuiTypography-body2] {
    flex: 1;
    color: #333;
    font-size: 14px;
    font-family: ggsr ,sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_MenuItems__ashml:hover {
    background: #f2f2f2;
    border-radius: 4px;
    cursor: pointer
}

.styles_MenuItems__ashml:hover [class*=MuiTypography-body2] {
    color: #000;
    font-family: ggsm
}

.styles_MenuTrigger__RkWVE {
    position: relative;
    height: 100%
}

.styles_MenuTrigger__RkWVE:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: transparent
}

.styles_MenuTrigger__RkWVE.styles_isActiveMenu__boSSG .styles_Menu__O8Bqq {
    display: block!important;
    z-index: var(--zNavMenu)
}

.styles_Menu__O8Bqq {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border-radius: 0
}

.styles_MenuTrigger__RkWVE.styles_isActiveMenu__boSSG .styles_MenuV2__Dqzo5 {
    display: block!important;
    z-index: var(--zNavMenu)
}

.styles_MenuV2__Dqzo5 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 0
}

.styles_MenuV2Wrapper__Q3ik_ {
    justify-content: center
}

.styles_MenuV2Wrapper__Q3ik_,.styles_SubMenuContainer__rKcIG {
    display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 8px
}

.styles_SubMenuContainer__rKcIG {
    flex-direction: row;
    gap: 0;
    max-width: 100%;
    min-height: 280px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    position: relative
}

.styles_LeftPanel__j42hT {
    flex: 0 0 280px;
    background-color: #fff;
    padding: 16px 0;
    margin: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.styles_LeftPanelItem__l4X_d {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all .2s ease;
    text-decoration: none;
    color: "#20283D";
    position: relative;
    font-weight: 400;
    margin: 0 16px;
    border-radius: 8px
}

.styles_LeftPanelItemWithSubItems__bXX8R {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0
}

.styles_LeftPanelItem__l4X_d:hover {
    background-color: #f6f7f9;
    padding-right: 0
}

.styles_LeftPanelItemActive__VTo7C {
    background-color: #f6f7f9
}

.styles_LeftPanelItemContent__iJGN4 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%
}

.styles_LeftPanelIcon__r4TtA {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all .2s ease
}

.styles_LeftPanelIcon__r4TtA img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: opacity .2s ease
}

.styles_LeftPanelLabel__k8uR2 {
    position: relative;
    font-size: 14px;
    color: #333;
    font-family: ggsr,sans-serif;
    line-height: 1.3;
    word-break: break-word;
    flex: 1
}

.styles_BadgeIcon__CBDxU {
    position: relative;
    top: 3px;
    left: 5px
}

.styles_LeftPanelItemActive__VTo7C .styles_LeftPanelLabel__k8uR2,.styles_LeftPanelItem__l4X_d:hover .styles_LeftPanelLabel__k8uR2 {
    color: var(--primary-color)
}

.styles_RightPanel__f_KDj {
    background-color: #fff;
    padding: 16px 16px 16px 0;
    margin: 0;
    border-bottom-right-radius: 8px;
    height: 464px
}

.styles_RightPaneCover__V18Ol {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4,200px);
    width: -moz-fit-content;
    width: fit-content;
    height: 432px;
    background-color: #f6f7f9;
    align-content: start;
    border-radius: 8px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
    padding: 16px
}

.styles_SubMenuContainer__rKcIG:has(.styles_LeftPanelItemWithSubItems__bXX8R:hover) .styles_LeftPanel__j42hT {
    border-bottom-right-radius: 0
}

.styles_RightPanelItem__DPU5m {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease;
    text-align: center;
    width: 200px;
    height: 63px;
    flex-shrink: 0
}

.styles_RightPanelItem__DPU5m:hover {
    opacity: .8
}

.styles_RightPanelItemContent___OTW6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 12px;
    border-radius: 8px;
    gap: 8px
}

.styles_RightPanelItemContent___OTW6:hover {
    border: 1px solid var(--primary-color)
}

.styles_RightPanelIcon__s_LEU {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 4px
}

.styles_RightPanelLabel__NWtS9 {
    font-size: 14px;
    text-align: left
}

.styles_Level3Panel__XP7Sn::-webkit-scrollbar {
    width: 4px
}

.styles_Level3Panel__XP7Sn::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    background: #f9f9f9;
    border-radius: 10px
}

.styles_Level3Panel__XP7Sn::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #b8b8b8
}

.styles_Level2MenuItem__lDGj_ {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .2s ease;
    text-decoration: none;
    color: #333
}

.styles_Level2MenuItemActive__GaBSX,.styles_Level2MenuItem__lDGj_:hover {
    background-color: #f0f0f0
}

.styles_Level2MenuItemContent__vmJVw {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%
}

.styles_Level2MenuIcon__wzUGT {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_Level2MenuLabel__3hItj {
    font-size: 13px;
    color: #333;
    font-family: ggsr ,sans-serif;
    line-height: 1.4;
    word-break: break-word;
    max-width: 100%
}

.styles_Level3MenuItem__fXjt_ {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 12px 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .2s ease;
    text-decoration: none
}

.styles_Level3MenuItem__fXjt_:hover {
    background-color: #fff
}

.styles_Level3MenuItemContent__YIr3x {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%
}

.styles_Level3MenuIcon__TD1V_ {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.styles_Level3MenuLabel__Ix8AV {
    font-size: 13px;
    color: #333;
    font-family: ggsr ,sans-serif;
    line-height: 1.4;
    word-break: break-word;
    max-width: 100%;
    text-align: center
}

.styles_logo__185XE {
    min-width: 122px;
    margin-top: 2px;
    padding-top: 7px
}

.styles_topMenuContainer__0sPLC {
    width: 100%;
    background-color: var(--primary-color);
    padding: 8px 0
}

.styles_headerTop__cWk5j {
    margin: 0 auto;
    max-width: 1180px;
    display: flex;
    justify-content: space-between
}

.styles_wrapperLink__VBuUw {
    display: flex;
    gap: 30px
}

.styles_linkMenu__8r7wM {
    color: #fff;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    padding: 0;
    gap: 5px
}

.styles_linkMenu__8r7wM>p {
    font-size: 14px
}

.styles_headerCenter__rkkQJ {
    background-color: var(--primary-color)
}

.styles_headerCenter_wrapper__ibONV {
    width: 100%;
    max-width: 1180px;
    padding: 8px 0
}

.styles_headerCenter_Status__Ju01k,.styles_headerCenter_wrapper__ibONV {
    display: flex;
    justify-content: space-between
}

.styles_headerCenter_Icon__M3Ak0 {
    background-color: transparent!important;
    color: #0e1983;
    font-weight: 500!important
}

.styles_headerStatus__hKAPz {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.styles_SearchInput__G_RwG {
    width: calc(100% - 130px)
}

.styles_headerIconLogged__QrNnI {
    display: flex!important;
    align-items: center;
    max-width: 360px;
    justify-content: space-between;
    margin-left: auto;
    max-height: 40px
}

.styles_notice___r5m2 {
    position: relative
}

.styles_cart__vnEHX,.styles_notice___r5m2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px
}

.styles_cartLink__4EJyO {
    padding: 0!important;
    margin-left: 40px
}

.styles_info__geNyl {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_info__geNyl:hover {
    background-color: #ecf0fa
}

.styles_cart__vnEHX:hover,.styles_notice___r5m2:hover {
    background-color: #ecf0fa;
    border-radius: 50%;
    cursor: pointer
}

.styles_cart__vnEHX+span {
    top: 6px;
    right: 6px;
    height: 16px;
    border: 1.5px solid #fff
}

.styles_info__geNyl:hover {
    background-color: unset;
    border-radius: 100%;
    cursor: pointer
}

.styles_profile__MKk3m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 50px
}

.styles_avatar__QQJbp {
    flex-grow: 1;
    border-radius: 9999px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.styles_avatar__QQJbp:hover {
    cursor: pointer
}

.styles_avatarIcon__hgz3G {
    width: 36px;
    height: 36px
}

.styles_profile_name__11tu9 {
    text-align: left;
    flex-grow: 1;
    margin-left: 4px;
    margin-right: 4px
}

.styles_profile_name__11tu9>p {
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    font-family: ggsr,sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90px;
    max-width: 90px
}

.styles_badge__Vr96h>span {
    top: 4px;
    right: 10px;
    height: 16px;
    width: auto;
    border: 1.5px solid #fff
}

.styles_headerCenter_wrapper__ibONV .styles_ins-preview-wrapper__PLoxD {
    display: none
}

.styles_notifyWrap__V9uUr {
    background: #fff;
    width: 400px;
    max-width: 100%;
    border-radius: 5px!important;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    top: 86px!important;
    border-top: .5px solid #ececec
}

.styles_notifyWrap__V9uUr [class*=MuiMenu-list] {
    padding: 0
}

.styles_notifyContentTop__pA30X {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_notifyTitle__9D1vQ {
    margin: 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    font-family: googlesansregular
}

.styles_notifyStatus__V1d6E {
    margin: 0;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.57143;
    color: #a9a9a9;
    font-family: googlesansregular
}

.styles_markAll__tv_SV {
    transition: background-color .15s cubic-bezier(.4,0,.2,1) 0ms;
    color: var(--primary-color,#005c29)
}

.styles_notificationsItem__vlFX7 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 12px 20px!important;
    border-bottom: 1px solid hsla(210,9%,60%,.3)
}

.styles_notificationsItem__vlFX7:hover {
    background-color: rgb(143 253 198/8%)!important
}

.styles_read__cx75L {
    background-color: #fff!important
}

.styles_unRead__tl3Mh {
    font-weight: 700!important
}

.styles_notifyIcon__2hcMD {
    max-width: 15%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.styles_icon__F6AWN {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 20px;
    background-color: #56ccf2
}

.styles_notifyContent__tHz9w {
    max-width: 80%;
    width: 100%;
    margin-left: 10px
}

.styles_notifyContentTitle__xYFRv {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.57143;
    color: rgba(0,0,0,.87);
    font-family: googlesansregular
}

.styles_notifyContentDescription__zEp7_ {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.43;
    font-family: googlesansregular;
    color: rgba(0,0,0,.54)
}

.styles_createdAt__KMJdQ {
    margin-top: 4px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.5;
    font-family: googlesansregular;
    color: #919eab
}

.styles_viewAll__4tpSk {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 64px;
    padding: 6px 8px!important;
    width: 100%
}

.styles_viewAll__4tpSk:hover {
    background-color: rgba(0,171,85,.08)!important
}

.styles_viewAllTitle__5GZca {
    line-height: 1.7!important;
    color: var(--primary-color)!important;
    font-family: googlesansregular;
    font-size: 14px!important
}

.styles_buttonStyle__VxlRq {
    color: #0e1983
}

.styles_countdownBarHalfContainer__6yuK9 {
    max-width: 1304px!important
}

.styles_countdownBarHalfWrapper__QSwEJ {
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_countdownBarHalf__GyYDV {
    display: flex;
    justify-content: space-between;
    width: calc(81% + 6px);
    height: calc(81vw * (96 / 1920))
}

.styles_countdownBarHalfLimit__rRS1t {
    width: 47%;
    position: relative
}

.styles_countdownBarFullWrapper__H__ia {
    width: 100%;
    position: relative;
    height: calc(100vw * (80 / 1920))
}

@media (max-width: 900px) {
    .styles_profile_name__11tu9 {
        display:none
    }
}

.styles_headerTopLink__8yOVV span,.styles_headerTopLink__8yOVV svg {
    display: none!important
}

.styles_cartLink__4EJyO,.styles_headerStatus__hKAPz {
    margin-left: 0
}

.styles_headerCenter_Status__Ju01k {
    justify-content: flex-end
}

.styles_buttonStyle__VxlRq svg {
    display: none
}

.styles_buttonStyle__VxlRq {
    margin-left: 10px;
    font-size: 13px
}

.styles_cart__vnEHX {
    margin-left: 20px
}

.styles_notifyWrap__V9uUr {
    width: 342px;
    max-width: 342px
}

.styles_profile__MKk3m {
    margin-left: 15px
}

.styles_headerTop_wrapper__A1PEv {
    padding: 0!important
}

.styles_iconTopSeller__r0MKu {
    margin-bottom: 0
}

.styles_appBanner__bfZDx {
    align-items: center;
    background-color: #0c7f4a;
    border: 1px;
    display: flex;
    gap: 16px;
    min-height: 52px;
    min-width: 375px;
    padding: 8px 15px;
    position: relative;
    width: 100%
}

.styles_frame__HMZLJ {
    gap: 8px
}

.styles_frame__HMZLJ,.styles_iconText__icDPP {
    align-items: center;
    display: flex;
    flex: 1;
    flex-grow: 1;
    position: relative
}

.styles_iconText__icDPP {
    gap: 16px
}

.styles_button__4rx61 {
    background-color: #fff!important;
    border: unset!important;
    border-color: unset!important;
    flex: 0 0 auto!important;
    height: 36px!important;
    border-radius: 30px;
    padding: 0 20px
}

.styles_button__4rx61 span {
    color: var(--primary-color);
    text-align: center;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_text__9f_xl {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px;
    justify-content: center;
    position: relative
}

.styles_text__9f_xl p {
    color: #fff;
    font-family: ggsr ,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.styles_searchBar__IODZZ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 20px!important
}

.styles_wrapperProfile__nQGUN {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_borderRadius__Q_n1v {
    border-radius: 30px!important
}

.styles_stickyContainer__BBidR {
    background-color: var(--primary-color)
}

.styles_isGuide__U2XAs {
    position: static
}

.styles_register__RiH2g {
    border-radius: 10px 0 0 10px;
    background: #fff;
    color: var(--primary-color);
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_login__2NdrK,.styles_register__RiH2g {
    width: 120px;
    text-align: center;
    height: 40px;
    font-family: ggsm,sans-serif;
    font-size: 14px
}

.styles_login__2NdrK {
    border-radius: 0 10px 10px 0;
    border: 1px solid #fff;
    color: #fff
}

.styles_mostSearchWrap__YOHPL {
    padding: 5px;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 40px;
    background-color: #fff
}

.styles_mostSearchWrap__YOHPL>div>p {
    font-family: googlesansregular;
    margin-right: 36px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    min-width: 126px
}

.styles_containerHeader__qmsyu {
    position: relative;
    z-index: var(--zContainerHeader)
}

.styles_stickyHeaderSearch__TZM5L {
    position: sticky;
    top: 0;
    z-index: var(--zHeaderSearch);
    background-color: var(--primary-color)
}

.styles_stickyHeaderMenu__UKzGl {
    position: sticky;
    top: 64px;
    z-index: var(--zHeaderMenu)
}

.styles_stickyTopSearch__XCqci {
    top: 84px
}

.styles_listSearch__CrHam {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 605px;
    width: 100%;
    height: 20px;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden
}

.styles_listSearch__CrHam::-webkit-scrollbar,.styles_listSearch__CrHam::-webkit-scrollbar-track {
    display: none
}

.styles_listSearch__CrHam::-webkit-scrollbar-thumb {
    display: none
}

.styles_mostSearchItem__tpPe7 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    border-radius: 28px;
    background: var(--primary-background-color-light);
    color: var(--primary-color);
    font-family: Inter,sans-serif;
    font-size: 12px
}

.styles_logo__R0Twa {
    min-width: 122px;
    margin-top: 2px
}

.styles_iconTopSeller__lDb35 {
    margin-bottom: 0
}

.styles_headerCenter__iDJLS {
    background-color: #fff;
    padding: 0 0 5px
}

.styles_headerStatus__0lZR5 {
    display: flex;
    align-items: center;
    gap: 16px
}

.styles_cart__kVp3U {
    height: 40px;
    width: 130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    color: var(--primary-color);
    font-family: ggsm,sans-serif;
    font-weight: 500;
    font-size: 14px;
    border-radius: 100px;
    background: var(--primary-background-color-light)
}

.styles_cartLink__6kL_q {
    padding: 0!important
}

.styles_cart__kVp3U+span {
    top: 6px;
    right: 6px;
    height: 16px;
    border: 1.5px solid #fff
}

.styles_badge__9thnG>span {
    top: 4px;
    right: 10px;
    height: 16px;
    width: auto;
    border: 1.5px solid #fff
}

.styles_headerCenter_wrapper__RheJr .styles_ins-preview-wrapper__9Zy7v {
    display: none
}

.styles_notifyIcon__Nnq77 {
    max-width: 15%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.styles_icon__KSSqJ {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 20px;
    background-color: #56ccf2
}

.styles_cartContainer__0sVOi {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px!important
}

.styles_badgeContainer__krkFJ {
    position: relative
}

.styles_badge__9thnG {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 14px;
    min-width: 14px;
    max-width: 24px;
    padding: 0 5px;
    border-radius: 12px;
    background: var(--primary-red,#d4323b);
    transform: translate(50%,-35%);
    color: #fff;
    font-size: 10px
}

.InfoBox_container__oRgh9 {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 100px;
    transform: scale(1);
    transition: transform .2s ease-in-out,box-shadow .2s ease-in-out;
    animation: InfoBox_fade__9akuG .3s ease-in-out
}

.InfoBox_container__oRgh9:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
}

.InfoBox_iconContainer__t8gHO {
    display: flex;
    align-items: center;
    gap: 4px
}

.InfoBox_contentContainer__Swe6A {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    height: 100%;
    flex: 1
}

.InfoBox_title__LLcEP {
    font-weight: 600;
    color: #1f2937;
    overflow: hidden;
    font-size: 18px
}

.InfoBox_data__8C5WE {
    font-size: 18px;
    font-weight: 700;
    color: #111827
}

.InfoBox_subTitle___xB13 {
    font-size: 12px;
    color: #111827;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: right
}

@keyframes InfoBox_fade__9akuG {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.styles_container___oLk_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #dcdbdb;
    border-radius: 20px;
    overflow: hidden;
    width: 100%
}

.styles_minusContainer__dNp6u {
    border-right: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer
}

.styles_minus__MIxu_ {
    width: 12px;
    height: 4px;
    background: var(--primary-color);
    border-radius: 2px
}

.styles_addContainerNew__v_8_6 {
    border-left: 1px solid #dadada;
    z-index: 1
}

.styles_addContainerNew__v_8_6,.styles_minusContainerNew__flGSc {
    padding: 0 0 0 2px;
    height: 32px;
    min-width: 34px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_minusContainerNew__flGSc {
    border-right: 1px solid #dadada
}

.styles_count__w3HoS {
    color: #a2a0a0;
    font-weight: 600
}

.styles_addContainer__kb4hZ {
    border-left: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer;
    position: relative
}

.styles_addIcon__mVGfP,.styles_addIcon__mVGfP:after {
    width: 14px;
    height: 4px;
    background: var(--primary-color);
    border-radius: 2px
}

.styles_addIcon__mVGfP:after {
    content: "";
    position: absolute;
    transform: rotate(90deg)
}

.styles_container___oLk_ [class*=MuiInputBase-input] {
    color: var(--neutral-description-light,#a2a0a0);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: ggsm;
    height: auto
}

.styles_disabled__XQ_cS {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    background: #dcdbdb;
    border-right: none
}

.styles_disabled__XQ_cS .styles_addIcon__mVGfP:after,.styles_disabled__XQ_cS>* {
    background: #a2a0a0
}

.styles_newCardInput__hecWu {
    width: -moz-fit-content;
    width: fit-content;
    transform: translateY(5%);
    line-height: normal!important
}

.styles_container___oLk_ [class*=MuiInputBase-input] {
    font-size: 14px
}

.styles_newCardInput__hecWu [class*=MuiInputBase-input] {
    font-size: 14px;
    color: #000;
    font-family: ggsr;
    width: 100%;
    text-align: center
}

.styles_maxWidth__qS6it {
    width: 100%;
    max-width: 160px;
    margin-top: auto
}

.styles_groupInput__H1lLR {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(10px)
}

.styles_cartIconContainer__FoKUV {
    display: flex;
    align-items: center;
    position: absolute;
    padding-right: 4px;
    right: 50%;
    transform: translateX(30%)
}

.styles_inputVisible__m_CzR {
    display: flex;
    align-items: center;
    text-align: right;
    width: 100%
}

.styles_currentValue__b2ijJ {
    display: block;
    visibility: hidden;
    font-size: 14px;
    min-width: 26px
}

.styles_disableStyle__Q2Jre [class*=MuiInputBase-input] {
    color: #999
}

.ProductReplaceItem_container__c45nu {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    max-width: 146px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    transform: scale(1);
    transition: transform .2s ease-in-out,box-shadow .2s ease-in-out
}

.ProductReplaceItem_container__c45nu:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
}

.ProductReplaceItem_imageContainer__YPvcH {
    position: relative;
    width: 100%;
    height: 110px
}

.ProductReplaceItem_price__P_UXJ {
    color: var(--primary-color);
    font-size: 16px;
    font-family: ggsm
}

.ProductReplaceItem_name__qFHrx {
    font-size: 14px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 31px
}

.styles_container__tcm_S {
    max-width: 1280px;
    padding: 0 50px;
    margin: 2em auto 0
}

.styles_wrapperTitle__0iTyg {
    background-color: #fff;
    padding: 15px 20px;
    border-bottom: 1px solid var(--primary-color)
}

.styles_sectionHeader__IJC9w {
    color: var(--Orange,#d55d2a);
    font-family: ggsm;
    font-size: 28px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0
}

@media (max-width: 768px) {
    .styles_sectionHeader__IJC9w  {
        font-size: 18px;
    }
}

.styles_viewmore__xWSnO {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 18px
}

.styles_productsGrid__3hkmz {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    gap: 20px
}

.css-1lekzkb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-j0ozid {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.css-axw7ok {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.css-yd8sa2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.css-1hyif4h.MuiLinearProgress-colorPrimary {
    background-color: rgb(249, 189, 192);
}

.css-1hyif4h {
    width: 100%;
    border-radius: 20px;
    height: 14px !important;
}

.MuiLinearProgress-root {
    overflow: hidden;
    position: relative;
}

.css-1hyif4h .MuiLinearProgress-bar {
    border-radius: 0px;
    background-color: rgb(234, 32, 43);
}

.MuiLinearProgress-bar1Determinate {
    transition: transform .4s linear;
}

.MuiLinearProgress-bar {
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    transform-origin: left;
}

.styles_wrapperFooter__mW_BR {
    background-image: url(https://cdn-web-next.thuocsi.vn/images/footer-v2/background.svg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-color: #fff
}

.styles_footer__tu4oJ {
    padding-top: 25px;
    max-width: 1180px;
    margin: 0 auto
}

.styles_thuocsi__lQYr1>p {
    font-family: googlesansmedium;
    font-weight: 500;
    color: #0e1983
}

.styles_thuocsi__lQYr1>p,.styles_thuocsidefinition__gonlJ {
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    cursor: text
}

.styles_thuocsidefinition__gonlJ {
    font-family: googlesansregular;
    font-weight: 400;
    color: #586189
}

.styles_taiAppTai__u7Mzm {
    color: #000;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    text-align: center
}

.styles_taiAppTai__u7Mzm span {
    color: var(--primary-color);
    text-transform: none
}

.styles_titleItem__pnlg_ {
    font-family: googlesansmedium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #202332
}

.styles_TitleService__z3fV0 {
    display: flex;
    align-items: center
}

.styles_serviceIcon__3vvHs {
    margin-right: 8px
}

.styles_border__L4bAA {
    border: 1px solid #e0e6f3!important;
    border-radius: 5px!important
}

.styles_TitleConnect__u67HM {
    padding-top: 10px;
    display: flex;
    align-items: center
}

.styles_connectIcon__0lMV3 {
    margin-right: 10px;
    cursor: pointer
}

.styles_license__R1r4m {
    position: relative;
    cursor: pointer;
    width: 100%;
    display: flex;
    gap: 10px;
    margin-top: 25px
}

.styles_absoluteItem__rZF7n {
    position: absolute;
    display: flex;
    left: -6px;
    gap: 10px
}

.styles_bodyItemTT__Y3iW_ {
    font-family: googlesansmedium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #202332;
    flex: none;
    order: 0;
    flex-grow: 0
}

.styles_bodyItem__KgQlU {
    margin-bottom: 8px
}

.styles_bodyItemLicense__b5N33,.styles_bodyItem__KgQlU {
    font-family: googlesansregular;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #202332;
    flex: none;
    order: 0;
    flex-grow: 0
}

.styles_bodyItemLicense__b5N33 {
    cursor: pointer
}

.styles_bodyItemLicense__b5N33:hover {
    color: var(--primary-color)
}

.styles_contactBody__y7ouD>a {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #0e1983!important
}

.styles_contactBody__y7ouD>a:hover {
    color: var(--primary-color)!important
}

.styles_centerImg__hH7Vu {
    vertical-align: middle
}

.styles_callTime__bRNJ7 {
    color: #586189
}

.styles_callTime__bRNJ7,.styles_link__Nw0pc {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.styles_link__Nw0pc {
    text-transform: capitalize;
    color: #0e1983;
    flex: none;
    order: 4;
    flex-grow: 0;
    margin-top: 8px
}

.styles_link__Nw0pc:hover {
    cursor: pointer;
    color: var(--primary-color)
}

.styles_alink__q8NSf:hover {
    cursor: pointer
}

.styles_endOfFooter__zhBzr {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #586189;
    text-align: center
}

.styles_intersect__ZmxG6 {
    top: 43.25%;
    bottom: -49.82%
}

.styles_boxInfoLeft__4puLf {
    position: relative;
    width: 100%;
    max-width: 360px;
    padding-bottom: 60px
}

.styles_phoneScreen__6w8jN {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 16px
}

@media (max-width: 600px) {
    .styles_about__HsZ0P,.styles_logo__0CDx6 {
        margin:0 auto
    }

    .styles_app__Vi7F4 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 14px
    }

    .styles_app__Vi7F4 br {
        display: none
    }

    .styles_footerInfo__S6iVf {
        margin-left: 0;
        margin-top: 40px
    }
}

@media (max-width: 1024px) {
    .styles_license__R1r4m {
        margin-bottom:60px
    }
}

.styles_newLogo__8owCf {
    position: absolute
}

.styles_linkComp__uol2R {
    padding: 0!important;
    margin: 0!important
}

.styles_marginLeft__aY3e6 {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.styles_titleIntroduce__w1GuK {
    display: flex;
    margin-top: 12px
}

.styles_topContent__KNn9X {
    margin-bottom: 25px
}

.styles_bodyContent__SmDLg {
    display: flex;
    gap: 60px;
    border-bottom: 1px solid #dcdbdb
}

.styles_contact__IBdme {
    margin-top: 25px
}

.styles_centerContainer__WQYcX {
    display: flex;
    gap: 85px
}

.styles_linkDownload__ZSNMb {
    display: flex
}

.styles_textCenter__Rp8Og {
    text-align: center;
    margin: 25px 0
}

.styles_logo__185XE {
    min-width: 122px;
    margin-top: 2px
}

.styles_headerTop_wrapper__A1PEv {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px
}

.styles_headerLeft_wrapper__VEu8H {
    overflow: hidden;
    border-radius: 2px;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    display: inline-block
}

.styles_headerLeft_wrapper_background__6gWwN {
    background: #fff4ef
}

.styles_headerRight_wrapper__6RQod {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 30px;
    padding-right: 0;
    padding-left: 0;
    width: auto;
    margin: 0
}

.styles_headerTopLink__8yOVV {
    margin-left: 28px;
    white-space: nowrap
}

.styles_headerTopLink_content__jGL9p {
    color: #586189;
    display: flex;
    align-items: center!important;
    justify-content: center
}

.styles_headerTopLink_content__jGL9p p {
    line-height: unset!important;
    font-family: googlesansregular!important
}

.styles_headerTopLink_content__jGL9p>div,.styles_headerTopLink_content__jGL9p>span {
    margin-right: 4px!important
}

.styles_iconTopSeller__r0MKu {
    margin-bottom: 0
}

.styles_headerCenter__rkkQJ {
    background-color: #fff;
    padding: 0 0 5px
}

.styles_headerCenter_wrapper__ibONV {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 45px;
    align-items: center;
    padding-top: 5px
}

.styles_headerCenter_Status__Ju01k {
    padding-right: 6px;
    width: 245px;
    display: flex;
    max-width: 245px;
    justify-content: space-between
}

.styles_headerCenter_Icon__M3Ak0 {
    background-color: transparent!important;
    color: #0e1983;
    font-weight: 500!important
}

.styles_headerStatus__hKAPz {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.styles_SearchInput__G_RwG {
    width: 100%
}

.styles_headerIconLogged__QrNnI {
    display: flex!important;
    align-items: center;
    max-width: 360px;
    justify-content: space-between;
    margin-left: auto
}

.styles_notice___r5m2 {
    position: relative
}

.styles_cart__vnEHX,.styles_notice___r5m2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px
}

.styles_cartLink__4EJyO {
    padding: 0!important;
    margin-left: 40px
}

.styles_info__geNyl {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_info__geNyl:hover {
    background-color: #ecf0fa
}

.styles_cart__vnEHX:hover,.styles_notice___r5m2:hover {
    background-color: #ecf0fa;
    border-radius: 50%;
    cursor: pointer
}

.styles_cart__vnEHX+span {
    top: 6px;
    right: 6px;
    height: 16px;
    border: 1.5px solid #fff
}

.styles_info__geNyl:hover {
    background-color: unset;
    border-radius: 100%;
    cursor: pointer
}

.styles_profile__MKk3m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 50px
}

.styles_avatar__QQJbp {
    flex-grow: 1;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_avatar__QQJbp:hover {
    cursor: pointer
}

.styles_avatarIcon__hgz3G {
    width: 36px;
    height: 36px
}

.styles_profile_name__11tu9 {
    text-align: left;
    flex-grow: 1;
    margin-left: 4px;
    margin-right: 10px
}

.styles_profile_name__11tu9>p {
    font-size: 15px;
    color: #202332;
    font-weight: 500;
    white-space: nowrap;
    font-family: googlesansmedium;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90px;
    max-width: 90px
}

.styles_badge__Vr96h>span {
    top: 4px;
    right: 10px;
    height: 16px;
    width: auto;
    border: 1.5px solid #fff
}

.styles_headerCenter_wrapper__ibONV .styles_ins-preview-wrapper__PLoxD {
    display: none
}

.styles_notifyWrap__V9uUr {
    background: #fff;
    width: 400px;
    max-width: 100%;
    border-radius: 5px!important;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    top: 86px!important;
    border-top: .5px solid #ececec
}

.styles_notifyWrap__V9uUr [class*=MuiMenu-list] {
    padding: 0
}

.styles_notifyContentTop__pA30X {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_notifyTitle__9D1vQ {
    margin: 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    font-family: googlesansregular
}

.styles_notifyStatus__V1d6E {
    margin: 0;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.57143;
    color: #a9a9a9;
    font-family: googlesansregular
}

.styles_markAll__tv_SV {
    transition: background-color .15s cubic-bezier(.4,0,.2,1) 0ms;
    color: var(--primary-color,#005c29)
}

.styles_notificationsItem__vlFX7 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 12px 20px!important;
    border-bottom: 1px solid hsla(210,9%,60%,.3)
}

.styles_notificationsItem__vlFX7:hover {
    background-color: rgb(143 253 198/8%)!important
}

.styles_read__cx75L {
    background-color: #fff!important
}

.styles_unRead__tl3Mh {
    font-weight: 700!important
}

.styles_notifyIcon__2hcMD {
    max-width: 15%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.styles_icon__F6AWN {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 20px;
    background-color: #56ccf2
}

.styles_notifyContent__tHz9w {
    max-width: 80%;
    width: 100%;
    margin-left: 10px
}

.styles_notifyContentTitle__xYFRv {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.57143;
    color: rgba(0,0,0,.87);
    font-family: googlesansregular
}

.styles_notifyContentDescription__zEp7_ {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.43;
    font-family: googlesansregular;
    color: rgba(0,0,0,.54)
}

.styles_createdAt__KMJdQ {
    margin-top: 4px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.5;
    font-family: googlesansregular;
    color: #919eab
}

.styles_viewAll__4tpSk {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 64px;
    padding: 6px 8px!important;
    width: 100%
}

.styles_viewAll__4tpSk:hover {
    background-color: rgba(0,171,85,.08)!important
}

.styles_viewAllTitle__5GZca {
    line-height: 1.7!important;
    color: var(--primary-color)!important;
    font-family: googlesansregular;
    font-size: 14px!important
}

.styles_buttonStyle__VxlRq {
    color: #0e1983
}

.styles_countdownBarHalfContainer__6yuK9 {
    max-width: 1304px!important
}

.styles_countdownBarHalfWrapper__QSwEJ {
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_countdownBarHalf__GyYDV {
    display: flex;
    justify-content: space-between;
    width: calc(81% + 6px);
    height: calc(81vw * (96 / 1920))
}

.styles_countdownBarHalfLimit__rRS1t {
    width: 47%;
    position: relative
}

.styles_countdownBarFullWrapper__H__ia {
    width: 100%;
    position: relative;
    height: calc(100vw * (80 / 1920))
}

@media (max-width: 900px) {
    .styles_profile_name__11tu9 {
        display:none
    }
}

@media (max-width: 680px) {
    .styles_headerTop_wrapper__A1PEv {
        justify-content:center
    }
}

@media (max-width: 540px) {
    .styles_headerTopLink__8yOVV {
        margin-left:12px
    }
}

@media (max-width: 480px) {
    .styles_headerTopLink__8yOVV {
        margin-left:4px;
        font-size: 14px
    }

    .styles_headerTopLink__8yOVV span,.styles_headerTopLink__8yOVV svg {
        display: none!important
    }

    .styles_cartLink__4EJyO,.styles_headerStatus__hKAPz {
        margin-left: 0
    }

    .styles_headerCenter_Status__Ju01k {
        justify-content: flex-end
    }

    .styles_buttonStyle__VxlRq svg {
        display: none
    }

    .styles_buttonStyle__VxlRq {
        margin-left: 10px;
        font-size: 13px
    }

    .styles_cart__vnEHX {
        margin-left: 20px
    }

    .styles_notifyWrap__V9uUr {
        width: 342px;
        max-width: 342px
    }

    .styles_profile__MKk3m {
        margin-left: 12px
    }

    .styles_headerTopLink__8yOVV .styles_headerTopLink_content__jGL9p p {
        font-size: 13.5px
    }

    .styles_headerTop_wrapper__A1PEv {
        padding: 0!important
    }

    .styles_iconTopSeller__r0MKu {
        margin-bottom: 0
    }
}

@media (max-width: 340px) {
    .styles_cart__vnEHX {
        margin-left:10px
    }

    .styles_headerTop_wrapper__A1PEv {
        padding: 0!important;
        justify-content: space-between
    }

    .styles_buttonStyle__VxlRq {
        font-size: 12px
    }
}

@media (max-width: 320px) {
    .styles_profile__MKk3m {
        margin-left:12px
    }

    .styles_cart__vnEHX {
        margin-left: 0
    }

    .styles_notifyWrap__V9uUr {
        width: 290px
    }
}

.styles_appBanner__bfZDx {
    align-items: center;
    background-color: #0c7f4a;
    border: 1px;
    display: flex;
    gap: 16px;
    min-height: 52px;
    min-width: 375px;
    padding: 8px 15px;
    position: relative;
    width: 100%
}

.styles_frame__HMZLJ {
    gap: 8px
}

.styles_frame__HMZLJ,.styles_iconText__icDPP {
    align-items: center;
    display: flex;
    flex: 1;
    flex-grow: 1;
    position: relative
}

.styles_iconText__icDPP {
    gap: 16px
}

.styles_button__4rx61 {
    background-color: #fff!important;
    border: unset!important;
    border-color: unset!important;
    flex: 0 0 auto!important;
    height: 36px!important;
    border-radius: 30px;
    padding: 0 20px
}

.styles_button__4rx61 span {
    color: var(--primary-color);
    text-align: center;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_text__9f_xl {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px;
    justify-content: center;
    position: relative
}

.styles_text__9f_xl p {
    color: #fff;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 360px) {
    .styles_appBanner__bfZDx {
        min-width:360px
    }

    .styles_button__4rx61 {
        padding: 0 12px
    }
}

@media (max-width: 320px) {
    .styles_appBanner__bfZDx {
        min-width:320px
    }
}

.styles_confirm_modal_wrap__BSDIr {
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    padding: 1rem 1.5rem;
    border: none;
    border-radius: 24px;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    outline: 0;
    box-shadow: 0 2px 96px rgba(0,0,0,.15)
}

.styles_fixed_width_wrapper__NjqCp {
    min-width: 30rem
}

.styles_warning_icon__6NahT {
    display: flex;
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: .25em solid #facea8;
    color: #f8bb86
}

.styles_text_icon__AMzSU {
    display: flex;
    align-items: center;
    font-size: 3.75em!important
}

.styles_modal_title__I6oFt {
    margin: 16px 0;
    padding: 0;
    color: #202332;
    font-size: 1.25em!important;
    font-weight: 500!important;
    text-transform: none;
    font-style: normal;
    font-family: googlesansmedium;
    line-height: 24px;
    letter-spacing: -.1px
}

.styles_modal_title_checkout__CdHGG {
    text-align: center
}

.styles_modal_title_checkout__CdHGG span {
    color: #000;
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_modal_content__sRv3z {
    margin: 16px 0;
    color: #636363!important;
    font-size: 1.125em!important;
    font-weight: 400!important;
    line-height: normal!important;
    font-weight: 400
}

.styles_children__XPnYP>*,.styles_modal_content__sRv3z {
    font-family: googlesansregular
}

.styles_hr__B4U_B {
    border: .5px solid #e3e3e3;
    margin: 20px 0
}

.styles_infor_container__iz_fS {
    padding: 16px 8px
}

.styles_infor_mainTitle__v94eo {
    color: #292929;
    font-family: googlesansmedium;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    text-transform: capitalize
}

.styles_infor_img__TUdgl {
    width: 72px;
    height: 72px
}

.styles_infor_name__iqlRs {
    color: #292929;
    font-family: googlesansmedium;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize
}

.styles_infor_btnfollow__Vo_1c {
    margin: 24px 0!important;
    font-family: googlesansregular;
    font-size: 14px;
    line-height: 18px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

.styles_infor_btnfollow__Vo_1c span:first-child span:first-child {
    padding: 2px 0 2px 4px
}

.styles_infor_box__3xkq9 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #636363;
    margin: 12px 0
}

.styles_infor_box__3xkq9 p {
    font-size: 17px;
    line-height: 20px
}

.styles_infor_title__YBywp {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400
}

.styles_infor_content__Nk_N5 {
    color: var(--primary-color);
    font-family: googlesansmedium
}

.styles_infor_titlePromotion__86_zQ {
    color: #292929;
    font-family: googlesansmedium;
    font-style: normal;
    text-transform: capitalize
}

.styles_infor_contentPromotion__4BFW3 {
    color: #292929;
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px!important
}

.styles_yes_btn__I8Amr {
    color: #fff
}

.styles_yes_btn__I8Amr,.styles_yes_btn__I8Amr:hover {
    background: var(--primary-color)
}

.styles_no_btn__tXZrq {
    background: #fff;
    color: #000
}

.styles_no_btn_checkout__RPQlR {
    gap: 20px;
    border-radius: 30px;
    border: 1px solid var(--neutral-description,#797979)!important;
    color: var(--neutral-description,#797979);
    font-family: ggsm;
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

.styles_no_btn_checkout__RPQlR,.styles_yes_btn_checkout__6MAR2 {
    display: flex;
    height: 44px;
    padding: 12px 40px;
    justify-content: center;
    align-items: center;
    width: 100%
}

.styles_yes_btn_checkout__6MAR2 {
    border-radius: 30px;
    border: 1px solid var(--color-red,#d4323b)!important;
    background: #fff;
    color: #d4323b
}

.styles_no_btn_checkout__RPQlR span,.styles_yes_btn_checkout__6MAR2 span {
    text-align: center;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap
}

.styles_no_btn__tXZrq span,.styles_yes_btn__I8Amr span {
    margin: 0 18px
}

.styles_btn_container__CFc1e {
    margin: 16px 30px 0
}

.styles_btn_container__CFc1e,.styles_btn_container_checkout___fgvo {
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: center
}

.styles_btn_container_checkout___fgvo {
    gap: 12px;
    margin-top: 28px
}

.styles_scrollableContainer__MG0Nk {
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: inset 20px 0 0 0 #fff,inset -20px 0 0 0 #fff;
    margin-right: -20px
}

.styles_checkout_mainTitle__yqxj3 {
    color: #000;
    text-align: center;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_boxItemCheckout__gdII_ {
    gap: 8px;
    padding: 16px 0
}

.styles_boxItemCheckout__gdII_,.styles_itemRightCheckout__bcSzg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch
}

.styles_itemRightCheckout__bcSzg {
    gap: 6px;
    flex: 1 0 0;
    width: 100%
}

.styles_itemRightCheckout__bcSzg h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 36px;
    align-self: stretch;
    margin: 0;
    color: #000
}

.styles_itemRightCheckout__bcSzg span {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_itemImg__ranAv {
    flex-shrink: 0;
    width: 80px;
    height: 80px
}

.styles_groupItem__oAzQA {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch
}

.styles_yes_btn_checkoutReformattedData__c8VsL {
    display: flex;
    height: 40px;
    min-width: 120px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px!important;
    background: var(--primary-color);
    color: #fff;
    width: 100%;
    margin: 16px 0 0!important;
    text-transform: none
}

.styles_yes_btn_checkoutReformattedData__c8VsL:hover {
    background-color: #3fb877
}

@media (max-width: 576px) {
    .styles_btn_container__CFc1e {
        margin:16px 0 0
    }

    .styles_btn_no___NmCH,.styles_btn_yes__fDOq3 {
        width: 125px
    }
}

@media (max-width: 480px) {
    .styles_fixed_width_wrapper__NjqCp {
        min-width:0
    }
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar {
    width: 3px
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-track {
    background: #f1f1f1
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-thumb {
    background: #595959
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-thumb:hover {
    background: #555
}

.styles_sidebar__user__uGhBm {
    background-color: #fff;
    color: #919aa3;
    box-shadow: 0 3px 20px rgba(0,0,0,.08);
    border-radius: 10px;
    display: flex;
    font-size: smaller;
    position: relative;
    margin: 4em 1em 1em
}

.styles_sidebar__user_wallet__IioOC {
    width: 50%;
    padding: 1em;
    border-right: 1px solid #c3ccdc
}

.styles_sidebar__user-wallet_amount__0yp6p {
    color: var(--primary-color);
    font-size: large;
    font-weight: 500
}

.styles_unit__r7mdh {
    padding-left: .25em
}

.styles_wrapperImage__xzSJ_ {
    position: relative
}

.styles_sidebar__user_avatar__1K3_U {
    position: absolute;
    top: calc(-1 * 80px / 2);
    left: calc(50% - 80px / 2);
    background-color: #fff;
    width: 81px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_sidebar__user_avatar__1K3_U .styles_avatar__Bfn1D {
    position: absolute;
    z-index: 2;
    border: none!important;
    max-width: 64px;
    height: auto;
    vertical-align: middle
}

.styles_background__wgZhO {
    position: absolute;
    top: calc(-1 * 80px / 2);
    left: calc(50% - 80px / 2)
}

.styles_sidebar__user_bonus_point__BV7iS {
    width: 50%;
    text-align: right;
    padding: 1em
}

.styles_sidebar__user_wallet_amount__ONUxB {
    color: var(--primary-color);
    font-size: large;
    font-weight: 500
}

.styles_sidebar__user_bonus_point_amount__lYF8R {
    color: #f9b514;
    font-size: large;
    font-weight: 500
}

.styles_sidebar__user_name__6wfTq {
    color: #000;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_hr__cs55L {
    background-color: #fff;
    opacity: .6;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(195,204,220,.4)
}

.styles_items__9mDlP {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-direction: column!important
}

.styles_sidebar__item_linkHome__crdYp,.styles_sidebar__item_link__C9fS_ {
    color: #fff;
    font-weight: 500!important;
    display: flex!important;
    align-items: center;
    padding: .5rem 1rem!important;
    position: relative;
    padding-top: 15px
}

.styles_sidebar__item_linkHome__crdYp p {
    margin-left: 5px!important;
    font-weight: 500!important;
    position: relative
}

.styles_sidebar__item_linkHome__crdYp [class*=svg-inline--fa] {
    font-size: 20px!important
}

.styles_sidebar__item_linkHome__crdYp .styles_badge__OZn0n {
    position: absolute;
    left: 155px;
    right: unset;
    top: -1px
}

.styles_sidebar__item_linkHome__crdYp p {
    margin-left: 25px!important
}

.styles_sidebar__item_linkHome__crdYp svg {
    max-width: 20px!important;
    min-width: 20px
}

.styles_sidebar__item_link__C9fS_ p {
    margin-left: 5px!important;
    font-weight: 500!important;
    position: relative
}

.styles_sidebar__item_link__C9fS_ [class*=MuiIcon-root] {
    width: 2em
}

.styles_sidebar__item_link__C9fS_ [class*=MuiSvgIcon-root]+p {
    margin-left: 25px!important
}

.styles_sidebar__item_link__C9fS_ span {
    min-width: 20px!important;
    max-width: 20px!important;
    margin-right: 20px!important
}

.styles_activeHome__aV_qw,.styles_sidebar__item_link__C9fS_.styles_active__B7QAz {
    background-color: hsla(0,0%,100%,.3);
    text-decoration: none
}

.styles_sidebar__item_link__C9fS_ [class*=MuiSvgIcon-root],.styles_sidebar__item_link__C9fS_ [class*=material-icons],.styles_sidebar__item_link__C9fS_ [class*=svg-inline--fa] {
    font-size: 20px!important
}

.styles_sidebar__item_link__C9fS_ .styles_badge__OZn0n {
    position: absolute;
    left: 155px;
    right: unset;
    top: -1px
}

.styles_sidebar__header__8RcPg {
    padding-left: 1rem;
    font-size: 1rem;
    color: #fff;
    margin: 0
}

.styles_badge__OZn0n {
    position: relative;
    right: -1.25em;
    top: 1px;
    border-radius: 10rem;
    display: inline-block;
    padding: .25em .5rem;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: linear-gradient(90deg,#ff4fae,#f9b514);
    color: #fff;
    border: 1px solid #fff;
    font-size: 12px
}

.styles_contact_more__wxilR {
    display: flex;
    gap: 10px;
    padding: .5rem 1rem!important
}

.styles_open_hours__cyUui {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500
}

.styles_fb__gLvQE {
    color: #3b5998;
    margin: 10px 0 5px
}

.styles_mt2__nKIhj {
    margin: 5px 0 10px
}

.styles_TitleConnect__zzAZI {
    display: flex;
    align-items: center;
    margin-left: 18px
}

.styles_TitleConnect__zzAZI div {
    background-color: #fff;
    margin-right: 24px;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    overflow: hidden
}

.styles_connectIcon__TyRg5>a {
    display: flex
}

.styles_beta__kM5Ei {
    font-size: .875rem;
    font-family: Inter,sans-serif;
    line-height: 1.43;
    margin-left: 5px!important;
    font-weight: 500!important;
    position: relative;
    color: #fff;
    padding: 0
}

.styles_containerCustomter__OLYWi {
    display: flex;
    padding: 16px 0;
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

.styles_textUser__5C_Vo {
    color: #333;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_textUserBold__utR2Q {
    color: #000;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_exitIcon__HOvIM {
    padding: 0
}

.styles_box2__OZLAt {
    display: flex;
    padding-bottom: 10px;
    align-items: flex-start;
    gap: 9px;
    align-self: stretch
}

.styles_table__h6VT9 {
    display: flex;
    width: 100%;
    min-width: 255px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer
}

.styles_quickView__MzeMa {
    display: flex;
    width: 100%;
    height: 76px;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    background: #e7f7f0
}

.styles_leftInformation__cL_CO {
    align-items: flex-start
}

.styles_leftInformation__cL_CO,.styles_rightInformation__UW9ZG {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 0;
    align-self: stretch
}

.styles_rightInformation__UW9ZG {
    align-items: flex-end
}

.styles_bottom__SBZ6O,.styles_top__SN_GZ {
    display: flex;
    align-items: center;
    gap: 5px
}

.styles_bottom__SBZ6O {
    justify-content: flex-end;
    align-self: stretch
}

.styles_textLevel__doJb0 {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.styles_textCredit__C17d8 {
    color: var(--primary-color);
    font-family: Inter;
    font-size: 12px;
    font-weight: 400
}

.styles_textCredit__C17d8,.styles_textPoint__we2Bi {
    display: flex;
    height: 28px;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    font-style: normal;
    line-height: normal;
    margin: 0
}

.styles_textPoint__we2Bi {
    color: #d4323b;
    text-align: right;
    font-family: Inter-Medium;
    font-size: 16px;
    font-weight: 500
}

.styles_textName__OPCtF {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0
}

.styles_line__mpKHu {
    width: 1px;
    flex-shrink: 0;
    align-self: stretch;
    background: var(--primary-color)
}

.styles_bottomLeft__Nwllv {
    display: flex;
    align-items: center;
    gap: 5px;
    align-self: stretch
}

.styles_navItem__SgbRN {
    display: flex;
    width: 100%;
    height: 50px;
    padding: 16px 12px;
    align-items: center;
    gap: 10px
}

.styles_box4__A9ybY {
    width: 100%
}

.styles_groupSocialMedia__EkxTR {
    display: flex;
    height: 50px;
    padding: 16px 12px;
    align-items: center;
    gap: 10px;
    align-self: stretch
}

.styles_groupCertificateIcons__wPSGG {
    display: flex;
    height: 50px;
    padding: 10px 0;
    align-items: center;
    gap: 5px
}

.styles_textSocialMedia__fMj76 {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.styles_borderBottom__a5u7p {
    border-bottom: 1px solid #dcdbdb;
    width: 100%
}

.styles_groupTable__s_bK0 {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
}

.styles_mobileSidebar_container__3f0CA [class*=MuiDrawer-paper] {
    border-radius: 0 12px 12px 0;
    background: var(--Neutral-White,#fff);
    box-shadow: 2px 0 8px 0 rgba(0,0,0,.2);
    padding: 0 1rem
}

.styles_link__NoQ1Z {
    padding: 5px
}

.styles_no_decoration__V73pB {
    text-decoration: none;
    font-size: 12px
}

.styles_small_button__7IIcp {
    padding: 3px
}

.styles_login__W23q6 {
    display: flex;
    width: 100vw;
    padding: 10px 15px 10px 12px;
    align-items: center;
    gap: 20px;
    background: var(--primary-color);
    justify-content: space-between;
    height: 52px
}

.styles_logo__rAxm_ {
    padding: 15px;
    cursor: pointer
}

.styles_buttons__KbDR_,.styles_div_buttons__fPU3n {
    padding: 15px
}

.styles_notiIcon__TQLUd {
    padding: 0
}

.styles_rSection__PKieW {
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_rSection__PKieW a {
    padding: 0!important
}

.styles_footerBar__9fTip {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: green;
    z-index: 1
}

.styles_drawer__Jo8_d {
    background: var(--primary-color)
}

.styles_drawer__Jo8_d [class*=MuiFab-root] {
    background-color: #fff;
    color: #000;
    position: fixed;
    left: 84%;
    top: 10px
}

.styles_drawer__Jo8_d [class*=MuiFab-root]:hover {
    background: #fff
}

.styles_logged__TkZaj [class*=MuiButtonBase-root] {
    color: #fff
}

.styles_lSection__YKbuK,.styles_searchTool__RhfPr {
    align-items: center;
    vertical-align: middle;
    display: flex
}

.styles_searchTool__RhfPr,.styles_searchTool__RhfPr>div {
    width: 100%
}

.styles_groupLeft__6HoFI {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0
}

.styles_lSection__YKbuK .styles_text__rKKcw {
    color: #fff;
    font-family: ggsm,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .styles_div_buttons__fPU3n {
        padding:0
    }

    .styles_div_buttons__fPU3n button {
        padding: 4px 11px
    }

    .styles_div_buttons__fPU3n button:last-child {
        margin-right: 0!important
    }

    .styles_div_buttons__fPU3n button span {
        font-size: 14px
    }
}

@media (max-width: 640px) {
    .styles_div_buttons__fPU3n button {
        padding:10px 20px;
        line-height: 1
    }

    .styles_login_wrapper__iYXLC {
        position: sticky;
        width: 100%;
        z-index: 99;
        top: 0
    }
}

.styles_search_tool_wrapper__7M73n {
    background: #fff
}

.styles_searchTool__RhfPr>div>div {
    margin: 0;
    border-left: 0!important;
    border-right: 0!important;
    border-top: 0!important;
    border-bottom: 1px solid rgba(195,204,220,.4);
    border-radius: 0!important;
    padding: 10px;
    line-height: 1;
    height: inherit
}

.styles_searchTool__RhfPr>div>div>div {
    display: none
}

.styles_search_tool_wrapper__7M73n .styles_lSection__YKbuK button {
    color: #919aa3
}

.styles_cart_wrapper__fYZYj .styles_text__rKKcw,.styles_search_tool_wrapper__7M73n .styles_rSection__PKieW button {
    color: var(--primary-color)!important
}

.styles_search_tool_wrapper__7M73n .styles_lSection__YKbuK {
    margin-right: 10px
}

.styles_cart_wrapper__fYZYj [class*=MuiButtonBase-root] {
    color: #0000008a!important
}

.styles_badgeCart__6T_ZI [class*=MuiBadge-anchorOriginTopRightRectangle],.styles_badgeCart__6T_ZI [class*=MuiBadge-anchorOriginTopRightRectangular] {
    min-width: 16px;
    padding: 4px;
    border-radius: 12px;
    background: var(--Color-Red,#d4323b);
    color: #fff;
    text-align: center;
    font-family: ggsr;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    right: 1px;
    height: 16px
}

.styles_appBar__Kzodx[class*=MuiPaper-root] {
    position: sticky;
    top: 0;
    background-color: var(--primary-color);
    box-shadow: unset;
    color: #000;
    z-index: 10
}

.styles_icon__I2_YC {
    width: 18px;
    height: 18px
}

.styles_toolBar__DQTee[class*=MuiToolbar-root] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    gap: 5px
}

.styles_formTitle__o8AZx {
    flex: 1;
    color: #fff;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_notify__MgBZD {
    position: relative;
    padding: 0
}

.styles_quantityNotify__ACLik {
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateY(30%);
    min-width: 20px;
    padding: 0 3px;
    border-radius: 12px;
    background: var(--Color-Red,#d4323b);
    color: #fff;
    text-align: center;
    font-family: ggsr;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    right: -1px
}

.styles_btnHamburger__POqzB {
    padding: 0;
    min-width: auto
}

.styles_backgroundWhite__2X9gb {
    background-color: #fff
}

.styles_backgroundWhite__2X9gb .styles_text__rKKcw {
    color: #000;
    font-family: ggsm,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_search__92K3d {
    align-items: center;
    display: flex;
    gap: 12px;
    height: 32px;
    flex: 1 0 0;
    cursor: pointer
}

.styles_boxSearch__kjrNB {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 40px;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 8px;
    padding: 11px 12px;
    position: relative
}

.styles_search__92K3d .styles_outline-interface__23K2N {
    height: 24px;
    margin-bottom: -7px;
    margin-top: -7px;
    position: relative;
    width: 24px
}

.styles_textWrapper__qH2VM {
    color: var(--Neutral-Description,#797979);
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    margin: 0
}

.styles_tabHorizontal__jlMCt {
    align-items: center;
    background-color: #fff;
    display: flex;
    padding: 1em 0;
    width: 100%;
    min-width: 375px
}

.styles_frame__iMSxe {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: .75em;
    border-right: 1px solid #e8e8e8
}

.styles_frame__iMSxe:last-child {
    border-right: none
}

.styles_textWrapperTab__O4uU7 {
    font-size: 12px;
    color: var(--Neutral-Text,#000)
}