.cYIznA {
    align-items: center
}

.ZCSSJR,
.cYIznA {
    display: flex
}

.ZCSSJR {
    justify-content: center
}

.cYIznA {
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .06);
    box-sizing: content-box;
    height: 2.75rem;
    left: 0;
    margin: 0 auto;
    max-width: 37.5rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
}

.qFYoVu {
    padding-top: calc(env(safe-area-inset-top) - 44px)
}

.qDN3T2 {
    padding-top: env(safe-area-inset-top)
}

.sozgRv {
    fill: #ee4d2d;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5625rem;
    margin: 0 .9375rem;
    -webkit-user-select: none;
    user-select: none;
    width: 1.5625rem
}

.zTzuLV {
    margin-left: .9375rem
}

.vhgJBV {
    color: rgba(0, 0, 0, .87);
    flex: 1;
    font-size: 1.25rem;
    font-weight: 500;
    max-width: calc(100vw - 58px);
    min-width: 0
}

.R13coU {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ZCSSJR {
    margin-right: 3.625rem
}

.wbml3j {
    margin: 0 .9375rem
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.B3dD6x {
    background-color: transparent !important;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.fUz9fO {
    align-items: center;
    color: var(--nc-primary, #ee4d2d);
    display: inline-flex;
    height: 1.25em;
    width: 1.25em
}

.bDXWG9 {
    font-size: 2rem
}

.bvSBeu {
    font-size: 1rem
}

.acxeIp {
    animation: fUz9fO .56s linear infinite;
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: .25em;
    margin-bottom: -.25em;
    margin-right: .25em;
    transform: translateY(.0001%);
    width: .25em
}

.acxeIp:nth-child(2) {
    animation-delay: -.14s
}

.acxeIp:nth-child(3) {
    animation-delay: -.28s;
    margin-right: 0
}

@keyframes fUz9fO {
    50% {
        transform: translateY(-.25em)
    }
}

.vLc7hx {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 100vh;
    width: 100%
}

.vLc7hx .D0C3x9 {
    background-color: transparent
}

.bGVyYJ,
.g78GXn {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.g78GXn {
    background-color: rgba(0, 0, 0, .4)
}

.bGVyYJ {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 90000
}

.MW1tmb {
    z-index: 1
}

.CbV3Ip {
    opacity: 0
}

.Q5JEEA {
    transition: opacity .15s
}

.Nzvg1L,
.Q5JEEA {
    opacity: 1
}

.qqUj9m {
    opacity: 0;
    transition: opacity .15s
}

.Dbzrsp {
    transform: scale(.8)
}

.ilW8Uv {
    transition: transform .2s
}

.J1PWYG,
.ilW8Uv {
    transform: scale(1)
}

.p7vLM0 {
    transform: scale(.8);
    transition: transform .2s
}

.lnWt9k,
.mlj80e {
    align-items: center
}

.CMuO7F {
    align-items: stretch
}

.isRlwT,
.j9CNfo,
.lnWt9k,
.mlj80e {
    display: flex
}

.CMuO7F,
.isRlwT,
.mlj80e {
    flex-direction: column
}

.lnWt9k,
.mlj80e {
    justify-content: center
}

.j9CNfo {
    justify-content: space-between
}

.isRlwT {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .14);
    max-height: 21.875rem;
    max-width: 18.75rem;
    min-height: 8rem;
    width: calc(100vw - 70px)
}

.mlj80e {
    flex: 1;
    margin: 1.625rem 1.25rem
}

.lnWt9k {
    flex: 1
}

.zHyfhG {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px
}

.o7tauz,
.zHyfhG {
    text-align: center
}

.o7tauz {
    color: rgba(0, 0, 0, .65)
}

.POYst0,
.WzYmox {
    background: none;
    border: solid rgba(0, 0, 0, .09);
    border-width: 1px 0 0;
    flex: 1;
    font-size: 1rem;
    height: 2.875rem;
    outline: none;
    padding: 0;
    -webkit-user-select: none;
    user-select: none
}

.NdbU4U {
    color: #ee4d2d
}

.jsgTSE {
    color: rgba(0, 0, 0, .87)
}

.Tk7hlP {
    border-right: 1px solid rgba(0, 0, 0, .09)
}

.WzYmox {
    border-width: .03125rem;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    flex: initial
}

.jSh6Rr {
    margin: 20px 20px 24px
}

.V43m6Y {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px;
    text-align: center
}

.V43m6Y,
.i06DT3 {
    line-height: 1.25rem
}

.i06DT3 {
    color: rgba(0, 0, 0, .65);
    text-align: left
}

.mCDEkl:not(:first-child) {
    margin-top: 10px
}

.HdyShN {
    color: #08f
}

.dZaPJR {
    background: none;
    border: solid rgba(0, 0, 0, .09);
    border-width: 1px 0 0;
    flex: 1;
    font-size: 1rem;
    height: 46px;
    outline: none;
    padding: 0;
    -webkit-user-select: none;
    user-select: none
}

.UL01Pn {
    color: #ee4d2d
}

.Vn6jNy {
    color: rgba(0, 0, 0, .87)
}

.RPqRrU {
    border-right: 1px solid rgba(0, 0, 0, .09)
}

.HoRmQC {
    align-items: center;
    background: var(--nc-util-mask, rgba(0, 0, 0, .4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0 var(--ns-g, 2.5rem);
    position: fixed;
    right: 0;
    top: 0
}

.mIamHf {
    background: #fff;
    border-radius: var(--nr-overlay, .25rem);
    box-sizing: border-box;
    padding: var(--ns-g, 2.5rem);
    text-align: center
}

.P9fiuR {
    max-width: 18.75rem;
    min-width: 7.5rem;
    padding: var(--ns-e, 1.25rem)
}

.wtvqCK {
    color: var(--nc-text-primary, rgba(0, 0, 0, .87))
}

.Rr0TWu,
.wtvqCK {
    margin-top: var(--ns-b, .5rem)
}

.Rr0TWu {
    color: var(--nc-text-tertiary, rgba(0, 0, 0, .54))
}

.iXp7xB {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: all;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4, 0, .6, 1);
    width: 100%;
    z-index: 1
}

.MfJT5z {
    opacity: 0;
    pointer-events: none
}

.R4rBSw {
    align-items: center;
    background-color: rgba(0, 0, 0, .65);
    border-radius: 7px;
    color: #fff;
    cursor: default;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    max-width: 215px;
    padding: 15px;
    pointer-events: all;
    pointer-events: inherit;
    text-align: center
}

.tkKc3r svg {
    height: 30px;
    margin-bottom: 7px;
    width: 30px
}

.qjoZgz {
    max-width: 100%;
    overflow-wrap: break-word
}

.g9GQDc {
    line-height: 1.25rem;
    text-align: left
}

.wp5zHT {
    color: #08f
}

.A24Yz2 {
    padding-top: 22px
}

.CbKamY {
    background-color: #ee4d2d;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    height: 2.625rem;
    line-height: 1.2;
    min-width: 4rem;
    outline: none;
    padding: 0;
    padding: 0 1rem;
    text-transform: capitalize
}

.CbKamY:not(.mfZvUl):active {
    background-color: #e2492b
}

.mfZvUl {
    cursor: not-allowed;
    opacity: .7
}

.W19DQt {
    text-transform: uppercase
}

.jQJvwl {
    width: 100%
}

.sNs4n6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 280px
}

.Q_sfYz {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    overflow: visible;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 20px
}

.Q_sfYz:active {
    opacity: .7
}

.v7_Vhg {
    right: 25px;
    top: 25px
}

.WvTDjj {
    stroke: #757575;
    height: 16px;
    width: 16px
}

.Eloc_c {
    left: 50%;
    padding: 15px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.mOLHsz {
    padding: 0 25px
}

.cOu4OD,
.mOLHsz {
    text-align: center
}

.cOu4OD {
    color: rgba(0, 0, 0, .65);
    font-size: 16px;
    font-weight: 500;
    margin: 16px 0 0
}

.I_mb5L {
    color: rgba(0, 0, 0, .54);
    font-size: 14px;
    margin: 8px 0 16px;
    text-align: center
}

.aUYOrV {
    background-color: #1b92f5;
    border-radius: 4px
}

.AE92db {
    color: rgba(0, 0, 0, .87);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: center;
    line-height: 19px;
    margin: 20px 0;
    position: relative;
    text-align: center;
    width: 100%
}

.GYUpwz {
    cursor: pointer
}

.GYUpwz:active {
    opacity: .7
}

.wEGStL {
    color: #757575;
    height: 24px;
    right: 50px;
    width: 24px
}

.UKwu4h,
.wEGStL {
    position: absolute;
    top: -3px
}

.UKwu4h {
    box-sizing: content-box;
    right: 12px;
    stroke: #757575;
    height: 16px;
    overflow: visible;
    padding: 4px;
    width: 16px
}

.GYUpwz.qtdUaO {
    cursor: not-allowed
}

._bPu7D {
    display: flex;
    flex-direction: column;
    height: 285px;
    width: 305px
}

._bPu7D,
.uQlIAD {
    align-items: center
}

.uQlIAD {
    display: flex;
    justify-content: center
}

@keyframes fUk1fz {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    67% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(40px)
    }
}

@keyframes LgQ41p {
    0% {
        left: 8px;
        opacity: 1
    }

    67% {
        left: 8px;
        opacity: 1
    }

    to {
        left: 40px;
        opacity: 0
    }
}

@keyframes eueMCy {
    0% {
        opacity: 1;
        transform: translateX(-40px)
    }

    67% {
        opacity: 1;
        transform: translateX(-40px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes wakNGA {
    0% {
        left: -24px;
        opacity: 1
    }

    67% {
        left: -24px;
        opacity: 1
    }

    to {
        left: 8px;
        opacity: 1
    }
}

.Chys_7 {
    display: none
}

.uQlIAD {
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px
}

.nE59wk {
    animation: fUk1fz 1.2s linear infinite
}

.LHR9r3,
.nE59wk {
    left: 8px;
    position: absolute;
    top: 8px
}

.LHR9r3 {
    animation: LgQ41p 1.2s linear infinite
}

.hdsYPZ {
    animation: eueMCy 1.2s linear infinite
}

.WJMXpH,
.hdsYPZ {
    left: 8px;
    position: absolute;
    top: 8px
}

.WJMXpH {
    animation: wakNGA 1.2s linear infinite
}

.FDwYrb {
    height: 24px;
    width: 24px
}

.R1BMn2 {
    bottom: -16px;
    left: -12px;
    position: absolute
}

.Chys_7 {
    display: hidden
}

.RTtlQl,
.glVX08 {
    align-items: center;
    display: flex;
    justify-content: center
}

.p5oJp7 {
    position: relative
}

.pQ3gp4 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.TG3zt9 {
    background-color: rgba(0, 0, 0, .09)
}

.NvrkPP {
    opacity: 0
}

.Uh0MGC {
    transition: opacity .3s
}

.Uh0MGC,
.WUElrI {
    opacity: 1
}

.P8aHpz {
    opacity: 0;
    transition: opacity .3s
}

.Nq_IjI {
    left: 0;
    top: 0;
    will-change: transform
}

.Nq_IjI,
.uPuGqw {
    position: absolute
}

.uPuGqw {
    touch-action: none
}

.SjQ12t {
    background-color: rgba(0, 0, 0, .09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 12px;
    margin-top: 8px;
    padding: 4px
}

.SjQ12t,
.xlXjw6 {
    position: relative
}

.glVX08 {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .65);
    cursor: default;
    font-size: 12px;
    left: 45px;
    padding: 0 12px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    width: 230px
}

.YXUFOb,
.glVX08 {
    height: 100%;
    position: absolute;
    top: 0
}

.YXUFOb {
    left: 0;
    opacity: .3;
    transform-origin: left center
}

.RTtlQl,
.YXUFOb {
    will-change: transform
}

.RTtlQl {
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    cursor: pointer;
    position: relative;
    touch-action: none
}

.FXN16r {
    background-color: #ee4d2d
}

.VL0cgc {
    background-color: #1b92f5
}

.TFpes_ {
    background-color: #26aa99
}

.E2uIC8 {
    background-color: #16c42a
}

.fM6aUO {
    background-color: #ee2c4a
}

.EbxH2G {
    cursor: not-allowed
}

.BPPuwY {
    transition: transform .3s ease;
    transition-delay: .35s
}

@keyframes POXZKJ {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(40px)
    }
}

@keyframes YFbZVh {
    0% {
        left: 0
    }

    to {
        left: 40px
    }
}

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

    to {
        transform: scaleX(1.9090909091)
    }
}

@keyframes g5rwBN {
    0% {
        width: 44px
    }

    to {
        width: 84px
    }
}

.QBWHKF {
    animation: POXZKJ .5s ease 4 alternate
}

.jdyHqd {
    animation: YFbZVh .5s ease 4 alternate
}

.Hwry_0 {
    animation: vYEwqi .5s ease 4 alternate;
    width: 44px
}

.JBAZn5 {
    animation: g5rwBN .5s ease 4 alternate;
    width: 44px
}

.Jd1l6Y {
    display: none
}

.jfOEaE {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 285px;
    width: 305px
}

.CWAmZU {
    padding: 0 1.25rem
}

.Eyapay {
    display: flex
}

.Eyapay {
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .02);
    box-sizing: border-box;
    height: 2.25rem;
    overflow: hidden;
    width: 100%
}

._etdK1 {
    border-color: #ff424f
}

._etdK1,
.bNAdr2 {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14)
}

.bNAdr2 {
    border-color: rgba(0, 0, 0, .54)
}

.CIXAv4 {
    border: 0;
    filter: none;
    flex: 1;
    flex-shrink: 0;
    outline: none;
    padding: .75rem
}

.CIXAv4::placeholder {
    color: rgba(0, 0, 0, .26);
    padding-left: .1875rem
}

.CIXAv4:-webkit-autofill,
.CIXAv4:-webkit-autofill:focus,
.CIXAv4:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff;
    -webkit-box-shadow: inset 0 0 0 20px #fff
}

.CIXAv4::-ms-clear {
    display: none
}

.fdTasl {
    background: #fff6f7
}

.fdTasl:-webkit-autofill,
.fdTasl:-webkit-autofill:focus,
.fdTasl:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff6f7;
    -webkit-box-shadow: inset 0 0 0 20px #fff6f7
}

.LjHGdM {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: 1rem;
    padding: .25rem 0 0
}

.LjHGdM:first-letter {
    text-transform: capitalize
}

.jg5Hmx {
    animation: jg5Hmx 1.5s infinite;
    background-color: #a4aaaa;
    background-image: linear-gradient(90deg, #a4aaaa, #000 25%, #a4aaaa 50%);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    transform: translateZ(0)
}

.jg5Hmx .fR7ruO {
    background: #fff;
    isolation: isolate;
    mix-blend-mode: screen
}

.jg5Hmx .N4rTGh {
    background: #f1f0f0
}

@keyframes jg5Hmx {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.Iftgmr {
    width: 280px
}

.LvbyJb {
    height: 150px;
    margin-bottom: 8px;
    width: 100%
}

.rgXTz2 {
    height: 48px;
    width: 100%
}

.kTGiN7 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.SggTwZ {
    position: relative
}

.f2dZuX {
    height: 5.875rem;
    width: 15.6875rem
}

.VzkzmP {
    opacity: 0
}

.vPq3zg {
    transition: opacity .3s
}

.v5Fgc7,
.vPq3zg {
    opacity: 1
}

.vy6YtR {
    opacity: 0;
    transition: opacity .3s
}

.DBDPfX,
.vLcKjU {
    background-color: #fff;
    height: 100%;
    position: absolute;
    width: 100%
}

.CFNwFZ,
.kppC_l {
    border-radius: 2px;
    margin-top: .75rem;
    width: 100%
}

.CFNwFZ {
    margin-bottom: .75rem
}

.kppC_l {
    margin-bottom: .5rem
}

.OUFhZK {
    display: flex;
    flex-direction: column;
    height: 285px;
    width: 305px
}

.OUFhZK,
.Taegnx {
    align-items: center
}

.J9E1uG,
.Taegnx {
    display: flex
}

.J9E1uG {
    flex-direction: column
}

.Taegnx {
    justify-content: center
}

.Taegnx,
.f_CmCS {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.f_CmCS {
    background-color: rgba(0, 0, 0, .4)
}

.J9E1uG {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .14);
    height: 285px;
    overflow: hidden;
    position: relative;
    width: 305px
}

.A98NU8 {
    transform: scale(.8)
}

.P4oxuw {
    transition: transform .2s
}

.P4oxuw,
.tjIDVE {
    transform: scale(1)
}

.tjIDVE {
    opacity: 1
}

.miAFEN {
    transform: scale(.8);
    transition: opacity .2s, transform .2s
}

.ShlVfK,
.miAFEN {
    opacity: 0
}

.yM9Nr9 {
    transition: opacity .2s
}

.JYSgcj,
.yM9Nr9 {
    opacity: 1
}

.hrHI2O {
    opacity: 0;
    transition: opacity .2s
}

.I8hFu4 {
    height: 2.25rem !important;
    width: 2.25rem !important
}

.lpkw3H {
    background: none;
    border: 0;
    border-radius: 2px;
    padding: 0
}

.lpkw3H:hover {
    background-color: rgba(0, 0, 0, .02)
}

.lpkw3H:active {
    background-color: rgba(0, 0, 0, .05)
}

.jP8Qfs {
    height: 24px;
    width: 24px
}

.ZGmayp {
    color: rgba(0, 0, 0, .87);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px
}

.ZGmayp,
.sT_RA4 {
    line-height: 1.25rem
}

.sT_RA4 {
    color: rgba(0, 0, 0, .65);
    font-size: .875rem
}

.GfXhfq {
    margin-bottom: 16px
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 200;
    src: local("Titillium Web ExtraLight"), local("TitilliumWeb-ExtraLight"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/5520703b5993e245.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/cb396c4aaab010c9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 200;
    src: local("Titillium Web ExtraLightItalic"), local("TitilliumWeb-ExtraLightItalic"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/79f7fcdd171a385b.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/ff049fcef0b00476.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 300;
    src: local("Titillium Web Light"), local("TitilliumWeb-Light"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/fb9f532072fb0047.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/8a8d74dcd86f5828.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 300;
    src: local("Titillium Web LightItalic"), local("TitilliumWeb-LightItalic"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/1833f395df238635.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/8879465951e601b9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/b54332120212464b.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/591acde707f3a37e.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 400;
    src: local("Titillium Web Italic"), local("TitilliumWeb-Italic"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/141d628cc69ada8e.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/03ec0784700fcf3b.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 500;
    src: local("Titillium Web SemiBold"), local("TitilliumWeb-SemiBold"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/24a0424ed772ea10.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/7d98229b27f8ffb4.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 500;
    src: local("Titillium Web SemiBoldItalic"), local("TitilliumWeb-SemiBoldItalic"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/4b45d31c252b198d.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/a669133a26006767.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/f450151ddd2e8e05.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/171cbc8ba715b911.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 600;
    src: local("Titillium Web BoldItalic"), local("TitilliumWeb-BoldItalic"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/9eeea1d9e3f7653e.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/0c43f7221cfdb4cc.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 700;
    src: local("Titillium Web Black"), local("TitilliumWeb-Black"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/9ea237df494c5988.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/2e1d923e4ec382c2.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Shopee\ 2021;
    font-style: normal;
    font-weight: 700;
    src: local("Shopee 2021 Bold"), local("Shopee-2021-Bold"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/00db59d28775d968.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/d7be629f56377927.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: SHPBurmese;
    font-style: normal;
    font-weight: 400;
    src: local("SHPBurmese"), local("SHPBurmese-Regular"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/cb8cb550721c0e4b.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/f323e3aca914323c.woff) format("woff");
    unicode-range: u+1000-109f, u+200c-200d, u+25cc, u+a92e, u+a9e0-a9fe, u+aa60-aa7f, u+116d0-116e3
}

@font-face {
    font-display: swap;
    font-family: SHPBurmese;
    font-style: normal;
    font-weight: 500 900;
    src: local("SHPBurmese"), local("SHPBurmese-Bold"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/f541c268f1fe1d5e.woff2) format("woff2"), url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/0d6a0e110a917f1a.woff) format("woff");
    unicode-range: u+1000-109f, u+200c-200d, u+25cc, u+a92e, u+a9e0-a9fe, u+aa60-aa7f, u+116d0-116e3
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-height: 100vh;
    min-height: 100svh
}

body {
    margin: 0
}

article,
aside,
details,
figure,
footer,
main,
section {
    display: block
}

audio,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    text-decoration : none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration : none;
}

b,
strong {
    font-weight: 700
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
pre {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
select {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

td,
th {
    padding: 0
}

::placeholder {
    opacity: 1
}

.hairline-border {
    border: 1px solid rgba(0, 0, 0, .09) !important
}

.hairline-border-bottom {
    border: solid rgba(0, 0, 0, .09) !important;
    border-width: 0 0 1px !important
}


.page-section {
    border-bottom: 0 solid rgba(0, 0, 0, .09) !important;
    border-top: 0 solid rgba(0, 0, 0, .09) !important;
    border-color: rgba(0, 0, 0, .09) !important;
    border-style: solid !important;
    border-width: 1px 0 !important
}

.typo-m14 {
    font-family: -apple-system, HelveticaNeueMedium, HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Roboto, Droid Sans, Arial Bold, Arial, SHPBurmese, sans-serif;
    font-size: .875rem;
    font-weight: 500
}

.typo-r14 {
    font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, SHPBurmese, sans-serif;
    font-size: .875rem;
    font-weight: 400
}

.typo-r12 {
    font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, SHPBurmese, sans-serif;
    font-size: .75rem;
    font-weight: 400
}

.typo-l12 {
    font-family: -apple-system, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, SHPBurmese, sans-serif;
    font-size: .75rem;
    font-weight: 300
}

.hide-scrollbar {
    scrollbar-width: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.page-section {
    background: #fff;
    margin-top: .625rem;
    padding-left: 12px;
    padding-right: 12px
}

.page-section .page-section:first-child {
    margin-top: 0
}

.page-section--no-border {
    border-bottom: 0 !important;
    border-top: 0 !important
}

.center {
    display: flex;
    justify-content: center
}

.center {
    align-items: center
}

.flex {
    display: flex
}

.two-line-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@keyframes glow {

    0%,
    to {
        background-color: #fafafa;
        border-color: #fafafa
    }

    50% {
        background-color: #f5f5f5;
        border-color: #f5f5f5
    }
}

:root {
    --brand-primary-color: #ee4d2d;
    --brand-primary-light-color: rgba(255, 87, 34, .1)
}

body {
    background: #efefef;
    color: rgba(0, 0, 0, .87);
    font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, SHPBurmese, sans-serif;
    font-size: .875rem;
    font-weight: 400
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.app-container {
    font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, SHPBurmese, sans-serif;
    font-weight: 400;
    margin: 2.75rem auto 0;
    max-width: 37.5rem
}

div {
    box-sizing: border-box
}

.tHDCR4 {
    display: block;
    margin: 6.25rem auto 1.25rem;
    max-width: 256px;
    width: 80%
}

.DJ6_Nc {
    color: rgba(0, 0, 0, .87);
    font-size: 1rem;
    margin: 0 .625rem;
    text-align: center
}

.product-bottom-panel {
    background-color: #fff;
    border: solid rgba(0, 0, 0, .09) !important;
    border-width: 1px 0 0 !important;
    bottom: 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .09);
    display: flex;
    height: calc(48px + var(--safe-area-inset-bottom, 0));
    max-height: 4.25rem;
    max-width: 37.5rem;
    position: absolute;
    width: 100%;
    z-index: 101
}

.product-bottom-panel__add-to-cart,
.product-bottom-panel__buy-now,
.product-bottom-panel__chat-now {
    align-items: center;
    background-color: #00bfa5;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: .625rem;
    justify-content: center;
    max-height: 3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.product-bottom-panel__add-to-cart span.disabled,
.product-bottom-panel__add-to-cart svg.disabled,
.product-bottom-panel__buy-now span.disabled,
.product-bottom-panel__buy-now svg.disabled,
.product-bottom-panel__chat-now span.disabled,
.product-bottom-panel__chat-now svg.disabled {
    opacity: .5
}

.product-bottom-panel__add-to-cart,
.product-bottom-panel__chat-now {
    flex-direction: column
}

.product-bottom-panel__add-to-cart .stardust-icon,
.product-bottom-panel__chat-now .stardust-icon {
    flex: 0 1 auto;
    height: 1.5rem;
    margin-bottom: .25rem;
    width: 1.5rem
}

.product-bottom-panel__add-to-cart-text,
.product-bottom-panel__chat-now-text {
    flex: 0 1 auto;
    white-space: nowrap
}

.product-bottom-panel__chat-now-inner-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.product-bottom-panel__buy-now {
    background-color: #ee4d2d;
    flex: 2;
    font-size: .875rem
}

.product-bottom-panel__separator {
    align-items: center;
    background-color: #00bfa5;
    display: flex;
    flex: 0;
    max-height: 3rem
}

.product-bottom-panel__separator-real {
    border: solid rgba(0, 0, 0, .09) !important;
    border-width: 0 0 0 1px !important;
    flex: 0;
    height: 1.75rem
}

.product-cart-and-buy-buttons {
    display: flex;
    flex: 3;
    flex-direction: row
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

:root {
    --safe-area-inset-bottom: 0;
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0)
}

.aQwRjk {
    bottom: 0;
    height: calc(48px + var(--safe-area-inset-bottom, 0));
    left: 50%;
    max-height: 68px;
    max-width: 37.5rem;
    position: fixed;
    transform: translateX(-50%);
    width: 100%
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.with-loading-wrapper>.stardust-spinner>.stardust-spinner__background {
    background-color: #999;
    z-index: 20000
}

.with-loading-wrapper--transparent-background>.stardust-spinner>.stardust-spinner__background {
    background-color: rgba(0, 0, 0, .4);
    z-index: 20000
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.siJ9cg {
    align-items: center;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .06);
    display: flex;
    height: 2.75rem;
    max-width: 37.5rem;
    padding: 0 .75rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.JTRHdS {
    flex-shrink: 0;
    line-height: 0
}

.KrVWaM {
    flex: 1;
    overflow: hidden;
    padding: 0 1.25rem
}

.EA0ImV {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    white-space: nowrap
}

.SOQ4aS+.SOQ4aS {
    margin-left: 1.25rem
}

.SOQ4aS {
    line-height: 0
}

@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)
    }
}

.stardust-horizontal-scroll-view {
    align-items: center;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.header-section__header {
    align-items: center;
    display: flex;
    line-height: 1;
    padding: 1rem
}

.header-section__header-title {
    align-items: center;
    color: rgba(0, 0, 0, .54);
    flex: 1;
    font-family: -apple-system, HelveticaNeueMedium, HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Roboto, Droid Sans, Arial Bold, Arial, SHPBurmese, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.header-section__header-link {
    align-items: center;
    color: var(--brand-primary-color, #ee4d2d);
    display: flex;
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.header-section__header-link .stardust-icon {
    color: inherit;
    height: .625rem;
    margin-left: .25rem;
    width: .625rem
}

.cpBfTr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.zKfZ9a {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: capitalize;
    top: 0;
    width: 100%
}

.stardust-icon-arrow-right-bold-circle {
    color: currentColor;
    font-size: 2rem;
    margin-bottom: toRem(7px)
}

.JcGzch {
    position: relative
}

.eYGBdH {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.v75CBE {
    align-items: stretch;
    display: flex;
    padding-bottom: .625rem;
    padding-left: .5625rem
}

.dcCx4z {
    display: inline-block;
    flex-shrink: 0;
    margin-right: calc(8px - .1875rem);
    position: relative;
    width: 38%
}

.dcCx4z:last-child {
    border-right: .75rem solid transparent;
    margin-right: 0;
    width: calc(38% + .75rem)
}

.ZmLCmD {
    align-self: stretch
}

.infinite-scroll {
    width: 100%
}

.item-card-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .1875rem
}

.item-card-list__item-card-wrapper {
    padding: .1875rem;
    width: 50%
}

:root {
    --safe-area-inset-bottom: 0;
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0)
}

.scroll-to-top {
    bottom: .875rem;
    cursor: pointer;
    height: 2.6875rem;
    position: fixed;
    right: .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.6875rem;
    z-index: 8999
}

.scroll-to-top--with-safe-area-inset-bottom {
    transform: translateY(calc(var(--safe-area-inset-bottom, 0)*-1))
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

html[lang=my] .shopee_ic [class*=text-xs] {
    line-height: 1.25rem !important
}

html[lang=my] .shopee_ic [class*=text-base] {
    line-height: 1.75rem !important
}

html[lang=my] .shopee_ic [class*=text-sp10] {
    line-height: 1.0625rem !important
}

html[lang=my] .shopee_ic [class*=text-sp10][class*=h-3] {
    height: 1.0625rem !important
}

.shopee_ic *,
.shopee_ic :after,
.shopee_ic :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

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

html .shopee_ic {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: inherit;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4
}

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

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

.shopee_ic h1,
.shopee_ic h2,
.shopee_ic h3,
.shopee_ic h5 {
    font-size: inherit;
    font-weight: inherit
}

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

.shopee_ic b,
.shopee_ic strong {
    font-weight: bolder
}

.shopee_ic code,
.shopee_ic pre {
    font-family: inherit;
    font-size: 1em
}

.shopee_ic small {
    font-size: 80%
}

.shopee_ic button,
.shopee_ic input,
.shopee_ic select {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.shopee_ic button,
.shopee_ic select {
    text-transform: none
}

.shopee_ic [type=button],
.shopee_ic [type=reset],
.shopee_ic [type=submit],
.shopee_ic button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

.shopee_ic :-moz-focusring {
    outline: auto
}

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

.shopee_ic progress {
    vertical-align: baseline
}

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

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

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

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


.shopee_ic dd,
.shopee_ic dl,
.shopee_ic figure,
.shopee_ic h1,
.shopee_ic h2,
.shopee_ic h3,
.shopee_ic h5,
.shopee_ic hr,
.shopee_ic p,
.shopee_ic pre {
    margin: 0
}


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

.shopee_ic input::placeholder {
    color: #9ca3af;
    opacity: 1
}

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

.shopee_ic :disabled {
    cursor: default
}

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

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

.shopee_ic [hidden] {
    display: none
}

.shopee_ic *,
.shopee_ic :after,
.shopee_ic :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 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --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:
}

.shopee_ic ::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 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --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:
}

.shopee_ic .container {
    width: 100%
}

@media (min-width:640px) {

    .shopee_ic .container {
        max-width: 640px
    }
}

@media (min-width:768px) {

    .shopee_ic .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {

    .shopee_ic .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {

    .shopee_ic .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {

    .shopee_ic .container {
        max-width: 1536px
    }
}

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

.shopee_ic .visible {
    visibility: visible
}

.shopee_ic .fixed {
    position: fixed
}

.shopee_ic .absolute {
    position: absolute
}

.shopee_ic .relative {
    position: relative
}

.shopee_ic .inset-y-0 {
    bottom: 0;
    top: 0
}

.shopee_ic .bottom-0 {
    bottom: 0
}

.shopee_ic .left-0 {
    left: 0
}

.shopee_ic .right-0 {
    right: 0
}

.shopee_ic .top-0 {
    top: 0
}

.shopee_ic .z-0 {
    z-index: 0
}

.shopee_ic .z-10 {
    z-index: 10
}

.shopee_ic .z-30 {
    z-index: 30
}

.shopee_ic .-ml-px {
    margin-left: -1px
}

.shopee_ic .-mr-px {
    margin-right: -1px
}

.shopee_ic .mb-0 {
    margin-bottom: 0
}

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

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

.shopee_ic .ml-auto {
    margin-left: auto
}

.shopee_ic .mr-0 {
    margin-right: 0
}

.shopee_ic .mr-px {
    margin-right: 1px
}

.shopee_ic .box-border {
    box-sizing: border-box
}

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

.shopee_ic .block {
    display: block
}

.shopee_ic .inline-block {
    display: inline-block
}

.shopee_ic .inline {
    display: inline
}

.shopee_ic .flex {
    display: flex
}

.shopee_ic .contents {
    display: contents
}

.shopee_ic .hidden {
    display: none
}

.shopee_ic .h-3 {
    height: .75rem
}

.shopee_ic .h-4 {
    height: 1rem
}

.shopee_ic .h-5 {
    height: 1.25rem
}

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

.shopee_ic .w-5 {
    width: 1.25rem
}

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

.shopee_ic .min-w-0 {
    min-width: 0
}

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

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

.shopee_ic .flex-none {
    flex: none
}

.shopee_ic .flex-shrink-0 {
    flex-shrink: 0
}

.shopee_ic .flex-grow-0 {
    flex-grow: 0
}


.shopee_ic .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))
}

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


.shopee_ic .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))
}

.shopee_ic .cursor-pointer {
    cursor: pointer
}

.shopee_ic .resize {
    resize: both
}

.shopee_ic .flex-row {
    flex-direction: row
}

.shopee_ic .flex-col {
    flex-direction: column
}

.shopee_ic .items-center {
    align-items: center
}

.shopee_ic .items-baseline {
    align-items: baseline
}

.shopee_ic .items-stretch {
    align-items: stretch
}

.shopee_ic .justify-start {
    justify-content: flex-start
}

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

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

.shopee_ic .overflow-hidden {
    overflow: hidden
}

.shopee_ic .truncate {
    overflow: hidden;
    white-space: nowrap
}

.shopee_ic .text-ellipsis,
.shopee_ic .truncate {
    text-overflow: ellipsis
}

.shopee_ic .whitespace-nowrap {
    white-space: nowrap
}

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

.shopee_ic .rounded {
    border-radius: .25rem
}

.shopee_ic .rounded-sm {
    border-radius: .125rem
}

.shopee_ic .border {
    border-width: 1px
}

.shopee_ic .border-shopee-black9 {
    border-color: rgba(0, 0, 0, .09)
}

.shopee_ic .bg-shopee-black26 {
    background-color: rgba(0, 0, 0, .26)
}

.shopee_ic .bg-shopee-pink {
    --tw-bg-opacity: 1;
    background-color: rgba(254, 238, 234, var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-voucher-yellow {
    --tw-bg-opacity: 1;
    background-color: rgba(246, 145, 19, var(--tw-bg-opacity))
}

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

.shopee_ic .stroke-none {
    stroke: none
}

.shopee_ic .object-contain {
    object-fit: contain
}

.shopee_ic .p-2 {
    padding: .5rem
}

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

.shopee_ic .px-px {
    padding-left: 1px;
    padding-right: 1px
}

.shopee_ic .py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.shopee_ic .pb-1 {
    padding-bottom: .25rem
}

.shopee_ic .pr-1 {
    padding-right: .25rem
}

.shopee_ic .pt-full {
    padding-top: 100%
}

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

.shopee_ic .text-sp10 {
    font-size: .625rem;
    line-height: .75rem
}

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

.shopee_ic .font-medium {
    font-weight: 500
}

.shopee_ic .font-normal {
    font-weight: 400
}

.shopee_ic .uppercase {
    text-transform: uppercase
}

.shopee_ic .capitalize {
    text-transform: capitalize
}

.shopee_ic .leading-4 {
    line-height: 1rem
}

.shopee_ic .text-shopee-black87 {
    color: rgba(0, 0, 0, .87)
}

.shopee_ic .text-shopee-primary {
    --tw-text-opacity: 1;
    color: rgba(238, 77, 45, var(--tw-text-opacity))
}

.shopee_ic .text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.shopee_ic .outline {
    outline-style: solid
}

.shopee_ic .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)
}

.shopee_ic .transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.stardust-carousel,
.stardust-carousel__item-list-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.stardust-carousel__item-list-wrapper {
    box-sizing: border-box;
    overflow-x: hidden
}

.stardust-carousel__item-list {
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: pan-y
}

.stardust-carousel__item {
    align-items: center;
    align-self: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    list-style: none;
    overflow: hidden
}

.stardust-carousel__item-inner-wrapper {
    height: 100%;
    width: 100%
}

.stardust-carousel__indexing {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 12.4px;
    bottom: 10px;
    color: rgba(0, 0, 0, .65);
    color: #000;
    font-size: 14px;
    opacity: .65;
    padding: 3px 10px;
    position: absolute;
    right: 10px
}

.qkozxo {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}


.qkozxo {
    position: relative;
    width: 100%
}

.uXN1L5 {
    vertical-align: bottom
}

.UkIsx8 {
    display: contents

}

@keyframes T1GUbT {
    0% {
        background-position: 50%, 100% 0
    }

    to {
        background-position: 50%, -100% 0
    }
}

.C2TlUL {
    border: 1px solid transparent;
    border-radius: 2.5px;
    box-sizing: border-box;
    margin-left: 8px;
    overflow: hidden;
    width: calc(22.22222vw - 8.88889px)
}

.als6iz {
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 4px;
    width: 48px
}

.omaWk0 {
    width: 8px
}

.Is50_W {
    display: flex;
    flex-direction: column;
    width: 100%
}

.NdEYVx {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.NdEYVx .a4pB3q {
    display: block;
    height: 100%;
    left: 0;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.PPbITQ {
    overflow-y: scroll;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    margin-bottom: 8px
}

.s1KCTS {
    display: flex;
    padding: .6875rem 0;
    width: 100%
}

.s1KCTS * {
    flex-shrink: 0
}

.product-carousel {
    display: block;
    margin-top: -2.75rem;
    position: relative;
    z-index: 1
}

.product-carousel:before {
    content: "";
    display: block;
    padding-top: 100%
}

.product-carousel .stardust-carousel {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.product-carousel .stardust-carousel__item-list-wrapper {
    height: 100%
}

.product-carousel .stardust-carousel__item-list {
    height: 100% !important
}

.product-carousel .stardust-carousel__item {
    height: 100%;
    overflow: hidden
}

.product-carousel .stardust-carousel__item img {
    object-fit: contain
}

.IZJyWi {
    overflow: hidden;
    position: relative
}

.o9k7uk {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    font-size: .75rem;
    overflow: hidden;
    padding: .5rem;
    text-overflow: ellipsis;
    width: 100%
}

.o9k7uk span {
    font-weight: 500
}

.badge__horizontal {
    align-items: center;
    background-color: #ee4d2d;
    border-radius: 1px;
    color: #fff;
    cursor: default;
    display: flex;
    font-size: .625rem;
    height: .875rem;
    line-height: .875rem;
    padding: .125rem .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.badge__horizontal .stardust-icon {
    display: inline-block;
    font-size: .75rem;
    vertical-align: bottom
}

.S6PIKv {
    align-items: center;
    color: rgba(0, 0, 0, .87);
    display: inline;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    word-break: break-word
}

.S6PIKv>span {
    vertical-align: middle
}

.QwYDaN {
    font-size: 14px
}

.JVg9me {
    display: inline-flex;
    margin-right: .5rem;
    vertical-align: middle
}

.JVg9me>.badge__horizontal {
    margin-bottom: 0;
    margin-top: 0
}

.QvBtYP {
    height: 14px
}

.dMAFry {
    font-size: inherit;
    font-weight: inherit
}

.dMAFry {
    display: inline;
    margin: inherit
}

.cpBfTr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.xMFuO_ {
    background-color: transparent;
    border: 0;
    padding: 0
}

.xMFuO_ img {
    width: 100%
}

.product-review__sold-count {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-review__sold-count:not(:first-child) {
    margin-left: .75rem;
    padding-left: .75rem
}

.product-review__sold-count:not(:first-child):before {
    background: rgba(0, 0, 0, .12);
    content: "";
    display: block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.ezTNz_ {
    background: #fff;
    padding: 0 12px
}

.tbTsn0 {
    overflow: hidden
}

.MQQIj8 {
    background: #fff;
    box-sizing: border-box;
    line-height: 1rem
}

.q5eLaS {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: 1rem .75rem
}

.QM_krf {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit
}

.NAKI3b {
    align-items: center;
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    display: flex;
    font-size: 14px;
    padding: 16px 12px
}

.K1cfYF {
    font-size: inherit;
    font-weight: 500;
    margin: 0 8px 0 0
}

.M7ay9s {
    color: rgba(0, 0, 0, .54);
    flex: 1;
    font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, SHPBurmese, sans-serif;
    font-weight: 400;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.XASZi8 {
    align-items: center;
    color: rgba(0, 0, 0, .26);
    display: flex;
    height: 18px;
    margin-top: 2px;
    width: 18px
}

.ImgnFL {
    text-overflow: ellipsis
}

:root {
    --safe-area-inset-bottom: 0;
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0)
}

.scroll-to-top {
    bottom: .875rem;
    cursor: pointer;
    height: 2.6875rem;
    position: fixed;
    right: .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.6875rem;
    z-index: 8999
}

.scroll-to-top--with-safe-area-inset-bottom {
    transform: translateY(calc(var(--safe-area-inset-bottom, 0)*-1))
}

.QUXAHR {
    padding: 12px 12px 0;
    position: relative;
    z-index: 0
}

.aGq3dl {
    align-items: center;
    display: flex;
    min-height: 24px
}

.aGq3dl>* {
    flex-shrink: 0
}

.HRlom7 {
    color: #ee4d2d;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px
}

.HRlom7 .ObefG2 {
    font-size: 14px
}

.HRlom7.xALZH2 {
    font-size: 20px
}

.ZNpHU1 {
    flex-direction: row;
    margin-left: auto;
    padding-left: 8px
}

.WyjXCo,
.ZNpHU1 {
    align-items: center;
    display: flex
}

.WyjXCo {
    height: 16px;
    margin-left: 4px;
    width: 16px
}

@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.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-17px)
    }

    33.305555% {
        transform: translateY(-17px)
    }

    33.333333% {
        transform: translateY(-34px)
    }

    49.972222% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    66.638888% {
        transform: translateY(-51px)
    }

    66.666666% {
        transform: translateY(-68px)
    }

    83.305555% {
        transform: translateY(-68px)
    }

    83.333333% {
        transform: translateY(-85px)
    }

    99.972222% {
        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.999972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.999972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.999972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.999972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.999972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.999972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.999972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.999972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.999972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.999972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-ten {
    0% {
        transform: translateY(0)
    }

    9.99972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.99972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.99972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.99972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.99972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.99972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.99972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.99972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.99972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.99972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-digit {
    0% {
        transform: translateY(0)
    }

    9.9972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.9972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.9972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.9972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.9972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.9972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.9972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.9972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.9972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.9972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

.OQ6hEB {
    align-items: center;
    box-shadow: inset 0 .8px 0 0 rgba(0, 0, 0, .09);
    display: flex;
    height: 44px;
    padding: 0 12px
}

.QcjU2m {
    flex: 0 0 auto;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.fsnCCs {
    flex: 1 1 content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[lang=my] .fsnCCs {
    line-height: 22px
}

.OTfwMP {
    color: rgba(0, 0, 0, .26);
    flex: 0 0 auto;
    height: 18px;
    margin-left: 4px;
    width: 18px
}

.gh6BER {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px
}

.AK5w7D {
    color: rgba(0, 0, 0, .54);
    font-size: 12px
}

.xyE3Fr {
    box-shadow: inset 0 .8px 0 0 rgba(0, 0, 0, .09);
    display: flex;
    padding: 14px 12px
}

html[lang=my] .xyE3Fr {
    align-items: start
}

.dlJbZH,
.m_0v1t {
    color: rgba(0, 0, 0, .26);
    flex: 0 0 auto
}

.m_0v1t {
    align-self: start;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

html[lang=my] .m_0v1t {
    align-self: auto
}

.dlJbZH {
    align-self: center;
    height: 18px;
    margin-left: 4px;
    width: 18px
}

.JgC5PK {
    display: flex;
    padding-bottom: .5rem;
    padding-top: .25rem
}

.u0fIgc {
    display: flex;
    margin-right: .75rem
}

.sqTygw {
    color: rgba(0, 0, 0, .87);
    font-weight: 400;
    margin-left: .25rem
}

.XraX_X,
.sqTygw {
    font-size: .75rem;
    height: .875rem
}

.XraX_X {
    color: var(--brand-primary-color, #ee4d2d)
}

.stardust-horizontal-scroll-view {
    align-items: center;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.bPaN3S {
    color: rgba(0, 0, 0, .54)
}


.bPaN3S .x4bjBT {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bPaN3S .x4bjBT {
    font-weight: 300
}

html[lang=my] .bPaN3S {
    line-height: 1.375rem
}

.CzZnlt {
    bottom: -4px;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 58px
}

.CzZnlt img {
    height: auto;
    width: 100%
}


.CzZnlt .badge__preferred {
    display: inline-flex;
    white-space: normal
}

.tLKi5m {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    padding-bottom: 12px
}

.tLKi5m>button {
    border-color: var(--brand-primary-color, #ee4d2d) !important;
    color: var(--brand-primary-color, #ee4d2d) !important
}

html[lang=my] .tLKi5m>button {
    line-height: 23px
}

.sIRciZ {
    flex: 0 0 auto;
    position: relative
}

.dxBoqK {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    margin-left: 10px;
    margin-right: 12px;
    overflow: hidden
}

.dxBoqK .badge__horizontal {
    display: inline-flex;
    font-size: 10px;
    height: 15px
}

.BO7Miq {
    font-size: inherit;
    font-weight: 700;
    height: 16px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[lang=my] .BO7Miq {
    height: auto;
    line-height: 24px
}

.NVXQAd {
    height: 15px;
    margin-top: 4px;
    overflow: hidden
}

html[lang=my] .NVXQAd {
    height: auto;
    line-height: 18px
}

.FjDMfU {
    flex: 0 0 auto;
    height: 2.5rem;
    position: relative;
    width: 2.5rem
}

.FjDMfU>img {
    border: .0625rem solid var(--nc-util-line, rgba(0, 0, 0, .09));
    border-radius: 50%;
    box-sizing: border-box
}

.OUM_RU {
    height: 3.75rem
}

.OUM_RU {
    width: 3.75rem
}

.B4mJ8o {
    padding-top: 12px
}

html[lang=my] .B4mJ8o {
    padding-bottom: 12px
}

.JrSi7k {
    background: #fff;
    color: inherit;
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.with-loading-wrapper>.stardust-spinner>.stardust-spinner__background {
    background-color: #999;
    z-index: 20000
}

.with-loading-wrapper--transparent-background>.stardust-spinner>.stardust-spinner__background {
    background-color: rgba(0, 0, 0, .4);
    z-index: 20000
}

.siJ9cg {
    align-items: center;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .06);
    display: flex;
    height: 2.75rem;
    max-width: 37.5rem;
    padding: 0 .75rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.JTRHdS {
    flex-shrink: 0;
    line-height: 0
}

.KrVWaM {
    flex: 1;
    overflow: hidden;
    padding: 0 1.25rem
}

.EA0ImV {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    white-space: nowrap
}

.SOQ4aS+.SOQ4aS {
    margin-left: 1.25rem
}

.SOQ4aS {
    line-height: 0
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.vWinwj.vWinwj {
    width: 1.375rem;
    fill: #ee4d2d
}

.DfHtzo,
.vWinwj.vWinwj {
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.DfHtzo {
    -webkit-text-decoration: none;
    text-decoration: none
}

.navbar-icon-cart {
    position: relative
}

.navbar-icon-cart__icon {
    width: 24px
}

.product-page .HctEyP {
    position: -webkit-sticky;
    position: sticky
}

.product-page .HctEyP svg.navbar-generic__back {
    fill: currentColor !important;
    color: currentColor !important;
    stroke: currentColor !important;
    display: block;
    height: 1.875rem;
    margin: 0 auto;
    width: 1.25rem
}

.product-page .HctEyP svg.navbar-icon-cart__icon {
    color: currentColor !important;
    display: block;
    height: 1.875rem;
    margin: 0 auto;
    width: 1.25rem
}

.product-page .Y7p4Ui {
    border-radius: 50%;
    height: 1.875rem;
    width: 1.875rem
}

.product-page .Y7p4Ui a {
    color: inherit
}

.product-page .Y7p4Ui span {
    color: rgba(0, 0, 0, .87)
}

.product-page .UBteaH {
    color: #000;
    font-family: -apple-system, HelveticaNeueMedium, HelveticaNeue-Medium, Helvetica Neue Medium, Helvetica Neue, Roboto, Droid Sans, Arial Bold, Arial, SHPBurmese, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap
}

.product-page .sd55Cg {
    -webkit-text-decoration: none;
    text-decoration: none
}


.product-page .sd55Cg {
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.JSlWcM {
    bottom: 3.75rem
}

.z5hxuO {
    margin-top: .75rem
}

.fho4rO {
    padding: 0 !important
}

.product-page {
    margin-top: -2.75rem;
    padding-bottom: 1.05rem
}

.product-page .product-page__overview {
    margin-top: 0;
    padding: 0
}

.action-bar-section {
    background: #fff;
    margin-top: .625rem
}
.stardust-carousel,
.stardust-carousel__item-list-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.stardust-carousel__item-list-wrapper {
    box-sizing: border-box;
    overflow-x: hidden
}

.stardust-carousel__item-list {
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: pan-y
}

.stardust-carousel__item {
    align-items: center;
    align-self: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    list-style: none;
    overflow: hidden
}

.stardust-carousel__item-inner-wrapper {
    height: 100%;
    width: 100%
}

.stardust-carousel__indexing {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 12.4px;
    bottom: 10px;
    color: rgba(0, 0, 0, .65);
    color: #000;
    font-size: 14px;
    opacity: .65;
    padding: 3px 10px;
    position: absolute;
    right: 10px
}

.qkozxo {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}


.qkozxo {
    position: relative;
    width: 100%
}

.uXN1L5 {
    vertical-align: bottom
}

.UkIsx8 {
    display: contents
}

@keyframes T1GUbT {
    0% {
        background-position: 50%, 100% 0
    }

    to {
        background-position: 50%, -100% 0
    }
}

.C2TlUL {
    border: 1px solid transparent;
    border-radius: 2.5px;
    box-sizing: border-box;
    margin-left: 8px;
    overflow: hidden;
    width: calc(22.22222vw - 8.88889px)
}

.als6iz {
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 4px;
    width: 48px
}

.omaWk0 {
    width: 8px
}

.Is50_W {
    display: flex;
    flex-direction: column;
    width: 100%
}

.NdEYVx {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.NdEYVx .a4pB3q {
    display: block;
    height: 100%;
    left: 0;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.PPbITQ {
    overflow-y: scroll;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    margin-bottom: 8px
}

.s1KCTS {
    display: flex;
    padding: .6875rem 0;
    width: 100%
}

.s1KCTS * {
    flex-shrink: 0
}

.product-carousel {
    display: block;
    margin-top: -2.75rem;
    position: relative;
    z-index: 1
}

.product-carousel:before {
    content: "";
    display: block;
    padding-top: 100%
}

.product-carousel .stardust-carousel {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.product-carousel .stardust-carousel__item-list-wrapper {
    height: 100%
}

.product-carousel .stardust-carousel__item-list {
    height: 100% !important
}

.product-carousel .stardust-carousel__item {
    height: 100%;
    overflow: hidden
}

.product-carousel .stardust-carousel__item img {
    object-fit: contain
}

.IZJyWi {
    overflow: hidden;
    position: relative
}

.o9k7uk {
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    font-size: .75rem;
    overflow: hidden;
    padding: .5rem;
    text-overflow: ellipsis;
    width: 100%
}

.o9k7uk span {
    font-weight: 500
}

.badge__horizontal {
    align-items: center;
    background-color: #ee4d2d;
    border-radius: 1px;
    color: #fff;
    cursor: default;
    display: flex;
    font-size: .625rem;
    height: .875rem;
    line-height: .875rem;
    padding: .125rem .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.badge__horizontal .stardust-icon {
    display: inline-block;
    font-size: .75rem;
    vertical-align: bottom
}

.S6PIKv {
    align-items: center;
    color: rgba(0, 0, 0, .87);
    display: inline;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    word-break: break-word
}

.S6PIKv>span {
    vertical-align: middle
}

.QwYDaN {
    font-size: 14px
}

.JVg9me {
    display: inline-flex;
    margin-right: .5rem;
    vertical-align: middle
}

.JVg9me>.badge__horizontal {
    margin-bottom: 0;
    margin-top: 0
}

.QvBtYP {
    height: 14px
}

.dMAFry {
    font-size: 2rem;
    font-weight: inherit
}

.dMAFry {
    display: inline;
    margin: inherit
}

.cpBfTr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.xMFuO_ {
    background-color: transparent;
    border: 0;
    padding: 0
}

.xMFuO_ img {
    width: 100%
}

.product-review__sold-count {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-review__sold-count:not(:first-child) {
    margin-left: .75rem;
    padding-left: .75rem
}

.product-review__sold-count:not(:first-child):before {
    background: rgba(0, 0, 0, .12);
    content: "";
    display: block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.ezTNz_ {
    background: #fff;
    padding: 0 12px
}

.tbTsn0 {
    overflow: hidden
}

.MQQIj8 {
    background: #fff;
    box-sizing: border-box;
    line-height: 1rem
}

.q5eLaS {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: 1rem .75rem
}

.QM_krf {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit
}

.NAKI3b {
    align-items: center;
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    display: flex;
    font-size: 14px;
    padding: 16px 12px
}

.K1cfYF {
    font-size: inherit;
    font-weight: 500;
    margin: 0 8px 0 0
}

.M7ay9s {
    color: rgba(0, 0, 0, .54);
    flex: 1;
    font-family: -apple-system, Helvetica Neue, Helvetica, Roboto, Droid Sans, Arial, SHPBurmese, sans-serif;
    font-weight: 400;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.XASZi8 {
    align-items: center;
    color: rgba(0, 0, 0, .26);
    display: flex;
    height: 18px;
    margin-top: 2px;
    width: 18px
}

.ImgnFL {
    text-overflow: ellipsis
}

:root {
    --safe-area-inset-bottom: 0;
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0)
}

.scroll-to-top {
    bottom: .875rem;
    cursor: pointer;
    height: 2.6875rem;
    position: fixed;
    right: .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.6875rem;
    z-index: 8999
}

.scroll-to-top--with-safe-area-inset-bottom {
    transform: translateY(calc(var(--safe-area-inset-bottom, 0)*-1))
}

.QUXAHR {
    padding: 12px 12px 0;
    position: relative;
    z-index: 0
}

.aGq3dl {
    align-items: center;
    display: flex;
    min-height: 24px
}

.aGq3dl>* {
    flex-shrink: 0
}

.HRlom7 {
    color: #ee4d2d;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px
}

.HRlom7 .ObefG2 {
    font-size: 14px
}

.HRlom7.xALZH2 {
    font-size: 20px
}

.ZNpHU1 {
    flex-direction: row;
    margin-left: auto;
    padding-left: 8px
}

.WyjXCo,
.ZNpHU1 {
    align-items: center;
    display: flex
}

.WyjXCo {
    height: 16px;
    margin-left: 4px;
    width: 16px
}

@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.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-17px)
    }

    33.305555% {
        transform: translateY(-17px)
    }

    33.333333% {
        transform: translateY(-34px)
    }

    49.972222% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    66.638888% {
        transform: translateY(-51px)
    }

    66.666666% {
        transform: translateY(-68px)
    }

    83.305555% {
        transform: translateY(-68px)
    }

    83.333333% {
        transform: translateY(-85px)
    }

    99.972222% {
        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.999972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.999972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.999972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.999972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.999972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.999972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.999972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.999972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.999972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.999972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-ten {
    0% {
        transform: translateY(0)
    }

    9.99972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.99972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.99972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.99972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.99972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.99972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.99972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.99972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.99972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.99972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-digit {
    0% {
        transform: translateY(0)
    }

    9.9972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.9972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.9972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.9972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.9972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.9972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.9972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.9972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.9972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.9972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

.OQ6hEB {
    align-items: center;
    box-shadow: inset 0 .8px 0 0 rgba(0, 0, 0, .09);
    display: flex;
    height: 44px;
    padding: 0 12px
}

.QcjU2m {
    flex: 0 0 auto;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.fsnCCs {
    flex: 1 1 content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[lang=my] .fsnCCs {
    line-height: 22px
}

.OTfwMP {
    color: rgba(0, 0, 0, .26);
    flex: 0 0 auto;
    height: 18px;
    margin-left: 4px;
    width: 18px
}

.gh6BER {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px
}

.AK5w7D {
    color: rgba(0, 0, 0, .54);
    font-size: 12px
}

.xyE3Fr {
    box-shadow: inset 0 .8px 0 0 rgba(0, 0, 0, .09);
    display: flex;
    padding: 14px 12px
}

html[lang=my] .xyE3Fr {
    align-items: start
}

.dlJbZH,
.m_0v1t {
    color: rgba(0, 0, 0, .26);
    flex: 0 0 auto
}

.m_0v1t {
    align-self: start;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

html[lang=my] .m_0v1t {
    align-self: auto
}

.dlJbZH {
    align-self: center;
    height: 18px;
    margin-left: 4px;
    width: 18px
}

.B9uhP8 {
    box-shadow: 0 -.5px rgba(0, 0, 0, .09), 0 .5px rgba(0, 0, 0, .09);
    font-size: 12px;
    padding: 16px 12px
}

.BZNDi2 {
    align-items: center;
    color: rgba(0, 0, 0, .54);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.BZNDi2 .QXxv9L,
.BZNDi2 .oQBMZg {
    color: inherit
}

.BZNDi2 .QXxv9L {
    margin: 0 4px
}

.rpVkbG {
    align-items: center;
    background: none;
    border: 0;
    color: #ee4d2d;
    display: flex;
    font: inherit;
    outline: inherit;
    padding: 0;
    text-transform: capitalize
}

.rpVkbG .e0ZzS7 {
    margin-left: 4px
}

.CHdQ9E {
    padding: 0 12px
}

.CHdQ9E h3 {
    font-weight: 500;
    margin: 0;
    padding: 16px 0
}

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

.dNNItU li:not(:first-child) {
    margin-top: 8px
}

.dNNItU li a {
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.dNNItU ol {
    margin: 0;
    padding: 0
}

.dNNItU .fRL7DN {
    color: rgba(0, 0, 0, .54);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dNNItU .izqLcH {
    color: rgba(0, 0, 0, .87);
    flex-shrink: 0;
    font-weight: 500;
    padding-left: 8px
}

.DJkwpT {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px
}