/*! Project: 'mobilemall'; Module: 'homepagefe'; Slot: 'mobilemall-homepagefe'; Updated: '2025-12-17T06:49:33.935Z'; Tag: 'sw-WEBFE-MKP-2025.12.v1-1-1'; Branch: 'heads/sw-WEBFE-MKP-2025.12.v1-1-1'; Git hash: 'fd54ef5951522556f68e6fd0dfaf6978ea9600c5'; */

.stardust-popup {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}
.stardust-popup__overlay {
  background: #0006;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.stardust-popup__dialog {
  background: #fff;
  border-radius: 4px;
  margin: auto 34px;
}
.stardust-popup__dialog--wrapper {
  z-index: 2;
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}
.stardust-popup__dialog--wrapper-top {
  padding: 20px 20px 0;
}
.stardust-popup-title {
  color: #000000de;
  text-align: center;
  font-family: SHPBurmese, SHPKhmer, -apple-system, Helvetica Neue, Helvetica,
    Roboto, Droid Sans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.stardust-popup-content {
  text-align: left;
  color: #0000008a;
  font-family: SHPBurmese, SHPKhmer, -apple-system, Helvetica Neue, Helvetica,
    Roboto, Droid Sans, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.stardust-popup-buttons {
  align-content: space-between;
  margin-top: 26px;
  display: flex;
}
.stardust-popup-button {
  color: #ee4d2d;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  border-top: 1px solid #00000017;
  flex: 100%;
  height: 46px;
  font-family: SHPBurmese, SHPKhmer, -apple-system, Helvetica Neue, Helvetica,
    Roboto, Droid Sans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 46px;
}
.stardust-popup-button:nth-child(2) {
  border-left: 1px solid #00000017;
}
.rE6vV1 a {
  color: #ee4d2d;
}
.rE6vV1 .stardust-popup-content {
  padding: 1.25rem 0 0;
}
.rE6vV1 .stardust-popup-button--secondary {
  color: #000000de;
}
.home-popup--hide {
  display: none;
}
.home-popup__background {
  z-index: 9000;
  background-color: #0006;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}
.home-popup__content {
  flex: 0 auto;
  width: 80%;
  max-width: 28.75rem;
  max-height: 100%;
  position: relative;
}
.home-popup__link {
  display: block;
}
.home-popup__image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}
.home-popup__close-area {
  cursor: pointer;
  width: 15%;
  height: 19%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.home-popup__close-button-container {
  background: #efefef;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.home-popup__close-button {
  stroke: #00000080;
  stroke-width: 0.125rem;
  width: 1rem;
  height: 1rem;
}
.shopee-no-scroll {
  height: 100%;
  overflow: hidden;
}
.QSLoEa {
  background-color: #fafafa;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 54 61%27 x=%270%27 y=%270%27 stroke=%27%27 fill=%27%23e5e4e4%27%0A%3E%3Cpath d=%27M 99.2 59.9 H 86.7 c 0 -5.3 -2.7 -16.3 -11.7 -16.4 c -9.6 -.1 -11.8 11.9 -11.8 16.4 H 50.8 c -3.4 0 -2.7 3.4 -2.7 3.4 l 2.4 33 c 0 0 -.1 7.3 6.3 7.5 c .4 0 35.7 0 36.5 0 c 6.2 -.4 6.3 -7.5 6.3 -7.5 l 2.4 -33 C 102 63.2 102.5 59.8 99.2 59.9 z M 75.1 47.2 c 7.1 .2 7.9 11.7 7.7 12.6 H 67.1 C 67 58.9 67.5 47.4 75.1 47.2 z M 84.2 91.8 c -1 1.7 -2.7 3 -5 3.7 C 78 95.9 76.8 96 75.6 96 c -3.2 0 -6.5 -1.1 -9.3 -3.3 c -.8 -.6 -1 -1.5 -.5 -2.3 c .2 -.4 .7 -.7 1.2 -.8 c .4 -.1 .9 0 1.2 .3 c 3.2 2.4 8.3 4 11.9 1.6 c 1.4 -.9 2.1 -2.7 1.6 -4.3 c -.5 -1.6 -2.2 -2.7 -3.5 -3.4 c -1 -.6 -2.1 -1 -3.3 -1.4 c -.9 -.3 -1.9 -.7 -2.9 -1.2 c -2.4 -1.2 -4 -2.6 -4.8 -4.2 c -1.2 -2.3 -.6 -5.4 1.4 -7.5 c 3.6 -3.8 10 -3.2 14 -.4 c .9 .6 .9 1.7 .4 2.5 c -.5 .8 -1.4 .9 -2.2 .4 c -2 -1.4 -4.4 -2 -6.4 -1.7 c -2 .3 -4.7 2 -4.4 4.6 c .2 1.5 2 2.6 3.3 3.3 c .8 .4 1.5 .7 2.3 .9 c 4.3 1.3 7.2 3.3 8.6 5.7 C 85.4 86.9 85.4 89.7 84.2 91.8 z%27 transform=%27translate%28-48 -43%29%27 stroke=%27none%27 /%3E%3C/svg%3E"),
    linear-gradient(90deg, #fafafa 0%, #f1f0f0 25%, #fafafa 50%);
  background-position: 50%, 100% 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 60px 60px, 200% 100%;
  max-width: 100%;
  max-height: 100%;
  animation: 1s 0.2s infinite T1GUbT;
}
.uXN1L5 {
  vertical-align: bottom;
}
.CZvMK3 {
  background-color: #fafafa;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aAogICAgZD0iTTgzLjUgMTEwLjA3MWMxMC4yMTcgMCAxOC41LTguMjgzIDE4LjUtMTguNXMtOC4yODMtMTguNS0xOC41LTE4LjVTNjUgODEuMzU0IDY1IDkxLjU3MXM4LjI4MyAxOC41IDE4LjUgMTguNVoiCiAgICBmaWxsPSIjRThFOEU4IgogIC8+CiAgPHBhdGggZD0iTTEwIDc3LjA3MWE0IDQgMCAxIDAgMC04IDQgNCAwIDAgMCAwIDhaIiBzdHJva2U9IiNFOEU4RTgiIC8+CiAgPHBhdGgKICAgIGQ9Ik0xMTEuNDY0IDQzLjUzNWMtLjM5LjM5MS0uMzkgMS4wMjQgMCAxLjQxNWwyLjEyMiAyLjEyMS0yLjEyMiAyLjEyMWExIDEgMCAwIDAgMS40MTUgMS40MTVMMTE1IDQ4LjQ4NWwyLjEyMSAyLjEyMmExLjAwMSAxLjAwMSAwIDAgMCAxLjQxNS0xLjQxNWwtMi4xMjItMi4xMiAyLjEyMi0yLjEyMmExLjAwMSAxLjAwMSAwIDAgMC0xLjQxNS0xLjQxNUwxMTUgNDUuNjU3bC0yLjEyMS0yLjEyMWExLjAwMSAxLjAwMSAwIDAgMC0xLjQxNSAwWk0xOS40NjUgMTguNTM1YTEgMSAwIDAgMCAwIDEuNDE1bDIuMTIgMi4xMjEtMi4xMiAyLjEyMWExIDEgMCAwIDAgMS40MTQgMS40MTVMMjMgMjMuNDg1bDIuMTIxIDIuMTIyYTEgMSAwIDAgMCAxLjQxNS0xLjQxNWwtMi4xMjItMi4xMiAyLjEyMi0yLjEyMmExIDEgMCAwIDAtMS40MTUtMS40MTVMMjMgMjAuNjU3bC0yLjEyMS0yLjEyMmExIDEgMCAwIDAtMS40MTUgMFoiCiAgICBmaWxsPSIjRThFOEU4IgogIC8+CiAgPHBhdGgKICAgIGQ9Ik01MSAzOS4wNzF2LTE4YTEgMSAwIDAgMSAxLTFoMzhhMyAzIDAgMCAxIDMgM1Y2Ny41NzVhMjQuMDI1IDI0LjAyNSAwIDAgMC0yLTEuMjkzVjIzLjA3YTEgMSAwIDAgMC0xLTFINTN2MTdhNSA1IDAgMCAxLTUgNUgzMHY1NmExIDEgMCAwIDAgMSAxaDI4LjUwNGMuNS42OTUgMS4wMzcgMS4zNjMgMS42MDcgMkgzMWEzIDMgMCAwIDEtMy0zdi01N2ExIDEgMCAwIDEgMS0xaDE5YTMgMyAwIDAgMCAzLTNaIgogICAgZmlsbD0iI0JEQkRCRCIKICAvPgogIDxwYXRoIGQ9Im01MiAyMS4wNzEtMjMgMjIiIHN0cm9rZT0iI0JEQkRCRCIgLz4KICA8cmVjdCB4PSIzOSIgeT0iNTcuMDcxIiB3aWR0aD0iNDIiIGhlaWdodD0iMiIgcng9IjEiIGZpbGw9IiNCREJEQkQiIC8+CiAgPHJlY3QgeD0iMzkiIHk9IjY1LjA3MSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIiIHJ4PSIxIiBmaWxsPSIjQkRCREJEIiAvPgogIDxyZWN0IHg9IjM5IiB5PSI3My4wNzEiIHdpZHRoPSIxNSIgaGVpZ2h0PSIyIiByeD0iMSIgZmlsbD0iI0JEQkRCRCIgLz4KICA8cGF0aAogICAgZD0iTTkxLjUxMSAxMDAuNDkxYzcuMjcxLTYuNzggNy42NjktMTguMTcuODg5LTI1LjQ0LTYuNzgtNy4yNy0xOC4xNy03LjY2OC0yNS40NC0uODg4cy03LjY2OSAxOC4xNy0uODg5IDI1LjQ0YzYuNzggNy4yNzEgMTguMTcgNy42NjggMjUuNDQuODg4WiIKICAgIHN0cm9rZT0iI0JEQkRCRCIKICAvPgogIDxyZWN0CiAgICB4PSI3MC41MTUiCiAgICB5PSI4MCIKICAgIHdpZHRoPSIyIgogICAgaGVpZ2h0PSIyMiIKICAgIHJ4PSIxIgogICAgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDcwLjUxNSA4MCkiCiAgICBmaWxsPSIjQkRCREJEIgogIC8+CiAgPHJlY3QKICAgIHg9Ijg2LjA3MSIKICAgIHk9Ijc4LjU4NiIKICAgIHdpZHRoPSIyIgogICAgaGVpZ2h0PSIyMiIKICAgIHJ4PSIxIgogICAgdHJhbnNmb3JtPSJyb3RhdGUoNDUgODYuMDcxIDc4LjU4NikiCiAgICBmaWxsPSIjQkRCREJEIgogIC8+Cjwvc3ZnPg==);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px 60px;
}
.UkIsx8 {
  display: contents;
}
@keyframes T1GUbT {
  0% {
    background-position: 50%, 100% 0;
  }
  to {
    background-position: 50%, -100% 0;
  }
}
.USDtg8 {
  width: 100%;
}
.PVcKtx .L_H5oW {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  position: absolute;
  inset: 0;
}
.L_H5oW {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.NEw60w {
  position: relative;
}
.NEw60w img {
  vertical-align: bottom;
}
.B_olZt {
  visibility: hidden;
}
.X4NDK4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0;
}
.GnMZ7t {
  opacity: 0;
}
.kwL5yd {
  opacity: 1;
  transition: opacity 0.2s;
}
.FIVuxN {
  transition: none;
}
.opYHHH {
  background-image: url("data:image/svg+xml,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 32 32%27%3E%3Cpath clip-rule=%27evenodd%27 d=%27M21.4 23.95a4.19 4.19 0 0 1-2.64 3.4c-.83.35-1.94.54-2.82.48a9.28 9.28 0 0 1-3.84-.97 9.62 9.62 0 0 1-1.55-1.03c-.1-.1-.16-.17-.06-.32l.63-.89c.09-.14.24-.15.39-.04l.19.15a7.53 7.53 0 0 0 4.25 1.58C18 26.3 19.5 25.4 19.78 24c.3-1.54-.96-2.86-3.37-3.6-.77-.23-2.7-.98-3.05-1.19-1.68-.96-2.46-2.22-2.35-3.77.17-2.14 2.21-3.75 4.8-3.77a8.94 8.94 0 0 1 4.76 1.4c.17.13.16.27.1.37l-.54.83c-.09.13-.2.15-.36.05a7.29 7.29 0 0 0-3.92-1.18c-1.77.03-3.1 1.06-3.2 2.46-.01 1.27.98 2.2 3.08 2.9 4.34 1.36 5.99 2.96 5.67 5.46zM16.05 1.87c2.8 0 5.1 2.6 5.2 5.85H10.84c.1-3.25 2.4-5.85 5.2-5.85zm13.92 5.85h-6.75C23.05 3.42 19.9 0 16.05 0s-7 3.43-7.17 7.72H2.1a.62.62 0 0 0-.6.66l.96 20.7.01.18v.08A2.86 2.86 0 0 0 5.16 32h21.45a3.06 3.06 0 0 0 .06 0h.04a2.93 2.93 0 0 0 2.82-2.68v-.02a2.3 2.3 0 0 0 0-.15L30.6 8.36v-.03a.62.62 0 0 0-.62-.6z%27 fill=%27%23e5e4e4%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  max-width: 100%;
  height: 60px;
  max-height: 100%;
}
.THVELi {
  text-align: center;
  width: 25%;
  height: 6rem;
  padding: 0 0.0625rem;
}
.THVELi .animated-lazy-image__placeholder {
  width: 1.875rem;
  height: 1.875rem;
}
.zykGfo {
  width: 22.2222%;
  height: 6rem;
}
.ccqgTu {
  width: 20%;
  height: 6rem;
}
.ZawKIV {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.WEf53b {
  height: 2.625rem;
  margin-bottom: 0.25rem;
  display: inline-block;
  width: 2.625rem !important;
}
.sQQtlr {
  width: 3rem;
  height: 3rem;
}
.bQMHWN {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  color: #000000de;
  word-wrap: break-word;
  white-space: pre-line;
  -webkit-box-orient: vertical;
  max-height: 2.625rem;
  font-size: 0.625rem;
  line-height: 0.875rem;
  display: -webkit-box;
  overflow: hidden;
}
.bQMHWN:lang(my) {
  line-height: 0.9375rem;
}
.iXq0V0 {
  width: 100%;
  height: 0.625rem;
  padding: 0.25rem 0.25rem 0;
}
.stardust-horizontal-scroll-view {
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  align-items: center;
  display: flex;
  overflow: auto hidden;
}
.ZO8aSy {
  scrollbar-width: none;
  height: 100%;
  position: relative;
  overflow-y: hidden;
}
.zq2VXT {
  z-index: 9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.Gmum8J {
  z-index: 99;
  box-sizing: content-box;
  scrollbar-width: none;
  height: 100%;
  position: relative;
}
.EYIy7z {
  width: 100%;
  height: 100%;
}
.ShrrM2 {
  z-index: 999;
  background: #efefef;
  border-radius: 1px;
  width: 24px;
  height: 4px;
  position: absolute;
  bottom: 5px;
  left: calc(50% - 12px);
}
.GWCDgW {
  background: #ee4d2d;
  border-radius: 1px;
  height: 4px;
}
.C0PQhd {
  background: #fff 50%/100% 100% no-repeat;
  width: 100%;
  height: 6.875rem;
}
.jbPM0u {
  height: 13.25rem;
}
.gyXIP9 {
  flex-flow: column wrap;
  width: 100%;
  height: 100%;
  padding-bottom: 0.125rem;
  display: flex;
}
.siJ9cg {
  z-index: 100;
  background: #fff;
  align-items: center;
  width: 100%;
  max-width: 37.5rem;
  height: 2.75rem;
  padding: 0 0.75rem;
  display: flex;
  position: fixed;
  top: 0;
  box-shadow: 0 0 6px #0000000f;
}
.GICxHC {
  background: 0 0;
}
.JTRHdS {
  flex-shrink: 0;
  line-height: 0;
}
.KrVWaM {
  flex: 1;
  padding: 0 1.25rem;
  overflow: hidden;
}
.EA0ImV {
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}
.SOQ4aS + .SOQ4aS {
  margin-left: 1.25rem;
  transform: translateX(-20px);
}
.SOQ4aS {
  line-height: 0;
}
.SOQ4aS .stardust-popover__popover--open {
  overflow: visible;
}
.SOQ4aS .stardust-popover__target {
  height: 100%;
}
.stardust-icon {
  stroke: #000;
  fill: #000;
  width: 1em;
  height: 1em;
}
.E5LbcG.E5LbcG {
  fill: #ee4d2d;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 1.375rem;
  display: block;
}
.qlDYr_ {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}
.BIGaPA {
  z-index: 100;
  background: #fff;
  align-items: center;
  width: 100%;
  max-width: 37.5rem;
  height: 44px;
  padding: 0 0.9375rem;
  display: flex;
  position: fixed;
  top: 0;
  box-shadow: 0 0 0.375rem #0000000f;
}
.hnz8lq {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000de;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
  line-height: 1.5rem;
  overflow: hidden;
}
.ni8_ZG {
  position: absolute;
  top: 0.84375rem;
  left: 0.9375rem;
}
.gmK_Vu {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #ee4d2d;
  border-radius: 0.75rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.25rem;
  display: flex;
  position: absolute;
  top: 0.625rem;
  right: 0.9375rem;
}
.gmK_Vu .stardust-icon {
  color: #ee4d2d;
  width: 0.5rem;
  height: 0.5rem;
}
.SU1AML {
  z-index: 100;
  background: #fbfbfb;
  border-bottom: 1px solid #00000017;
  align-items: center;
  width: 100%;
  max-width: 37.5rem;
  height: 2.75rem;
  padding: 0 0.9375rem;
  display: flex;
  position: absolute;
  top: 0;
}
.ZvdTyF {
  text-align: center;
  flex: 1;
}
.fQJK4R {
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
}
.SIIRqw.SIIRqw {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  text-align: center;
  text-transform: capitalize;
  font-family: SHPBurmese, SHPKhmer, -apple-system, HelveticaNeueMedium,
    HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Roboto,
    Droid Sans, Arial Bold, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  overflow: hidden;
}
.stardust-popover {
  position: relative;
}
.stardust-popover:focus-visible {
  border-radius: 2px;
  outline: 2px solid #000;
}
.stardust-popover__popover {
  will-change: transform;
  z-index: -1;
  position: absolute;
}
.stardust-popover__popover--show {
  z-index: 3;
  opacity: 1;
  animation: 0.2s cubic-bezier(0.4, 0, 0.6, 1) popover-enter-animation;
}
.stardust-popover__popover--border {
  border: 1px solid #00000017;
}
.stardust-popover__popover--hide {
  animation: 0.2s cubic-bezier(0.4, 0, 0.6, 1) popover-hide-animation;
}
.stardust-popover__arrow {
  z-index: 3;
  will-change: transform;
  position: absolute;
}
.stardust-popover__arrow--inner {
  width: 0;
  height: 0;
  position: absolute;
  left: -8px;
}
@keyframes popover-enter-animation {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes popover-hide-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
.shopee-menu {
  background-color: #fff;
  border-radius: 2px;
  position: relative;
  box-shadow: 0 2px 4px #00000080;
}
.shopee-menu__main {
  padding-top: 0.25rem;
  position: relative;
}
.shopee-menu__item {
  cursor: pointer;
  align-items: center;
  padding-left: 0.875rem;
  display: flex;
}
.shopee-menu__item:last-child > .shopee-menu__item-label {
  border-bottom: 0;
}
.shopee-menu__item-icon {
  margin-right: 0.75rem;
  color: #000000de !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.shopee-menu__item-label {
  box-sizing: border-box;
  border-bottom: 1px solid #ffffff1f;
  padding: 0.75rem 0.875rem 0.75rem 0;
}
.shopee-menu__item-label:first-letter {
  text-transform: uppercase;
}
.zVaiNh {
  z-index: 1;
  background: #0006;
  position: fixed;
  inset: 0;
}
.rJKHJL {
  position: relative;
}
.mzh5OO {
  fill: #ee4d2d;
  width: 1.5rem;
}
._R9xCy {
  color: #fff;
  text-align: center;
  background: #ee4d2d;
  border-radius: 0.625rem;
  height: 0.875rem;
  padding: 0.125rem 0.3125rem;
  font-size: 0.625rem;
  line-height: 0.625rem;
  position: absolute;
  top: -0.3125rem;
  left: 70%;
}
.theme--ofs ._R9xCy {
  background-color: #d0011b;
}
.stardust-button {
  color: #000000de;
  background-color: #fff;
  border: 1px solid #00000042;
  border-radius: 4px;
  padding: 8px 10px;
  font-family: SHPBurmese, SHPKhmer, -apple-system, Helvetica Neue, Helvetica,
    Roboto, Droid Sans, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.stardust-button:hover,
.stardust-button.stardust-button--active {
  cursor: pointer;
  background-color: #00000017;
  border-color: #00000042;
}
.stardust-button--disabled {
  background-color: #00000042;
  border: 1px solid #00000042;
}
.stardust-button--disabled:hover,
.stardust-button--disabled.stardust-button--active {
  cursor: not-allowed;
  background-color: #00000042;
  border: 1px solid #00000042;
}
.stardust-button--block {
  width: 100%;
  display: block;
}
.stardust-button--block + .stardust-button--block {
  margin-top: 5px;
}
.stardust-button--large {
  border-radius: 6px;
  padding: 12px 14px;
  font-family: SHPBurmese, SHPKhmer, -apple-system, Helvetica Neue, Helvetica,
    Roboto, Droid Sans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.stardust-button--small {
  border-radius: 3px;
  padding: 6px 8px;
  font-family: SHPBurmese, SHPKhmer, -apple-system, Helvetica Neue, Helvetica,
    Roboto, Droid Sans, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.stardust-button--primary {
  color: #fff;
  background-color: #ee4d2d;
  border-color: #cd3011;
}
.stardust-button--primary:hover,
.stardust-button--primary.stardust-button--active {
  background-color: #d73211;
  border-color: #ba2b0f;
}
.stardust-button--primary.stardust-button--disabled {
  opacity: 0.7;
}
.stardust-button--primary:hover.stardust-button--disabled,
.stardust-button--primary.stardust-button--active.stardust-button--disabled {
  background-color: #ee4d2d;
  border-color: #cd3011;
}
.stardust-button--warning {
  color: #fff;
  background-color: #ff424f;
  border-color: #ef0010;
}
.stardust-button--warning:hover,
.stardust-button--warning.stardust-button--active {
  background-color: #fa0011;
  border-color: #e50010;
}
.stardust-button--warning.stardust-button--disabled {
  opacity: 0.7;
}
.stardust-button--warning:hover.stardust-button--disabled,
.stardust-button--warning.stardust-button--active.stardust-button--disabled {
  background-color: #ff424f;
  border-color: #ef0010;
}
.stardust-button--outline-primary {
  color: #ee4d2d;
  background-color: #0000;
  border-color: #ee4d2d;
}
.stardust-button--outline-primary:hover,
.stardust-button--outline-primary.stardust-button--active {
  background-color: #ffffff4d;
  border-color: #d73211;
}
.stardust-button--outline-primary.stardust-button--disabled {
  opacity: 0.7;
}
.stardust-button--outline-primary:hover.stardust-button--disabled,
.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled {
  background-color: #0000;
  border-color: #ee4d2d;
}
.stardust-button--outline-white {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}
.stardust-button--outline-white:hover,
.stardust-button--outline-white.stardust-button--active {
  background-color: #ffffff4d;
  border-color: #fff;
}
.stardust-button--outline-white.stardust-button--disabled {
  opacity: 0.7;
}
.stardust-button--outline-white:hover.stardust-button--disabled,
.stardust-button--outline-white.stardust-button--active.stardust-button--disabled {
  background-color: #0000;
  border-color: #fff;
}
.stardust-button--ghost-primary {
  color: #ee4d2d;
  background-color: #0000;
  border-color: #0000;
}
.stardust-button--ghost-primary:hover,
.stardust-button--ghost-primary.stardust-button--active {
  background-color: #00000017;
  border-color: #00000017;
}
.stardust-button--ghost-primary.stardust-button--disabled {
  opacity: 0.7;
}
.stardust-button--ghost-primary:hover.stardust-button--disabled,
.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled {
  background-color: #0000;
  border-color: #0000;
}
.Z8uGFZ {
  border-radius: var(--nr-normal, 0.125rem);
  outline: none;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.Z8uGFZ:active:before {
  content: "";
  background-color: var(--nc-util-pressed, #0000000d);
  position: absolute;
  inset: 0;
}
.hXSrmw {
  height: 2.75rem;
}
.hXSrmw .cpBfTr {
  line-height: 2.75rem;
}
.dy3qYv {
  min-width: 4rem;
  height: 2.25rem;
}
.dy3qYv .cpBfTr {
  line-height: 2.25rem;
}
.jnFgoR {
  min-width: 4rem;
  height: 1.75rem;
  padding: 0 0.75rem;
}
.jnFgoR .cpBfTr {
  line-height: 1.75rem;
}
.Y_YSUu {
  min-width: 3.25rem;
  height: 1.25rem;
  padding: 0 0.5rem;
}
.Y_YSUu .cpBfTr {
  line-height: 1.25rem;
}
.fkLS3o {
  background: 0 0;
}
.JVNY7E.AHoeYM {
  color: #fff;
  background: var(--nc-primary, #ee4d2d);
  border: 0.0625rem solid #0000;
}
.JVNY7E.fkLS3o {
  color: var(--nc-primary, #ee4d2d);
  border: 0.0625rem solid var(--nc-primary, #ee4d2d);
}
.DYki4w.fkLS3o {
  color: var(--nc-text-primary, #000000de);
  border: 0.0625rem solid #00000042;
}
.nLbFKB.fkLS3o {
  color: #fff;
  border: 0.0625rem solid #fff;
}
.Z8uGFZ:disabled {
  color: var(--nc-util-disabled, #00000042);
}
.Z8uGFZ:disabled.fkLS3o {
  border-color: var(--nc-util-line, #00000017);
}
.Z8uGFZ:disabled.nLbFKB.fkLS3o {
  color: #fff6;
  border-color: #ffffff8a;
}
.Z8uGFZ:disabled.JVNY7E.AHoeYM {
  background: #00000017;
}
.cpBfTr {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pYnFyv {
  margin-left: 0.25rem;
}
.stardust-input__element {
  resize: none;
  background: #f6f6f6;
  border: 2px solid #00000017;
  border-radius: 4px;
  padding: 4px 8px;
  font-family: SHPBurmese, SHPKhmer, -apple-system, HelveticaNeue-Light,
    Helvetica Neue Light, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 300;
}
.stardust-input__element:focus {
  border-color: #f9c5bb;
  outline: 0;
  box-shadow: inset 0 1px 1px #00000013, 0 0 4px #f9c5bb;
}
.stardust-input__element--invalid,
.stardust-input__element:invalid,
.stardust-input__element--invalid:focus {
  background-color: #fff1f1;
  border-color: #ff424f;
  outline: 0;
  box-shadow: inset 0 1px 1px #00000013, 0 0 4px #ff424f;
}
.stardust-input__element--disabled,
.stardust-input__element:disabled {
  cursor: not-allowed;
  background-color: #ddd;
}
.stardust-input__invalid-message {
  color: #ff424f;
  font-family: SHPBurmese, SHPKhmer, -apple-system, HelveticaNeue-Light,
    Helvetica Neue Light, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 300;
}
.masked-dropdown {
  z-index: 10;
  background: #0006;
  width: 100%;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow-y: hidden;
}
.masked-dropdown--collapsed {
  z-index: -1;
}
.masked-dropdown__inner-wrapper {
  max-width: 37.5rem;
  margin: 0 auto;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.masked-dropdown-transition-enter {
  opacity: 0.01;
}
.masked-dropdown-transition-enter .masked-dropdown__inner-wrapper {
  transform: translateY(-100%);
}
.masked-dropdown-transition-enter-active {
  opacity: 1;
}
.masked-dropdown-transition-enter-active .masked-dropdown__inner-wrapper {
  transform: translateY(0);
}
.masked-dropdown-transition-exit {
  opacity: 0.99;
}
.masked-dropdown-transition-exit .masked-dropdown__inner-wrapper {
  transform: translateY(0);
}
.masked-dropdown-transition-exit-active {
  opacity: 0;
}
.masked-dropdown-transition-exit-active .masked-dropdown__inner-wrapper {
  transform: translateY(-100%);
}
.MnI5S3 {
  pointer-events: none;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
}
.F5U12j {
  pointer-events: none;
  z-index: -1;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
}
.d07ZkT::placeholder {
  color: var(--search-input-placeholder-color, #ee4d2d) !important;
}
.search-bar {
  background: #0000000d;
  border-radius: 0.125rem;
  align-items: center;
  height: 2.25rem;
  padding: 0 0.5rem;
  display: flex;
}
.search-bar--transparent {
  background: #00000042;
  border: 1px solid #ffffff42 !important;
}
.search-bar--transparent .search-bar__input.stardust-input__element {
  color: #fff;
  background: 0 0;
}
.search-bar--transparent
  .search-bar__input.stardust-input__element::placeholder {
  color: #ffffff8a;
}
.search-bar--transparent .search-bar__search-icon {
  stroke: #fff;
}
.search-bar .stardust-input {
  flex: 1 !important;
}
.search-bar__form {
  z-index: 0;
  width: 100%;
  position: relative;
}
.search-bar__input {
  line-height: 1.25rem;
}
.search-bar__input.stardust-input__element {
  -webkit-appearance: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: 0 0;
  border: 0;
  outline: none;
  width: 100%;
  height: 2.25rem;
  padding: 0 0.5rem 0 1.5rem;
  font-size: 0.675rem;
  overflow: hidden;
  box-sizing: border-box !important;
}
.search-bar__input::placeholder {
  color: #0000008a;
}
.search-bar__input--orange::placeholder {
  color: #ee4d2d;
}
.search-bar__input--red::placeholder {
  color: #d0011b;
}
.search-bar__search-icon {
  fill: #0000;
  stroke: #0006;
  width: 0.875rem;
  height: 0.875rem;
  display: block;
}
.search-bar__reset {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 1em;
  height: 1em;
}
.search-bar__reset svg {
  width: 100%;
  height: 100%;
  display: block;
}
.search-bar-drop-down {
  background: #fff;
  display: block;
}
.search-bar-drop-down__item {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: 0.75rem;
  border: 0 solid #00000017 !important;
  border-bottom-width: 1px !important;
}
.search-bar-drop-down__item--prefill {
  align-items: center;
  display: flex;
}
.search-bar-drop-down__item--prefill img {
  height: 24px;
  margin-left: auto;
  padding-left: 20px;
}
.search-bar-drop-down__item--prefill .search-bar-drop-down__item-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search-bar.search-bar--heb {
  background-color: #fff;
  border: 1px solid #000000de;
  border-radius: 0.25rem;
  padding: 0;
}
.search-bar.search-bar--heb .search-bar__search-icon-wrapper {
  background-color: #000000de;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 100%;
  display: flex;
}
.search-bar.search-bar--heb .search-bar__search-icon {
  stroke: #fff;
  width: 1.25rem;
  height: 1.25rem;
}
.search-bar.search-bar--heb .search-bar__form {
  width: calc(100% - 36px);
}
.navbar-generic__cart {
  fill: #ee4d2d;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 1.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}
.navbar-generic__menu {
  stroke: #ee4d2d;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}
.navbar-generic__help-icon {
  stroke: none !important;
}
.navbar-search {
  height: 3.5rem;
  box-shadow: none;
  padding: 0 0.75rem;
}
.navbar-search.navbar-search--transparent .navbar-generic__menu {
  stroke: #fff !important;
}
.navbar-search.navbar-search--transparent .navbar-search__filter {
  stroke: #fff !important;
  fill: #fff !important;
}
.navbar-search.navbar-search--transparent .navbar-search__filter-text {
  color: #fff !important;
}
.navbar-search__filter-wrapper {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: flex-end;
  display: flex;
  position: relative;
}
.navbar-search__filter {
  width: 1.5rem;
  display: block;
  stroke: #ee4d2d !important;
  fill: #ee4d2d !important;
}
.navbar-search__filter-text {
  color: #ee4d2d;
  line-height: 0.75rem;
  position: relative;
  left: -0.125rem;
}
.navbar-search .QypTDI {
  width: 1.375rem;
  height: unset;
}
.BN05MW {
  fill: #fff !important;
}
.navbar-icon-cart {
  position: relative;
}
.navbar-icon-cart__icon {
  width: 24px;
}
.navbar-icon-cart__count {
  color: #fff;
  text-align: center;
  background: #ee4d2d;
  border: 1px solid #fff;
  border-radius: 9px;
  min-width: 19px;
  height: 18px;
  padding: 2px;
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  top: -7px;
  left: 11px;
}
.theme--ofs .navbar-icon-cart__count {
  background-color: #d0011b;
}
.stardust-avatar--rounded {
  border-radius: 100%;
}
.stardust-avatar {
  width: 60px;
  height: 60px;
  display: inline-block;
  overflow: hidden;
}
.stardust-avatar img {
  width: 100%;
}
.stardust-avatar--large {
  border: 2px solid #fff;
  width: 60px;
  height: 60px;
}
.stardust-avatar--medium {
  border: 1px solid #00000017;
  width: 50px;
  height: 50px;
}
.stardust-avatar--small {
  width: 24px;
  height: 24px;
}
.stardust-avatar--squared {
  border: 1px solid #00000017;
  border-radius: 0;
  width: 50px;
  height: 50px;
}
.uR6B0V {
  color: var(--nc-primary, #ee4d2d);
  align-items: center;
  width: 1.25em;
  height: 1.25em;
  display: inline-flex;
}
.XrnOWn {
  font-size: 2rem;
}
.dIu8pE {
  font-size: 1rem;
}
.EpBzLt {
  background: #000;
  border-radius: 99px;
  width: 0.25em;
  height: 0.25em;
  margin-bottom: -0.25em;
  margin-right: 0.25em;
  animation: 0.56s linear infinite uR6B0V;
  display: block;
  transform: translateY(0.0001%);
}
.EpBzLt:nth-child(2) {
  animation-delay: -0.14s;
}
.EpBzLt:nth-child(3) {
  margin-right: 0;
  animation-delay: -0.28s;
}
@keyframes uR6B0V {
  50% {
    transform: translateY(-0.25em);
  }
}
.o_R5UM {
  justify-content: center;
  display: flex;
}
.HX7CzW {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}
.XX1f2V > input {
  box-sizing: border-box;
  background: #fff;
  border: 0;
  border-radius: 2px;
  outline: none;
  width: 100%;
  height: 36px;
  padding: 0 0 0 8px;
}
.Oro9ya {
  position: relative;
}
.QCpFrp {
  overflow: hidden;
  background: #ee4d2d;
  height: 3.5rem;
}
.FAjyXc.FAjyXc {
  box-shadow: none;
  background: 0 0;
  height: 3.5rem;
  padding-left: 0.625rem;
  padding-right: 0.75rem;
  position: absolute;
}
.FAjyXc.FAjyXc ._WXbH0 {
  color: #fff;
  width: 1.5625rem;
  display: block;
}
.FAjyXc.FAjyXc .rH6b9d {
  position: relative;
}
.FAjyXc.FAjyXc .rH6b9d .pilnkY {
  background-color: #f5f5f5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.FAjyXc.FAjyXc .rH6b9d .pilnkY .ZH_TLJ {
  color: #c6c6c6;
  flex: none;
  width: 1rem;
  height: 1rem;
}

.ggsmd-hat {
  position: absolute;
  top: -12px;
  right: -5px;
  width: 30px;
  height: 30px;
  z-index: 1;
}

.FAjyXc.FAjyXc .shopee-navbar__main-content {
  padding-left: 0;
  padding-right: 1.25rem;
}
.FAjyXc.FAjyXc .shopee-navbar__right-part-btn:not(:first-child) {
  margin-left: 1rem;
}
.FAjyXc.FAjyXc .search-bar {
  background: #fff;
  border-radius: 0.125rem;
  height: 2.25rem;
}
.FAjyXc.FAjyXc .search-bar .search-bar__input.stardust-input__element {
  font-size: 1rem;
}
.FAjyXc.FAjyXc
  .search-bar
  .search-bar__input.stardust-input__element::placeholder {
  color: #ee4d2d;
  opacity: 1;
}
.FAjyXc.FAjyXc .wuKa6O {
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}
.FAjyXc.FAjyXc .CASM2r {
  fill: #fff;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}
.FAjyXc.FAjyXc navbar-icon-cart__icon {
  fill: #fff;
  width: 1.5rem;
  padding-top: 0.1875rem;
}
.stardust-carousel {
  width: 100%;
  height: 100%;
  position: relative;
}
.stardust-carousel__item-list-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}
.stardust-carousel__item-list {
  touch-action: pan-y;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.stardust-carousel__item {
  flex-shrink: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 100%;
  list-style: none;
  display: flex;
  overflow: hidden;
}
.stardust-carousel__item-inner-wrapper {
  width: 100%;
  height: 100%;
}
.stardust-carousel__item-inner-wrapper--hide {
  display: none;
}
.stardust-carousel:hover .stardust-carousel__arrow {
  opacity: 1;
}
.stardust-carousel__arrow {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  opacity: 0;
  color: #000000de;
  fill: #000000de;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  transition: opacity 0.3s;
  display: inline-flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 1px 8px #00000017;
}
.stardust-carousel__arrow > svg {
  color: #ee4d2d;
  flex: 0 auto;
  width: 75%;
  height: 75%;
}
.stardust-carousel__arrow:hover {
  box-shadow: 0 1px 12px #00000017;
}
.stardust-carousel__arrow:active {
  box-shadow: 0 1px 5px #00000017;
}
.stardust-carousel__arrow--type-2 {
  opacity: 1;
}
.stardust-carousel__arrow--prev {
  left: -10px;
}
.stardust-carousel__arrow--next {
  right: -10px;
}
.stardust-carousel__arrow--disabled > svg {
  fill: #0000001f;
}
.stardust-carousel__dots {
  text-align: center;
  width: 100%;
  transition: opacity 0.5s;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%);
}
.stardust-carousel__dot {
  cursor: pointer;
  opacity: 1;
  background-color: #fff6;
  border: 1px solid #89898966;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
}
.stardust-carousel__dot:not(:first-child) {
  margin-left: 0.5rem;
}
.stardust-carousel__dot--active {
  opacity: 1;
  background-color: #ee4d2d;
  border-color: #ee4d2d;
}
.stardust-carousel__indexing {
  color: #000;
  opacity: 0.65;
  background: #fff;
  border: 1px solid #0003;
  border-radius: 12.4px;
  padding: 3px 10px;
  font-size: 14px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.stardust-carousel__tabs {
  align-content: center;
  width: 100%;
  height: 30px;
  display: flex;
  position: absolute;
  bottom: 0;
}
.stardust-carousel__tab {
  text-align: center;
  cursor: pointer;
  background-color: #ffffff80;
  flex: 1 0 0;
  font-size: 12px;
  overflow: hidden;
}
.stardust-carousel__tab--active {
  color: #fff;
  background-color: #ee4d2d;
}
.stardust-carousel__tab-name {
  line-height: 30px;
}
.FOPNj1 {
  text-align: center;
  width: 100%;
  transition: opacity 0.5s;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%);
}
.ItGYua {
  cursor: pointer;
  opacity: 1;
  background-color: #fff6;
  border: 1px solid #89898966;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  transition: transform 0.5s;
  display: inline-block;
}
.ItGYua:not(:first-child) {
  margin-left: 0.5rem;
}
.Fh3ZPo {
  transform: scale(0.75);
}
.elRmjl {
  opacity: 1;
  background-color: #ee4d2d;
  border-color: #ee4d2d;
}
.page-banners {
  background-color: #fafafa;
  width: 100%;
  overflow: hidden;
}
.page-banners .stardust-carousel {
  position: relative;
}
.page-banners .stardust-carousel:before {
  content: "";
  padding-top: 30%;
  display: block;
}
.page-banners .stardust-carousel__item-list-wrapper {
  position: absolute;
  inset: 0;
}
.page-banners .stardust-carousel__dots {
  bottom: 10px;
}
.page-banners__image-wrapper {
  position: absolute;
  inset: 0;
}
.page-banners__item {
  position: relative;
}
.page-banners__item:before {
  content: "";
  padding-top: 30%;
  display: block;
}
.page-banners__item {
  width: 100%;
  height: 100%;
  display: block;
  display: inherit;
  position: relative;
}
.page-banners__item > div:first-child {
  width: 100%;
}
.page-banners__item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.page-banners__item .animated-lazy-image__placeholder {
  width: 3.125rem;
  height: 3.125rem;
}
.page-banners__lazy-image-wrapper {
  background-color: #efefef;
  height: 100%;
}
.SHKHgA {
  transform: translateY(32px);
}
.lSXfE1 {
  margin-top: toRem(-44px);
}
.lSXfE1 .stardust-carousel {
  position: relative;
}
.lSXfE1 .stardust-carousel:not(:first-child) {
  margin-left: toRem(6px);
}
.lSXfE1 .stardust-carousel:before {
  content: "";
  padding-top: calc(30% + 2.75rem);
  display: block;
}
.lSXfE1 .stardust-carousel__item-list-wrapper {
  top: auto;
}
.lSXfE1 .stardust-carousel__dots {
  text-align: left;
  padding-left: toRem(12px);
  bottom: toRem(4px);
}
.lSXfE1 .stardust-carousel__dot {
  width: toRem(7px);
  vertical-align: middle;
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  height: 0;
}
.lSXfE1 .stardust-carousel__dot--active {
  width: toRem(6px);
  height: toRem(6px);
  box-shadow: 0 toRem(1px) toRem(1px) 0 #0000001a;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 0;
}
.HgP2p5 {
  margin-top: -2.75rem;
}
.yoqx_U {
  display: flex;
}
.SQvC1S {
  font-size: 0.625rem;
  font-weight: 500;
}
.ljAXMx {
  width: 100%;
  display: block;
  transform: translateZ(0);
}
.qbDnAs {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes day-ten-tick {
  0% {
    position: relative;
    transform: translateY(0);
  }
  10% {
    position: relative;
    transform: translateY(-11.1111%);
  }
  20% {
    position: relative;
    transform: translateY(-22.2222%);
  }
  30% {
    position: relative;
    transform: translateY(-33.3333%);
  }
  40% {
    position: relative;
    transform: translateY(-44.4444%);
  }
  50% {
    position: relative;
    transform: translateY(-55.5555%);
  }
  60% {
    position: relative;
    transform: translateY(-66.6667%);
  }
  70% {
    position: relative;
    transform: translateY(-77.7778%);
  }
  80% {
    position: relative;
    transform: translateY(-88.8889%);
  }
  90% {
    position: absolute;
    transform: translateY(-100%);
  }
  to {
    position: absolute;
    transform: translateY(-111.111%);
  }
}
@keyframes day-digit-tick {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-9.09091%);
  }
  20% {
    transform: translateY(-18.1818%);
  }
  30% {
    transform: translateY(-27.2727%);
  }
  40% {
    transform: translateY(-36.3636%);
  }
  50% {
    transform: translateY(-45.4545%);
  }
  60% {
    transform: translateY(-54.5455%);
  }
  70% {
    transform: translateY(-63.6364%);
  }
  80% {
    transform: translateY(-72.7273%);
  }
  90% {
    transform: translateY(-81.8182%);
  }
  to {
    transform: translateY(-90.9091%);
  }
}
@keyframes day-hour-tick {
  0% {
    transform: translateY(0);
  }
  4.16551% {
    transform: translateY(0);
  }
  4.16667% {
    transform: translateY(-4%);
  }
  8.33218% {
    transform: translateY(-4%);
  }
  8.33333% {
    transform: translateY(-8%);
  }
  12.4988% {
    transform: translateY(-8%);
  }
  12.5% {
    transform: translateY(-12%);
  }
  16.6655% {
    transform: translateY(-12%);
  }
  16.6667% {
    transform: translateY(-16%);
  }
  20.8322% {
    transform: translateY(-16%);
  }
  20.8333% {
    transform: translateY(-20%);
  }
  24.9988% {
    transform: translateY(-20%);
  }
  25% {
    transform: translateY(-24%);
  }
  29.1655% {
    transform: translateY(-24%);
  }
  29.1667% {
    transform: translateY(-28%);
  }
  33.3322% {
    transform: translateY(-28%);
  }
  33.3333% {
    transform: translateY(-32%);
  }
  37.4988% {
    transform: translateY(-32%);
  }
  37.5% {
    transform: translateY(-36%);
  }
  41.6655% {
    transform: translateY(-36%);
  }
  41.6667% {
    transform: translateY(-40%);
  }
  45.8322% {
    transform: translateY(-40%);
  }
  45.8333% {
    transform: translateY(-44%);
  }
  49.9988% {
    transform: translateY(-44%);
  }
  50% {
    transform: translateY(-48%);
  }
  54.1655% {
    transform: translateY(-48%);
  }
  54.1667% {
    transform: translateY(-52%);
  }
  58.3322% {
    transform: translateY(-52%);
  }
  58.3333% {
    transform: translateY(-56%);
  }
  62.4988% {
    transform: translateY(-56%);
  }
  62.5% {
    transform: translateY(-60%);
  }
  66.6655% {
    transform: translateY(-60%);
  }
  66.6667% {
    transform: translateY(-64%);
  }
  70.8322% {
    transform: translateY(-64%);
  }
  70.8333% {
    transform: translateY(-68%);
  }
  74.9988% {
    transform: translateY(-68%);
  }
  75% {
    transform: translateY(-72%);
  }
  79.1655% {
    transform: translateY(-72%);
  }
  79.1667% {
    transform: translateY(-76%);
  }
  83.3322% {
    transform: translateY(-76%);
  }
  83.3333% {
    transform: translateY(-80%);
  }
  87.4988% {
    transform: translateY(-80%);
  }
  87.5% {
    transform: translateY(-84%);
  }
  91.6655% {
    transform: translateY(-84%);
  }
  91.6667% {
    transform: translateY(-88%);
  }
  95.8322% {
    transform: translateY(-88%);
  }
  95.8333% {
    transform: translateY(-92%);
  }
  99.9988% {
    transform: translateY(-92%);
  }
  to {
    transform: translateY(-96%);
  }
}
@keyframes minute-ten-tick {
  0% {
    transform: translateY(0);
  }
  16.6389% {
    transform: translateY(0);
  }
  16.6667% {
    transform: translateY(-14.2857%);
  }
  33.3056% {
    transform: translateY(-14.2857%);
  }
  33.3333% {
    transform: translateY(-28.5714%);
  }
  49.9722% {
    transform: translateY(-28.5714%);
  }
  50% {
    transform: translateY(-42.8571%);
  }
  66.6389% {
    transform: translateY(-42.8571%);
  }
  66.6667% {
    transform: translateY(-57.1429%);
  }
  83.3056% {
    transform: translateY(-57.1429%);
  }
  83.3333% {
    transform: translateY(-71.4286%);
  }
  99.9722% {
    transform: translateY(-71.4286%);
  }
  to {
    transform: translateY(-85.7143%);
  }
}
@keyframes minute-digit-tick {
  0% {
    transform: translateY(0);
  }
  9.833% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-9.09091%);
  }
  19.833% {
    transform: translateY(-9.09091%);
  }
  20% {
    transform: translateY(-18.1818%);
  }
  29.833% {
    transform: translateY(-18.1818%);
  }
  30% {
    transform: translateY(-27.2727%);
  }
  39.833% {
    transform: translateY(-27.2727%);
  }
  40% {
    transform: translateY(-36.3636%);
  }
  49.833% {
    transform: translateY(-36.3636%);
  }
  50% {
    transform: translateY(-45.4545%);
  }
  59.833% {
    transform: translateY(-45.4545%);
  }
  60% {
    transform: translateY(-54.5455%);
  }
  69.833% {
    transform: translateY(-54.5455%);
  }
  70% {
    transform: translateY(-63.6364%);
  }
  79.833% {
    transform: translateY(-63.6364%);
  }
  80% {
    transform: translateY(-72.7273%);
  }
  89.833% {
    transform: translateY(-72.7273%);
  }
  90% {
    transform: translateY(-81.8182%);
  }
  99.833% {
    transform: translateY(-81.8182%);
  }
  to {
    transform: translateY(-90.9091%);
  }
}
@keyframes second-ten-tick {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(0);
  }
  16.66% {
    transform: translateY(-14.2857%);
  }
  31.66% {
    transform: translateY(-14.2857%);
  }
  33.33% {
    transform: translateY(-28.5714%);
  }
  48.33% {
    transform: translateY(-28.5714%);
  }
  50% {
    transform: translateY(-42.8571%);
  }
  65% {
    transform: translateY(-42.8571%);
  }
  66.66% {
    transform: translateY(-57.1429%);
  }
  81.66% {
    transform: translateY(-57.1429%);
  }
  83.33% {
    transform: translateY(-71.4286%);
  }
  98.33% {
    transform: translateY(-71.4286%);
  }
  to {
    transform: translateY(-85.7143%);
  }
}
@keyframes second-digit-tick {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-9.09091%);
  }
  20% {
    transform: translateY(-18.1818%);
  }
  30% {
    transform: translateY(-27.2727%);
  }
  40% {
    transform: translateY(-36.3636%);
  }
  50% {
    transform: translateY(-45.4545%);
  }
  60% {
    transform: translateY(-54.5455%);
  }
  70% {
    transform: translateY(-63.6364%);
  }
  80% {
    transform: translateY(-72.7273%);
  }
  90% {
    transform: translateY(-81.8182%);
  }
  to {
    transform: translateY(-90.9091%);
  }
}
.PFgjNG,
.oTdHQ2 {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  align-items: center;
  min-width: 0;
  display: flex;
}
.PFgjNG .NKwwmi,
.oTdHQ2 .NKwwmi {
  color: #ee4d2d;
  background-color: #fff;
  border-radius: 0.125rem;
  justify-content: center;
  display: flex;
}
.PFgjNG .AvZtPP,
.oTdHQ2 .AvZtPP {
  text-align: center;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.PFgjNG .AvZtPP:before,
.oTdHQ2 .AvZtPP:before,
.PFgjNG .AvZtPP:after,
.oTdHQ2 .AvZtPP:after {
  content: "";
  background: #000;
  border-radius: 50%;
  display: block;
}
.PFgjNG .kPiTP8,
.oTdHQ2 .kPiTP8 {
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  overflow: hidden;
}
.PFgjNG .Uh9LuJ,
.oTdHQ2 .Uh9LuJ {
  position: relative;
  overflow-y: hidden;
}
.PFgjNG .Uh9LuJ span,
.oTdHQ2 .Uh9LuJ span {
  word-break: break-all;
  width: 1ch;
  display: block;
}
.PFgjNG .PEJR9c .Uh9LuJ span,
.oTdHQ2 .PEJR9c .Uh9LuJ span {
  width: auto;
  min-width: 2ch;
}
.PFgjNG .PqLwAy span,
.oTdHQ2 .PqLwAy span,
.PFgjNG .PqLwAy > div,
.oTdHQ2 .PqLwAy > div {
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
.PFgjNG .moKNHa.PqLwAy span,
.oTdHQ2 .moKNHa.PqLwAy span {
  animation-name: day-digit-tick;
  animation-timing-function: step-end;
  transform: translateY(-81.8182%);
}
.PFgjNG .QTgpJ7.PqLwAy span,
.oTdHQ2 .QTgpJ7.PqLwAy span {
  animation-name: minute-digit-tick;
  transform: translateY(-81.8182%);
}
.PFgjNG .hXyY_7.PqLwAy span,
.oTdHQ2 .hXyY_7.PqLwAy span {
  animation-name: second-digit-tick;
  transform: translateY(-81.8182%);
}
.PFgjNG .BuzuBJ.PqLwAy span,
.oTdHQ2 .BuzuBJ.PqLwAy span {
  animation-name: day-ten-tick;
  animation-timing-function: step-end;
  transform: translateY(-81.8182%);
}
.PFgjNG .mBcHWP.PqLwAy span,
.oTdHQ2 .mBcHWP.PqLwAy span {
  animation-name: minute-ten-tick;
  transform: translateY(-71.4286%);
}
.PFgjNG .KQNlqz.PqLwAy span,
.oTdHQ2 .KQNlqz.PqLwAy span {
  animation-name: second-ten-tick;
  transform: translateY(-71.4286%);
}
.PFgjNG .EWsTpk.PqLwAy > div,
.oTdHQ2 .EWsTpk.PqLwAy > div {
  animation-name: day-hour-tick;
  transform: translateY(-92%);
}
.sjUyo0,
.uOgR9v {
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.SbHLvu.frf7Y9 .SQESVH.NKwwmi .moKNHa.Uh9LuJ {
  margin-right: 0.25em;
}
.SbHLvu.frf7Y9.iI3a9H .SQESVH.NKwwmi .Uh9LuJ:last-child,
.SbHLvu.frf7Y9.m08jNp .SQESVH.NKwwmi .Uh9LuJ:last-child {
  text-transform: uppercase;
}
.oTdHQ2 .kPiTP8,
.oTdHQ2 .NKwwmi,
.oTdHQ2 .AvZtPP {
  height: 1.375rem;
  line-height: 1.375rem;
}
.oTdHQ2 .NKwwmi {
  padding: 0 0.25rem;
}
.oTdHQ2 .kPiTP8,
.oTdHQ2 .SQESVH.NKwwmi {
  margin-right: 0.375rem;
}
.oTdHQ2 .kPiTP8,
.oTdHQ2 .Uh9LuJ {
  font-size: 0.75rem;
}
.oTdHQ2 .kPiTP8 {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 6.875rem;
  overflow-x: hidden;
}
.oTdHQ2 .AvZtPP:before,
.oTdHQ2 .AvZtPP:after {
  width: 0.125rem;
  height: 0.125rem;
  margin: 0.125rem 0.25rem;
}
.x0EoWN,
.Ioom7M {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  align-items: center;
  min-width: 0;
  display: flex;
}
.x0EoWN .Ers1hH,
.Ioom7M .Ers1hH {
  color: #ee4d2d;
  background-color: #fff;
  border-radius: 0.125rem;
  justify-content: center;
  display: flex;
}
.x0EoWN .CCn0i1,
.Ioom7M .CCn0i1 {
  text-align: center;
  color: #fff;
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.x0EoWN .CCn0i1:before,
.Ioom7M .CCn0i1:before,
.x0EoWN .CCn0i1:after,
.Ioom7M .CCn0i1:after {
  content: "";
  background: #000;
  border-radius: 50%;
  display: block;
}
.x0EoWN .QBI1ac,
.Ioom7M .QBI1ac {
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  overflow: hidden;
}
.x0EoWN .z30ehb,
.Ioom7M .z30ehb {
  position: relative;
  overflow-y: hidden;
}
.x0EoWN .z30ehb span,
.Ioom7M .z30ehb span {
  word-break: break-all;
  width: 1ch;
  display: block;
}
.x0EoWN ._6G3G0 .z30ehb span,
.Ioom7M ._6G3G0 .z30ehb span {
  width: auto;
  min-width: 2ch;
}
.x0EoWN .pp7S8q span,
.Ioom7M .pp7S8q span,
.x0EoWN .pp7S8q > div,
.Ioom7M .pp7S8q > div {
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
.x0EoWN .HI6Z3v.pp7S8q span,
.Ioom7M .HI6Z3v.pp7S8q span {
  animation-name: day-digit-tick;
  animation-timing-function: step-end;
  transform: translateY(-81.8182%);
}
.x0EoWN .u3QJgg.pp7S8q span,
.Ioom7M .u3QJgg.pp7S8q span {
  animation-name: minute-digit-tick;
  transform: translateY(-81.8182%);
}
.x0EoWN .FduzFe.pp7S8q span,
.Ioom7M .FduzFe.pp7S8q span {
  animation-name: second-digit-tick;
  transform: translateY(-81.8182%);
}
.x0EoWN .Fwft1Q.pp7S8q span,
.Ioom7M .Fwft1Q.pp7S8q span {
  animation-name: day-ten-tick;
  animation-timing-function: step-end;
  transform: translateY(-81.8182%);
}
.x0EoWN .mBLTgO.pp7S8q span,
.Ioom7M .mBLTgO.pp7S8q span {
  animation-name: minute-ten-tick;
  transform: translateY(-71.4286%);
}
.x0EoWN .Wz2fOf.pp7S8q span,
.Ioom7M .Wz2fOf.pp7S8q span {
  animation-name: second-ten-tick;
  transform: translateY(-71.4286%);
}
.x0EoWN .TaCzhj.pp7S8q > div,
.Ioom7M .TaCzhj.pp7S8q > div {
  animation-name: day-hour-tick;
  transform: translateY(-92%);
}
.KW4tJ0,
.tjJq4r {
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.zgI1U6.NAzoc3 .bKOAhq.Ers1hH .HI6Z3v.z30ehb {
  margin-right: 0.25em;
}
.zgI1U6.NAzoc3.W7VSHJ .bKOAhq.Ers1hH .z30ehb:last-child,
.zgI1U6.NAzoc3.NiljnD .bKOAhq.Ers1hH .z30ehb:last-child {
  text-transform: uppercase;
}
.Ioom7M .QBI1ac,
.Ioom7M .Ers1hH,
.Ioom7M .CCn0i1 {
  height: 2.375rem;
  line-height: 2.375rem;
}
.Ioom7M .Ers1hH {
  padding: 0 0.3125rem;
}
.Ioom7M .QBI1ac {
  margin-right: 0.9375rem;
}
.Ioom7M .bKOAhq.Ers1hH {
  margin-right: 0.625rem;
}
.Ioom7M .QBI1ac {
  font-size: 1.25rem;
}
.Ioom7M .z30ehb {
  font-size: 1.125rem;
}
.Ioom7M .QBI1ac {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 15.625rem;
  overflow-x: hidden;
}
.Ioom7M .CCn0i1:before,
.Ioom7M .CCn0i1:after {
  width: 0.25rem;
  height: 0.25rem;
  margin: 0.25rem;
}
.Uf8xT4 {
  position: relative;
}
.Uf8xT4 .EMCmmJ {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.oyVL2n {
  border-radius: 0.125rem 0.125rem 0 0;
  justify-content: space-between;
  align-items: center;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  padding: 0.625rem 0.5rem;
  display: flex;
}
.Ao4_Yc {
  text-transform: uppercase;
  color: #ee4d2d;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-break: break-all;
  white-space: nowrap;
  font-family: SHPBurmese, SHPKhmer, -apple-system, HelveticaNeueMedium,
    HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Roboto,
    Droid Sans, Arial Bold, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  overflow: hidden;
}
.JY681L {
  color: #ee4d2d;
  text-transform: capitalize;
  font-size: 0.75rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: flex;
}
.JY681L .stardust-icon {
  width: 0.625rem;
  height: 0.875rem;
  margin-left: 0.25rem;
}
.hLwgPF {
  background: #fff;
  width: 6.25rem;
  min-height: 7.75rem;
  margin-right: 0.0625rem;
}
.hLwgPF.DTABfE {
  width: 50%;
  min-height: 7.375rem;
  margin-right: 0;
}
.hLwgPF {
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.hLwgPF:last-child {
  margin-right: 0;
}
.hLwgPF {
  position: relative;
}
.lYeTJ3 {
  padding: 0.375rem;
}
.lYeTJ3 .amQw3r {
  width: 5.5rem !important;
}
.lYeTJ3 .amQw3r.DTABfE {
  width: 100% !important;
}
.lYeTJ3 .amQw3r.Mu5wAY {
  background-size: 3rem !important;
}
.lYeTJ3 .amQw3r {
  background-position: 50%;
  height: auto;
  padding-top: 100%;
  display: block;
}
.MO5mG0 {
  z-index: 2;
  background-color: #fff;
  border-radius: 1.21875rem;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 1.5rem;
  margin: -1.125rem auto 0.3125rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0.25rem #00000017;
}
.MO5mG0 .LtAGm1 {
  width: auto;
  height: 100%;
  transform: translateZ(0);
}
.H_xN1o {
  color: #ee4d2d;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin: 0 0.375rem;
  display: -webkit-box;
  overflow: hidden;
}
.EAxwYw {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
}
.SrPSEe {
  height: 100%;
  width: 5.5rem !important;
}
.SrPSEe.DTABfE {
  width: 100% !important;
}
.pZiehv {
  width: 100%;
  height: 0.875rem;
  padding: 0 0.25rem;
}
.J5X7lG {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0.3125rem;
  left: -0.1875rem;
}
.Q7ZzjN {
  margin-bottom: 0.3125rem;
  font-size: 0;
}
.Q7ZzjN img {
  width: auto;
  height: 18px;
}
.badge__horizontal {
  color: #fff;
  white-space: nowrap;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  background-color: #ee4d2d;
  border-radius: 1px;
  align-items: center;
  height: 0.875rem;
  padding: 0.125rem 0.25rem;
  font-size: 0.625rem;
  line-height: 0.875rem;
  display: flex;
}
.badge__horizontal .stardust-icon {
  vertical-align: bottom;
  font-size: 0.75rem;
  display: inline-block;
}
.CPIRnz.badge__official-shop {
  padding: 0;
}
.badge__official-shop {
  background-color: #d0011b;
}
.badge__official-shop--left-triangle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}
.badge__official-shop--left-triangle:before {
  content: "";
  border: 0.13125rem solid #0000;
  border-bottom-color: #870015;
  display: inline-block;
  position: absolute;
  bottom: -0.125rem;
  left: 0.0625rem;
  transform: rotate(45deg);
}
.badge__official-shop--inline {
  align-items: center;
  display: flex;
}
.badge__official-shop--tw {
  padding: 0;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.badge__official-shop--tw svg {
  height: 1rem;
}
.badge__mall-img {
  height: 0.6875rem;
}
.badge__mall-img--br {
  height: 0.625rem;
}
.badge__preferred--left-triangle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}
.badge__preferred--left-triangle:before {
  content: "";
  border: 0.13125rem solid #0000;
  border-bottom-color: #a92d05;
  display: inline-block;
  position: absolute;
  bottom: -0.125rem;
  left: 0.0625rem;
  transform: rotate(45deg);
}
.badge__preferred-plus--left-triangle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}
.badge__preferred-plus--left-triangle:before {
  content: "";
  border: 0.13125rem solid #0000;
  border-bottom-color: #a92d05;
  display: inline-block;
  position: absolute;
  bottom: -0.125rem;
  left: 0.0625rem;
  transform: rotate(45deg);
}
._pMQrc.badge__shopee_mart {
  padding: 0;
}
.badge-text {
  width: 2.125rem;
  font-family: SHPBurmese, SHPKhmer, -apple-system, HelveticaNeueMedium,
    HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Roboto,
    Droid Sans, Arial Bold, Arial, sans-serif;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.8125rem;
}
.badge-text__text {
  text-align: center;
  background-color: inherit;
  justify-content: center;
  align-items: center;
  width: 2.125rem;
  height: 2.125rem;
  display: flex;
  position: relative;
}
.badge-text__text:after {
  content: "";
  border: 1.0625rem solid #fff;
  border-top: 0 solid #0000;
  border-bottom: 0.25rem solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -0.25rem;
  left: 0;
}
.badge__promotion {
  white-space: normal;
  color: #ee4d2d;
}
.badge__promotion-off {
  color: #fff;
}
.badge__promotion-off--fr,
.badge__promotion-off--pl,
.badge__promotion-off--es-ES {
  display: none;
}
.badge-text--promotion {
  background-color: #fcd511;
}
.badge-text--promotion .badge-text__text:after {
  border-left-color: #fcd511;
  border-right-color: #fcd511;
}
.theme--ofs .badge__promotion {
  color: #d0011b !important;
}
.lZwtaW {
  width: 2.25rem;
  font-size: 0.75rem;
  position: relative;
}
.x1wsf1 {
  width: 2.25rem;
  position: absolute;
  top: 0;
  left: 0;
}
.nkQLtR {
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lJFayK {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.lJFayK .yVbFrC {
  color: #fff;
  text-align: center;
  background-color: #000000a6;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  min-width: 3.875rem;
  max-width: calc(100% - 5rem);
  height: 3.75rem;
  font-size: 0.75rem;
  line-height: 0.875rem;
  display: flex;
  position: absolute;
}
.lJFayK .azzURk {
  border-radius: 6.25rem;
  min-width: 4.1875rem;
  max-width: calc(100% - 4.5rem);
}
.lJFayK .s9zJaj {
  border-radius: 6.25rem;
  min-width: 5.125rem;
  max-width: calc(100% - 3.625rem);
}
.lJFayK .xO_Mpa {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.badge__soldout {
  white-space: normal;
  color: #fff;
  text-align: center;
}
.badge-text--soldout {
  background-color: #7a8a88d9;
}
.badge-text--soldout .badge-text__text:after {
  border-left-color: #7a8a88d9;
  border-right-color: #7a8a88d9;
}
.badge-round__text {
  color: #fff;
  text-overflow: ellipsis;
  background-color: #000000de;
  border-radius: 3.75rem;
  min-width: 3.75rem;
  height: 3.75rem;
  min-height: 3.75rem;
  padding: 0 0.5rem;
  line-height: 3.75rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.badge__wholesale {
  text-align: center;
  background-color: #16b6fb;
}
.badge__wholesale--left-triangle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}
.badge__wholesale--left-triangle:before {
  content: "";
  border: 0.13125rem solid #0000;
  border-bottom-color: #0072be;
  display: inline-block;
  position: absolute;
  bottom: -0.125rem;
  left: 0.0625rem;
  transform: rotate(45deg);
}
.badge__wholesale--has--icon {
  text-align: left;
}
.badge__installment {
  color: #f5a623;
  text-align: center;
  background-color: #0000;
  border: 1px solid #f5a623;
}
.badge__bundle-deals {
  color: #ee4d2d;
  text-overflow: ellipsis;
  max-width: 100%;
  height: unset;
  background-color: #0000;
  border: 1px solid #ee4d2d;
  padding: 1.5px 4px;
  display: inline-block;
  overflow: hidden;
}
.Rce0Iz.badge__horizontal {
  background-color: #fff;
  border: 1px solid #ee4d2d;
  border-radius: 1px;
  padding: 0.09375rem 0.25rem;
}
.theme--ofs .Rce0Iz.badge__horizontal,
.theme--s-mart .Rce0Iz.badge__horizontal {
  border-color: #d0011b;
}
.FjjLZz {
  color: #ee4d2d;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.theme--ofs .FjjLZz,
.theme--s-mart .FjjLZz {
  color: #d0011b;
}
.eX6POX {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 1rem;
  margin: 0 0.25rem 0 0;
  font-size: 0.625rem;
  line-height: 0.875rem;
  display: inline-flex;
}
.AReAN6 {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  text-transform: none;
  background-color: #ee4d2d;
  border: 0;
  border-radius: 0.5rem 0.5rem 0.5rem 0;
  min-width: 1.875rem;
  height: 1rem;
  padding: 0 0.25rem;
  font-size: 0.625rem;
  line-height: 1rem;
  display: inline-block;
}
.badge__free {
  text-align: center;
  opacity: 0.76;
  color: #fff;
  background-color: #d0011b;
  border-radius: 3.375rem;
  justify-content: center;
  align-items: center;
  width: 3.375rem;
  height: 3.375rem;
  margin: 0.625rem 0.5rem;
  display: flex;
}
.jgu3fa {
  color: #ee4d2d;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #ee4d2d;
  padding: 0 3px;
  font-size: 10px;
  line-height: 0.875rem;
  overflow: hidden;
}
.JozjEN {
  box-sizing: border-box;
  border: 0.0625rem solid;
  border-radius: 0.125rem;
  display: flex;
}
.ClNptL {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.0625rem 0.25rem;
  font-size: 0.625rem;
  line-height: 0.75rem;
  overflow: hidden;
}
.sfaAtS {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  align-items: center;
  padding: 0.0625rem 0.25rem;
  font-size: 0.625rem;
  line-height: 0.75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}
.sfaAtS .fKdtJG {
  border-top: 5px solid;
  border-right: 5px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}
.badge__coinsback {
  text-transform: capitalize;
  background-color: #ffa604;
}
.badge__coinsback--left-triangle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}
.badge__coinsback--left-triangle:before {
  content: "";
  border: 0.13125rem solid #0000;
  border-bottom-color: #ae7600;
  display: inline-block;
  position: absolute;
  bottom: -0.125rem;
  left: 0.0625rem;
  transform: rotate(45deg);
}
.badge__coinsback--inline {
  color: #fff;
  white-space: nowrap;
  align-items: center;
  height: 1.0625rem;
  margin-top: 0.375rem;
  margin-bottom: 0.125rem;
  padding: 0.0625rem 0.25rem;
  font-size: 0.6875rem;
  line-height: 0.75rem;
  display: flex;
}
.badge__coinsback--outline {
  color: #ffa604;
  white-space: nowrap;
  background: #fff;
  border: 1px solid;
  border-radius: 0.125rem;
  padding: 0.0625rem 0.1875rem;
  font-size: 0.625rem;
}
.badge__coinsback--flashsale {
  color: #ee4d2d;
  vertical-align: middle;
  background-color: #fcd511;
  padding: 0.0625rem 0.25rem;
  font-size: 0.6875rem;
  display: inline-block;
}
.Ldoyo4 {
  color: #ee4d2d;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.HPAm_E {
  background-color: #ffe97a;
  border-bottom-left-radius: 0.125rem;
  padding: 0.125rem 0.25rem;
  display: block;
}
.HPAm_E .b2i6c3 {
  color: #ec3814;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.875rem;
  display: block;
}
.skeleton-base__container-fallback {
  width: 100%;
  height: 100%;
}
.skeleton-base__shape {
  width: inherit;
  height: inherit;
}
.skeleton-base__shape.skeleton-base__shape-animated {
  background-color: #fafafa;
  background-image: linear-gradient(
    90deg,
    #fafafa 0%,
    #f1f0f0 25%,
    #fafafa 50%
  );
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  animation: 1s 0.2s infinite skeleton__loading;
}
.skeleton-base__shape.skeleton-base__shape-static {
  background-color: #fafafa;
}
.skeleton-base__shape.skeleton-base__shape-rounded {
  border-radius: 0.125rem;
}
.skeleton-base__shape.skeleton-base__shape-circle {
  border-radius: 100%;
}
@keyframes skeleton__loading {
  0% {
    background-position: 100% 0;
  }
  to {
    background-position: -100% 0;
  }
}
.ApgnSV {
  padding-bottom: 0.5rem;
}
.ApgnSV:last-of-type {
  padding-bottom: 0;
}
.PVb_u6 {
  -webkit-line-clamp: 1;
  height: 1.1875rem;
  font-family: SHPBurmese, SHPKhmer, -apple-system, HelveticaNeueMedium,
    HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Roboto,
    Droid Sans, Arial Bold, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
.I69rrS {
  background-color: #f1f5fb;
  border-radius: 0 0 0.125rem 0.125rem;
  flex: 1;
  margin: 0 0.75rem;
  display: flex;
  overflow-y: scroll;
}
.I69rrS.lBYJmG {
  overflow: hidden;
}
.EJrwaZ {
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 6.25rem;
  height: 100%;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: flex;
}
.Zuhjtc {
  width: 1.875rem;
  height: 1.875rem;
}
.OZKff_ {
  flex-direction: column;
  padding-bottom: 0.5rem;
  display: flex;
}
.OZKff_:last-of-type {
  padding-bottom: 0;
}
.OZKff_.q5kFbV {
  width: 50%;
  padding-bottom: 0;
}
.oPkrd9 {
  margin-right: 0.25rem;
}
.hitxzo {
  -webkit-line-clamp: 2;
  word-break: break-all;
  height: 1.5rem;
  font-family: SHPBurmese, SHPKhmer, -apple-system, Helvetica Neue, Helvetica,
    Roboto, Droid Sans, Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.75rem;
}
.B2sql3 {
  flex-direction: column;
  padding-bottom: 0.5rem;
  display: flex;
}
.B2sql3:last-of-type {
  padding-bottom: 0;
}
.B2sql3.oQTMv_ {
  width: 50%;
  padding-bottom: 0;
}
.scDqAd {
  margin-left: 0.25rem;
}
.re9P5m {
  -webkit-line-clamp: 1;
  height: 0.75rem;
  font-family: SHPBurmese, SHPKhmer, -apple-system, HelveticaNeueMedium,
    HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Roboto,
    Droid Sans, Arial Bold, Arial, sans-serif;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.75rem;
}
.home-page__order-wrapper {
  flex-direction: column;
  display: flex;
}
.home-page__margin-top-navbar {
  /* margin-top: -2.75rem; */
}
.home-page .downloadBanner-container {
  z-index: 999;
  position: relative;
}
.home-page .page-banners__item img {
  object-position: bottom;
}
.home-skinny-banners .page-banners__item {
  position: relative;
}
.home-skinny-banners .page-banners__image-wrapper {
  height: 100%;
}
.home-skinny-banners--1 .page-banners__item {
  position: relative;
}
.home-skinny-banners--1 .page-banners__item:before {
  content: "";
  padding-top: 30%;
  display: block;
}
.home-skinny-banners--2 .page-banners__item {
  position: relative;
}
.home-skinny-banners--2 .page-banners__item:before {
  content: "";
  padding-top: 60%;
  display: block;
}
.home-skinny-banners {
  display: flex;
}
.home-skinny-banners--3 .page-banners__item:first-child,
.home-skinny-banners--3 .page-banners__item:last-child {
  position: relative;
}
.home-skinny-banners--3 .page-banners__item:first-child:before,
.home-skinny-banners--3 .page-banners__item:last-child:before {
  content: "";
  padding-top: 100.559%;
  display: block;
}
.home-skinny-banners--3 .page-banners__item:first-child,
.home-skinny-banners--3 .page-banners__item:last-child {
  flex: 358;
}
.home-skinny-banners--3 .page-banners__item:nth-child(2) {
  position: relative;
}
.home-skinny-banners--3 .page-banners__item:nth-child(2):before {
  content: "";
  padding-top: 74.3802%;
  display: block;
}
.home-skinny-banners--3 .page-banners__item:nth-child(2) {
  flex: 484;
}
.GDi1cY {
  background: #fff;
  width: 100%;
  margin-top: 0.625rem;
  bottom: 0;
}
.iZSwYg {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}
.ib6t_N {
  height: 2.25rem;
  line-height: 2.25rem;
}
.rT_50H {
  height: 3rem;
}
.unlPfl {
  justify-content: center;
  display: flex;
}
.PQnBUl,
._S3Fgl,
.PyH96q,
._QBuiO,
.OWIitN {
  flex: 100%;
  width: 50%;
}
.PQnBUl,
._S3Fgl,
.PyH96q {
  height: 2.25rem;
}
.ccxs6v {
  background: #0000001f;
  flex-shrink: 0;
  width: 1px;
  height: 14px;
}
.zSgOyG {
  color: #0000008a;
  text-transform: uppercase;
  vertical-align: middle;
  max-width: 90%;
  padding-left: 0.9375rem;
  line-height: 1rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}
.Al6iHB {
  background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepagefe/b61c0a047f401d29a813.png)
    no-repeat;
}
.o6MmUd {
  background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepagefe/01fb288c2f0f18b6acb2.png)
    no-repeat;
}
.Mn9Gs4 {
  background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepagefe/13efab23a6bf820526a0.png)
    no-repeat;
  padding-left: 0.875rem;
}
.GddaA1 {
  background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepagefe/b018dfacb54f3ee15ede.png)
    no-repeat;
  padding-left: 0.875rem;
}
.GRbsDr {
  background: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/homepagefe/7cd3bcc16b4adb089430.png)
    no-repeat;
}
.Al6iHB,
.o6MmUd,
.Mn9Gs4,
.GddaA1,
.GRbsDr {
  background-position-y: 50%;
  background-size: 0.75rem;
}
.ZHNPSd {
  border-top: 1px dashed #0000001f;
  padding-top: 0.625rem;
}
.CmIk0M {
  width: 7.5rem;
  height: 2.8125rem;
}
.ERe5MO {
  width: 4.25rem;
  height: 4.25rem;
}
.Vwzoh3 {
  margin: 0 0.75rem;
}
.N67DhO {
  width: 100%;
  padding: 0.625rem;
}
.HMyK3V {
  margin: 0 0 0.75rem;
}
.tpvWge {
  margin: 0;
}
.svH5Tw {
  background: #fff;
  width: 100%;
  margin-top: 0.625rem;
  bottom: 0;
}
.yQVTkL {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 2.25rem;
  line-height: 2.25rem;
  display: flex;
  position: relative;
}
.kQrbi3 {
  flex: 100% 1 50%;
  width: 50%;
  position: relative;
}
.kQrbi3:nth-child(odd):not(:last-child):after {
  content: "";
  background: #0000001f;
  width: 1px;
  height: 14px;
  position: absolute;
  top: calc(50% - 7px);
  right: 0;
}
.HTIH9y {
  color: #0000008a;
  vertical-align: middle;
  max-width: 90%;
  line-height: 1rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  overflow: hidden;
}
.uvvQu2 {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.25rem;
}
.uvvQu2,
.m_ub_O {
  vertical-align: middle;
}
.uQmnsl {
  background: #fff;
  padding: 0 10px;
}
._HRAun {
  color: #000000a6;
  font-size: 14px;
}
.nUt7op {
  color: #0000008a;
  font-size: 12px;
}
.bWc0R0 {
  width: 100%;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}
.bWc0R0:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.qdovN5 .stardust-carousel__item-inner-wrapper {
  display: unset;
}
.qdovN5 .stardust-carousel__arrow {
  border-radius: initial;
  background-color: #0000002e;
  width: 35px;
  height: 60px;
}
.qdovN5 .stardust-carousel__arrow:hover {
  background-color: #00000052;
}
.qdovN5 .stardust-carousel__arrow > svg {
  color: #fff;
  width: 20px;
  height: 20px;
}

@keyframes second-ten {
  0% {
    transform: translateY(0);
  }
  15% {
    transform: translateY(0);
  }
  16.66% {
    transform: translateY(-17px);
  }
  31.66% {
    transform: translateY(-17px);
  }
  33.33% {
    transform: translateY(-34px);
  }
  48.33% {
    transform: translateY(-34px);
  }
  50% {
    transform: translateY(-51px);
  }
  65% {
    transform: translateY(-51px);
  }
  66.66% {
    transform: translateY(-68px);
  }
  81.66% {
    transform: translateY(-68px);
  }
  83.33% {
    transform: translateY(-85px);
  }
  98.33% {
    transform: translateY(-85px);
  }
  to {
    transform: translateY(-102px);
  }
}
@keyframes second-digit {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-17px);
  }
  20% {
    transform: translateY(-34px);
  }
  30% {
    transform: translateY(-51px);
  }
  40% {
    transform: translateY(-68px);
  }
  50% {
    transform: translateY(-85px);
  }
  60% {
    transform: translateY(-102px);
  }
  70% {
    transform: translateY(-119px);
  }
  80% {
    transform: translateY(-136px);
  }
  90% {
    transform: translateY(-153px);
  }
  to {
    transform: translateY(-170px);
  }
}
@keyframes minute-ten {
  0% {
    transform: translateY(0);
  }
  16.6389% {
    transform: translateY(0);
  }
  16.6667% {
    transform: translateY(-17px);
  }
  33.3056% {
    transform: translateY(-17px);
  }
  33.3333% {
    transform: translateY(-34px);
  }
  49.9722% {
    transform: translateY(-34px);
  }
  50% {
    transform: translateY(-51px);
  }
  66.6389% {
    transform: translateY(-51px);
  }
  66.6667% {
    transform: translateY(-68px);
  }
  83.3056% {
    transform: translateY(-68px);
  }
  83.3333% {
    transform: translateY(-85px);
  }
  99.9722% {
    transform: translateY(-85px);
  }
  to {
    transform: translateY(-102px);
  }
}
@keyframes minute-digit {
  0% {
    transform: translateY(0);
  }
  9.833% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-17px);
  }
  19.833% {
    transform: translateY(-17px);
  }
  20% {
    transform: translateY(-34px);
  }
  29.833% {
    transform: translateY(-34px);
  }
  30% {
    transform: translateY(-51px);
  }
  39.833% {
    transform: translateY(-51px);
  }
  40% {
    transform: translateY(-68px);
  }
  49.833% {
    transform: translateY(-68px);
  }
  50% {
    transform: translateY(-85px);
  }
  59.833% {
    transform: translateY(-85px);
  }
  60% {
    transform: translateY(-102px);
  }
  69.833% {
    transform: translateY(-102px);
  }
  70% {
    transform: translateY(-119px);
  }
  79.833% {
    transform: translateY(-119px);
  }
  80% {
    transform: translateY(-136px);
  }
  89.833% {
    transform: translateY(-136px);
  }
  90% {
    transform: translateY(-153px);
  }
  99.833% {
    transform: translateY(-153px);
  }
  to {
    transform: translateY(-170px);
  }
}
@keyframes hour-hundred {
  0% {
    transform: translateY(0);
  }
  9.99997% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-17px);
  }
  20% {
    transform: translateY(-17px);
  }
  20% {
    transform: translateY(-34px);
  }
  30% {
    transform: translateY(-34px);
  }
  30% {
    transform: translateY(-51px);
  }
  40% {
    transform: translateY(-51px);
  }
  40% {
    transform: translateY(-68px);
  }
  50% {
    transform: translateY(-68px);
  }
  50% {
    transform: translateY(-85px);
  }
  60% {
    transform: translateY(-85px);
  }
  60% {
    transform: translateY(-102px);
  }
  70% {
    transform: translateY(-102px);
  }
  70% {
    transform: translateY(-119px);
  }
  80% {
    transform: translateY(-119px);
  }
  80% {
    transform: translateY(-136px);
  }
  90% {
    transform: translateY(-136px);
  }
  90% {
    transform: translateY(-153px);
  }
  100% {
    transform: translateY(-153px);
  }
  to {
    transform: translateY(-170px);
  }
}
@keyframes hour-ten {
  0% {
    transform: translateY(0);
  }
  9.99972% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-17px);
  }
  19.9997% {
    transform: translateY(-17px);
  }
  20% {
    transform: translateY(-34px);
  }
  29.9997% {
    transform: translateY(-34px);
  }
  30% {
    transform: translateY(-51px);
  }
  39.9997% {
    transform: translateY(-51px);
  }
  40% {
    transform: translateY(-68px);
  }
  49.9997% {
    transform: translateY(-68px);
  }
  50% {
    transform: translateY(-85px);
  }
  59.9997% {
    transform: translateY(-85px);
  }
  60% {
    transform: translateY(-102px);
  }
  69.9997% {
    transform: translateY(-102px);
  }
  70% {
    transform: translateY(-119px);
  }
  79.9997% {
    transform: translateY(-119px);
  }
  80% {
    transform: translateY(-136px);
  }
  89.9997% {
    transform: translateY(-136px);
  }
  90% {
    transform: translateY(-153px);
  }
  99.9997% {
    transform: translateY(-153px);
  }
  to {
    transform: translateY(-170px);
  }
}
@keyframes hour-digit {
  0% {
    transform: translateY(0);
  }
  9.99722% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-17px);
  }
  19.9972% {
    transform: translateY(-17px);
  }
  20% {
    transform: translateY(-34px);
  }
  29.9972% {
    transform: translateY(-34px);
  }
  30% {
    transform: translateY(-51px);
  }
  39.9972% {
    transform: translateY(-51px);
  }
  40% {
    transform: translateY(-68px);
  }
  49.9972% {
    transform: translateY(-68px);
  }
  50% {
    transform: translateY(-85px);
  }
  59.9972% {
    transform: translateY(-85px);
  }
  60% {
    transform: translateY(-102px);
  }
  69.9972% {
    transform: translateY(-102px);
  }
  70% {
    transform: translateY(-119px);
  }
  79.9972% {
    transform: translateY(-119px);
  }
  80% {
    transform: translateY(-136px);
  }
  89.9972% {
    transform: translateY(-136px);
  }
  90% {
    transform: translateY(-153px);
  }
  99.9972% {
    transform: translateY(-153px);
  }
  to {
    transform: translateY(-170px);
  }
}
.shopee-countdown-timer {
  backface-visibility: hidden;
  cursor: default;
  color: #000;
  align-items: center;
  display: flex;
}
.shopee-countdown-timer__colon {
  text-align: center;
  background-position-y: 3px;
  flex-direction: column;
  width: 3px;
  height: 17px;
  margin: 0 2px;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}
.shopee-countdown-timer__colon--flashing-off {
  opacity: 0;
}
.shopee-countdown-timer__number {
  box-sizing: content-box;
  text-align: center;
  background: #000;
  border-radius: 2px;
  justify-content: space-around;
  min-width: 20px;
  height: 17px;
  margin-bottom: 4px;
  padding: 1px 3px;
  font-size: 19px;
  line-height: 20px;
  display: flex;
  overflow: hidden;
}
.shopee-countdown-timer__number__hexa,
.shopee-countdown-timer__number__deca {
  width: 9px;
  height: 187px;
  display: inline-block;
  overflow: hidden;
}
.shopee-countdown-timer__number__deca--second {
  animation-name: second-digit;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
.shopee-countdown-timer__number__hexa--second {
  animation-name: second-ten;
  animation-duration: 60s;
  animation-iteration-count: infinite;
}
.shopee-countdown-timer__number__deca--minute {
  animation-name: minute-digit;
  animation-duration: 600s;
  animation-iteration-count: infinite;
}
.shopee-countdown-timer__number__hexa--minute {
  animation-name: minute-ten;
  animation-duration: 3600s;
  animation-iteration-count: infinite;
}
.shopee-countdown-timer__number__deca--hour {
  animation-name: hour-digit;
  animation-duration: 36000s;
  animation-iteration-count: infinite;
}
.shopee-countdown-timer__number__hexa--hour {
  animation-name: hour-ten;
  animation-duration: 360000s;
  animation-iteration-count: infinite;
}
.shopee-countdown-timer__number__hund--hour {
  animation-name: hour-hundred;
  animation-duration: 3600000s;
  animation-iteration-count: infinite;
}
.shopee-countdown-timer__number__item {
  width: 9px;
  height: 17px;
  position: relative;
}
.shopee-countdown-timer__number__item svg {
  fill: #fff;
  stroke: #fff;
  width: 17px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: visible;
  transform: translate(-50%, -50%);
}
.colon-dot {
  background: #000;
  border-radius: 100%;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 10%;
  left: 0;
}
.colon-dot__wrapper {
  width: 100%;
  height: 50%;
  position: relative;
}
.GPcan8 .shopee-countdown-timer__number {
  min-width: 0;
  margin: 0;
  padding: 0;
}
.GPcan8 .shopee-countdown-timer__number svg {
  height: 10px;
}
.GPcan8 .shopee-countdown-timer__colon {
  margin-top: 3px;
  transform: scale(0.7);
}
.zRBwzP {
  position: relative;
}
.hzPo6p {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.qGCNW3 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 99;
  -webkit-user-select: none;
  user-select: none;
  background-color: #efefef;
  border: 3px solid #efefef;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}
.KQjk2l {
  stroke: #0000008a;
  stroke-width: 2px;
  width: 66.66%;
  height: 66.66%;
  display: inline-block;
  position: relative;
}
.hwMly_ {
  position: relative;
}
.e_KtkD {
  z-index: 99;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
}
.uuNykh {
  width: 80%;
  max-width: 438px;
  max-height: 100%;
}
.xL_QlN {
  cursor: pointer;
}
.k9IuWF {
  width: 100%;
}
.IlHCh0 {
  width: 15%;
  height: 19%;
  top: -10px;
  right: -10px;
}
.yU9gvC {
  width: 30px;
  height: 30px;
}
.PdViqk {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.sT3XrC {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}
.Yju2LV {
  margin-bottom: 4px;
}
.EJnNeM {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  color: #000;
  word-wrap: break-word;
  white-space: pre-line;
  letter-spacing: 0;
  text-align: center;
  -webkit-box-orient: vertical;
  width: 100%;
  max-height: 42px;
  font-size: 10px;
  line-height: 14px;
  display: -webkit-box;
  overflow: hidden;
}
.EJnNeM:lang(my) {
  line-height: 15px;
}
.RRe37d {
  justify-content: center;
  width: 80%;
  height: 10px;
  margin-top: 2px;
  display: flex;
}
.r4L1_p {
  background: #fff;
  width: 100%;
}
.cmckXL {
  flex-flow: column wrap;
  width: 100%;
  height: 100%;
  display: flex;
}
.EVan9L {
  height: 96px;
  padding: 0 1px;
  width: 22.2222% !important;
}
.HyLNc4 {
  cursor: pointer;
  z-index: 99;
  width: 90px;
  height: 90px;
  position: fixed;
  bottom: 17vh;
  right: 6px;
}
:root {
  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
}
.scroll-to-top {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  z-index: 8999;
  width: 2.6875rem;
  height: 2.6875rem;
  position: fixed;
  bottom: 0.875rem;
  right: 0.875rem;
}
.scroll-to-top--with-safe-area-inset-bottom {
  transform: translateY(calc(-1 * var(--safe-area-inset-bottom, 0)));
}
.yll7jM {
  /* margin-top: -2.75rem; */
}
/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/mobilemall-homepagefe/_/mobilemall-homepagefe.559902ccf0b1b969e27b.2023.css.map*/