.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: initial;
    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;
    -moz-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: initial;
    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: initial!important;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

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

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

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

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

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

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

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

.sprite-product-sharing,.vLc7hx .D0C3x9 {
    background-color: initial
}

.sprite-product-sharing {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/12f585f9c56d4f30.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-product-sharing {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/391e34e8438d2795.png);
        background-size: 100%
    }
}

.sprite-product-sharing-fb {
    background-position: 0 0;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-fm {
    background-position: 0 -100%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-gp {
    background-position: 0 -200%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-pinterest {
    background-position: 0 -300%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-twitter {
    background-position: 0 -400%;
    height: 190px;
    width: 190px
}

.sprite-social {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/d8ff2e87a27b9e2a.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/88a0034010bcac46.png);
        background-size: 100%
    }
}

.sprite-social-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-ig {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-line {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

.sprite-social-shopee {
    background-position: 2px -400%;
    height: 22px;
    width: 22px
}

.sprite-social-sms {
    background-position: 0 -500%;
    height: 22px;
    width: 22px
}

.sprite-social-white {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/ed32425a8e6c7b30.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social-white {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/assets/09cab592d131068a.png);
        background-size: 100%
    }
}

.sprite-social-white-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-white-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-white-shopee {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-white-sms {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

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

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,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

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

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

[hidden],template {
    display: none
}

a {
    background-color: initial
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,input,optgroup,select,textarea {
    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=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

::placeholder {
    opacity: 1
}

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

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

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

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

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

.hairline-border-up-bottom,.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
}

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

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

.typo-m24 {
    font-size: 1.5rem
}

.typo-m24,.typo-m26 {
    font-family: -apple-system,HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Roboto,Droid Sans,Arial Bold,Arial,sans-serif;
    font-weight: 500
}

.typo-m26 {
    font-size: 1.625rem
}

.typo-m20 {
    font-family: -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
}

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

.typo-m16 {
    font-size: 1rem
}

.typo-m15,.typo-m16 {
    font-family: -apple-system,HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Roboto,Droid Sans,Arial Bold,Arial,sans-serif;
    font-weight: 500
}

.typo-m15 {
    font-size: .9375rem
}

.typo-r16 {
    font-size: 1rem
}

.typo-r16,.typo-r8 {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.typo-r8 {
    font-size: .5rem
}

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

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

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

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

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

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

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

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

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

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

.typo-r12 {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,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,sans-serif;
    font-size: .75rem;
    font-weight: 300
}

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

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

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

.online-icon {
    background-color: #42ab17;
    border-radius: 50%;
    display: inline-block;
    height: .5rem;
    margin-right: .25rem;
    width: .5rem
}

.inactive-icon,.vacation-icon {
    align-items: center;
    background-color: #ff424f;
    border-radius: 50%;
    display: inline-flex;
    height: .75rem;
    justify-content: center;
    line-height: .75rem;
    margin-right: .25rem;
    width: .75rem
}

.vacation-icon {
    background-color: #f9a51b
}

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

.truncate-text {
    overflow: hidden;
    text-overflow: ellipsis
}

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

.page-section__no-padding {
    padding: 0
}

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

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

.center {
    align-items: center
}

.flex {
    display: flex
}

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

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

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

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

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

.skeleton {
    animation: glow 2s linear infinite;
    background-clip: padding-box!important;
    background-color: #fafafa!important;
    border-color: #fafafa!important;
    border-radius: 2px;
    box-shadow: none!important;
    color: transparent!important;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

.theme--ofs {
    --brand-primary-color: #d0011b;
    --brand-primary-light-color: rgba(208,1,27,.08)
}

.theme--s-mart {
    --brand-primary-color: #066bc8;
    --brand-primary-light-color: #e6f0f9
}

body {
    background: #efefef;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,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,sans-serif;
    font-weight: 400;
    margin: 2.75rem auto 0;
    max-width: 37.5rem
}

.shopee-icon {
    fill: currentColor;
    stroke: currentColor
}

div {
    box-sizing: border-box
}

.stardust-toast__container {
    max-width: 13.4375rem
}

.stardust-popup {
    z-index: 9000
}

:not(input):not(textarea) {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

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

.stardust-toast__anchor,.stardust-toast__overlay {
    z-index: 20000
}

.app-container .stardust-tabs-header-wrapper {
    z-index: 80
}

.app-container .stardust-popover__popover {
    z-index: 81
}

.app-container .stardust-popup-title {
    margin-bottom: 1rem
}

.app-container .stardust-popup-content {
    text-align: center
}

.app-container .stardust-popup-buttons>.stardust-popup-button {
    font-size: 1rem
}

.app-container .stardust-drawer__container--bottom {
    max-width: 37.5rem;
    right: auto
}

.app-container .stardust-input__element:focus {
    border: inherit;
    box-shadow: inherit
}

.theme--ofs .stardust-icon-add-to-cart {
    fill: #d0011b;
    color: #d0011b;
    stroke: #d0011b
}

.theme--ofs .stardust-carousel__dot--active {
    background-color: #d0011b!important;
    border-color: #d0011b!important
}

.wyNsJd {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

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

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/mobilemall-static/_/bundle.86ea0e021db051c0.css.map*/



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

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

.QMgiK8 {
    align-items: center;
    background: none;
    border: 0;
    color: #ee4d2d;
    display: flex;
    font-size: .75rem;
    padding: 0
}

.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,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
}

.infinite-scroll {
    width: 100%
}

.infinite-scroll__loading {
    color: #ee4d2d;
    font-weight: 500;
    padding-bottom: 2.5rem;
    padding-top: 1.25rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.theme--ofs .infinite-scroll__loading {
    color: #d0011b
}

.ZQGKXm {
    margin: 6.25rem auto 0
}

.L_GZbD {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/rcmd/fa763da1c5366ee30ecd.png);
    background-size: 100% 100%;
    height: 3.3125rem;
    margin: 0 auto 1.5rem;
    width: 4.3125rem
}

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx) {
    .L_GZbD {
        background-image:url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/rcmd/bd7b16a43eb64ce2fa55.png)
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 3),screen and (min-resolution:288dpi),screen and (min-resolution:3dppx) {
    .L_GZbD {
        background-image:url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/rcmd/d304f0cf75e88d38e61c.png)
    }
}

.EtLRA5 {
    color: rgba(0,0,0,.54);
    padding: 0 .625rem;
    text-align: center
}

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

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

.item-card-list__no-more {
    color: #ee4d2d;
    font-weight: 500;
    padding-bottom: 2.5rem;
    padding-top: 1.25rem;
    text-align: center;
    width: 100%
}

.theme--ofs .item-card-list__no-more {
    color: #d0011b
}

.zesqlz {
    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
}

.W59HdE {
    background: transparent
}

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

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

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

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

.GJQnqW {
    line-height: 0
}

.GJQnqW .stardust-popover__popover--open {
    overflow: visible
}

.GJQnqW .stardust-popover__target {
    height: 100%
}

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

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

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

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

.Zw3nOw {
    color: rgba(0,0,0,.87);
    line-height: 1.5rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: 100%
}

.QTYawW {
    left: .9375rem;
    position: absolute;
    top: .84375rem
}

.stardust-popover {
    position: relative
}

.stardust-popover:focus-visible {
    border-radius: 2px;
    outline: 2px solid #000
}

.stardust-popover__popover {
    position: absolute;
    will-change: transform;
    z-index: -1
}

.stardust-popover__popover--show {
    animation: popover-enter-animation .2s cubic-bezier(.4,0,.6,1);
    opacity: 1;
    z-index: 3
}

.stardust-popover__popover--border {
    border: 1px solid rgba(0,0,0,.09)
}

.stardust-popover__popover--hide {
    animation: popover-hide-animation .2s cubic-bezier(.4,0,.6,1)
}

.stardust-popover__arrow {
    position: absolute;
    will-change: transform;
    z-index: 3
}

.stardust-popover__arrow--inner {
    height: 0;
    left: -8px;
    position: absolute;
    width: 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)
    }
}

._vcBsZ {
    align-items: center;
    border: 1px solid #ee4d2d;
    border-radius: .75rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 1.5rem;
    justify-content: center;
    margin-left: .25rem;
    position: absolute;
    right: .9375rem;
    top: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem
}

._vcBsZ .stardust-icon {
    color: #ee4d2d;
    height: .5rem;
    width: .5rem
}

.NVoGJr {
    align-items: center;
    background: #fbfbfb;
    border-bottom: 1px solid rgba(0,0,0,.09);
    display: flex;
    height: 2.75rem;
    max-width: 37.5rem;
    padding: 0 .9375rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.z6a2Qp {
    flex: 1
}

.LMpbRI,.z6a2Qp {
    text-align: center
}

.LMpbRI {
    cursor: pointer;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.waOTnb.waOTnb {
    color: #000;
    font-family: -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;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap
}

.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.shopee-menu {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    position: relative
}

.shopee-menu__main {
    padding-top: .25rem;
    position: relative
}

.shopee-menu__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding-left: .875rem
}

.shopee-menu__item:last-child>.shopee-menu__item-label {
    border-bottom: 0
}

.shopee-menu__item-icon {
    color: rgba(0,0,0,.87)!important;
    height: 1.25rem!important;
    margin-right: .75rem;
    width: 1.25rem!important
}

.shopee-menu__item-label {
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    box-sizing: border-box;
    padding: .75rem .875rem .75rem 0
}

.shopee-menu__item-label:first-letter {
    text-transform: uppercase
}

.aqgxgH {
    background: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

._3sjFp {
    align-items: center;
    border-radius: .125rem;
    border-radius: var(--nr-normal,.125rem);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

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

._19rDu {
    margin-left: .25rem
}

.RICR1f {
    position: relative
}

.Ad_qYm {
    width: 1.5rem;
    fill: #ee4d2d
}

.wxdAC2 {
    background: #ee4d2d;
    border-radius: .625rem;
    color: #fff;
    font-size: .625rem;
    height: .875rem;
    left: 70%;
    line-height: .625rem;
    padding: .125rem .3125rem;
    position: absolute;
    text-align: center;
    top: -.3125rem
}

.theme--ofs .wxdAC2 {
    background-color: #d0011b
}

.stardust-input__element {
    background: #f6f6f6;
    border: 2px solid rgba(0,0,0,.09);
    border-radius: 4px;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding: 4px 8px;
    resize: none
}

.stardust-input__element:focus {
    border-color: #f9c5bb;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #f9c5bb;
    outline: 0
}

.stardust-input__element--invalid,.stardust-input__element--invalid:focus,.stardust-input__element:invalid {
    background-color: #fff1f1;
    border-color: #ff424f;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #ff424f;
    outline: 0
}

.stardust-input__element--disabled,.stardust-input__element:disabled {
    background-color: #ddd;
    cursor: not-allowed
}

.stardust-input__invalid-message {
    color: #ff424f;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300
}

.masked-dropdown {
    background: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    transition: opacity .2s cubic-bezier(.4,0,.2,1);
    width: 100%;
    z-index: 10
}

.masked-dropdown--collapsed {
    z-index: -1
}

.masked-dropdown__inner-wrapper {
    margin: 0 auto;
    max-width: 37.5rem;
    transition: transform .2s cubic-bezier(.4,0,.2,1)
}

.masked-dropdown-transition-enter {
    opacity: .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: .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%)
}

.bhZ_Gg {
    height: 20px
}

.YiTqKj,.bhZ_Gg {
    left: 4px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.YiTqKj {
    height: 18px;
    z-index: -1
}

.pP2prw::placeholder {
    color: var(--search-input-placeholder-color,#ee4d2d)!important
}

.search-bar {
    align-items: center;
    background: rgba(0,0,0,.05);
    border-radius: .125rem;
    display: flex;
    height: 2.25rem;
    padding: 0 .5rem
}

.search-bar--transparent {
    background: rgba(0,0,0,.26);
    border: 1px solid hsla(0,0%,100%,.26)!important
}

.search-bar--transparent .search-bar__input.stardust-input__element {
    background: transparent;
    color: #fff
}

.search-bar--transparent .search-bar__input.stardust-input__element::placeholder {
    color: hsla(0,0%,100%,.54)
}

.search-bar--transparent .search-bar__search-icon {
    stroke: #fff
}

.search-bar .stardust-input {
    flex: 1!important
}

.search-bar__form {
    position: relative;
    width: 100%;
    z-index: 0
}

.search-bar__input {
    line-height: 1.25rem
}

.search-bar__input.stardust-input__element {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    box-sizing: border-box!important;
    font-size: .875rem;
    height: 2.25rem;
    outline: none;
    overflow: hidden;
    padding: 0 0 0 .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.search-bar__input::placeholder {
    color: rgba(0,0,0,.54)
}

.search-bar__input--orange::placeholder {
    color: #ee4d2d
}

.search-bar__input--red::placeholder {
    color: #d0011b
}

.search-bar__search-icon {
    fill: transparent;
    stroke: rgba(0,0,0,.4);
    display: block;
    height: .875rem;
    width: .875rem
}

.search-bar__reset {
    cursor: pointer;
    height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1em
}

.search-bar__reset svg {
    display: block;
    height: 100%;
    width: 100%
}

.search-bar-drop-down {
    background: #fff;
    display: block
}

.search-bar-drop-down__item {
    border: solid rgba(0,0,0,.09)!important;
    border-width: 0 0 1px!important;
    cursor: pointer;
    padding: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-bar.search-bar--heb {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.87);
    border-radius: .25rem;
    padding: 0
}

.search-bar.search-bar--heb .search-bar__search-icon-wrapper {
    align-items: center;
    background-color: rgba(0,0,0,.87);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 2.25rem
}

.search-bar.search-bar--heb .search-bar__search-icon {
    height: 1.25rem;
    width: 1.25rem;
    stroke: #fff
}

.search-bar.search-bar--heb .search-bar__form {
    width: calc(100% - 36px)
}

.navbar-generic__cart {
    fill: #ee4d2d;
    -webkit-text-decoration: none;
    text-decoration: none
}

.navbar-generic__cart,.navbar-generic__menu {
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem
}

.navbar-generic__menu {
    height: 1.5rem;
    stroke: #ee4d2d
}

.navbar-generic__help-icon {
    stroke: none!important
}

.navbar-search {
    box-shadow: none;
    height: 3.5rem;
    padding: 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 {
    align-items: flex-end;
    cursor: pointer;
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar-search__filter {
    display: block;
    width: 1.5rem;
    stroke: #ee4d2d!important;
    fill: #ee4d2d!important
}

.navbar-search__filter-text {
    color: #ee4d2d;
    left: -.125rem;
    line-height: .75rem;
    position: relative
}

.navbar-search .bgG2ga {
    height: unset;
    width: 1.375rem
}

.nxPvS3 {
    fill: #fff!important
}

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

.cx8PiH {
    width: 100%
}

.cx8PiH .NT0Z70 {
    color: #ee4d2d;
    font-weight: 500;
    padding-bottom: 2.5rem;
    padding-top: 1.25rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.theme--ofs .cx8PiH .NT0Z70 {
    color: #d0011b
}

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

.tev1Ju {
    position: relative
}

.tev1Ju img {
    vertical-align: bottom
}

.dSmPi5 {
    visibility: hidden
}

.ynKNxV {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.cHbmnn {
    opacity: 0
}

.mfYXil {
    opacity: 1;
    transition: opacity .2s ease
}

.MpLwqW {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.QTLA6y .k6cruw {
    bottom: 0;
    right: 0
}

.QTLA6y .k6cruw,.k6cruw {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.k6cruw {
    height: 100%;
    width: 100%
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/mobilemall-rcmd/_/6181.002e4745afccce221b11.css.map*/
.Es_V3Q {
    background-color: #d0011b;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 12px;
    padding: 2px 3px;
    vertical-align: middle
}

.PxFrzE {
    margin-top: -2px;
    padding: 0
}

.PxFrzE>svg {
    display: block;
    fill: #fff;
    height: 15px;
    width: 30px
}

.mZwlsC {
    padding: 0
}

.mZwlsC>svg {
    display: block;
    fill: #fff
}

.xzDLS0 {
    margin-bottom: 1px
}

.xzDLS0>svg {
    display: block;
    fill: #fff;
    height: 11px;
    width: 24px
}

.Koi0Pw,.QbH_Bj {
    align-items: center;
    display: flex
}

.J5gxff {
    font-size: .875rem;
    line-height: 1.0625rem;
    margin-top: .5625rem
}

.XZkmQV {
    font-size: .8125rem
}

.Oa5HpE {
    color: #ee4d2d;
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Oa5HpE.xanmZA,.Oa5HpE:first-child {
    margin-left: 0
}

.dsQK6S {
    color: rgba(0,0,0,.26);
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.Nj1cBS {
    color: rgba(0,0,0,.54);
    margin-left: .25rem
}

.V8Y0qV {
    display: flex
}

.stardust-drawer__background {
    background: rgba(0,0,0,.4);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-drawer__background--active {
    display: block;
    z-index: 9000
}

.stardust-drawer__container {
    background: #fff;
    height: 100%;
    position: fixed;
    right: -80%;
    top: 0;
    transition: transform .5s cubic-bezier(.4,0,.6,1);
    width: 80%;
    z-index: 9001
}

.stardust-drawer__container--active {
    overflow-y: auto;
    transform: translateX(-100%)
}

.stardust-drawer__container--active.stardust-drawer__container--left {
    transform: translateX(100%)
}

.stardust-drawer__container--active.stardust-drawer__container--bottom {
    transform: translateY(-100%)
}

.stardust-drawer__container--active.stardust-drawer__container--top {
    transform: translateY(100%)
}

.stardust-drawer__container--left {
    left: -80%;
    right: auto
}

.stardust-drawer__container--bottom {
    bottom: -80%;
    height: 80%;
    right: 0;
    top: auto;
    width: 100%
}

.stardust-drawer__container--top {
    bottom: auto;
    height: 80%;
    right: 0;
    top: -80%;
    width: 100%
}

.stardust-no-scroll {
    overflow: hidden;
    touch-action: none
}

.aGq8SN {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    height: 32px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 32px
}

.aGq8SN[disabled],.hvy1rS {
    border-color: rgba(0,0,0,.09);
    color: #ccc
}

.aGq8SN[disabled] svg,.hvy1rS svg {
    fill: #ccc
}

.aGq8SN:focus-visible {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #000
}

.aGq8SN .shopee-svg-icon {
    flex-shrink: 0;
    font-size: 10px;
    height: 10px;
    width: 10px
}

.aGq8SN:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.aGq8SN:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

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

.jKOh4z {
    -webkit-appearance: none;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    box-sizing: border-box;
    cursor: text;
    font-size: 16px;
    font-weight: 400;
    height: 32px;
    text-align: center;
    width: 50px
}

.WbFwF6 {
    border-radius: .25rem .25rem 0 0;
    margin: 0 auto;
    max-width: 37.5rem
}

.WbFwF6.stardust-drawer__container.stardust-drawer__container,.WbFwF6.stardust-drawer__container.stardust-drawer__container--bottom {
    bottom: 0;
    height: unset;
    left: 0;
    transform: translateY(100%)
}

.WbFwF6.stardust-drawer__container.stardust-drawer__container--active {
    overflow-y: visible;
    transform: none
}

.LMesrx {
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.ChR_4K {
    display: flex;
    padding: .75rem .75rem 1rem
}

.Oxq_dr {
    border-radius: .375rem;
    height: 6.25rem;
    margin-right: .75rem;
    overflow: hidden;
    width: 6.25rem
}

.Oxq_dr>img {
    height: 100%;
    width: 100%
}

.E5TD0j {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
    position: relative
}

.Jw2qyY {
    margin-bottom: .375rem
}

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

.I57aXJ {
    color: #ee4d2d;
    position: absolute;
    right: 0;
    top: 0
}

.oXkLhE {
    display: flex;
    flex-direction: column;
    max-height: 45vh;
    padding: 1rem .75rem
}

.flKU8R {
    margin-bottom: .5625rem
}

.Q44SNV {
    flex: 1;
    max-height: 100%;
    overflow-y: auto
}

.xoUSt4 {
    background: #f5f5f5;
    border-radius: .1875rem;
    display: inline-block;
    font-size: .75rem;
    line-height: 1.75rem;
    margin: 0 .375rem .375rem 0;
    min-width: 4.5rem;
    padding: 0 .75rem;
    text-align: center
}

.EpAOf5 {
    background: #ee4d2d;
    color: #fff
}

.mLTl_Z {
    opacity: .4
}

.Mld6sa {
    align-items: center;
    display: flex;
    padding: 1rem .75rem
}

.Va5nH1 {
    flex: 1
}

.el6bxq svg {
    width: .625rem
}

.el6bxq button[disabled=""] svg {
    opacity: .3
}

.hIqek6 {
    flex: 1;
    padding: .5625rem .75rem
}

.FnIu2p.FnIu2p {
    border: 0;
    border-radius: .125rem;
    color: #fff;
    line-height: 1rem;
    padding: .5625rem;
    text-transform: uppercase;
    width: 100%
}

.FnIu2p.FnIu2p,.FnIu2p.FnIu2p:hover {
    background: #ee4d2d
}

.FnIu2p.gZ8MW1,.FnIu2p.gZ8MW1:hover {
    background: rgba(0,0,0,.26)
}

.ciJCZ_ {
    color: rgba(0,0,0,.5)
}

.QSLoEa {
    animation: T1GUbT 1s ease .2s infinite;
    background-color: #fafafa;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E"),linear-gradient(90deg,#fafafa,#f1f0f0 25%,#fafafa 50%);
    background-position: 50%,100% 0;
    background-repeat: no-repeat,no-repeat;
    background-size: 60px 60px,200% 100%;
    max-height: 100%;
    max-width: 100%
}

.uXN1L5 {
    vertical-align: bottom
}

.CZvMK3 {
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRThFOEU4IiBkPSJNODMuNSAxMTAuMDcxYzEwLjIxNyAwIDE4LjUtOC4yODMgMTguNS0xOC41cy04LjI4My0xOC41LTE4LjUtMTguNVM2NSA4MS4zNTQgNjUgOTEuNTcxczguMjgzIDE4LjUgMTguNSAxOC41Ii8+PHBhdGggc3Ryb2tlPSIjRThFOEU4IiBkPSJNMTAgNzcuMDcxYTQgNCAwIDEgMCAwLTggNCA0IDAgMCAwIDAgOFoiLz48cGF0aCBmaWxsPSIjRThFOEU4IiBkPSJNMTExLjQ2NCA0My41MzVhMSAxIDAgMCAwIDAgMS40MTVsMi4xMjIgMi4xMjEtMi4xMjIgMi4xMjFhMSAxIDAgMCAwIDEuNDE1IDEuNDE1TDExNSA0OC40ODVsMi4xMjEgMi4xMjJhMS4wMDEgMS4wMDEgMCAwIDAgMS40MTUtMS40MTVsLTIuMTIyLTIuMTIgMi4xMjItMi4xMjJhMS4wMDEgMS4wMDEgMCAwIDAtMS40MTUtMS40MTVMMTE1IDQ1LjY1N2wtMi4xMjEtMi4xMjFhMSAxIDAgMCAwLTEuNDE1IDBabS05MS45OTktMjVhMSAxIDAgMCAwIDAgMS40MTVsMi4xMiAyLjEyMS0yLjEyIDIuMTIxYTEgMSAwIDAgMCAxLjQxNCAxLjQxNUwyMyAyMy40ODVsMi4xMjEgMi4xMjJhMSAxIDAgMCAwIDEuNDE1LTEuNDE1bC0yLjEyMi0yLjEyIDIuMTIyLTIuMTIyYTEgMSAwIDAgMC0xLjQxNS0xLjQxNUwyMyAyMC42NTdsLTIuMTIxLTIuMTIyYTEgMSAwIDAgMC0xLjQxNSAwWiIvPjxwYXRoIGZpbGw9IiNCREJEQkQiIGQ9Ik01MSAzOS4wNzF2LTE4YTEgMSAwIDAgMSAxLTFoMzhhMyAzIDAgMCAxIDMgM3Y0NC41MDRhMjQgMjQgMCAwIDAtMi0xLjI5M1YyMy4wN2ExIDEgMCAwIDAtMS0xSDUzdjE3YTUgNSAwIDAgMS01IDVIMzB2NTZhMSAxIDAgMCAwIDEgMWgyOC41MDRxLjc1MSAxLjA0MyAxLjYwNyAySDMxYTMgMyAwIDAgMS0zLTN2LTU3YTEgMSAwIDAgMSAxLTFoMTlhMyAzIDAgMCAwIDMtM1oiLz48cGF0aCBzdHJva2U9IiNCREJEQkQiIGQ9Im01MiAyMS4wNzEtMjMgMjIiLz48cmVjdCB3aWR0aD0iNDIiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjU3LjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjY1LjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjczLjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cGF0aCBzdHJva2U9IiNCREJEQkQiIGQ9Ik05MS41MTEgMTAwLjQ5MWM3LjI3MS02Ljc4IDcuNjY5LTE4LjE3Ljg4OS0yNS40NHMtMTguMTctNy42NjgtMjUuNDQtLjg4OC03LjY2OSAxOC4xNy0uODg5IDI1LjQ0YzYuNzggNy4yNzEgMTguMTcgNy42NjggMjUuNDQuODg4WiIvPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIyIiB4PSI3MC41MTUiIHk9IjgwIiBmaWxsPSIjQkRCREJEIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDcwLjUxNSA4MCkiLz48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyMiIgeD0iODYuMDcxIiB5PSI3OC41ODYiIGZpbGw9IiNCREJEQkQiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4Ni4wNzEgNzguNTg2KSIvPjwvc3ZnPg==);
    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
    }
}

.EmJ6vt {
    border: 1px solid #ee4d2d;
    border-radius: .125rem;
    color: #ee4d2d;
    display: inline-block;
    font-size: .625rem;
    margin-right: .375rem;
    padding: 0 .125rem;
    vertical-align: middle
}

.xyuNXs {
    align-items: flex-start;
    display: flex;
    margin-top: .75rem;
    overflow-x: hidden;
    position: relative
}

.xyuNXs svg {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: currentColor;
    position: relative
}

.nlml5h {
    background: #fff;
    width: 100%;
    z-index: 1
}

.ag36qQ {
    height: 1px;
    position: absolute;
    top: -2.75rem;
    width: 1px
}

.Xp9WVu {
    margin-top: 0
}

.BnZp_P {
    flex: 0 0 auto;
    height: 1.125rem;
    margin: 2.0625rem .5rem 0 0;
    width: 1.125rem
}

.BnZp_P .stardust-checkbox__box:before {
    left: 1.5px;
    top: 1.5px
}

.BnZp_P .stardust-checkbox__box {
    background: #fff
}

.SnjunZ .stardust-checkbox__box {
    background: #ee4d2d
}

.AdC9jS {
    flex: 0 0 auto
}

.AdC9jS,._8icuOO {
    align-self: flex-start
}

._8icuOO {
    margin-top: 1.875rem
}

.vImOH9 {
    flex: 0 0 auto;
    height: 5rem;
    position: relative;
    width: 5rem
}

.vImOH9>img {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.x6u87j {
    align-self: stretch;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-left: .625rem;
    min-width: 0
}

.ohCfxQ {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: 13px;
    line-height: 16px
}

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

.i9Vy6W {
    color: rgba(0,0,0,.5);
    flex: unset;
    margin-bottom: .375rem
}

.j_9xGn .MOnH8Q {
    color: rgba(0,0,0,.54)
}

.N6g5mh {
    font-size: .8125rem;
    margin-top: .375rem;
    padding: .1875rem .375rem
}

.N6g5mh,.N6g5mh:hover {
    border: 1px solid #ee4d2d
}

.N6g5mh:hover {
    background: #fff
}

.HtX0Yz {
    display: flex;
    margin-top: .3125rem
}

._Sz2YP {
    background-color: #f2f2f2;
    display: flex;
    padding: .3125rem .5625rem .3125rem .375rem
}

.dbve7d {
    align-items: center;
    display: flex;
    display: -webkit-box;
    max-height: 38px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all
}

.NGhV4E,.dbve7d {
    color: rgba(0,0,0,.65);
    font-size: 12px;
    line-height: 14px
}

.NGhV4E {
    margin-top: .3125rem
}

.W2qQaq {
    color: #3b3f53;
    flex-basis: 12px;
    flex-shrink: 0;
    padding-left: .625rem
}

.R6itEb {
    flex: 1;
    margin-top: .75rem
}

.R6itEb button,.R6itEb input {
    background: #fff
}

.R6itEb button {
    display: block
}

.R6itEb input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.MQHWuT {
    margin-top: auto
}

.MQHWuT input {
    flex: 1
}

.DTdELv {
    display: flex
}

.QceU83 *,.oz79si button:last-child {
    color: rgba(0,0,0,.2)
}

.R6itEb button {
    padding: 0
}

.iUqvpt,.vImOH9.iUqvpt {
    opacity: .3
}

.dYhgJ7 {
    height: 1.5rem;
    margin-right: 1.625rem
}

.bJKEh6 {
    align-self: stretch;
    display: flex;
    flex-direction: column
}

.bJKEh6 .dIv4xi {
    align-self: flex-start;
    background: rgba(0,0,0,.4);
    border-radius: 18px;
    color: #fff;
    font-size: .625rem;
    line-height: 17px;
    margin-left: .5625rem;
    padding: 0 8px;
    text-transform: capitalize;
    white-space: nowrap
}

.bJKEh6 .XAPeZx {
    border: 1px solid #ee4d2d;
    border-radius: 2px;
    bottom: .8125rem;
    color: #ee4d2d;
    font-size: .875rem;
    line-height: 1rem;
    padding: .375rem .75rem;
    position: absolute;
    right: .75rem;
    text-align: center
}

.bJKEh6 .drWize {
    flex: 1
}

.fXCnmM,.kmaWlm {
    display: flex;
    flex: 1
}

.kmaWlm {
    flex-direction: column;
    overflow: hidden
}

.s4kuhj {
    align-items: flex-start;
    color: #000;
    display: flex;
    font-size: .8125rem;
    padding: .75rem 0
}

.s4kuhj svg {
    flex-shrink: 0;
    margin-left: .75rem
}

.kI6K1L {
    display: flex;
    min-height: 6.625rem;
    padding: .75rem;
    position: relative
}

.drWize {
    background: #ee4d2d
}

.drWize,.oSyx3r {
    align-items: center;
    border-bottom: 1px solid transparent;
    color: #fff;
    display: flex;
    justify-content: center;
    width: 80px
}

.oSyx3r {
    background: #f69113;
    text-align: center
}

.cGkkU5 {
    display: flex;
    height: 100%;
    position: absolute;
    right: 0
}

.iTSPj6 {
    color: #000;
    font-size: .8125rem
}

.GEey29 {
    align-self: flex-end;
    color: #ee4d2d
}

.OHI_JM {
    overflow: hidden;
    text-overflow: ellipsis
}

.MDmZeK {
    background: rgba(238,77,45,.05)
}

.Bp7U6s {
    padding: 0 .75rem .75rem
}

.Bp7U6s,.MxmYPG {
    background: rgba(238,77,45,.05);
    color: #ee4d2d
}

.MxmYPG {
    padding: .75rem .75rem 0
}

.wujeut {
    margin-right: -3rem;
    margin-top: .75rem
}

.nAZfSR {
    display: flex;
    margin: .25rem 0 .125rem;
    text-transform: capitalize
}

.OxIxvB {
    color: #ee4d2d;
    font-size: .75rem;
    line-height: .875rem;
    margin-right: .3125rem
}

.crgWMq {
    background-color: #ee4d2d;
    border-radius: 1px;
    color: #fff;
    font-size: .625rem;
    padding: .0625rem .3125rem
}

.JMeSAO,.mz2d8z {
    color: #ee4d2d;
    font-size: 12px;
    font-weight: 500;
    line-height: .875rem;
    margin-top: .25rem
}

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

.mz2d8z>p {
    display: inline
}

.tP1COk {
    color: #ee4d2d;
    font-size: 12px;
    font-weight: 500;
    line-height: .875rem;
    margin-top: .25rem
}

.tP1COk .EZBTKv {
    height: .875rem;
    margin-right: .3125rem;
    vertical-align: bottom;
    width: auto
}

.wztWJd {
    background-color: rgba(255,248,228,.4);
    border-radius: 4px
}

.RhgNmx {
    height: 1.125rem;
    margin-top: .625rem
}

.qb0TWZ {
    align-items: center;
    display: flex;
    margin: .125rem 0 0
}

.LbQLlE {
    border: 1px solid #ee4d2d;
    border-radius: .125rem;
    box-sizing: border-box;
    color: #ee4d2d;
    font-size: .625rem;
    font-weight: 400;
    line-height: .75rem;
    margin: 0 .375rem 0 0;
    overflow: hidden;
    padding: 0 .125rem;
    text-overflow: ellipsis
}

.LbQLlE,.YHL71j {
    white-space: nowrap
}

.YHL71j {
    border-color: #d0011b;
    color: #d0011b
}

.wl8LmN {
    overflow: visible
}

.hDmsyD {
    border-color: #26aa99;
    color: #26aa99
}

.stardust-checkbox {
    align-items: center;
    color: rgba(0,0,0,.54);
    cursor: default;
    display: flex;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    max-width: 400px;
    position: relative
}

.stardust-checkbox__input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.stardust-checkbox__box {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.stardust-checkbox__box:hover {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.09)
}

.stardust-checkbox__box:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 9px
}

.stardust-checkbox--disabled {
    cursor: no-drop;
    opacity: .35
}

.stardust-checkbox--disabled .stardust-checkbox__box {
    background: #e7e7e7!important;
    box-shadow: none!important
}

.stardust-checkbox--disabled .stardust-checkbox__box:before {
    border-color: transparent
}

.stardust-checkbox--checked>.stardust-checkbox__box {
    background: #ee4d2d;
    border-color: #ee4d2d
}

.stardust-checkbox--checked>.stardust-checkbox__box:hover {
    box-shadow: none
}

.stardust-checkbox--checked>.stardust-checkbox__box:before {
    border-color: #fff
}

.j8davN {
    color: #ee4d2d;
    font-size: 12px;
    line-height: 14px;
    margin-top: 6px
}

.E86455,.HqOMNV {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

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

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

.qUF_0G {
    z-index: 1
}

.i6E8rj {
    opacity: 0
}

.tSLdeW {
    transition: opacity .15s
}

.A77SOQ,.tSLdeW {
    opacity: 1
}

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

.bYIOC3 {
    transform: scale(.8)
}

.aZKWmU {
    transition: transform .2s
}

.aZKWmU,.jXbeCZ {
    transform: scale(1)
}

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

.kfKw8k {
    background: #fff;
    border-radius: 4px;
    max-width: 375px;
    text-align: center;
    width: calc(100vw - 68px)
}

.ZUaU86 {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    padding: .5rem 1.25rem .875rem
}

.YIdeTl {
    background: #fff;
    border: 0;
    border-radius: 4px;
    border-top: 1px solid rgba(0,0,0,.09);
    color: #ee4d2d;
    font-size: 1rem;
    height: 2.875rem;
    line-height: 2.875rem;
    width: 100%
}

.KR8EWw {
    padding-top: 1.125rem;
    position: relative
}

.NteeGT {
    background: #ee4d2d;
    border-radius: .3125rem;
    border-top: 0;
    color: #fff;
    font-size: .875rem;
    font-weight: 300;
    height: 2rem;
    line-height: 2rem;
    margin: 1.25rem;
    width: calc(100% - 40px)
}

.Rl1YNL {
    display: block;
    margin: .625rem auto 2.5rem
}

.vVvq3P {
    color: rgba(0,0,0,.45);
    cursor: pointer;
    height: .75rem;
    position: absolute;
    right: .9375rem;
    top: .9375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: .75rem
}

.gcFogR {
    color: rgba(0,0,0,.65);
    font-size: .8125rem;
    line-height: 1rem;
    text-align: center
}

.BS5DmU {
    background-color: #fff;
    border: solid rgba(0,0,0,.09)!important;
    border-radius: 12px 12px 0 0;
    border-width: 0 0 1px!important;
    height: 48px;
    justify-content: space-between;
    padding: 0 12px
}

.BS5DmU,.bRgSfQ {
    align-items: center;
    display: flex
}

.bRgSfQ {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
    position: relative;
    text-align: center
}

.p3LaHu {
    color: rgba(0,0,0,.4);
    margin-left: 4px
}

.p3LaHu svg {
    height: 12px;
    width: 12px
}

.aJ7BZN {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 3px;
    max-width: 185px;
    text-align: center
}

.tcFjE0 {
    border-bottom: 6px solid rgba(0,0,0,.65);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    width: 0
}

.YSKsAa {
    background-color: rgba(0,0,0,.65);
    border-radius: 4px;
    color: #fff;
    padding: 8px
}

._0vKF8 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: calc(12.5vh - 48px)
}

.r16qUx {
    height: 120px;
    width: 120px
}

.apEpbF {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    text-align: center
}

.YquTiu {
    border: solid rgba(0,0,0,.09)!important;
    border-width: 0 0 1px!important;
    display: flex;
    overflow: hidden;
    padding: 0 12px 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gqaV11 {
    border: .5px solid #f5f5f5;
    border-radius: 4px;
    height: 48px;
    margin-right: 8px;
    width: 48px
}

.ZR5cHN {
    font-size: 12px
}

.ZR5cHN,.lmGePa {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lmGePa {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.bH8TuN {
    align-items: center;
    display: flex;
    gap: 2px
}

.LXkzcJ {
    height: 10px;
    width: 10px
}

.qciZRE {
    font-size: 10px
}

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

.fGtblg {
    background-color: rgba(0,0,0,.09);
    height: 10px;
    width: 1px
}

.BvjYUu {
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.wsH7Nz {
    align-items: flex-end;
    display: flex;
    gap: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.g5vh3s {
    color: #ee4d2d
}

.theme--ofs .g5vh3s {
    color: #d0011b
}

.theme--s-mart .g5vh3s {
    color: #066bc8
}

.g5vh3s.vQ3ect {
    color: rgba(0,0,0,.26)
}

.IuB_OK {
    font-size: 12px
}

.ZMHk__ {
    font-size: 16px
}

.EabRWT {
    height: 16px;
    width: 16px
}

.EANAiC {
    color: rgba(0,0,0,.26);
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    -webkit-text-decoration-color: rgba(0,0,0,.26);
    text-decoration-color: rgba(0,0,0,.26)
}

.EANAiC,.MpNRRC {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MpNRRC {
    color: #595959
}

.Nrsica {
    gap: 4px
}

.Nrsica,.sNnmOU {
    align-items: center;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sNnmOU {
    gap: 8px
}

.EUaHD_ {
    height: 12px;
    width: 12px
}

.OfDx6C {
    color: #595959;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sk77_S {
    background-color: rgba(0,0,0,.09);
    height: 10px;
    width: 1px
}

.QG9_SM {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    gap: 2px
}

.OKchF5 {
    color: #999;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Mkcew4 {
    color: #999;
    height: 12px;
    width: 12px
}

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

.W_iERD {
    background-color: rgba(238,77,45,.102);
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    height: 30px;
    padding: 8px;
    width: 30px
}

.theme--s-mart .W_iERD {
    background-color: rgba(6,107,200,.102)
}

.W_iERD.Ttv898 {
    background-color: #f5f5f5
}

.acNKtn {
    background-color: #ee4d2d;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    line-height: 14px;
    padding: 8px
}

.theme--ofs .acNKtn {
    background-color: #d0011b
}

.theme--s-mart .acNKtn {
    background-color: #066bc8
}

.acNKtn.Ttv898 {
    background-color: rgba(0,0,0,.26)
}

.QfnnPk {
    align-items: center;
    display: flex;
    overflow: hidden;
    padding: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.QfnnPk:not(:last-child) {
    border: solid rgba(0,0,0,.09)!important;
    border-width: 0 0 1px!important
}

.Fp4pmj {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p85DFD {
    margin-left: auto;
    padding-left: 12px
}

.B0hJxB {
    max-height: calc(80vh - 122px);
    min-height: calc(50vh - 122px);
    overflow-y: auto
}

.P66Aj4 {
    background-color: #fff;
    padding: 12px 0
}

.BXTMIr {
    justify-self: center;
    margin-top: calc(25vh - 64px)
}

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

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

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

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

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

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

._1_DDs {
    background: rgba(0,0,0,.4);
    background: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2iekt {
    background: #fff;
    border-radius: .25rem .25rem 0 0;
    bottom: 0;
    box-shadow: 0 0 .375rem rgba(0,0,0,.06);
    box-shadow: var(--ne-depth6,0 0 .375rem rgba(0,0,0,.06));
    display: flex;
    flex-direction: column;
    max-height: 75%;
    position: absolute;
    width: 100%
}

.JOqiw3 {
    display: flex;
    margin-top: .75rem;
    overflow-x: hidden;
    position: relative
}

.JOqiw3:last-child {
    margin-bottom: 1.25rem
}

.PmDzTK {
    align-items: stretch;
    background: #fff;
    display: flex;
    z-index: 1
}

.PmDzTK,.odecWv {
    width: 100%
}

.RPQjvQ {
    align-items: flex-start;
    color: rgba(0,0,0,.87);
    display: flex;
    flex: 1;
    padding: .5rem .75rem .5rem 2.375rem
}

.pK7FUf {
    opacity: .54
}

.NR0XlU {
    flex: 0 0 auto;
    height: 1.875rem;
    position: relative;
    width: 1.875rem
}

.QkewKj {
    flex: 1;
    padding: 0 .5rem
}

.nBeBmw {
    vertical-align: middle
}

.XbGV9g {
    color: rgba(0,0,0,.65);
    font-size: 12px;
    line-height: 14px;
    margin-top: .3125rem
}

.CTnTXQ {
    background: rgba(0,0,0,.4);
    border-radius: 2px;
    color: #fff;
    font-size: .625rem;
    line-height: 17px;
    margin-left: .5625rem;
    padding: 0 .1875rem;
    text-transform: capitalize;
    white-space: nowrap
}

.xvZV39 {
    align-items: center;
    background: #ee4d2d;
    border-bottom: 1px solid transparent;
    color: #fff;
    display: flex;
    justify-content: center;
    width: 80px
}

.Ucg0wC {
    display: flex;
    height: 100%;
    right: 0
}

.Ucg0wC,.gBaEeP {
    position: absolute
}

.gBaEeP {
    height: 1px;
    top: -2.75rem;
    width: 1px
}

.X40uqV {
    background: rgba(238,77,45,.05);
    padding-bottom: .75rem
}

.JKRwAx {
    color: #ee4d2d;
    display: -webkit-box;
    font-size: .75rem;
    line-height: 1rem;
    overflow: hidden;
    padding: 0 .75rem 0 2.25rem;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.GdyBK0 {
    padding-bottom: 3px
}

.EZNZ28 {
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.EZNZ28:last-child {
    border-bottom: 0
}

.gBXbL2 {
    align-items: center;
    background-color: #fff8e4;
    display: flex;
    font-size: 12px;
    height: 40px;
    padding: 0 14px;
    position: relative
}

.y0wdvR {
    margin-right: 6px;
    padding: 1px 2px
}

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

.ooFg3o {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    font-size: 14px;
    text-transform: capitalize
}

.Z60QE7 {
    margin-left: 2px
}

.KBUMXw {
    bottom: -8px;
    position: absolute;
    z-index: 2
}

.b46ZZS {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 12px solid #fff8e4
}

.xMVs5V {
    margin: 0 auto;
    max-width: 37.5rem
}

.xMVs5V.stardust-drawer__container.stardust-drawer__container,.xMVs5V.stardust-drawer__container.stardust-drawer__container--bottom {
    bottom: 0;
    height: unset;
    left: 0;
    transform: translateY(100%)
}

.xMVs5V.stardust-drawer__container.stardust-drawer__container--active {
    overflow-y: visible;
    transform: none
}

.YyCTqh+.YyCTqh {
    margin-left: .5em
}

.YyCTqh {
    border: .5px solid #ee4d2d;
    border-radius: 1px;
    color: #ee4d2d;
    display: inline-block;
    font-size: .625rem;
    padding: .125rem .3125rem
}

.iiTn4P {
    margin-top: .9375rem
}

.kjcAIk {
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding: .75rem;
    text-align: center
}

.Z0j4N8 {
    display: flex;
    flex-direction: column
}

.EUGCRK {
    max-height: 65vh;
    overflow-y: auto
}

.c7NUR9 {
    align-items: stretch;
    background: rgba(0,0,0,.02);
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.c7NUR9,.n4RVbi {
    display: flex;
    flex-direction: row
}

.e62Axt,.yxzuSm {
    flex-direction: column;
    flex-shrink: 0;
    width: 0
}

.PnKosA {
    display: flex;
    flex-direction: row;
    gap: 4px
}

.ZRMWcA {
    margin-right: 4px;
    vertical-align: top!important
}

.K6NcJb {
    flex-shrink: 0
}

.yxzuSm {
    padding: .75rem
}

.e62Axt,.yxzuSm {
    flex-basis: 0;
    flex-grow: 1
}

.ud0OAQ {
    display: flex;
    flex-direction: column
}

.yxzuSm {
    flex: 1
}

.h0qHJL {
    flex: 1;
    padding: .5625rem .75rem
}

.h0qHJL .stardust-button.stardust-button {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    color: #fff;
    line-height: 1rem;
    padding: .5625rem;
    text-transform: uppercase;
    width: 100%
}

.h0qHJL .stardust-button.stardust-button:hover {
    background: #ee4d2d
}

.otWDfZ {
    align-items: center;
    border-top: 1px solid rgba(0,0,0,.09);
    display: flex;
    height: 48px
}

.sI5Pf7 {
    margin-left: 12px;
    margin-right: 9px
}

.bUP9wm {
    display: -webkit-box;
    font-weight: 300;
    margin-right: 12px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.F2CPlb {
    align-items: center;
    border-top: 1px solid rgba(0,0,0,.09);
    display: flex;
    height: 48px;
    position: relative
}

.Fh3pr9>svg {
    color: #ee4d2d;
    height: 20px;
    margin: 4px 5px 0 10px;
    width: 26px;
    fill: currentColor
}

.GuiCEu {
    align-items: center;
    display: flex;
    flex: 1;
    height: 32px;
    margin: 0 12px 0 0;
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

.dK7mbE {
    color: rgba(0,0,0,.54);
    display: flex;
    margin: 0 .3125rem;
    white-space: nowrap
}

.vf5kdw {
    vertical-align: middle
}

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

._8rMq3D,.nugk6v {
    display: -webkit-box;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._8rMq3D {
    color: #ee4d2d
}

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

.MU9xzK>.stardust-spinner {
    display: inline-block;
    margin: 0 0 0 .25rem;
    transform: scale(.3) translate3d(0,-.5rem,0);
    transform-origin: bottom left
}

.DPSwQs {
    color: rgba(0,0,0,.26)
}

.C9CoCn {
    flex: 1
}

.fcX6Xs {
    margin: 0 0 0 1.5rem
}

.fcX6Xs .button {
    border: 0;
    border-radius: .125rem;
    font-size: .75rem;
    line-height: 1rem;
    padding: .3125rem .5rem;
    z-index: 1
}

.fcX6Xs .btnDisabled,.fcX6Xs .loading {
    background-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.fcX6Xs .btnActive {
    border: 1px solid #ee4d2d;
    color: #ee4d2d
}

.dxxRQd {
    align-items: center;
    background-color: #ee4d2d;
    border-radius: 1px;
    color: #fff;
    display: flex;
    font-size: .625rem;
    margin-left: .3125rem;
    padding: .0625rem .3125rem;
    text-transform: capitalize
}

.UbgO6r {
    background-color: rgba(0,0,0,.26)
}

.stardust-toast {
    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
}

.stardust-toast--hidden {
    opacity: 0;
    pointer-events: none
}

.stardust-toast__container {
    align-items: center;
    background-color: rgba(0,0,0,.65);
    border-radius: 7px;
    color: #fff;
    cursor: default;
    display: flex;
    flex-direction: column;
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-around;
    padding: 15px;
    pointer-events: all;
    pointer-events: inherit;
    text-align: center
}

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

.stardust-toast__text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    word-wrap: break-word
}

.qOd1CW {
    height: var(--add-icon-animation-height,1.25rem);
    margin-left: .25rem;
    width: var(--add-icon-animation-width,1.25rem)
}

.DxeTjk {
    font-size: var(--add-icon-font-size,1.25rem);
    height: var(--add-animation-height,2rem);
    position: absolute;
    top: calc(50% - var(--add-animation-height, 2rem)/2);
    width: 100%;
    z-index: 2
}

.nAVnPS {
    display: flex;
    justify-content: space-between;
    position: relative
}

.nAVnPS.iM4gkK {
    height: 100%;
    z-index: 2
}

.nAVnPS .button {
    display: flex;
    flex-direction: column;
    height: 1.5rem;
    justify-content: center;
    margin: auto 0;
    text-align: center;
    text-transform: capitalize;
    width: 3.25rem;
    z-index: 2
}

.nAVnPS .button.btnDisabled,.nAVnPS .button.loading {
    background-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26);
    z-index: 2
}

.nAVnPS .button.btnActive {
    background: #ee4d2d;
    color: #fff;
    z-index: 2
}

.nAVnPS .button.afterClaim {
    background: #fff;
    border: 1px solid #ee4d2d;
    color: #ee4d2d;
    z-index: 2
}

.nAVnPS.laFalR .kOgYW1 {
    font-size: .625rem
}

.nAVnPS .rWgEYT {
    display: flex;
    padding: 0 .625rem
}

.nAVnPS .ymiSXX {
    animation: v4700j 1.3s linear infinite;
    height: 1rem;
    width: 1rem
}

@keyframes v4700j {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.HM8R3f {
    animation-duration: .9s;
    animation-name: KEALx0;
    animation-timing-function: ease-in-out
}

@keyframes KEALx0 {
    0% {
        top: calc(50% - var(--add-animation-height, 2rem)/2)
    }

    28% {
        top: var(--add-animation-to-top,.5rem)
    }

    72% {
        opacity: 1;
        top: var(--add-animation-to-top,.5rem)
    }

    to {
        opacity: 0;
        top: var(--add-animation-to-top,.5rem)
    }
}

.ONcQZ0 {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    font-weight: 700;
    justify-content: center
}

.HEIUqi {
    height: .875rem;
    line-height: .6875rem
}

._1zdBJ {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    background-color: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2Dkqc {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    margin-left: 2.5rem;
    margin-left: var(--ns-g,2.5rem);
    margin-right: 2.5rem;
    margin-right: var(--ns-g,2.5rem);
    max-height: 75%;
    max-width: 18.75rem;
    min-height: 8.125rem;
    min-width: 15rem;
    width: 100%
}

._2Dkqc,.d-Vo0 {
    overflow: hidden
}

.d-Vo0 {
    display: -webkit-box;
    margin-bottom: 1rem;
    margin-bottom: var(--ns-d,1rem);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2Xfwq {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    max-height: 15.625rem;
    min-height: 2.25rem;
    overflow-y: auto
}

._3pvMp {
    text-align: left
}

._1u0yb {
    text-align: center
}

._3Wssq {
    text-align: right
}

._2WWGU {
    padding: 1.25rem 1.25rem 1.5rem;
    padding: var(--ns-e,1.25rem) var(--ns-e,1.25rem) var(--ns-f,1.5rem) var(--ns-e,1.25rem);
    text-align: center
}

.Jl6On {
    display: flex;
    position: relative
}

.Jl6On:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    position: absolute;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    flex: 1;
    outline: none
}

.Jl6On._1ZxzA {
    flex-direction: row-reverse
}

.Jl6On._1ZxzA button {
    height: 2.96875rem
}

.Jl6On._1ZxzA button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1ZxzA button:first-child:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: scaleX(.5);
    width: .0625rem
}

.Jl6On._1ZxzA button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._24b2I button {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    height: 2.96875rem
}

.Jl6On._24b2I button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv {
    flex-direction: column;
    height: 5.9375rem
}

.Jl6On._3yCdv button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._3yCdv button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv button:nth-child(2):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On._1p6f1 {
    flex-direction: column;
    height: 8.96875rem
}

.Jl6On._1p6f1 button {
    position: relative
}

.Jl6On._1p6f1 button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1p6f1 button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._1p6f1 button:nth-child(2):after,.Jl6On._1p6f1 button:nth-child(3):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._1wbwU,._1wbwU ._2jlhf {
    width: 100%
}

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

.AXdCME {
    background: #fff
}

.AXdCME+.AXdCME {
    margin-top: .75rem
}

.OemWc9 {
    height: 1.125rem;
    margin-right: .625rem;
    width: 1.125rem
}

.OemWc9 .stardust-checkbox__box:before {
    left: 1.5px;
    top: 1.5px
}

.K_FmYW {
    border-bottom: 1px solid rgba(0,0,0,.09);
    justify-content: space-between;
    padding: .9375rem .75rem
}

.K_FmYW,.wm16E6 {
    align-items: center;
    display: flex
}

.p1DGL5,.wm16E6 {
    flex-grow: 0
}

.wm16E6 {
    flex: 1;
    overflow: hidden
}

.n3dCwh {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.WuXAmr {
    height: .75rem;
    margin-left: .4375rem;
    margin-right: .1875rem;
    margin-top: 1px;
    width: .375rem
}

.jnndE0 {
    align-items: center;
    color: inherit;
    display: flex;
    overflow: hidden
}

.jnndE0 svg {
    flex-shrink: 0
}

.ojHvKp,.v7J5CE {
    font-size: 14px;
    line-height: 16px
}

.v7J5CE+.ojHvKp {
    border-left: 1px solid rgba(0,0,0,.09);
    margin-left: .75rem;
    padding-left: .75rem
}

.ojHvKp {
    color: rgba(0,0,0,.54);
    padding-left: 1.25rem
}

.IKzbLB {
    background: rgba(0,0,0,.4);
    border-radius: 1.125rem;
    color: #fff;
    font-size: .75rem;
    margin-left: .375rem;
    padding: .1875rem .375rem;
    white-space: nowrap
}

.OGrowO {
    align-items: center;
    background: rgba(238,77,45,.05);
    color: #ff424f;
    display: flex;
    padding: .5625rem .75rem
}

.wXJ0C3 {
    border-radius: 24px;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.lPQwsP {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 12px 0
}

.lPQwsP .stardust-button {
    background: unset;
    border: 1px solid #ee4d2d;
    border-radius: 4px;
    color: #ee4d2d;
    height: 30px;
    line-height: 30px;
    padding: 0 22px
}

.KFoOeV {
    align-items: center;
    border-top: 1px solid rgba(0,0,0,.09);
    display: flex;
    height: 48px;
    justify-content: center
}

.WJq6io {
    color: rgba(0,0,0,.87);
    margin-left: 4px
}

.NM03rY {
    transform: rotate(180deg)
}

.ZlREdF {
    margin: 3.25rem 0 1.25rem
}

._1SNiy {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 17.5rem;
    padding: 1.25rem;
    text-align: center
}

._3-udG {
    height: 7.5rem;
    width: 7.5rem
}

._3NFns {
    height: 4.25rem;
    width: 4.25rem
}

._1UfFg {
    margin-top: 1rem;
    margin-top: var(--ns-d,1rem);
    width: 100%
}

._2Tym7 {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    margin: 0 0 .5rem;
    margin: 0 0 var(--ns-b,.5rem) 0;
    -webkit-line-clamp: 2
}

.WQyuP,._2Tym7 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.WQyuP {
    color: rgba(0,0,0,.54);
    color: var(--nc-text-tertiary,rgba(0,0,0,.54));
    margin: 0;
    -webkit-line-clamp: 3
}

.DQJcZ {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-top: var(--ns-d,1rem);
    max-width: 17.5rem;
    min-width: 7.5rem
}

.aEf9D {
    height: .5rem;
    height: var(--ns-b,.5rem)
}

._1LFM9 {
    height: .75rem;
    height: var(--ns-c,.75rem)
}

._3sjFp {
    align-items: center;
    border-radius: .125rem;
    border-radius: var(--nr-normal,.125rem);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

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

._19rDu {
    margin-left: .25rem
}

.ICNy1g {
    align-items: center;
    background: #fef6ee;
    display: flex;
    margin-bottom: 12px;
    min-height: 40px;
    padding: 10px 12px
}

.RQY31Z {
    flex: 1;
    padding-left: 8px
}

.qGrAOx {
    display: block
}

.yKjUCX {
    bottom: 10rem;
    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
}

.Q3No02.hMihhk {
    flex: 1;
    font-size: .625rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden;
    width: 0
}

.Q3No02 {
    align-items: center;
    border-style: solid;
    border-width: .0625rem 0;
    box-sizing: border-box;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    font-size: .75rem;
    height: 1.1875rem;
    justify-content: center;
    margin-left: .5rem;
    padding: 0 .3125rem;
    position: relative;
    white-space: nowrap
}

.chqYnT {
    color: #9b9b9b
}

.Q3No02 span {
    overflow: hidden;
    text-overflow: ellipsis
}

.cSdsVH {
    border-radius: .125rem;
    height: 1rem
}

.Dh8899,.UCZng4 {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0
}

.Dh8899 svg,.UCZng4 svg {
    height: 35px;
    width: 5px;
    fill: #ee4d2d
}

.Dh8899 {
    left: 0
}

.UCZng4 {
    right: 0;
    transform: rotate(180deg)
}

.UCZng4 svg {
    float: right
}

.cpXFZ3 svg {
    height: unset;
    width: unset;
    fill: unset
}

.eCwnDO {
    height: .75rem;
    margin-left: -.1875rem;
    margin-right: .1875rem
}

.I5bsxm {
    color: #ee4d2d
}

.YX3MZd {
    color: #757575;
    font-size: .875rem
}

.Vo7Vku {
    flex: 1
}

.aQwEil .stardust-input {
    flex: 1 1 auto;
    margin-left: .5rem
}

.aQwEil .stardust-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.RdZ2Dg {
    white-space: nowrap
}

.ffnnRJ {
    align-items: center;
    background: #fff;
    bottom: calc(env(safe-area-inset-bottom, 0) + 51px);
    display: flex;
    left: 0;
    margin: 0 auto;
    max-width: 37.5rem;
    padding: .5rem .75rem;
    position: fixed;
    right: 0;
    z-index: 10
}

._dUjZ8 {
    height: 1.125rem;
    width: 1.125rem;
    stroke: none!important;
    fill: none!important;
    overflow: visible!important
}

.ffnnRJ {
    border-top: 1px solid rgba(0,0,0,.09);
    justify-content: space-between
}

.W_wqkD,.nPRiCE {
    align-items: center;
    display: flex
}

.nPRiCE {
    flex: 1
}

.nwgwcV {
    flex-shrink: 0
}

.WHW8T0 {
    margin-left: .5rem
}

.WHW8T0,.fd1gjN {
    font-size: .875rem;
    line-height: 1rem
}

.fd1gjN {
    color: rgba(0,0,0,.26);
    flex-shrink: 0;
    margin-right: .3125rem
}

.OD3K3d {
    color: #ee4d2d
}

.vDUsXS {
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.09);
    bottom: 0;
    justify-content: space-between;
    left: 0;
    margin: 0 auto;
    max-width: 37.5rem;
    padding: .5rem .75rem calc(env(safe-area-inset-bottom, 0) + 8px);
    position: fixed;
    right: 0;
    z-index: 10
}

.PSKhlb,.j3T5yp,.vDUsXS {
    align-items: center;
    display: flex
}

.PSKhlb,.j3T5yp {
    flex: 0 0 auto;
    max-width: 25%
}

.PSKhlb {
    flex-shrink: 1
}

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

.cMW40s {
    flex: 0 0 auto;
    height: 1.125rem;
    width: 1.125rem
}

.cMW40s .stardust-checkbox__box:before {
    left: 1.5px;
    top: 1.5px
}

.iSGX9h {
    margin-left: auto;
    margin-right: .75rem;
    max-width: 50%;
    text-align: right
}

.fojrlG {
    font-size: 12px;
    line-height: 14px;
    margin-left: .5rem
}

.fojrlG,.zzyHtv {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.zzyHtv {
    font-size: 14px;
    line-height: 16px
}

._kk9Ex {
    color: #ee4d2d;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.ctXdBH {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    line-height: 14px;
    margin: 3px 0 0 auto;
    text-align: right
}

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

.w0XSqF {
    margin-right: 4px
}

.kumODl {
    color: #ee4d2d
}

.QC4dfx {
    color: #f2994a;
    margin-left: 4px
}

.gydkb0 {
    display: flex;
    margin-left: 6px
}

.P3Tax5 {
    color: rgba(0,0,0,.54);
    height: 1em;
    padding-left: .5em;
    vertical-align: bottom;
    width: 1em
}

.rYflPI .stardust-popup-button {
    font-size: .8125rem
}

.glmFU_ {
    z-index: 11000
}

.HENBZ1 {
    transform: translateY(200%)
}

.TNQZ2Z,.Vp7ggc {
    transform: translateY(0)
}

.TNQZ2Z {
    transition: transform .3s
}

.RK4VSV {
    transform: translateY(0)
}

.YVzAqQ {
    transition: transform .3s
}

.EZcjfs,.YVzAqQ {
    transform: translateY(200%)
}

.wSo4Sg {
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.AHoWqQ {
    align-items: center;
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.09);
    bottom: calc(env(safe-area-inset-bottom, 0) + 95px);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.09);
    display: flex;
    justify-content: space-between;
    left: 0;
    margin: 0 auto;
    max-width: 37.5rem;
    overflow: hidden;
    padding: .875rem .75rem;
    position: fixed;
    right: 0;
    z-index: 10
}

.x5MTFu {
    height: 1.125rem;
    margin-top: .0625rem;
    width: 1.125rem
}

.x5MTFu>svg {
    height: 1.25rem;
    margin-left: -.125rem;
    width: 1.625rem;
    stroke: none!important;
    fill: currentColor;
    color: #ee4d2d
}

.fr0eCs {
    flex: 1;
    margin: 0 0 0 .5rem;
    min-width: 0
}

.IkIEz2 {
    align-items: center;
    display: flex;
    flex: 1
}

.IVWtKQ {
    flex-shrink: 0;
    vertical-align: middle
}

.ArCIVP,.LHzjIn,.qRGN28 {
    align-items: center;
    display: flex;
    flex: 1
}

.LHzjIn {
    min-width: 0;
    padding: 0 0 0 .75rem
}

.qRGN28 {
    color: rgba(0,0,0,.54);
    flex: 0;
    flex-basis: 1.5rem;
    margin: 0 0 0 .625rem
}

.wSo4Sg {
    min-width: 0
}

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

.KE04x2 {
    border-bottom: 1px solid rgba(0,0,0,.09);
    color: #f25a57;
    font-size: .75rem;
    padding: .875rem .75rem
}

.GblOTd {
    bottom: calc(env(safe-area-inset-bottom, 0) + 51px)
}

.tcU4hB {
    color: #ee4d2d;
    font-size: 12px
}

.stardust-popup {
    align-items: center;
    display: flex
}

.stardust-popup,.stardust-popup__overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-popup__overlay {
    background: rgba(0,0,0,.4)
}

.stardust-popup__dialog {
    background: #fff;
    border-radius: 4px;
    margin: auto 34px
}

.stardust-popup__dialog--wrapper {
    margin: 0 auto;
    max-width: 375px;
    width: 100%;
    z-index: 2
}

.stardust-popup__dialog--wrapper-top {
    padding: 20px 20px 0
}

.stardust-popup-title {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    text-align: center
}

.stardust-popup-content,.stardust-popup-title {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-popup-content {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    text-align: left
}

.stardust-popup-buttons {
    align-content: space-between;
    display: flex;
    margin-top: 26px
}

.stardust-popup-button {
    border-top: 1px solid rgba(0,0,0,.09);
    color: #ee4d2d;
    cursor: pointer;
    flex: 1 100%;
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.stardust-popup-button:nth-child(2) {
    border-left: 1px solid rgba(0,0,0,.09)
}

.sB7VXl {
    font-size: 1rem;
    line-height: 1.125rem;
    max-width: 10.5rem;
    overflow: hidden;
    padding: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vEoS02 {
    margin-right: .625rem
}

svg.IS8t3O {
    height: 2.25rem;
    width: 2.25rem
}

.kpgTFN .stardust-popup-button--secondary {
    color: rgba(0,0,0,.54)
}

.h_XDMo.h_XDMo {
    bottom: 52px;
    height: auto;
    z-index: 600
}

.e4qzCp {
    border-radius: 4px 4px 0 0;
    margin: 0 auto;
    max-width: 37.5rem
}

.e4qzCp.stardust-drawer__container.stardust-drawer__container {
    z-index: 601
}

.e4qzCp.stardust-drawer__container.stardust-drawer__container,.e4qzCp.stardust-drawer__container.stardust-drawer__container--bottom {
    bottom: 52px;
    height: unset;
    left: 0;
    transform: translateY(100%)
}

.e4qzCp.stardust-drawer__container.stardust-drawer__container--active {
    overflow-y: visible;
    transform: none
}

.bAJQ_F {
    align-items: center;
    border-bottom: .5px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 16px 0
}

.yD8wL6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px
}

.TLXeAF {
    position: absolute;
    right: 12px
}

.Cr7X4y {
    padding: 0 12px
}

.KMXVtW {
    box-sizing: border-box;
    padding: 16px 0
}

.KMXVtW:not(:last-child) {
    border-bottom: .5px solid rgba(0,0,0,.09)
}

.YLZrGS {
    padding-bottom: 14px
}

.HshOYZ {
    display: flex;
    font-size: 14px;
    line-height: 17px
}

.HshOYZ:not(:last-child) {
    margin-bottom: 8px
}

.m1KwHv {
    flex: 1
}

.FsYTZA {
    flex-shrink: 0
}

.YVDbkK,.mJ5noV {
    font-weight: 500
}

.YVDbkK {
    color: #ee4c2c
}

._0wWY57 {
    font-weight: 500
}

.dMVUJx {
    color: #f2994a
}

.oypQBq {
    font-size: 12px;
    line-height: 14px;
    padding-top: 2px;
    text-align: right
}

.ooOxwS,.oypQBq {
    color: rgba(0,0,0,.54)
}

.ooOxwS {
    padding-left: 6px
}

.hAi4R6 .stardust-input {
    flex: 1 1 auto;
    margin-left: .5rem
}

.hAi4R6 .stardust-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.SpI6Nr {
    white-space: nowrap
}

.DuKsfO {
    align-items: center;
    background: #fff;
    bottom: calc(env(safe-area-inset-bottom, 0) + 51px);
    display: flex;
    left: 0;
    margin: 0 auto;
    max-width: 37.5rem;
    padding: .5rem .75rem;
    position: fixed;
    right: 0;
    z-index: 10
}

.Yy_2q3 {
    height: 1.125rem;
    width: 1.125rem;
    stroke: none!important;
    fill: none!important;
    overflow: visible!important
}

.DuKsfO {
    border-top: 1px solid rgba(0,0,0,.09);
    justify-content: space-between
}

.J_FBAI,.iXRkuk {
    align-items: center;
    display: flex
}

.iXRkuk {
    flex: 1
}

.K0bGmz {
    flex-shrink: 0
}

.GyD1QR {
    margin-left: .5rem
}

.GyD1QR,.VA3Kej {
    font-size: .875rem;
    line-height: 1rem
}

.VA3Kej {
    color: rgba(0,0,0,.26);
    flex-shrink: 0;
    margin-right: .3125rem
}

.G_wtdx {
    color: #ee4d2d
}

.SwSdsH {
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.09);
    bottom: 0;
    justify-content: space-between;
    left: 0;
    margin: 0 auto;
    max-width: 37.5rem;
    padding: .5rem .75rem calc(env(safe-area-inset-bottom, 0) + 8px);
    position: fixed;
    right: 0;
    z-index: 10
}

.KXanLU,.SwSdsH,.WpiXmr {
    align-items: center;
    display: flex
}

.KXanLU,.WpiXmr {
    flex: 0 0 auto;
    max-width: 25%
}

.KXanLU {
    flex-shrink: 1
}

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

.uIPTzZ {
    flex: 0 0 auto;
    height: 1.125rem;
    width: 1.125rem
}

.uIPTzZ .stardust-checkbox__box:before {
    left: 1.5px;
    top: 1.5px
}

.omlvSC {
    margin-left: auto;
    margin-right: .75rem;
    max-width: 50%;
    text-align: right
}

.mKMwGY {
    font-size: 12px;
    line-height: 14px;
    margin-left: .5rem
}

.hJPM4m,.mKMwGY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hJPM4m {
    font-size: 14px;
    line-height: 16px
}

.gadnO5 {
    color: #ee4d2d;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.aey75i {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    line-height: 14px;
    margin: 3px 0 0 auto;
    text-align: right
}

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

.O07vLP {
    margin-right: 4px
}

.GVGDyp {
    color: #ee4d2d
}

.oNUAE7 {
    color: #f2994a;
    margin-left: 4px
}

.qLZKi7 {
    display: flex;
    margin-left: 6px
}

.TFh5Qf {
    color: rgba(0,0,0,.54);
    height: 1em;
    padding-left: .5em;
    vertical-align: bottom;
    width: 1em
}

.H7riOD .stardust-popup-button {
    font-size: .8125rem
}

.JrJabv {
    z-index: 11000
}

.xe7y4r {
    transform: translateY(200%)
}

.JIjLBl,.XFURXB {
    transform: translateY(0)
}

.JIjLBl {
    transition: transform .3s
}

.JvEeex {
    transform: translateY(0)
}

.VLp88O {
    transition: transform .3s
}

.VLp88O,.fvwuM4 {
    transform: translateY(200%)
}

._3jPok {
    display: inline-block;
    flex: 0 0 auto;
    margin-left: .75rem;
    position: relative
}

._3pPCj {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0,0,0,.09);
    border-radius: .875rem;
    box-sizing: border-box;
    display: block;
    height: 1.75rem;
    margin: 0;
    outline: 0;
    transition: background-color .2s,border .2s;
    width: 3rem
}

._3pPCj:checked {
    background-color: #30b566;
    background-color: var(--nc-success,#30b566);
    border-color: transparent
}

._3pPCj:checked~._2IQS1 {
    transform: translateX(20px)
}

._3pPCj:disabled {
    opacity: .5
}

._2IQS1 {
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 .125rem .1875rem rgba(0,0,0,.2);
    box-sizing: border-box;
    display: block;
    height: 1.5rem;
    left: .125rem;
    pointer-events: none;
    position: absolute;
    top: .125rem;
    transition: transform .2s;
    width: 1.5rem
}

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

._1adxB {
    flex: 1;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.R7PJuf .stardust-popup-button {
    text-transform: capitalize
}

.R7PJuf .stardust-popup-button--secondary {
    color: rgba(0,0,0,.54)
}

.zGa9RI.zGa9RI .stardust-toast__text {
    display: block;
    word-break: break-word
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/mobilemall-cart/_/CartMainContent.d35b1e64f4c854eeb027.css.map*/


.iframe-modal-provider>.stardust-drawer .stardust-drawer__container {
    background-color: #d8d8d8;
    z-index: 9010
}

.iframe-modal-provider>.stardust-drawer .stardust-drawer__container--bottom {
    bottom: -100%;
    height: 100%
}

.iframe-modal-provider>.stardust-drawer .stardust-drawer__container--active {
    overflow-y: initial
}

.iframe-modal-provider__backdrop {
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9009
}

.iframe-modal-provider__iframe {
    border: 0;
    height: 100%;
    outline: none;
    width: 100%
}

.iframe-modal-provider__iframe-container {
    background-color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9010;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    transition: transform .5s ease
}

.iframe-modal-provider__iframe-container--hide {
    transform: translateY(100%)
}

@keyframes XV8sCz {
    0% {
        background-color: #fff
    }

    50% {
        background-color: #fff4f4
    }

    to {
        background-color: #fff
    }
}

.VtCNEQ {
    animation: XV8sCz 3s ease
}

@keyframes UFqEbR {
    0% {
        background-color: #fafdff
    }

    50% {
        background-color: #fff4f4
    }

    to {
        background-color: #fafdff
    }
}

.OtZKTK {
    animation: UFqEbR 3s ease
}

@keyframes pLGJqe {
    0% {
        background-color: #f7fffe;
        border-color: #b4e5de
    }

    50% {
        background-color: #fff4f4;
        border-color: rgba(238,44,74,.6)
    }

    to {
        background-color: #f7fffe;
        border-color: #b4e5de
    }
}

.H2ZYZr {
    animation: pLGJqe 3s ease
}

@keyframes kBjNJo {
    0% {
        background-color: #fff
    }

    50% {
        background-color: #fff4f4
    }

    to {
        background-color: #fff
    }
}

.e0CNo3 {
    animation: kBjNJo 3s ease
}

@keyframes RCs6ic {
    0% {
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.09)
    }

    50% {
        background-color: #fff4f4;
        border: 1px solid rgba(238,44,74,.6)
    }

    to {
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.09)
    }
}

.IAx6Ok {
    animation: RCs6ic 3s ease
}

.XdFqEy {
    animation: kBjNJo 3s ease;
    border: 1px solid #ee2c4a;
    border-radius: 2px
}

.XdFqEy input::placeholder {
    color: #ee2c4a
}

.xqE_uF {
    animation: RCs6ic 3s ease
}

@keyframes YWoMlr {
    0% {
        background-color: #fff;
        border-bottom: 1px solid rgba(0,0,0,.09);
        border-top: 1px solid rgba(0,0,0,.09)
    }

    50% {
        background-color: #fff4f4;
        border-bottom: 1px solid rgba(238,44,74,.6);
        border-top: 1px solid rgba(238,44,74,.6)
    }

    to {
        background-color: #fff;
        border-bottom: 1px solid rgba(0,0,0,.09);
        border-top: 1px solid rgba(0,0,0,.09)
    }
}

.Gikkpc {
    animation: YWoMlr 3s ease
}

@keyframes HOkOTa {
    0% {
        background-color: #f7fffe;
        border-color: #b4e5de
    }

    50% {
        background-color: #fff4f4;
        border-color: rgba(238,44,74,.6)
    }

    to {
        background-color: #f7fffe;
        border-color: #b4e5de
    }
}

.IrLJEd {
    animation: HOkOTa 3s ease
}

@keyframes TvTHFg {
    0% {
        background-color: #fff
    }

    50% {
        background-color: #fff4f4
    }

    to {
        background-color: #fff
    }
}

.C71ZAI {
    animation: TvTHFg 3s ease
}

@keyframes LPV7n7 {
    0% {
        background-color: #fafdff
    }

    50% {
        background-color: #fff4f4
    }

    to {
        background-color: #fafdff
    }
}

.lAICal {
    animation: LPV7n7 3s ease
}

@keyframes HARalE {
    0% {
        background-color: #f7fffe;
        border-color: #b4e5de
    }

    50% {
        background-color: #fff4f4;
        border-color: rgba(238,44,74,.6)
    }

    to {
        background-color: #f7fffe;
        border-color: #b4e5de
    }
}

.YSsLMA {
    animation: HARalE 3s ease
}

@keyframes REXBV8 {
    0% {
        background-color: #fafdff
    }

    50% {
        background-color: #fff4f4
    }

    to {
        background-color: #fafdff
    }
}

.QzIL4L {
    animation: REXBV8 3s ease
}

@keyframes mG7GGB {
    0% {
        background-color: #fafdff
    }

    50% {
        background-color: #fff4f4
    }

    to {
        background-color: #fafdff
    }
}

.YSa5YR {
    animation: mG7GGB 3s ease
}

.o5q1On {
    align-items: center;
    background: #fff;
    border-top: .5px solid rgba(0,0,0,.06);
    color: rgba(0,0,0,.87);
    display: flex;
    height: 48px;
    padding: 0 12px
}

.QNUzVL {
    border-top: 0;
    padding-bottom: 16px
}

.QNUzVL.vKMIqy {
    height: unset
}

.vKMIqy {
    height: 72px
}

.hl9PhG {
    flex: 1
}

.LhsDIa {
    margin-right: 2px
}

.rMbXJu {
    color: #ee4d2d
}

.Qz9AkZ {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-right: 6px
}

.KPMAbj {
    color: #bdbdbd
}

.OgDl0h {
    margin-top: 6px
}

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

.YJ2yAH,.cDB62g {
    align-items: center;
    display: flex
}

.YJ2yAH {
    background-color: #fff;
    padding: 10px 12px
}

.oyyfl1 {
    flex-shrink: 0;
    height: 14.1px;
    width: 15px
}

.eSAZxO {
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.Es_V3Q {
    background-color: #d0011b;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 12px;
    padding: 2px 3px;
    vertical-align: middle
}

.PxFrzE {
    margin-top: -2px;
    padding: 0
}

.PxFrzE>svg {
    display: block;
    fill: #fff;
    height: 15px;
    width: 30px
}

.mZwlsC {
    padding: 0
}

.mZwlsC>svg {
    display: block;
    fill: #fff
}

.xzDLS0 {
    margin-bottom: 1px
}

.xzDLS0>svg {
    display: block;
    fill: #fff;
    height: 11px;
    width: 24px
}

.Koi0Pw,.QbH_Bj {
    align-items: center;
    display: flex
}

.Czd_xT {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 28px;
    overflow-y: auto;
    padding: 20px 12px
}

.Czd_xT~div:last-child button {
    border-radius: 6px
}

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

.N6HGtz {
    color: rgba(0,0,0,.87);
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.wa9KQc {
    align-items: center;
    display: flex;
    gap: 2px
}

.wFjM4n {
    line-height: 14px
}

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

.vtLovd {
    line-height: 14px;
    margin-top: 8px
}

.ABpPjE {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 12px
}

.Npozzq {
    align-items: center;
    border-radius: 4px;
    display: flex;
    font-size: 12px;
    gap: 4px;
    height: 46px;
    justify-content: space-between;
    line-height: 14px;
    padding: 16px 8px;
    width: calc(50vw - 18px)
}

.hVHiiP {
    border: 1px solid #ee4d2d;
    color: #ee4d2d
}

.VgfHQo {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.87)
}

.WyKzP7 {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.06);
    color: rgba(0,0,0,.65);
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px;
    padding: 8px 8px 0
}

.WyKzP7 a {
    color: #4080ee
}

.m3jnLp {
    background: none;
    border: 0;
    color: #2673dd;
    margin: 0;
    padding: 0;
    text-align: inherit
}

div:first-child:has(>.xUU2Vp) {
    border-radius: 12px 12px 0 0
}

.xUU2Vp {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-y: scroll
}

.xUU2Vp>div:first-child {
    flex: 1
}

.xUU2Vp+div:last-child {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.06)
}

.xUU2Vp+div:last-child>button {
    border-radius: 6px
}

.xV29Xw {
    color: #595959;
    display: flex;
    margin: 0 20px 12px
}

.Itrfkf {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 12px;
    gap: 4px;
    line-height: 14px
}

.W5FNSN>a {
    color: #2673dd;
    margin: 0;
    padding: 0
}

.W5FNSN span:after,.W5FNSN>span:before {
    content: " "
}

.N0Dnar {
    color: #2673dd
}

.utWT4g {
    color: #595959;
    padding: 24px
}

.E_SdVI {
    background: #fafafa;
    border-radius: 6px;
    margin: 0 12px 12px;
    padding: 12px
}

.YwrqIV {
    display: flex;
    gap: 4px;
    margin-bottom: 12px
}

.O9fsab {
    color: rgba(0,0,0,.87);
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

.dUhgEx {
    margin-left: 4px;
    margin-top: -4px
}

.dL21cZ {
    color: #ee4d2d;
    display: flex;
    font-size: 12px;
    line-height: 14px
}

.qHUbBS {
    flex-direction: column;
    gap: 16px
}

.X7SyAb,.qHUbBS {
    display: flex
}

.T7fzkw input {
    border-radius: 4px;
    height: 18px;
    width: 18px
}

.hAqy0U {
    flex: 1
}

.PEtfZw {
    display: flex;
    gap: 4px
}

.gPNUsu {
    color: #212121;
    flex: 1;
    font-size: 12px;
    line-height: 14px
}

.L0Bob2 {
    font-weight: 500
}

.QrLO8W {
    margin-left: 4px;
    margin-top: -4px
}

.IcnDAx {
    background-color: #ee4d2d;
    border: 1px solid #fff;
    border-radius: 8px 8px 8px 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    padding: 1px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.m5zotB {
    color: #212121;
    font-size: 12px;
    line-height: 14px;
    text-align: right
}

.mpV2fr {
    color: rgba(0,0,0,.26);
    margin-right: 2px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.PiSkQo {
    margin-top: 4px
}

.Nv5SFo {
    color: rgba(0,0,0,.54);
    font-size: 10px;
    line-height: 12px
}

.J7hurw {
    color: #08f;
    margin: 0 0 0 4px
}

.QSLoEa {
    animation: T1GUbT 1s ease .2s infinite;
    background-color: #fafafa;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E"),linear-gradient(90deg,#fafafa,#f1f0f0 25%,#fafafa 50%);
    background-position: 50%,100% 0;
    background-repeat: no-repeat,no-repeat;
    background-size: 60px 60px,200% 100%;
    max-height: 100%;
    max-width: 100%
}

.uXN1L5 {
    vertical-align: bottom
}

.CZvMK3 {
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRThFOEU4IiBkPSJNODMuNSAxMTAuMDcxYzEwLjIxNyAwIDE4LjUtOC4yODMgMTguNS0xOC41cy04LjI4My0xOC41LTE4LjUtMTguNVM2NSA4MS4zNTQgNjUgOTEuNTcxczguMjgzIDE4LjUgMTguNSAxOC41Ii8+PHBhdGggc3Ryb2tlPSIjRThFOEU4IiBkPSJNMTAgNzcuMDcxYTQgNCAwIDEgMCAwLTggNCA0IDAgMCAwIDAgOFoiLz48cGF0aCBmaWxsPSIjRThFOEU4IiBkPSJNMTExLjQ2NCA0My41MzVhMSAxIDAgMCAwIDAgMS40MTVsMi4xMjIgMi4xMjEtMi4xMjIgMi4xMjFhMSAxIDAgMCAwIDEuNDE1IDEuNDE1TDExNSA0OC40ODVsMi4xMjEgMi4xMjJhMS4wMDEgMS4wMDEgMCAwIDAgMS40MTUtMS40MTVsLTIuMTIyLTIuMTIgMi4xMjItMi4xMjJhMS4wMDEgMS4wMDEgMCAwIDAtMS40MTUtMS40MTVMMTE1IDQ1LjY1N2wtMi4xMjEtMi4xMjFhMSAxIDAgMCAwLTEuNDE1IDBabS05MS45OTktMjVhMSAxIDAgMCAwIDAgMS40MTVsMi4xMiAyLjEyMS0yLjEyIDIuMTIxYTEgMSAwIDAgMCAxLjQxNCAxLjQxNUwyMyAyMy40ODVsMi4xMjEgMi4xMjJhMSAxIDAgMCAwIDEuNDE1LTEuNDE1bC0yLjEyMi0yLjEyIDIuMTIyLTIuMTIyYTEgMSAwIDAgMC0xLjQxNS0xLjQxNUwyMyAyMC42NTdsLTIuMTIxLTIuMTIyYTEgMSAwIDAgMC0xLjQxNSAwWiIvPjxwYXRoIGZpbGw9IiNCREJEQkQiIGQ9Ik01MSAzOS4wNzF2LTE4YTEgMSAwIDAgMSAxLTFoMzhhMyAzIDAgMCAxIDMgM3Y0NC41MDRhMjQgMjQgMCAwIDAtMi0xLjI5M1YyMy4wN2ExIDEgMCAwIDAtMS0xSDUzdjE3YTUgNSAwIDAgMS01IDVIMzB2NTZhMSAxIDAgMCAwIDEgMWgyOC41MDRxLjc1MSAxLjA0MyAxLjYwNyAySDMxYTMgMyAwIDAgMS0zLTN2LTU3YTEgMSAwIDAgMSAxLTFoMTlhMyAzIDAgMCAwIDMtM1oiLz48cGF0aCBzdHJva2U9IiNCREJEQkQiIGQ9Im01MiAyMS4wNzEtMjMgMjIiLz48cmVjdCB3aWR0aD0iNDIiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjU3LjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjY1LjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjczLjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cGF0aCBzdHJva2U9IiNCREJEQkQiIGQ9Ik05MS41MTEgMTAwLjQ5MWM3LjI3MS02Ljc4IDcuNjY5LTE4LjE3Ljg4OS0yNS40NHMtMTguMTctNy42NjgtMjUuNDQtLjg4OC03LjY2OSAxOC4xNy0uODg5IDI1LjQ0YzYuNzggNy4yNzEgMTguMTcgNy42NjggMjUuNDQuODg4WiIvPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIyIiB4PSI3MC41MTUiIHk9IjgwIiBmaWxsPSIjQkRCREJEIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDcwLjUxNSA4MCkiLz48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyMiIgeD0iODYuMDcxIiB5PSI3OC41ODYiIGZpbGw9IiNCREJEQkQiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4Ni4wNzEgNzguNTg2KSIvPjwvc3ZnPg==);
    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
    }
}

.Q3No02.hMihhk {
    flex: 1;
    font-size: .625rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden;
    width: 0
}

.Q3No02 {
    align-items: center;
    border-style: solid;
    border-width: .0625rem 0;
    box-sizing: border-box;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    font-size: .75rem;
    height: 1.1875rem;
    justify-content: center;
    margin-left: .5rem;
    padding: 0 .3125rem;
    position: relative;
    white-space: nowrap
}

.chqYnT {
    color: #9b9b9b
}

.Q3No02 span {
    overflow: hidden;
    text-overflow: ellipsis
}

.cSdsVH {
    border-radius: .125rem;
    height: 1rem
}

.Dh8899,.UCZng4 {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0
}

.Dh8899 svg,.UCZng4 svg {
    height: 35px;
    width: 5px;
    fill: #ee4d2d
}

.Dh8899 {
    left: 0
}

.UCZng4 {
    right: 0;
    transform: rotate(180deg)
}

.UCZng4 svg {
    float: right
}

.cpXFZ3 svg {
    height: unset;
    width: unset;
    fill: unset
}

.eCwnDO {
    height: .75rem;
    margin-left: -.1875rem;
    margin-right: .1875rem
}

.I5bsxm {
    color: #ee4d2d
}

.YX3MZd {
    color: #757575;
    font-size: .875rem
}

.Vo7Vku {
    flex: 1
}

.guK8gU {
    gap: 4px
}

.guK8gU,.guK8gU .CQINMN {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.guK8gU svg {
    color: rgba(0,0,0,.4)
}

.guK8gU .iHUq62 {
    color: rgba(0,0,0,.54);
    margin-left: 4px
}

.XdKB3c.XdKB3c {
    color: #26aa99;
    line-height: 16px
}

.XdKB3c.XdKB3c img {
    margin: 0 2px 0 0
}

.qhodXt {
    display: none
}

.p7XOKG {
    white-space: pre-wrap
}

.pH_kQY {
    width: 100vw
}

.pH_kQY thead {
    background: #f5f5f5
}

.pH_kQY tr {
    border-bottom: .5px solid rgba(0,0,0,.09);
    border-top: .5px solid rgba(0,0,0,.09);
    display: grid;
    grid-template-columns: 1.4fr 1.3fr 2fr
}

.pH_kQY th {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    padding: 16px 12px;
    text-align: left
}

.pH_kQY td {
    font-size: 14px;
    line-height: 16px;
    padding: 20px 12px
}

._CR_1D {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 12px;
    grid-column-gap: 12px;
    column-gap: 12px;
    max-width: 100vw
}

._CR_1D,.lJ0vs6 {
    align-items: center;
    justify-content: center
}

.lJ0vs6 {
    background: transparent;
    border: .03125rem solid #ee4d2d;
    border-radius: .125rem;
    color: #ee4d2d;
    display: inline-flex;
    font-size: 16px;
    height: 2.75rem;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

.I826Em {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    padding: 12px
}

.SXvEGe {
    font-size: 12px;
    line-height: 14px
}

.aTnnNh {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    white-space: nowrap
}

.CN_fUm {
    display: flex;
    flex: 1;
    gap: 4px;
    overflow: hidden
}

.uwqngH {
    border: .5px solid rgba(0,0,0,.09);
    border-radius: 6px;
    height: 36px;
    min-width: 36px;
    position: relative
}

.I826Em img {
    object-fit: cover
}

.I826Em img,.iVifdR {
    border-radius: 6px;
    height: 100%;
    width: 100%
}

.iVifdR {
    background-color: rgba(0,0,0,.4);
    left: 0;
    top: 0;
    z-index: 1
}

.AkDzcS,.iVifdR {
    position: absolute
}

.AkDzcS {
    color: #fff;
    font-size: 12px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2
}

.KBKm1l {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    line-height: 16px;
    white-space-collapse: preserve
}

.KBKm1l .A5cqRp {
    font-weight: 500
}

.KBKm1l .BxgmpK.BxgmpK {
    align-items: center;
    color: #26aa99;
    display: inline-flex
}

.KBKm1l .BxgmpK.BxgmpK .XLoG_T {
    margin: 0 2px 0 0
}

.KBKm1l .CcmgJG {
    align-items: center;
    border-radius: 2px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    overflow: hidden
}

.KBKm1l .CcmgJG .whwXX0 {
    aspect-ratio: 31/16;
    flex-shrink: 0;
    height: 100%;
    width: auto
}

.KBKm1l .CcmgJG .yrjAoJ {
    background: #26aa99;
    margin-left: -1px;
    padding-left: 1px;
    padding-right: 3px
}

.KBKm1l .CcmgJG.ung11H {
    font-size: 12px;
    height: 16px;
    line-height: 16px
}

.KBKm1l .CcmgJG.ZyeMN3 {
    font-size: 12px;
    height: 20px;
    line-height: 20px
}

.KBKm1l .CcmgJG.jgKRw9 {
    font-size: 14px;
    height: 18px;
    line-height: 18px
}

.KBKm1l .ZdFroe,.siJ9cg {
    width: 100%
}

.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;
    z-index: 100
}

.GICxHC {
    background: transparent
}

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

.SOQ4aS .stardust-popover__popover--open {
    overflow: visible
}

.SOQ4aS .stardust-popover__target {
    height: 100%
}

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

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

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

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

.hnz8lq {
    color: rgba(0,0,0,.87);
    line-height: 1.5rem;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: 100%
}

.ni8_ZG {
    left: .9375rem;
    top: .84375rem
}

.gmK_Vu,.ni8_ZG {
    position: absolute
}

.gmK_Vu {
    align-items: center;
    border: 1px solid #ee4d2d;
    border-radius: .75rem;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 1.5rem;
    justify-content: center;
    margin-left: .25rem;
    right: .9375rem;
    top: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem
}

.gmK_Vu .stardust-icon {
    color: #ee4d2d;
    height: .5rem;
    width: .5rem
}

.SU1AML {
    align-items: center;
    background: #fbfbfb;
    border-bottom: 1px solid rgba(0,0,0,.09);
    display: flex;
    height: 2.75rem;
    max-width: 37.5rem;
    padding: 0 .9375rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.ZvdTyF {
    flex: 1
}

.ZvdTyF,.fQJK4R {
    text-align: center
}

.fQJK4R {
    cursor: pointer;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.SIIRqw.SIIRqw {
    color: #000;
    font-family: -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;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap
}

.shopee-menu {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
    position: relative
}

.shopee-menu__main {
    padding-top: .25rem;
    position: relative
}

.shopee-menu__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding-left: .875rem
}

.shopee-menu__item:last-child>.shopee-menu__item-label {
    border-bottom: 0
}

.shopee-menu__item-icon {
    color: rgba(0,0,0,.87)!important;
    height: 1.25rem!important;
    margin-right: .75rem;
    width: 1.25rem!important
}

.shopee-menu__item-label {
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    box-sizing: border-box;
    padding: .75rem .875rem .75rem 0
}

.shopee-menu__item-label:first-letter {
    text-transform: uppercase
}

.zVaiNh {
    background: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.rJKHJL {
    position: relative
}

.mzh5OO {
    width: 1.5rem;
    fill: #ee4d2d
}

._R9xCy {
    background: #ee4d2d;
    border-radius: .625rem;
    color: #fff;
    font-size: .625rem;
    height: .875rem;
    left: 70%;
    line-height: .625rem;
    padding: .125rem .3125rem;
    position: absolute;
    text-align: center;
    top: -.3125rem
}

.theme--ofs ._R9xCy {
    background-color: #d0011b
}

.masked-dropdown {
    background: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    transition: opacity .2s cubic-bezier(.4,0,.2,1);
    width: 100%;
    z-index: 10
}

.masked-dropdown--collapsed {
    z-index: -1
}

.masked-dropdown__inner-wrapper {
    margin: 0 auto;
    max-width: 37.5rem;
    transition: transform .2s cubic-bezier(.4,0,.2,1)
}

.masked-dropdown-transition-enter {
    opacity: .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: .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 {
    height: 20px
}

.F5U12j,.MnI5S3 {
    left: 4px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.F5U12j {
    height: 18px;
    z-index: -1
}

.d07ZkT::placeholder {
    color: var(--search-input-placeholder-color,#ee4d2d)!important
}

.search-bar {
    align-items: center;
    background: rgba(0,0,0,.05);
    border-radius: .125rem;
    display: flex;
    height: 2.25rem;
    padding: 0 .5rem
}

.search-bar--transparent {
    background: rgba(0,0,0,.26);
    border: 1px solid hsla(0,0%,100%,.26)!important
}

.search-bar--transparent .search-bar__input.stardust-input__element {
    background: transparent;
    color: #fff
}

.search-bar--transparent .search-bar__input.stardust-input__element::placeholder {
    color: hsla(0,0%,100%,.54)
}

.search-bar--transparent .search-bar__search-icon {
    stroke: #fff
}

.search-bar .stardust-input {
    flex: 1!important
}

.search-bar__form {
    position: relative;
    width: 100%;
    z-index: 0
}

.search-bar__input {
    line-height: 1.25rem
}

.search-bar__input.stardust-input__element {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    box-sizing: border-box!important;
    font-size: .875rem;
    height: 2.25rem;
    outline: none;
    overflow: hidden;
    padding: 0 0 0 .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.search-bar__input::placeholder {
    color: rgba(0,0,0,.54)
}

.search-bar__input--orange::placeholder {
    color: #ee4d2d
}

.search-bar__input--red::placeholder {
    color: #d0011b
}

.search-bar__search-icon {
    fill: transparent;
    stroke: rgba(0,0,0,.4);
    display: block;
    height: .875rem;
    width: .875rem
}

.search-bar__reset {
    cursor: pointer;
    height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1em
}

.search-bar__reset svg {
    display: block;
    height: 100%;
    width: 100%
}

.search-bar-drop-down {
    background: #fff;
    display: block
}

.search-bar-drop-down__item {
    border: solid rgba(0,0,0,.09)!important;
    border-width: 0 0 1px!important;
    cursor: pointer;
    padding: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.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 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-bar.search-bar--heb {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.87);
    border-radius: .25rem;
    padding: 0
}

.search-bar.search-bar--heb .search-bar__search-icon-wrapper {
    align-items: center;
    background-color: rgba(0,0,0,.87);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 2.25rem
}

.search-bar.search-bar--heb .search-bar__search-icon {
    height: 1.25rem;
    width: 1.25rem;
    stroke: #fff
}

.search-bar.search-bar--heb .search-bar__form {
    width: calc(100% - 36px)
}

.fYHyGr.fYHyGr {
    padding: 16px 12px 8px
}

.navbar-generic__cart {
    fill: #ee4d2d;
    -webkit-text-decoration: none;
    text-decoration: none
}

.navbar-generic__cart,.navbar-generic__menu {
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem
}

.navbar-generic__menu {
    height: 1.5rem;
    stroke: #ee4d2d
}

.navbar-generic__help-icon {
    stroke: none!important
}

.navbar-search {
    box-shadow: none;
    height: 3.5rem;
    padding: 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 {
    align-items: flex-end;
    cursor: pointer;
    display: flex;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar-search__filter {
    display: block;
    width: 1.5rem;
    stroke: #ee4d2d!important;
    fill: #ee4d2d!important
}

.navbar-search__filter-text {
    color: #ee4d2d;
    left: -.125rem;
    line-height: .75rem;
    position: relative
}

.navbar-search .QypTDI {
    height: unset;
    width: 1.375rem
}

.BN05MW {
    fill: #fff!important
}

.SfPjsd {
    align-items: center;
    background-color: #fff;
    display: flex;
    padding: 8px;
    width: 100%
}

.Kt723x.stardust-button.stardust-button--primary {
    border: 0;
    border-radius: 6px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    line-height: 16px;
    width: 120px
}

.aLjvam {
    padding-top: 16px
}

.P4oufF,._01lDr {
    color: rgba(0,0,0,.87)
}

.P4oufF {
    font-weight: 500
}

.FsgI6J .stardust-popup__dialog {
    background-color: #ee4d2d;
    border-radius: 10px
}

.FsgI6J .stardust-popup__dialog .stardust-popup__dialog--wrapper-top {
    padding: 0
}

.FsgI6J .stardust-popup__dialog .tqyBns {
    text-align: center
}

.FsgI6J .stardust-popup__dialog .tqyBns .ccjvi7 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 8px;
    padding-top: 7px
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 16px;
    padding: 20px;
    width: 100%
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .zCG81R {
    color: rgba(0,0,0,.65);
    margin-bottom: 16px
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .yQDTes {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .yQDTes .BDxC6q {
    align-items: center;
    display: flex;
    height: 58px;
    margin-bottom: 12px;
    overflow: hidden;
    width: 221px
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .yQDTes .BDxC6q:last-child {
    margin-bottom: 0
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .yQDTes .BDxC6q.shwBYw {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/checkout/883611df4f63ca38e315.svg)
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .yQDTes .BDxC6q.h8Eym3 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/checkout/060cc9b48205104295f3.svg)
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .yQDTes .BDxC6q.TvqNkM {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-mobilemall-live-sg/checkout/b2cbecf4c7fbe45920c6.svg)
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .yQDTes .BDxC6q .F5MrfA {
    height: 32px;
    margin-left: 12px;
    margin-right: 7px;
    width: 32px
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .yQDTes .BDxC6q .vDs__m {
    color: rgba(0,0,0,.87);
    flex-grow: 1;
    font-weight: 500;
    margin-left: 18px;
    margin-right: 11px;
    max-height: 100%;
    text-align: left;
    white-space: pre-wrap;
    width: 0
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .HCLZj5,.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .pkXShY {
    padding: 0;
    width: 100%
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .HCLZj5 {
    font-weight: 500;
    line-height: 44px;
    margin-bottom: 12px
}

.FsgI6J .stardust-popup__dialog .tqyBns .Fv4rlT .pkXShY {
    line-height: 24px
}

.FsgI6J .stardust-popup-buttons {
    display: none
}

.w3ffB9 {
    background-color: #d0011b;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 12px;
    padding: 2px 3px;
    vertical-align: middle
}

.LEds_C {
    margin-top: -2px;
    padding: 0
}

.LEds_C>svg {
    display: block;
    fill: #fff;
    height: 15px;
    width: 30px
}

.wDAsLj {
    padding: 0
}

.wDAsLj>svg {
    display: block;
    fill: #fff
}

.Zt3Dsk {
    margin-bottom: 1px
}

.Zt3Dsk>svg {
    display: block;
    fill: #fff;
    height: 11px;
    width: 24px
}

.V2HSTU,.nQEh11 {
    align-items: center;
    display: flex
}

.nQEh11 {
    background-color: #fff;
    padding: 10px 12px
}

.pUk7BM {
    height: 14.1px;
    width: 15px
}

.b_VgHB {
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1
}

.Hzt9m0 {
    margin-right: 6px
}

.ejHLim {
    height: 36px;
    margin-left: 8px;
    width: 36px
}

.bfvhMc {
    display: inline-block;
    position: relative
}

.QnUCMA {
    background: rgba(0,0,0,.54);
    bottom: 0;
    color: #fff;
    justify-content: center;
    left: 0;
    margin-left: 8px;
    position: absolute;
    right: 0;
    top: 0
}

.PnqlAt,.QnUCMA {
    align-items: center;
    display: flex
}

.PnqlAt {
    margin-right: 14px
}

.gROiZm .stardust-drawer__container {
    background-color: #efefef
}

.gROiZm .stardust-drawer__container--bottom {
    bottom: -100%;
    height: 100%
}

.gROiZm .stardust-drawer__container--active {
    overflow-y: initial;
    z-index: 9000
}

.gROiZm .stardust-drawer__background:not(.stardust-drawer__background--active)+.stardust-drawer__container .navbar-popup {
    display: none
}

.EHCvyS {
    height: 100%;
    padding-top: 2.75rem
}

.f309yq {
    margin: 8px 0
}

.HM710e .stardust-drawer__container {
    background-color: #efefef
}

.HM710e .stardust-drawer__container--bottom {
    bottom: -100%;
    height: 100%
}

.HM710e .stardust-drawer__container--active {
    overflow-y: initial;
    z-index: 9000
}

.HM710e .stardust-drawer__background:not(.stardust-drawer__background--active)+.stardust-drawer__container .navbar-popup {
    display: none
}

.j0C99M {
    height: 100%;
    overflow: auto;
    padding-top: 56px
}

.XW1Uqi {
    padding-bottom: 72px
}

._3kOjR {
    bottom: 0;
    height: 60px;
    left: 0;
    padding: 8px;
    position: absolute;
    right: 0
}

.PUHMOX,._3kOjR {
    background: #fff;
    display: flex;
    width: 100%
}

.PUHMOX {
    align-items: center;
    border-bottom: 1px solid #efefef;
    height: 48px;
    padding: 0 12px
}

.N8V1X1 {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px
}

.C5QxnR {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    width: 100%
}

.zVztLO {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px
}

.I7GXEh {
    color: rgba(0,0,0,.26)
}

.lI24Ig {
    line-height: 0;
    margin-right: -6px
}

.tM0_cw {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding: 14px 12px
}

.fwHyzM {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-bottom: 10px;
    padding: 10px 12px
}

.w8EIKg {
    background: #fff;
    padding-bottom: 12px;
    padding-left: 40px;
    padding-right: 12px
}

.lhd4x2 {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box
}

.lhd4x2>div {
    padding: 10px 8px
}

.QesN2a {
    color: rgba(0,0,0,.54);
    padding-top: 8px
}

.QesN2a>a {
    color: #508be3
}

.L7CXXj {
    background-color: #fff4f4;
    color: #ff4742;
    font-size: 12px;
    padding: 8px 12px
}

.bHhtLC {
    background-color: #ee4d2d;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    flex-grow: 1;
    height: 44px;
    padding: 0
}

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

.DUMpfa {
    border: 0
}

.dynz3Q {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
    padding: 16px 12px
}

.HvnnNM {
    height: 48px;
    padding: 0 12px
}

.Hyxvg1 {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px
}

.KrUhLu {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.Y3sQbe {
    justify-content: space-between
}

.Y3sQbe,.z35ChC {
    align-items: center;
    display: flex
}

.z35ChC {
    flex-grow: 1;
    justify-content: flex-end
}

.MWoaop {
    align-items: center;
    display: flex;
    padding: 4px 0 0;
    width: 100%
}

.fhd1EC {
    color: rgba(0,0,0,.87);
    flex: 1;
    font-size: 14px;
    line-height: 16px
}

.R_8HkE {
    color: rgba(0,0,0,.4);
    flex-grow: 0
}

.Janiis {
    line-height: 0;
    margin-right: -6px
}

.DDIYnb {
    padding: 0 0 0 8px
}

.eEmM7B {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px;
    padding: 10px 12px
}

.VKE65v {
    width: 100%
}

.LCIDff {
    background: #fff;
    margin: 10px 0 0;
    padding: 10px 12px
}

.Nlqqxr {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px;
    padding: 12px
}

.q9jnvU {
    background: #fff
}

.EiN6XW {
    background: #efefef;
    height: 12px;
    width: 100%
}

.Vs6Hf2 {
    background: #fff;
    padding-bottom: 12px;
    padding-left: 40px;
    padding-right: 12px
}

.gEUl6l {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box
}

.gEUl6l>div {
    padding: 10px 8px
}

.aMiwMd {
    background-color: #fff4f4;
    color: #ff4742;
    font-size: 12px;
    padding: 8px 12px
}

.GwOIez {
    border: 0!important;
    display: flex;
    justify-content: space-between
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/mobilemall-checkout/_/6499.02a3f9e4aed64b22d8bc.css.map*/
.shopee_ic *,.shopee_ic :after,.shopee_ic :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

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

.shopee_ic html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4
}

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

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

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

.shopee_ic h1,.shopee_ic h2,.shopee_ic h3,.shopee_ic h4,.shopee_ic h5,.shopee_ic h6 {
    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 kbd,.shopee_ic pre,.shopee_ic samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

.shopee_ic small {
    font-size: 80%
}

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

.shopee_ic sub {
    bottom: -.25em
}

.shopee_ic sup {
    top: -.5em
}

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

.shopee_ic button,.shopee_ic input,.shopee_ic optgroup,.shopee_ic select,.shopee_ic textarea {
    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 summary {
    display: list-item
}

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

.shopee_ic fieldset {
    margin: 0;
    padding: 0
}

.shopee_ic legend {
    padding: 0
}

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

.shopee_ic textarea {
    resize: vertical
}

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

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

.shopee_ic :disabled {
    cursor: default
}

.shopee_ic audio,.shopee_ic canvas,.shopee_ic embed,.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%!important
}

.shopee_ic .container {
    width: 100%
}

@media (min-width: 640px) {
    .shopee_ic .\!container {
        max-width:640px!important
    }

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

@media (min-width: 768px) {
    .shopee_ic .\!container {
        max-width:768px!important
    }

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

@media (min-width: 1024px) {
    .shopee_ic .\!container {
        max-width:1024px!important
    }

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

@media (min-width: 1280px) {
    .shopee_ic .\!container {
        max-width:1280px!important
    }

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

@media (min-width: 1536px) {
    .shopee_ic .\!container {
        max-width:1536px!important
    }

    .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-1\/2 {
    bottom: 50%;
    left: 50%;
    right: 50%;
    top: 50%
}

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

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

.shopee_ic .-top-\[11px\] {
    top: -11px
}

.shopee_ic .bottom-0 {
    bottom: 0
}

.shopee_ic .left-0 {
    left: 0
}

.shopee_ic .left-1 {
    left: .25rem
}

.shopee_ic .left-\[6px\] {
    left: 6px
}

.shopee_ic .right-0 {
    right: 0
}

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

.shopee_ic .right-2 {
    right: .5rem
}

.shopee_ic .top-0 {
    top: 0
}

.shopee_ic .top-2 {
    top: .5rem
}

.shopee_ic .top-\[calc\(100\%-6px\)\] {
    top: calc(100% - 6px)
}

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

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

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

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

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

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

.shopee_ic .mx-0 {
    margin-left: 0;
    margin-right: 0
}

.shopee_ic .mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem
}

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

.shopee_ic .-ml-0\.5 {
    margin-left: -.125rem
}

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

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

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

.shopee_ic .mb-0\.5 {
    margin-bottom: .125rem
}

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

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

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

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

.shopee_ic .ml-0\.5 {
    margin-left: .125rem
}

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

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

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

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

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

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

.shopee_ic .mr-0\.5 {
    margin-right: .125rem
}

.shopee_ic .mr-1 {
    margin-right: .25rem
}

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

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

.shopee_ic .mt-3 {
    margin-top: .75rem
}

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

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

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

.shopee_ic .mt-auto {
    margin-top: auto
}

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

.shopee_ic .box-content {
    box-sizing: content-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 .inline-flex {
    display: inline-flex
}

.shopee_ic .grid {
    display: grid
}

.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-6 {
    height: 1.5rem
}

.shopee_ic .h-8 {
    height: 2rem
}

.shopee_ic .h-\[1\.75rem\] {
    height: 1.75rem
}

.shopee_ic .h-\[1\.875rem\] {
    height: 1.875rem
}

.shopee_ic .h-\[14px\] {
    height: 14px
}

.shopee_ic .h-\[2\.5rem\] {
    height: 2.5rem
}

.shopee_ic .h-\[3\.75rem\] {
    height: 3.75rem
}

.shopee_ic .h-\[54px\] {
    height: 54px
}

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

.shopee_ic .h-px {
    height: 1px
}

.shopee_ic .h-sp10 {
    height: .625rem
}

.shopee_ic .h-sp14 {
    height: .875rem
}

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

.shopee_ic .min-h-\[1\.75rem\] {
    min-height: 1.75rem
}

.shopee_ic .min-h-\[2\.25rem\] {
    min-height: 2.25rem
}

.shopee_ic .min-h-\[2\.5rem\] {
    min-height: 2.5rem
}

.shopee_ic .min-h-\[3\.25rem\] {
    min-height: 3.25rem
}

.shopee_ic .min-h-\[3\.5rem\] {
    min-height: 3.5rem
}

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

.shopee_ic .min-h-\[4\.5rem\] {
    min-height: 4.5rem
}

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

.shopee_ic .min-h-\[4rem\] {
    min-height: 4rem
}

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

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

.shopee_ic .w-1 {
    width: .25rem
}

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

.shopee_ic .w-24 {
    width: 6rem
}

.shopee_ic .w-28 {
    width: 7rem
}

.shopee_ic .w-32 {
    width: 8rem
}

.shopee_ic .w-44 {
    width: 11rem
}

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

.shopee_ic .w-6 {
    width: 1.5rem
}

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

.shopee_ic .w-\[14px\] {
    width: 14px
}

.shopee_ic .w-\[3\.875rem\] {
    width: 3.875rem
}

.shopee_ic .w-\[4\.25rem\] {
    width: 4.25rem
}

.shopee_ic .w-\[54px\] {
    width: 54px
}

.shopee_ic .w-auto {
    width: auto
}

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

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

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

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

.shopee_ic .max-w-\[calc\(100\%_-_17\.25rem\)\] {
    max-width: calc(100% - 17.25rem)
}

.shopee_ic .max-w-\[calc\(100\%_-_7\.5rem\)\] {
    max-width: calc(100% - 7.5rem)
}

.shopee_ic .max-w-\[calc\(100\%_-_9rem\)\] {
    max-width: calc(100% - 9rem)
}

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

.shopee_ic .max-w-none {
    max-width: none
}

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

.shopee_ic .flex-none {
    flex: none
}

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

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

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

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

.shopee_ic .origin-bottom-right {
    transform-origin: bottom right
}

.shopee_ic .origin-top-left {
    transform-origin: top left
}

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

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

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

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

.shopee_ic .rotate-180,.shopee_ic .scale-x-50 {
    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 .scale-x-50 {
    --tw-scale-x: .5
}

.shopee_ic .scale-y-50 {
    --tw-scale-y: .5
}

.shopee_ic .scale-y-50,.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-not-allowed {
    cursor: not-allowed
}

.shopee_ic .cursor-pointer {
    cursor: pointer
}

.shopee_ic .grid-cols-\[repeat\(auto-fit\2c 176px\)\] {
    grid-template-columns: repeat(auto-fit,176px)
}

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

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

.shopee_ic .place-content-center {
    align-content: center;
    justify-content: center;
    place-content: center
}

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

.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-end {
    justify-content: flex-end
}

.shopee_ic .justify-center {
    justify-content: center
}

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

.shopee_ic .gap-4 {
    gap: 1rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.shopee_ic .overflow-hidden {
    overflow: hidden
}

.shopee_ic .overflow-clip {
    overflow: clip
}

.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-\[1px\] {
    border-radius: 1px
}

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

.shopee_ic .rounded-\[50\%\] {
    border-radius: 50%
}

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

.shopee_ic .rounded-md {
    border-radius: .375rem
}

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

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

.shopee_ic .rounded-e-sm {
    border-bottom-right-radius: .125rem;
    border-top-right-radius: .125rem
}

.shopee_ic .rounded-r-\[100px\] {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

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

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

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

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

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

.shopee_ic .border-0 {
    border-width: 0
}

.shopee_ic .border-\[0\.5px\] {
    border-width: .5px
}

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

.shopee_ic .border-solid {
    border-style: solid
}

.shopee_ic .border-\[\#30B566\] {
    --tw-border-opacity: 1;
    border-color: rgba(48,181,102,var(--tw-border-opacity))
}

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

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

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

.shopee_ic .bg-\[\#eb1717\] {
    --tw-bg-opacity: 1;
    background-color: rgba(235,23,23,var(--tw-bg-opacity))
}

.shopee_ic .bg-\[\#ee4d2d5c\] {
    background-color: rgba(238,77,45,.361)
}

.shopee_ic .bg-\[\#ee4d2d\] {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,var(--tw-bg-opacity))
}

.shopee_ic .bg-black\/\[0\.65\] {
    background-color: rgba(0,0,0,.65)
}

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

.shopee_ic .bg-shopee-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(6,107,200,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-deep-pink {
    --tw-bg-opacity: 1;
    background-color: rgba(255,237,235,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-deep-red {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-green {
    --tw-bg-opacity: 1;
    background-color: rgba(38,170,153,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-grey {
    --tw-bg-opacity: 1;
    background-color: rgba(250,250,250,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-official-shop {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

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

.shopee_ic .bg-shopee-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,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 .bg-gradient-to-b {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.shopee_ic .from-white\/0 {
    --tw-gradient-from: hsla(0,0%,100%,0) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.shopee_ic .to-black\/60 {
    --tw-gradient-to: rgba(0,0,0,.6) var(--tw-gradient-to-position)
}

.shopee_ic .bg-contain {
    background-size: contain
}

.shopee_ic .bg-cover {
    background-size: cover
}

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

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

.shopee_ic .stroke-none {
    stroke: none
}

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

.shopee_ic .p-0 {
    padding: 0
}

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

.shopee_ic .p-1 {
    padding: .25rem
}

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

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

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

.shopee_ic .p-sp10 {
    padding: .625rem
}

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

.shopee_ic .px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

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

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

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

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

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

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

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

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

.shopee_ic .py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

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

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

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

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

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

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

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

.shopee_ic .pb-\[1px\] {
    padding-bottom: 1px
}

.shopee_ic .pb-\[6px\] {
    padding-bottom: 6px
}

.shopee_ic .pl-0 {
    padding-left: 0
}

.shopee_ic .pl-0\.5 {
    padding-left: .125rem
}

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

.shopee_ic .pl-px {
    padding-left: 1px
}

.shopee_ic .pr-0 {
    padding-right: 0
}

.shopee_ic .pr-0\.5 {
    padding-right: .125rem
}

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

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

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

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

.shopee_ic .pt-1 {
    padding-top: .25rem
}

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

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

.shopee_ic .pt-\[40\%\] {
    padding-top: 40%
}

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

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

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

.shopee_ic .align-middle {
    vertical-align: middle
}

.shopee_ic .text-2xl\/9 {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.shopee_ic .text-\[0\.5rem\]\/\[0\.5rem\] {
    font-size: .5rem;
    line-height: .5rem
}

.shopee_ic .text-\[0\.625rem\] {
    font-size: .625rem
}

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

.shopee_ic .text-\[10px\]\/3 {
    font-size: 10px;
    line-height: .75rem
}

.shopee_ic .text-\[8px\]\/\[8px\] {
    font-size: 8px;
    line-height: 8px
}

.shopee_ic .text-\[9px\]\/3 {
    font-size: 9px;
    line-height: .75rem
}

.shopee_ic .text-\[9px\]\/sp10 {
    font-size: 9px;
    line-height: .625rem
}

.shopee_ic .text-base\/4 {
    font-size: 1rem;
    line-height: 1rem
}

.shopee_ic .text-base\/5 {
    font-size: 1rem;
    line-height: 1.25rem
}

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

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

.shopee_ic .text-sm\/4 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-sm\/\[1\.875rem\] {
    font-size: .875rem;
    line-height: 1.875rem
}

.shopee_ic .text-sm\/sp14 {
    font-size: .875rem;
    line-height: .875rem
}

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

.shopee_ic .text-sp12\/\[40px\] {
    font-size: .75rem;
    line-height: 40px
}

.shopee_ic .text-sp14 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-xl\/5 {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.shopee_ic .text-xl\/6 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

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

.shopee_ic .text-xs\/3 {
    font-size: .75rem;
    line-height: .75rem
}

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

.shopee_ic .text-xs\/5 {
    font-size: .75rem;
    line-height: 1.25rem
}

.shopee_ic .text-xs\/sp14 {
    font-size: .75rem;
    line-height: .875rem
}

.shopee_ic .text-xs\/sp18 {
    font-size: .75rem;
    line-height: 1.125rem
}

.shopee_ic .font-bold {
    font-weight: 700
}

.shopee_ic .font-extralight {
    font-weight: 200
}

.shopee_ic .font-light {
    font-weight: 300
}

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

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

.shopee_ic .font-thin {
    font-weight: 100
}

.shopee_ic .uppercase {
    text-transform: uppercase
}

.shopee_ic .capitalize {
    text-transform: capitalize
}

.shopee_ic .leading-3 {
    line-height: .75rem
}

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

.shopee_ic .leading-7 {
    line-height: 1.75rem
}

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

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

.shopee_ic .text-\[\#30B566\] {
    --tw-text-opacity: 1;
    color: rgba(48,181,102,var(--tw-text-opacity))
}

.shopee_ic .text-\[\#656565\] {
    --tw-text-opacity: 1;
    color: rgba(101,101,101,var(--tw-text-opacity))
}

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

.shopee_ic .text-shopee-black54 {
    color: rgba(0,0,0,.54)
}

.shopee_ic .text-shopee-black65 {
    color: rgba(0,0,0,.65)
}

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

.shopee_ic .text-shopee-deep-grey {
    --tw-text-opacity: 1;
    color: rgba(93,93,93,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-green {
    --tw-text-opacity: 1;
    color: rgba(38,170,153,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-grey {
    --tw-text-opacity: 1;
    color: rgba(250,250,250,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-mask-grey {
    --tw-text-opacity: 1;
    color: rgba(189,189,189,var(--tw-text-opacity))
}

.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 .line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.shopee_ic .opacity-0 {
    opacity: 0
}

.shopee_ic .opacity-70 {
    opacity: .7
}

.shopee_ic .opacity-\[0\.82\] {
    opacity: .82
}

.shopee_ic .outline {
    outline-style: solid
}

.shopee_ic .drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))
}

.shopee_ic .drop-shadow-md,.shopee_ic .drop-shadow-sm {
    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 .drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,.05))
}

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

.shopee_ic .duration-100 {
    transition-duration: .1s
}

.shopee_ic .ease-sharp-motion-curve {
    transition-timing-function: cubic-bezier(.4,0,.6,1)
}

.shopee_ic .last\:mb-0:last-child {
    margin-bottom: 0
}

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

.shopee_ic .hover\:-translate-y-\[1px\]:hover {
    --tw-translate-y: -1px;
    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 .hover\:cursor-not-allowed:hover {
    cursor: not-allowed
}

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

.shopee_ic .hover\:shadow-hover:hover {
    --tw-shadow: 0 1px 20px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 20px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shopee_ic .active\:translate-y-0:active {
    --tw-translate-y: 0px;
    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 .active\:shadow-active:active {
    --tw-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 5px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shopee_ic .group:hover .group-hover\:opacity-100 {
    opacity: 1
}

/*# sourceMappingURL=https://files.webfe.shopee.io/modules-federation/bundle/0/shopee__item-card-recommendation-v2/rw/0.1.45.css.map*/
.CjPqEV {
    background: hsla(0,0%,80%,.7);
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-text-decoration: none;
    text-decoration: none;
    top: 0;
    width: 100%
}

.GL_3hZ {
    background: rgba(0,0,0,.26);
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    position: relative;
    text-align: center;
    top: 50%
}

.GL_3hZ,.awoSf3 {
    text-transform: capitalize
}

.awoSf3 {
    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;
    top: 0;
    width: 100%
}

.awoSf3.ZqwtAR {
    color: #d0011b
}

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

.lvQ14z {
    position: relative
}

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

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

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

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

.FJMpHg {
    align-self: stretch
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-items: center;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    outline: 0;
    text-transform: capitalize
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    max-width: 190px;
    min-width: 60px;
    padding: 0 15px
}

.btn--m {
    height: 40px;
    max-width: 220px;
    min-width: 70px;
    padding: 0 20px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l,.btn--xl {
    max-width: 250px;
    min-width: 80px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    background: rgba(0,0,0,.02);
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.reJuAg {
    margin: 1.875rem auto;
    max-width: none;
    width: 24.375rem
}

.FRbg9G {
    height: 6.25rem;
    margin: 0 auto
}

.kk2mbW {
    margin: 3.125rem auto;
    max-width: none
}

._80MeS {
    display: flex
}

._80MeS .RtY8n2 {
    padding: .1875rem;
    width: 50%
}

.KiB15y {
    padding: 0 .1875rem
}

.uiywDX {
    color: #ee4d2d;
    font-weight: 500;
    padding-bottom: 2.5rem;
    padding-top: 1.25rem;
    text-align: center;
    width: 100%
}

.Yi_632 {
    filter: drop-shadow(0 0 .375rem rgba(0,0,0,.06))
}

.yIi_Nc {
    padding-top: .75rem
}

.qy1Yox {
    height: 3.5rem
}

.B2IfI5 {
    border: .0625rem solid rgba(0,0,0,.09);
    border-radius: .0625rem;
    box-sizing: border-box;
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 100%
}

.B2IfI5 .W0umWJ {
    padding: .25rem;
    width: 100%
}

.B2IfI5 .APh5Hv {
    display: flex;
    width: 100%
}

.B2IfI5 .friZio,.B2IfI5 .rX25PW {
    min-width: 0;
    object-fit: scale-down;
    overflow: hidden
}

.B2IfI5 .rX25PW {
    flex: 0 0 calc(66.67% - 2px);
    margin-right: .125rem;
    width: calc(66.67% - 2px)
}

.B2IfI5 .friZio,.B2IfI5 .rX25PW {
    height: 0;
    overflow: hidden;
    padding-top: calc(66.67% - 2px);
    position: relative
}

.B2IfI5 .friZio {
    align-content: flex-end;
    display: flex;
    flex: 0 0 calc(33.33% - 2px);
    flex-direction: column;
    margin-left: .125rem;
    width: calc(33.33% - 2px)
}

.B2IfI5 .F31hlM {
    width: 100%
}

.B2IfI5 .WTVxTV {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.B2IfI5 .QjNFrS {
    flex: 1 1 calc(50% - 2px);
    height: calc(50% - 2px);
    object-fit: scale-down;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100%
}

.B2IfI5 .hD_J22 {
    top: 0
}

.B2IfI5 .idxhmO {
    bottom: 0
}

.B2IfI5 .HhVf_l {
    height: 100%;
    min-width: 0;
    width: 100%
}

.B2IfI5 .OsQF_H {
    background-color: rgba(0,0,0,.04);
    max-width: 100%;
    padding: .5625rem .75rem
}

.B2IfI5 .Uak7MY,.B2IfI5 ._vhjMs {
    line-height: 1.3;
    min-height: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.B2IfI5 .Uak7MY {
    color: rgba(0,0,0,.87);
    margin-bottom: .1875rem
}

.B2IfI5 ._vhjMs {
    color: rgba(0,0,0,.54)
}

.B2IfI5 .kcQFn3 {
    position: relative
}

.B2IfI5 .sSQIxV {
    height: 1.125rem
}

.lKyRzl {
    background: linear-gradient(180deg,rgba(238,77,45,.08),#fff 50px,#fff);
    color: inherit;
    padding: .5rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Bwopm0,.bEhhE3 {
    display: flex
}

.Bwopm0 {
    align-items: center;
    flex: 1 1 33.33%;
    justify-content: center;
    margin: 0 .25rem;
    position: relative;
    width: 33.33%
}

.Bwopm0:after {
    content: "";
    padding-top: 100%
}

.Y9Chlp {
    border: 0;
    border-radius: .3125rem;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.ss17_n {
    font-weight: 500;
    height: 1.5rem;
    line-height: 1.25rem;
    padding-top: .25rem
}

.ss17_n,.t7nXK5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.t7nXK5 {
    color: rgba(0,0,0,.54);
    font-size: .625rem;
    height: .875rem;
    line-height: .875rem
}

.j5d_5h {
    background: transparent;
    display: flex;
    justify-content: center;
    position: relative
}

.j5d_5h:before {
    border-top: 1px solid rgba(0,0,0,.09);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1
}

.hRD1wg {
    margin: .5625rem 0
}

.OA0P7I {
    background: #efefef;
    color: rgba(0,0,0,.54);
    font-size: 14px;
    line-height: 20px;
    margin: .625rem 0;
    padding: 0 .9375rem;
    position: relative;
    z-index: 5
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/mobilemall-rcmd/_/mobilemall-rcmd-cart-ymal.03406c8e8923563351bf.css.map*/