.JQe0_l, .sFcxGu {
    align-items: center;
    display: flex
}

.sFcxGu {
    justify-content: center
}

.JQe0_l {
    color: currentColor;
    padding: 6px 0
}

.AXlSjp {
    pointer-events: none
}

.sFcxGu {
    background-color: #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem;
    left: -.75rem;
    margin-right: -.9375rem;
    position: relative;
    top: -.3125rem
}

.oTphdw {
    width: 1.125rem
}

.uyJpHW {
    width: 1.375rem
}

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

.SPTZ8a {
    color: #d0011b
}

.AfkgIX {
    font-size: .8125rem;
    font-weight: 300;
    margin-left: .3125rem;
    text-transform: capitalize
}

.IY2tkb {
    align-items: center;
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    color: rgba(0,0,0,.8);
    display: flex;
    flex-direction: column;
    height: 21.875rem;
    justify-content: center;
    overflow: hidden;
    width: 25rem
}

.zgAzko {
    height: 6.25rem;
    width: 6.25rem
}

.bL8zlO {
    margin: .625rem
}

.adjEK1 {
    align-items: center
}

.adjEK1, .qHESmA {
    display: flex
}

.qHESmA {
    flex-direction: row
}

.adjEK1 {
    justify-content: center
}

.qHESmA {
    margin-bottom: 1rem;
    width: 100%
}

    .qHESmA:hover {
        cursor: pointer
    }

.bC9Tn3 {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 5rem;
    margin-right: .75rem;
    padding: .25rem;
    width: 5rem
}

.iqVVM0 {
    display: inline-block;
    vertical-align: top;
    width: 4.75rem
}

.hkUDdA {
    margin-left: .8125rem
}

.adjEK1 {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem;
    width: 4.25rem
}

    .adjEK1:last-child {
        margin-bottom: 0
    }

    .adjEK1 img {
        max-height: 100%;
        max-width: 100%
    }

.h8UjOc {
    display: flex;
    flex-direction: row;
    width: 100%
}

    .h8UjOc:hover {
        cursor: pointer
    }

.L5EnkS {
    margin-top: 2rem;
    width: 5.25rem
}

.UqMMlk, .y1HS6_ {
    align-items: center
}

.UqMMlk, .cBi25y, .y1HS6_ {
    display: flex
}

.cBi25y {
    flex-wrap: wrap
}

.UqMMlk, .y1HS6_ {
    justify-content: center
}

.cBi25y {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

.y1HS6_ {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 1.875rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
    padding: .25rem;
    width: 3.75rem
}

    .y1HS6_.GSY8xK {
        height: 3.75rem;
        justify-content: flex-start;
        width: 7.5rem
    }

    .y1HS6_.IfIB1O {
        margin-right: .1875rem
    }

.UqMMlk {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%
}

    .UqMMlk img {
        max-height: 100%;
        max-width: 100%
    }

.VOG2_4, .XSf49O {
    align-content: center;
    display: flex
}

.pAjVIa {
    color: rgba(0,0,0,.65);
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.VOG2_4 {
    font-size: .75rem;
    margin-bottom: .75rem
}

.nbOlkJ {
    text-transform: capitalize
}

.XSf49O {
    color: rgba(0,0,0,.65);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .XSf49O:hover {
        color: #ee4d2d
    }

.iAi94j {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.pKAjzv {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vq6xtZ {
    box-sizing: border-box;
    padding: .3125rem;
    width: 15.625rem
}

    .vq6xtZ:first-child:nth-last-child(6), .vq6xtZ:first-child:nth-last-child(6) ~ .vq6xtZ, .vq6xtZ:last-child {
        width: 12.5rem
    }

._10PPSE {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem
}

    ._10PPSE.aIFqWF {
        margin-top: 0
    }

.bgOb6M {
    text-transform: uppercase
}

.vPNCr1 {
    display: flex;
    margin: 0 -.3125rem;
    padding: .3125rem;
    width: 100%
}

.jecJyh, .vPNCr1 {
    align-items: flex-start
}

.jecJyh {
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.nG8BOB {
    align-items: flex-start
}

.Nnkdjq, .nG8BOB {
    display: flex;
    flex-wrap: wrap
}

.Nnkdjq {
    justify-content: center
}

.nG8BOB {
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.54);
    justify-content: space-between;
    padding: 2.5rem 0
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    .nG8BOB {
        border-top: .5px solid rgba(0,0,0,.1)
    }
}

.S_vvhv {
    line-height: 1.125rem
}

.HA1rix {
    flex-basis: 100%;
    margin-bottom: .75rem
}

.HN_XU3 {
    flex-shrink: 0;
    margin-right: 25px
}

    .HN_XU3.BYwDbj {
        color: rgba(25,37,55,.5);
        margin-right: 0
    }

        .HN_XU3.BYwDbj a {
            color: rgba(25,37,55,.5);
            font-size: 14
        }

            .HN_XU3.BYwDbj a:hover {
                color: #ee4d2d
            }

.z57PuO {
    flex: 1 0 auto;
    text-align: right
}

.OlRvi1 {
    padding: 0 5px
}

    .OlRvi1:not(:last-child) {
        border-right: 1px solid rgba(0,0,0,.2)
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    .OlRvi1:not(:last-child) {
        border-right: .5px solid rgba(0,0,0,.2)
    }
}

.KhMvrZ {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: none;
    text-decoration: none
}

.Zn2MX4 {
    margin: auto;
    width: 75rem
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    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;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        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
}

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

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .sprite-product-sharing {
        background-color: transparent;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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: transparent;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ce6e47c2e0ac38a5.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .sprite-social {
        background-color: transparent;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e72e31ec527056bc.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: transparent;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/29fb30eeb5787273.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .sprite-social-white {
        background-color: transparent;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/194364636b5f2e40.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
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px
}

.container-wrapper {
    min-width: 1200px
}

.row {
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

.col, .row {
    box-sizing: border-box;
    display: flex
}

.col {
    flex: 0 1 auto;
    flex-direction: column;
    flex-wrap: wrap
}

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

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

.col-xs-1-2, .col-xs-2, .col-xs-2-4, .col-xs-3, .col-xs-4, .col-xs-6, .col-xs-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: .3125rem;
    padding-right: .3125rem
}

.col-xs-1 {
    flex-basis: 8.333%;
    max-width: 8.333%
}

.col-xs-1-2 {
    flex-basis: 10%;
    max-width: 10%
}

.col-xs-2 {
    flex-basis: 16.666%;
    max-width: 16.666%
}

.col-xs-2-4 {
    flex-basis: 20%;
    max-width: 20%
}

.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    flex-basis: 33.333%;
    max-width: 33.333%
}

.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-8 {
    flex-basis: 66.667%;
    max-width: 66.667%
}

@media only screen and (min-width:63em) {
    .col-md-2 {
        box-sizing: border-box;
        flex: 0 0 auto;
        flex-basis: 16.666%;
        max-width: 16.666%;
        padding-left: .3125rem;
        padding-right: .3125rem
    }
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9cff5f27f6ad3d59.eot);
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2188ea3f3f8ab51a.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5605865fb101be1a.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/927a054450f267d5.svg#Roboto-Light) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b21a0eefbec4f57f.eot);
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2313f68c10458709.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b796ce65a81adc41.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0de7f60790f8cb39.svg#Roboto-Regular) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0d2870f5e1759c7a.eot);
    src: local("Roboto Bold"),local("Roboto-Bold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/313d5de65a92aae6.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ed694f411e0b3a82.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/40deb8899be6c521.svg#Roboto-Bold) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9a9c9421bcdef79c.eot);
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/769ea541b3eef14d.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/03501557d620ee6b.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2ca9cc4a85156bbe.svg#Roboto-Medium) format("svg")
}

@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-pcmall-live-sg/assets/5520703b5993e245.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/79f7fcdd171a385b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/fb9f532072fb0047.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/1833f395df238635.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/b54332120212464b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/141d628cc69ada8e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/24a0424ed772ea10.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/4b45d31c252b198d.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/f450151ddd2e8e05.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/9eeea1d9e3f7653e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-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-pcmall-live-sg/assets/9ea237df494c5988.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2e1d923e4ec382c2.woff) format("woff")
}

body {
    font-size: .875rem;
    text-size-adjust: none;
    -webkit-text-size-adjust: none
}

body, html {
    color: rgba(0,0,0,.8);
    font-family: Helvetica Neue,Helvetica,Arial,文泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,儷黑 Pro,LiHei Pro,Heiti TC,微軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif;
    line-height: 1.2
}

    .roboto body, html.roboto {
        font-family: Roboto,Helvetica Neue,Helvetica,Arial,文泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,儷黑 Pro,LiHei Pro,Heiti TC,微軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif
    }

.stardust-button {
    font-family: inherit !important
}

.clearfix {
    clear: both
}

.hide {
    display: none
}

.expand {
    flex-grow: 1
}

.link-to-keep-parent-style {
    color: currentColor;
    text-decoration: inherit
}

.card {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.h-center {
    justify-content: center
}

.flex, .h-center {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-auto {
    flex: 1 1 auto
}

.flex-no-overflow {
    width: 0
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

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

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

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

.center {
    justify-content: center
}

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

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

.skeleton-line {
    height: .625rem
}

.skeleton-full {
    width: 100%
}

.skeleton-medium {
    width: 66.67%
}

.skeleton-short {
    width: 33.33%
}

:root {
    --focus-indicator-color: rgba(0,0,0,.87);
    --focus-indicator-stroke-width: 2px;
    --focus-indicator-spacing: 4px;
    --focus-indicator-border-radius: 2px;
    --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-color: #f5f5f5
}

    body .stardust-popup {
        box-sizing: border-box;
        z-index: 10000
    }

        body .stardust-popup .stardust-popup__dialog--wrapper {
            box-sizing: border-box;
            max-width: 31.25rem;
            z-index: 10000
        }

        body .stardust-popup .stardust-popup__dialog {
            border-radius: 2px;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            padding-bottom: 1.875rem
        }

        body .stardust-popup .stardust-popup__dialog--wrapper-top {
            font-size: 16px;
            padding-left: 1.875rem;
            padding-right: 1.875rem;
            padding-top: 2.5rem
        }

        body .stardust-popup .stardust-popup-title {
            text-align: left
        }

        body .stardust-popup .stardust-popup-buttons {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            margin-left: 1.875rem;
            margin-right: 1.875rem;
            margin-top: 1.875rem
        }

        body .stardust-popup .stardust-popup-button {
            border: .0625rem solid rgba(0,0,0,.09);
            border-radius: .125rem;
            box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.03);
            box-sizing: border-box;
            flex: 0 1 6.25rem;
            font-size: 14px;
            height: 2.5rem;
            line-height: 2.5rem;
            margin-left: 1rem;
            padding-left: .625rem;
            padding-right: .625rem;
            white-space: nowrap
        }

        body .stardust-popup .stardust-popup-button--main {
            background: #ee4d2d;
            color: #fff;
            text-transform: uppercase
        }

            body .stardust-popup .stardust-popup-button--main:hover {
                background: #f05d40
            }

            body .stardust-popup .stardust-popup-button--main:active {
                background: #e2492b
            }

        body .stardust-popup .stardust-popup-button--secondary {
            background: #fff;
            border: 0;
            color: rgba(0,0,0,.87);
            text-transform: uppercase
        }

            body .stardust-popup .stardust-popup-button--secondary:hover {
                background: rgba(0,0,0,.02);
                border-color: rgba(0,0,0,.09)
            }

            body .stardust-popup .stardust-popup-button--secondary:active {
                background: rgba(0,0,0,.02);
                border-color: rgba(0,0,0,.09);
                box-shadow: inset 0 .125rem .0625rem 0 rgba(0,0,0,.05)
            }

.ofs-tw-logo {
    max-width: 150px
}

.icon-tw-mall-inline {
    height: .9375rem;
    width: 1.875rem
}

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

.icon-all-cate {
    width: .75rem
}

.icon-notification-2 {
    height: 1.125rem;
    width: .875rem
}

.icon-notifications-wallet {
    stroke: #fff
}

.icon-order-order, .icon-order-paid, .icon-order-problem, .icon-order-rating, .icon-order-received, .icon-order-shipping {
    stroke: currentColor
}

.icon-shopee-logo {
    height: 4rem;
    width: 11.875rem;
    fill: #fff
}

.icon-line {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8b4b3dceaa953277.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.icon-shopee-logo--official-shop {
    height: 2.8125rem;
    width: 2.5rem;
    fill: #fff
}

.icon-location-marker {
    color: #ee4d2d;
    fill: currentColor
}

.icon-vn-privacy {
    background-position: 0 -110px
}

.icon-vn-shipping {
    background-position: 0 -122px
}

.icon-vn-tos {
    background-position: 0 -134px
}

.icon-vn-violation {
    background-position: 0 -146px
}

.icon-share-fb, .icon-share-gplus, .icon-share-messenger, .icon-share-pinterest, .icon-share-twitter {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a9aa082a68fac8e7.png) no-repeat;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 24px
}

.icon-share-messenger {
    background-position: 0 0
}

.icon-share-fb {
    background-position: -24px 0
}

.icon-share-gplus {
    background-position: 0 -24px
}

.icon-share-pinterest {
    background-position: -24px -24px
}

.icon-share-twitter {
    background-position: 0 -48px
}

.shopee-spacer {
    background-color: rgba(0,0,0,.12);
    display: inline-block;
    height: .625rem;
    width: 1px
}

.address-modal__form_input {
    width: 100%
}

    .address-modal__form_input.hidden {
        height: 1px;
        left: -1000px;
        opacity: 0;
        position: absolute;
        top: -1000px;
        width: 1px
    }

.address-modal .shopee-popup-form__main-container {
    margin-bottom: 0;
    padding-bottom: 84px
}

.shopee-address-picker {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    width: 20rem;
    z-index: 1
}

.shopee-address-picker__search-bar {
    background-color: #fff;
    padding: .3125rem .625rem
}

    .shopee-address-picker__search-bar input {
        background-color: #f5f5f5;
        border: 0;
        border-radius: 2px;
        box-sizing: border-box;
        height: 1.875rem;
        line-height: 1.875rem;
        outline: none;
        padding: 0 .625rem;
        width: 100%
    }

        .shopee-address-picker__search-bar input::placeholder {
            color: rgba(0,0,0,.26)
        }

.shopee-address-picker__current-level-list, .shopee-address-picker__search-result {
    list-style: none;
    margin: 0;
    max-height: 17.5rem;
    overflow-y: scroll;
    padding: 0
}

.shopee-address-picker__current-level-list-item, .shopee-address-picker__last-selected-address-level, .shopee-address-picker__search-result-item {
    cursor: pointer;
    padding: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-address-picker__last-selected-address-level {
    align-items: center;
    background-color: #f5f5f5;
    color: #ee4d2d;
    display: flex
}

    .shopee-address-picker__last-selected-address-level .icon-arrow-left {
        font-size: .625rem;
        margin-right: .625rem
    }

.notification-card {
    cursor: pointer;
    display: flex;
    padding: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .notification-card .shopee-image-placeholder {
        background-color: #f5f5f5
    }

        .notification-card .shopee-image-placeholder .shopee-svg-icon {
            font-size: 2.5rem
        }

    .notification-card:hover {
        background-color: #f8f8f8
    }

    .notification-card .shopee-avatar {
        flex-shrink: 0;
        height: 3.75rem;
        width: 3.75rem
    }

.notification-card__connector {
    background: rgba(0,0,0,.09);
    bottom: 0;
    left: 3.75rem;
    position: absolute;
    top: 0;
    width: .0625rem
}

.notification-card__connector-dot {
    background: #e2e2e2;
    border-radius: 50%;
    height: .5rem;
    left: 3.5rem;
    margin-top: .375rem;
    position: absolute;
    width: .5rem
}

.notification-card__collapse {
    cursor: pointer;
    margin-left: .625rem
}

.notification-card__image {
    background-color: #fff;
    display: flex;
    flex-flow: row-reverse wrap-reverse;
    flex-shrink: 0;
    height: 5rem;
    justify-content: space-around;
    position: relative;
    width: 5rem
}

.notification-card__img-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    width: 100%
}

.notification-card__img-background--half {
    align-self: center;
    padding-top: 50%;
    width: 50%
}

.notification-card__detail {
    word-wrap: break-word;
    flex-shrink: 1;
    margin-right: .625rem;
    min-width: 0;
    padding-left: 1.25rem
}

.notification-card__title {
    color: rgba(0,0,0,.8);
    font-size: 1rem;
    margin-bottom: .625rem
}

.notification-card__description {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-bottom: .625rem;
    max-width: 40.625rem
}

.notification-card__content {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-bottom: .3125rem
}

.notification-card__info {
    color: rgba(0,0,0,.54);
    display: flex;
    font-size: .875rem;
    line-height: 1
}

.notification-card__button {
    flex-shrink: 0;
    margin-left: auto
}

    .notification-card__button .shopee-button-outline {
        background-color: #fff;
        box-sizing: border-box;
        font-size: .75rem;
        height: 1.875rem;
        min-width: 5rem;
        padding: 0 .4375rem;
        text-transform: capitalize
    }

        .notification-card__button .shopee-button-outline:hover {
            border-color: #ee4d2d;
            color: #ee4d2d
        }

    .notification-card__button .shopee-button-outline--complement {
        border-color: #00bfa5;
        color: #00bfa5
    }

.notification-card--group-primary {
    position: relative
}

    .notification-card--group-primary .notification-card__connector {
        top: 50%
    }

    .notification-card--group-primary .notification-card__connector--single {
        display: none
    }

.notification-card__spinner {
    animation: spin .6s linear infinite;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/596cd3a8f0f9a6d6.png);
    height: .75rem;
    width: .75rem
}

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

.notification-card--group-secondary {
    background: #f9f9f9;
    padding-left: 6.25rem;
    position: relative
}

    .notification-card--group-secondary .notification-card__title {
        color: rgba(0,0,0,.54)
    }

.notification-card--mini {
    padding: .5rem .625rem
}

    .notification-card--mini .shopee-image-placeholder .shopee-svg-icon {
        font-size: 1.5rem
    }

    .notification-card--mini .shopee-avatar {
        height: 2.5rem;
        width: 2.5rem
    }

    .notification-card--mini .notification-card__image {
        border: .5px solid rgba(0,0,0,.09);
        box-sizing: border-box;
        height: 2.5rem;
        width: 2.5rem
    }

    .notification-card--mini .notification-card__detail {
        padding-left: .375rem
    }

    .notification-card--mini .notification-card__title {
        font-size: .875rem;
        margin-bottom: .375rem
    }

    .notification-card--mini .notification-card__content {
        color: rgba(0,0,0,.54);
        font-size: .75rem;
        line-height: .9375rem
    }

    .notification-card--mini .notification-card__description {
        margin-bottom: .375rem;
        max-width: 20rem
    }

.notification-card--unread {
    background-color: #fff2ee
}

.shopee-popup {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 600
}

.shopee-popup__overlay {
    background-color: rgba(0,0,0,.4);
    height: 100%;
    width: 100%
}

.shopee-popup__container {
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    overflow: visible;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shopee-popup__close-btn {
    align-items: center;
    background-color: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 1.875rem;
    justify-content: center;
    line-height: 2.5rem;
    position: absolute;
    right: -.625rem;
    top: -.625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.875rem
}

    .shopee-popup__close-btn .shopee-svg-icon {
        color: #fff;
        font-size: .75rem
    }

.shopee-alert-popup {
    overflow: visible;
    padding: 1.25rem;
    width: 31.25rem
}

.shopee-alert-popup__title {
    color: #ee4d2d;
    font-size: 1.5rem;
    margin-top: 1.875rem
}

.shopee-alert-popup__message {
    font-size: 1rem;
    margin-top: 2.5rem
}

.shopee-alert-popup__message-list {
    display: flex;
    flex-direction: column;
    margin-top: 1.875rem
}

.shopee-alert-popup__button-vertical-layout {
    display: flex;
    flex-direction: column;
    margin-top: 6.25rem
}

    .shopee-alert-popup__button-vertical-layout .shopee-alert-popup__button-spacer {
        height: 1.25rem
    }

    .shopee-alert-popup__button-vertical-layout .shopee-button-outline, .shopee-alert-popup__button-vertical-layout .shopee-button-solid {
        flex: 1;
        font-size: 1rem
    }

    .shopee-alert-popup__button-vertical-layout .shopee-button-outline {
        color: rgba(0,0,0,.8)
    }

.shopee-alert-popup__button-horizontal-layout {
    display: flex;
    margin-top: 6.25rem
}

    .shopee-alert-popup__button-horizontal-layout .shopee-alert-popup__button-spacer {
        width: .625rem
    }

    .shopee-alert-popup__button-horizontal-layout .shopee-button-outline, .shopee-alert-popup__button-horizontal-layout .shopee-button-solid {
        flex: 1;
        padding: .75rem 0;
        text-transform: capitalize
    }

.shopee-no-scroll {
    overflow: hidden
}

.shopee-shop-collection-filter__collection, .shopee-shop-collection-filter__header {
    font-weight: 500
}

.shopee-shop-collection-filter__header {
    color: rgba(0,0,0,.8);
    padding: .875rem 0 1.125rem;
    text-transform: uppercase
}

.shopee-shop-collection-filter__collection {
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .8125rem;
    padding: .625rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-shop-collection-filter__collection--active {
    color: #ee4d2d
}

.shopee-shop-collection-filter__collection + .shopee-shop-collection-filter__collection {
    border-top: 1px solid rgba(0,0,0,.09)
}

.shop-collection-view {
    margin-bottom: .625rem
}

.shop-search-result-view__item {
    margin-top: .625rem
}

.shop-collection-list {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    max-height: 18.75rem;
    overflow: hidden;
    overflow-y: auto;
    width: 16.875rem
}

.shop-collection-list__item {
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    height: 3.75rem;
    overflow: hidden;
    padding-left: 3.75rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .shop-collection-list__item:hover {
        background-color: #f8f8f8
    }

        .shop-collection-list__item:hover .shop-collection-list__item-desc-name {
            color: #ee4d2d
        }

.shop-collection-list__item-image {
    background-color: #f5f5f5;
    height: 2.5rem;
    left: .625rem;
    position: absolute;
    top: .625rem;
    width: 2.5rem
}

    .shop-collection-list__item-image > .shopee-svg-icon {
        font-size: 1.25rem;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .shop-collection-list__item-image > img, .shop-collection-list__item-image__adult-mask {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.shop-collection-list__item-image__adult-mask {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%
}

.shop-collection-list__item-image__adult-mask--18 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6066e69e47bdcc11.png)
}

.shop-collection-list__item-image__adult-mask--20 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c2c6fbe913449b5f.png)
}

.shop-collection-list__item-image__adult-mask--21 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3f85d623d716ceb7.png)
}

.shop-collection-list__item-desc {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.shop-collection-list__item-desc-name {
    color: rgba(0,0,0,.87);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shop-collection-list__item-desc-product {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-top: .125rem
}

.shopee-guarantee-icon {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/73b4bb25115d063d.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.order-detail-header {
    background-color: #fff;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}

.order-detail-header__state-container {
    box-sizing: border-box;
    padding: 5rem 2.8125rem 2.8125rem;
    position: relative
}

.order-detail-header__back-button, .order-detail-header__note {
    font-size: .875rem;
    line-height: 1rem;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem
}

.order-detail-header__separator {
    margin: 0 1em
}

.order-detail-header__back-button {
    align-items: center;
    color: rgba(0,0,0,.54);
    display: flex;
    left: 1.25rem
}

    .order-detail-header__back-button:hover {
        cursor: pointer
    }

.order-detail-header__back-button--arrow {
    font-size: .875rem;
    margin-right: .3125rem
}

.order-detail-header__status {
    color: #ee4d2d;
    text-transform: uppercase
}

.order-detail-header__invoice {
    padding: 0 .9375rem
}

.order-detail-header__invoice-inner {
    align-items: center;
    border-top: 1px dashed #eee;
    display: flex;
    justify-content: space-between;
    padding: .625rem .3125rem
}

.order-detail-header__invoice-title {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.order-detail-header__invoice-ph-title {
    display: inline-block;
    font-size: 12px
}

.order-detail-header__invoice-popover {
    background-color: #fff;
    border-radius: 4px;
    height: 231px;
    padding: 15px;
    width: 350px
}

.order-detail-header__invoice-disclaimer-header {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px
}

.order-detail-header__invoice-disclaimer-content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.order-detail-header__invoice-icon {
    margin-left: 8px;
    vertical-align: middle
}

.order-detail-header__action-container {
    background-color: #fffcf5;
    box-sizing: border-box;
    padding-top: 1.25rem
}

.order-detail-header__button-wrapper {
    background: #fff;
    flex-shrink: 0;
    font-size: .875rem;
    height: 2.5rem;
    margin-left: 1rem;
    width: 13.125rem
}

.order-detail-header__button-wrapper-container {
    align-items: flex-start;
    border-bottom: 1px dotted rgba(0,0,0,.09);
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: .625rem;
    padding: 0 1.25rem .625rem
}

.order-detail-header__button-wrapper-container--last {
    border-bottom: 0;
    padding-bottom: 1.25rem
}

.order-detail-header__group-buttons-wrapper-container {
    display: flex
}

.order-detail-header__text-info-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 1.25rem;
    text-align: left
}

    .order-detail-header__text-info-wrapper p {
        margin: 0;
        padding: 0;
        width: 100%
    }

.order-detail-header__text-info-wrapper-with-reason > span:first-child {
    font-weight: 600
}

.order-detail-header__button-content-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: capitalize
}

.order-detail-header__shopee-guarantee__icon {
    display: inline-block;
    height: 1.25rem;
    margin-right: .3125rem;
    width: 1.25rem
}

.order-detail-header__primary-icon {
    color: #ee4d2d;
    font-size: 1.25rem;
    margin: 0 .625rem 0 .3125rem
}

.order-detail-header__primary-shopee-guarantee-icon {
    height: 1.25rem;
    margin-right: .3125rem;
    width: 1.25rem
}

.purchase-card-buttons__wrapper {
    background: #fffefb;
    padding: 0 1.5rem
}

.purchase-card-buttons__total-payment {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    padding-top: 2.5rem
}

.purchase-card-buttons__shopee-guarantee-icon {
    height: 1.375rem;
    margin-right: .3125rem;
    width: 1.375rem
}

.purchase-card-buttons__label-price {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.25rem;
    margin-right: .625rem
}

.purchase-card-buttons__total-price {
    color: #ee4d2d;
    font-size: 1.875rem;
    line-height: 2rem
}

.purchase-card-buttons__container {
    align-content: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 1.125rem 0 1.25rem
}

.purchase-card-buttons__show-button-wrapper {
    background: #fff;
    height: 2.5rem;
    margin-left: .625rem;
    min-width: 10rem
}

    .purchase-card-buttons__show-button-wrapper .shopee-button-outline, .purchase-card-buttons__show-button-wrapper .shopee-button-solid {
        box-sizing: border-box;
        padding: 0 .625rem
    }

.purchase-card-buttons__text-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

.purchase-card-buttons__open-more-wrapper {
    height: 2.5rem;
    margin-left: .625rem;
    position: relative;
    width: 6.25rem
}

.purchase-card-buttons__open-more-button {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    height: 100%;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

.purchase-card-buttons__open-more-button__arrow {
    font-size: .625rem;
    margin-left: .3125rem
}

.purchase-card-buttons__inside-button-container {
    background: #fff;
    border: 1px solid #ee4d2d;
    display: none;
    left: 0;
    position: absolute;
    top: 2.5rem;
    z-index: 1
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__open-more-button {
    border: 1px solid #ee4d2d;
    border-bottom-color: #fff;
    color: #ee4d2d
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__inside-button-container {
    display: block
}

.purchase-card-buttons__inside-button {
    align-items: center;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    min-width: 11.25rem;
    padding: 0 .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .purchase-card-buttons__inside-button:hover {
        background: #f8f8f8;
        color: #ee4d2d
    }

.purchase-card-buttons__button-content {
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: capitalize
}

.checkout-card__content-wrapper, .order-card__content-wrapper {
    background: #fff
}

.checkout-card__content, .order-card__content {
    padding: 1.25rem 1.25rem 0
}

.order-content-status {
    color: #ee4d2d;
    line-height: 1.5rem;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap
}

.checkout-card__order-wrapper:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.09);
    margin-bottom: 1.875rem
}

.checkout-card__order-wrapper:last-child, .order-card__container {
    border-bottom: 0
}

.purchase-text-info-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

.purchase-text-info {
    font-size: .75rem;
    line-height: .9375rem;
    word-wrap: break-word;
    color: rgba(0,0,0,.54);
    max-width: 25rem
}

.purchase-text-info__hover-point {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-text-info__tooltip-content {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap: break-word;
    text-align: left
}

.purchase-text-info .shopee-drawer {
    display: inline-flex
}

.purchase-text-info:nth-child(2) {
    color: #ee4d2d
}

.purchase-empty-order__container {
    align-items: center;
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.purchase-empty-order__icon {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a6d6d3dcbc5cfbb2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 6.25rem;
    margin-bottom: 1.25rem;
    width: 6.25rem
}

.purchase-empty-order__text {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.0625rem
}

.shopee-order-detail__coin-info {
    background-color: #fff;
    box-sizing: border-box;
    margin-top: .625rem
}

.shopee-order-detail__coin-info-desc {
    align-items: center;
    display: flex
}

.shopee-order-detail__coin-info-icon {
    height: 1.5rem;
    margin-right: .625rem;
    width: 1.5rem
}

.shopee-order-detail__coin-info-label {
    font-size: 1.0625rem
}

.shopee-order-detail__coin-info-sublabel {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-left: .625rem
}

.shopee-order-detail__coin-info-spacer {
    flex: 1
}

.shopee-order-detail__coin-info-amount {
    color: #f6a700;
    font-size: 1.0625rem
}

.shopee-price--primary {
    color: #ee4d2d
}

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

.checkout-card__container, .order-card__container, .order-detail-header {
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    overflow: visible
}

.order-cancel-popup__dropdown {
    display: block
}

.order-cancel-popup__buttons {
    margin-top: 3.125rem
}

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

.rating-modal__header--view {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding-top: 1.25rem
}

.rating-modal__title {
    color: rgba(0,0,0,.8);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .625rem;
    text-transform: capitalize
}

.rating-modal__created-time {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    padding-bottom: .625rem
}

.rating-modal__rating-action-container {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .875rem;
    position: absolute;
    right: .625rem;
    top: .625rem
}

    .rating-modal__rating-action-container .shopee-button-solid {
        color: rgba(0,0,0,.8);
        font-size: .75rem;
        font-weight: 700;
        margin-left: .625rem;
        padding: .1875rem .3125rem
    }

        .rating-modal__rating-action-container .shopee-button-solid .shopee-svg-icon {
            font-size: .75rem;
            margin-right: 0
        }

.rating-modal__rating-item-wrapper {
    width: 60%
}

.rating-modal__image-list-wrapper {
    flex-grow: 1;
    min-width: 80%
}

.rating-modal-edit-item__container {
    margin-top: 1.875rem
}

.rating-modal-edit-item__back-button-wrapper {
    background: #fff;
    left: 0;
    position: absolute;
    top: 1.125rem;
    width: 100%;
    z-index: 9999
}

.rating-modal-edit-item__back-button {
    color: rgba(0,0,0,.54);
    padding: .3125rem 1.25rem
}

    .rating-modal-edit-item__back-button:hover {
        cursor: pointer
    }

.rating-modal-edit-item__back-button-arrow {
    font-size: .875rem;
    margin-right: .3125rem
}

.rating-stars__container {
    display: flex
}

    .rating-stars__container > div {
        margin: 0 .125rem
    }

.rating-stars__star {
    stroke: currentColor
}

.rating-stars__star--clickable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-modal-handler__container {
    border-bottom: 1px dotted rgba(0,0,0,.09);
    padding-bottom: 1.875rem
}

.rating-modal-handler__container--last {
    border-bottom: 0
}

.rating-modal-handler__rating-stars-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 2.25rem;
    justify-content: center;
    letter-spacing: .25rem;
    padding: .625rem 0 1.25rem;
    position: relative
}

.rating-modal-handler__rating-prompt-text {
    color: rgba(0,0,0,.54);
    margin-bottom: 1.25rem;
    text-align: center
}

.shopee-rating-stars {
    display: inline-block;
    position: relative
}

.shopee-rating-stars__stars {
    display: flex
}

.shopee-rating-stars__star-wrapper {
    margin-right: 1px;
    position: relative
}

    .shopee-rating-stars__star-wrapper > .shopee-rating-stars__lit {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1
    }

.shopee-rating-stars__gold-star {
    color: #ffce3d;
    fill: #ffce3d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.shopee-rating-stars__dark-star {
    color: #d5d5d5;
    display: block
}

.shopee-rating-stars__primary-star {
    color: #ee4d2d;
    stroke: #ee4d2d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.theme--ofs .shopee-rating-stars__primary-star {
    color: #d0011b;
    stroke: #d0011b
}

.theme--s-mart .shopee-rating-stars__primary-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.shopee-rating-stars__hollow-star {
    color: #ee4d2d;
    display: block;
    stroke: currentColor
}

.theme--s-mart .shopee-rating-stars__hollow-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.daily-discover-page, .recommend-products-by-view {
    padding: 2.5rem 0 3.75rem
}

.daily-discover-page__content, .recommend-products-by-view__content {
    padding: 1.25rem 0 2.6875rem
}

.daily-discover-page__item-card-wrapper, .recommend-products-by-view__item-card-wrapper {
    margin-bottom: .625rem
}

.purchase-list-page__tabs-container {
    background: #fff;
    border-radius: .125rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    margin-bottom: .75rem;
    overflow: hidden
}

.purchase-list-page__tab {
    align-items: center;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.1875rem;
    overflow: hidden;
    padding: 1rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .purchase-list-page__tab:hover {
        color: #ee4d2d
    }

.purchase-list-page__tab--selected {
    border-bottom: 2px solid #ee4d2d;
    color: #ee4d2d
}

.purchase-list-page__tab-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.purchase-list-page__tab-count {
    color: #ee4d2d;
    font-size: .9em;
    margin-left: .3em;
    vertical-align: baseline
}

.purchase-list-page__search-bar {
    background: #eaeaea;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: #555;
    display: flex;
    padding: .75rem 0
}

    .purchase-list-page__search-bar ::placeholder {
        color: #929292
    }

    .purchase-list-page__search-bar svg {
        margin-left: .9375rem;
        margin-right: .9375rem;
        stroke: #bbb
    }

    .purchase-list-page__search-bar input {
        align-content: center;
        background-color: inherit;
        border: 0;
        display: flex;
        flex: 1;
        font-size: .875rem;
        line-height: 1rem;
        outline: none
    }

.purchase-list-page__search-bar-focus svg {
    stroke: #555
}

.purchase-list-page__search-result {
    color: #757575;
    font-size: 14px;
    margin-top: 1.25rem;
    text-align: center
}

    .purchase-list-page__search-result div {
        display: inline
    }

    .purchase-list-page__search-result span {
        color: #555
    }

.purchase-list-page__checkout-card-wrapper:last-child, .purchase-list-page__order-card-wrapper:last-child {
    margin-bottom: 0
}

.purchase-list-page__checkout-card-wrapper, .purchase-list-page__order-card-wrapper {
    margin-bottom: .625rem;
    margin-top: .75rem
}

.purchase-list-page__empty-page-wrapper {
    height: 37.5rem;
    margin-top: .75rem;
    width: 100%
}

.theme--ofs .shopee-cart-number-badge, .theme--ofs .shopee-notification-number-badge {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .footer {
    border-top-color: #d0011b
}

.theme--ofs .footer__category-list-item-main > a:hover, .theme--ofs .footer__category-list-item-sub > a:hover, .theme--ofs .icon-like, .theme--ofs .icon-preorder, .theme--ofs .navbar-wrapper .navbar__link--login:hover .navbar__link-text, .theme--ofs .navbar-wrapper .navbar__link--login > .navbar__link-text, .theme--ofs .product-comment-item__at-user, .theme--ofs .product-page .shopee-tab-container__header-item--active > .product-page__tab-link, .theme--ofs .shopee-address-picker__last-selected-address-level, .theme--ofs .shopee-badge--promotion__label-wrapper, .theme--ofs .shopee-badge--promotion__label-wrapper__off-label.shopee-badge--promotion__label-wrapper__off-label--zh-Hant, .theme--ofs .shopee-facet-filter__facet .shopee-checkbox__box--checked, .theme--ofs .shopee-filter-group__item .shopee-checkbox__box--checked, .theme--ofs .shopee-item-card__hidden-price-display, .theme--ofs .shopee-mini-page-controller__current, .theme--ofs .shopee-product-info-body__order-quantity .shopee-button-outline-mid, .theme--ofs .shopee-product-info-body__preorder, .theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover .shopee-product-info-body__ship-to-text, .theme--ofs .shopee-product-info__header__rating-desc, .theme--ofs .shopee-product-info__header__real-price, .theme--ofs .shopee-product-rating-overview__text-overview, .theme--ofs .shopee-product__shipping-option-current-channel-cost, .theme--ofs .shopee-rating-stars__hollow-star, .theme--ofs .shopee-search-correction__new-search, .theme--ofs .shopee-search-filter-status, .theme--ofs .shopee-search-result-header__text-highlight, .theme--ofs .shopee-search-user-brief__header-text-highlight, .theme--ofs .shopee-search-user-item .shopee-svg-icon:not(.icon-tick), .theme--ofs .shopee-search-user-item__follow-count-number, .theme--ofs .shopee-search-user-seller-info-item__primary-text, .theme--ofs .shopee-searchbar-hints__search-shop > .shopee-svg-icon, .theme--ofs .shopee-shop-collection-filter__collection--active, .theme--ofs .shopee-sort-by-options .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected):hover, .theme--ofs .wholesale-popup__price, .theme--ofs .wholesale-table__body-cell--price {
    color: #d0011b !important;
    stroke: #d0011b !important
}

.theme--ofs .shopee-header-section__header-link > .shopee-button-no-outline {
    color: #d0011b
}

.theme--ofs .section-recommend-products__separator, .theme--ofs .shopee-sort-by-options .shopee-dropdown--has-selected > .shopee-dropdown__entry--selected, .theme--ofs .shopee-sort-by-options__option--selected {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .image-carousel__dot--active, .theme--ofs .shopee-page-controller > .shopee-button-solid, .theme--ofs .shopee-price-range-filter__button > .shopee-button-solid, .theme--ofs .shopee-search-empty-result-section__button .shopee-button-solid, .theme--ofs .shopee-search-reset > a > .shopee-button-solid {
    background-color: #d0011b
}

.theme--ofs .shopee-searchbar > .shopee-button-solid:hover {
    background-color: #c30018
}

.theme--ofs .shopee-product-rating-overview__filter--active {
    border-color: #d0011b;
    fill: #d0011b
}

.theme--ofs .product-page .shopee-tab-container__header-item--active, .theme--ofs .shopee-image-gallery__option-image-wrapper__selected-mask, .theme--ofs .shopee-lightbox-thumbnail__selected-mask, .theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover {
    border-color: #d0011b
}

.theme--ofs .btn-buynow, .theme--ofs .shopee-button-solid--primary {
    background-color: #d0011b
}

    .theme--ofs .btn-buynow:hover, .theme--ofs .shopee-button-solid--primary:hover {
        background-color: #e00622
    }

    .theme--ofs .btn-buynow:active, .theme--ofs .shopee-button-solid--primary:active {
        background-color: #c30018
    }

.theme--ofs .btn-add-to-cart, .theme--ofs .btn-chat-now {
    background-color: #fff3f3;
    border: 1px solid #d0011b;
    color: #d0011b
}

    .theme--ofs .btn-add-to-cart:hover, .theme--ofs .btn-chat-now:hover {
        background-color: #fff
    }

    .theme--ofs .btn-add-to-cart:active, .theme--ofs .btn-chat-now:active {
        background-color: #ffe8e8
    }

.theme--ofs .icon-web-chat, .theme--ofs .product-page-bundle-deal__see-all {
    color: #d0011b !important
}

.theme--ofs .product-page-bundle-deal__tag, .theme--ofs .shopee-item-card__bundle-deal, .theme--ofs .shopee-product-info__header__bundle-deal-tag {
    border-color: #d0011b !important;
    color: #d0011b !important
}

.theme--ofs .select-with-status__dropdown-item:hover {
    background: #d0011b
}

.theme--ofs .section-seller-overview__item-text-value, .theme--ofs .shop-collection-list__item:hover .shop-collection-list__item-desc-name, .theme--ofs .shop-page-shop-description__shop-name, .theme--ofs .shop-page__menu .shop-page__menu-item:hover, .theme--ofs .shopee-category-list__sub-category--active, .theme--ofs .shopee-sort-bar .shopee-sort-by-options .select-with-status__value {
    color: #d0011b
}

.theme--ofs .shop-page__menu .shop-page__menu-item--active {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .shopee-product-info__header__real-price {
    color: #d0011b
}

.theme--ofs .shopee-category-list__sub-category--active .shopee-category-list__sub-category__caret {
    fill: #d0011b
}

.theme--ofs .shopee-sort-bar .shopee-sort-by-options__option--selected {
    background: #d0011b
}

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

.clear-btn-style {
    background: 0;
    border: 0
}

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

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

    .wA1Z8K .y9r1Xm {
        background-color: transparent
    }

.qWVZ0g {
    animation: GI0Spp 2s ease-in-out infinite;
    background-color: #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    height: 120px;
    margin: 8px;
    opacity: .5;
    width: calc(100% - 16px)
}

@keyframes GI0Spp {
    50% {
        opacity: .2
    }
}

.SVGuJk {
    background-color: #fff;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.oF6kex circle {
    animation: QUJKYY .4s linear infinite
}

    .oF6kex circle:nth-child(2) {
        animation-delay: .1s
    }

    .oF6kex circle:nth-child(3) {
        animation-delay: .2s
    }

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

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

    to {
        transform: translateY(2px)
    }
}

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

    .U1dZiz .zF5d6q {
        background-color: transparent
    }

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

.ZKayWA, .vvOL40 {
    justify-content: center
}

.dUJi6h {
    flex: 1
}

.iesrPs {
    background: none;
    border: 0;
    border-radius: .125rem;
    outline: none;
    padding: 0 .625rem
}

    .iesrPs:hover {
        opacity: .91
    }

    .iesrPs:active {
        opacity: 1
    }

    .iesrPs:disabled {
        cursor: not-allowed;
        opacity: .7
    }

.ZKayWA {
    height: 2.5rem;
    min-width: 8.75rem
}

    .ZKayWA:not(:first-of-type) {
        margin-left: .625rem
    }

.AsFRg8 {
    text-transform: uppercase
}

.AnY7KS {
    background-color: #ee4d2d;
    box-shadow: 0 1px 1px rgba(0,0,0,.09);
    color: #fff
}

    .AnY7KS:active {
        background-color: #e2492b
    }

.khGAfo {
    color: #555
}

    .khGAfo:hover {
        background-color: #f8f8f8
    }

    .khGAfo:active {
        background-color: #f5f5f5
    }

.Kwsoi0 {
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px rgba(0,0,0,.03);
    color: #555
}

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

    .Kwsoi0:active {
        box-shadow: inset 0 2px 1px rgba(0,0,0,.05)
    }

.oKmFAz {
    color: #05a;
    font-size: .75rem;
    line-height: .875rem;
    padding: 0 .625rem
}

.qCI4rz {
    width: 100%
}

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

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .XwUfgu {
        height: 1px
    }

        .XwUfgu:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.zM1tOJ {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    box-sizing: border-box;
    padding: 24px;
    text-align: center;
    width: 500px
}

.RCtVld {
    color: #4080ee
}

.yvDpqf {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 16px
}

.eV5Dp3 {
    color: rgba(0,0,0,.7);
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 24px
}

.XwUfgu {
    height: 40px
}

.fCffgQ {
    font-size: 1rem;
    min-width: 82px
}

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

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .z0_6QP {
        height: 1px
    }

        .z0_6QP:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.fmZ3si {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    box-sizing: border-box;
    padding: 24px;
    text-align: center;
    width: 500px
}

.XH29VT {
    color: #4080ee
}

.Zkvpbi {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 16px
}

.L_7UsS {
    color: rgba(0,0,0,.7);
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 24px 24px
}

.z0_6QP {
    height: 40px
}

.xUjFM5 {
    font-size: 1rem;
    min-width: 82px
}

.ytEk6s {
    padding-top: 24px
}

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

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

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

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

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

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

.TjJ33f, .WYUsbN {
    align-items: center
}

.TjJ33f, .WYUsbN, .fqRb47 {
    display: flex
}

.fqRb47 {
    flex-wrap: wrap
}

.WYUsbN, .fqRb47 {
    justify-content: space-between
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .WYUsbN {
        height: 1px
    }

        .WYUsbN:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.AG8zPN {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
    overflow: hidden;
    width: 500px
}

    .AG8zPN.scPSWV {
        width: 400px
    }

.WYUsbN {
    box-sizing: border-box;
    min-height: 80px
}

.UbljBq {
    margin-bottom: 30px
}

.GNOKX7 {
    overflow: hidden;
    padding: 0 30px 30px
}

    .GNOKX7.scPSWV {
        padding: 0 80px 64px
    }

.TjJ33f {
    padding-bottom: 14px
}

.mYzzJR {
    color: #ccc;
    font-size: .75rem;
    padding: 0 16px;
    text-transform: uppercase
}

.p__MPF {
    background-color: #dbdbdb;
    flex: 1;
    height: 1px;
    width: 100%
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    .p__MPF {
        height: .5px
    }
}

.fqRb47 {
    margin: 0 -5px
}

.F0Pb43, .qnaALj {
    align-items: center
}

.F0Pb43, .hklG8F, .qnaALj {
    display: flex
}

.hklG8F, .qnaALj {
    justify-content: center
}

.F0Pb43 {
    box-sizing: content-box;
    width: 100%
}

.izC0FH {
    fill: #ee4d2d;
    cursor: pointer;
    height: 1.5rem;
    padding-top: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem
}

.qnaALj {
    background-color: transparent;
    border: 0;
    width: 80px
}

.Mrev4x {
    color: #222;
    flex: 1;
    font-size: 1.25rem;
    max-width: calc(100% - 160px);
    padding-right: 80px
}

.FOsE4r {
    max-width: calc(100% - 60px);
    padding: 0 30px
}

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

.XNl3ce {
    background-color: #fbfbfb;
    border: 1px solid rgba(0,0,0,.14);
    border-left: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    min-width: 6.25rem;
    outline: none;
    padding: 0 .625rem
}

.zHbH8e {
    color: #ccc;
    cursor: not-allowed
}

.zMMNYc {
    opacity: .05
}

.gWvMaq {
    opacity: 1;
    transition: opacity .2s
}

.FdLur4 {
    opacity: .05
}

.q9H6pK {
    opacity: 1;
    transition: opacity .2s
}

._UZNfa {
    margin-bottom: .3125rem;
    min-height: 1rem
}

.jCz8wx {
    text-align: center
}

.v53Bz1 {
    color: #ff424f
}

.goVSSz {
    display: flex
}

.ClI39z {
    border-radius: .125rem;
    overflow: hidden;
    width: 100%
}

.EUioWU {
    border: 1px solid rgba(0,0,0,.14);
    box-sizing: border-box;
    height: 2.5rem
}

.EUioWU, .yc_LGF {
    outline: none;
    padding: .625rem
}

.yc_LGF {
    border: 0
}

.fzQpJd {
    border: 1px solid #ff424f
}

.os8kuN {
    border: 1px solid rgba(0,0,0,.14);
    box-sizing: border-box;
    height: 2.5rem
}

.FVqJdE {
    border: 1px solid #ff424f
}

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

.gvHW8s {
    flex: 1;
    flex-shrink: 0
}

.Zy54TL {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: .9375rem;
    padding: .25rem 0 .5rem
}

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

.LASXiD {
    align-items: center;
    display: flex;
    flex-direction: column
}

.PjyeTN, .SdsT8r {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    text-align: center
}

.LASXiD {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.54);
    padding: 1.875rem;
    width: 27.5rem
}

.LIP37l {
    height: 3.125rem;
    margin-bottom: .9375rem;
    width: 3.125rem
}

.PjyeTN {
    color: #ff424f
}

.SdsT8r {
    color: #6c0
}

.EClZx7 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.oiJNwZ {
    height: 60px;
    margin-bottom: 20px;
    width: 60px
}

.dgva4e {
    color: #13b50b;
    font-size: 3.25rem;
    margin: auto
}

.pQbot4 {
    font-size: 1rem;
    margin-bottom: 20px;
    text-align: center
}

.E20eIi {
    color: #ee4d2d
}

.XsMqcH {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 35px
}

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

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .HUgYa0 {
        height: 1px
    }

        .HUgYa0:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.xLiZSw {
    margin-top: 16px;
    min-height: 45px
}

.HUgYa0 {
    background-color: #fff;
    border: 0;
    outline: none;
    padding: 14px;
    width: 100%
}

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

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

    .HUgYa0:disabled {
        border-color: rgba(0,0,0,.09);
        color: rgba(0,0,0,.26);
        cursor: not-allowed
    }

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

.PGNnPM {
    margin-left: 10px;
    margin-top: 3px
}

.kWDfBt {
    align-items: center
}

.j4WRjt, .kWDfBt, .t0q_58 {
    display: flex
}

.j4WRjt {
    flex-direction: column
}

.UFoYT1, .evhll8, .kWDfBt {
    justify-content: center
}

.d3wAcB {
    justify-content: flex-end
}

.j4WRjt {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.54);
    box-sizing: border-box;
    padding: 1.875rem
}

.kbNjkZ {
    max-width: 27.5rem
}

.ImCihB, .kbNjkZ {
    padding: 2.5rem 3.4375rem 1.875rem
}

.ImCihB {
    max-width: 33.75rem
}

.Q9sEi6 {
    font-size: 1.25rem;
    font-weight: 500;
    padding-bottom: 16px
}

.K9pSc1, .Q9sEi6 {
    text-align: center
}

.a3LWkV {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: left
}

.mhJejg {
    color: #555;
    font-size: 1rem;
    width: 23.75rem
}

.t0q_58 {
    margin-top: 1.875rem
}

.BYEx6o {
    text-transform: uppercase
}

.QMsQBJ {
    width: 27.5rem
}

.EArqYj {
    color: #ff424f;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0
}

.NqVvBW {
    margin: 2.1875rem .3125rem .3125rem auto;
    width: 6.25rem
}

.UFoYT1 {
    background-color: #ee4d2d;
    box-shadow: 0 1px 1px rgba(0,0,0,.09);
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 8px 16px
}

    .UFoYT1:not(:first-of-type) {
        margin-left: 10px
    }

    .UFoYT1:active {
        background-color: #e2492b
    }

.VKJeZj {
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px rgba(0,0,0,.03);
    color: #555;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 8px 16px
}

    .VKJeZj:not(:first-of-type) {
        margin-left: 10px
    }

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

    .VKJeZj:active {
        box-shadow: inset 0 2px 1px rgba(0,0,0,.02)
    }

.ni5Nf7 {
    align-items: flex-start;
    flex-direction: column
}

.BaOPLs {
    justify-content: flex-end
}

.WAqhij {
    padding: 16px 0
}

.BaOPLs {
    margin-top: 12px;
    padding: 0 24px
}

.emCMn_ {
    min-width: inherit;
    padding: 8px 16px
}

.ni5Nf7 {
    width: 440px
}

.jem4yU {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px;
    padding: 0 24px
}

.C5Yf7G {
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-top: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.65);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 24px
}

.EGYavB {
    background-color: #fff;
    min-height: 100vh;
    min-width: 1200px
}

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

.kNPp__ {
    justify-content: flex-end
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .zr8Izz {
        height: 1px
    }

        .zr8Izz:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.zr8Izz {
    margin: 0 auto;
    min-height: 600px;
    width: 1040px
}

.kNPp__ {
    height: 600px
}

.Oum0EI {
    min-height: calc(100vh - 185px)
}

.v2jPJ1 {
    background-color: #f5f5f5
}

.UT_A2j {
    color: rgba(0,0,0,.54);
    padding: 40px 0;
    text-align: center
}

.qKRhu0 {
    fill: #ee4d2d
}

.eKtH2K {
    height: 42px;
    margin-right: -18px;
    margin-top: -10px
}

.q4QOMS {
    height: 42px;
    margin-right: 10px;
    margin-top: -16px
}

.ZsVbZy, .pBH3X6, .sgkZTW {
    align-items: center;
    display: flex
}

.sgkZTW {
    justify-content: space-between
}

.pBH3X6 {
    box-shadow: 0 6px 6px rgba(0,0,0,.06);
    height: 84px
}

.sgkZTW {
    margin: 0 auto;
    width: 1200px
}

.kEnKzM {
    font-size: 0
}

.wIgXRX {
    color: #222;
    font-size: 1.5rem
}

.MAij6H {
    color: #ee4d2d;
    cursor: pointer;
    font-size: .875rem;
    margin-right: 15px
}

.masZxZ, .xHsPcI {
    display: flex
}

.masZxZ {
    flex-direction: column
}

.xHsPcI {
    justify-content: flex-end
}

.masZxZ {
    height: 12.5rem;
    padding: 1.875rem
}

.LNMm9l {
    color: #ff424f;
    flex: 1;
    font-size: 1rem
}

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

.Yjej6G {
    background-color: #f5f5f5;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 50%;
    height: 3.75rem;
    margin: 1.25rem auto 0;
    width: 3.75rem
}

.Ugvm_8 {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
    stroke: #c6c6c6
}

.O2c4S9 {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    margin-top: 1.5625rem;
    text-align: center
}

.FuAzcd {
    margin-right: .3125rem;
    padding: 0 1.5625rem
}

.U61kXm {
    color: #ee4d2d;
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

.csDkFR {
    background: transparent
}

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

.qlky59, .wG8Xws {
    height: 440px
}

.dzdp6H, .j4gry5, .mtvx5T {
    align-items: center;
    display: flex
}

.mtvx5T {
    flex-direction: column
}

.j4gry5, .mtvx5T {
    justify-content: center
}

.mtvx5T {
    box-sizing: border-box;
    min-height: 4.5rem;
    min-width: 6.25rem;
    padding: .625rem .3125rem
}

.j4gry5 {
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 100%;
    color: rgba(0,0,0,.26);
    height: 2rem;
    width: 2rem
}

.zN4TVw {
    background-color: #6c0;
    border-color: #6c0;
    color: #fff
}

.wWr0uw {
    color: rgba(0,0,0,.26);
    font-size: .75rem;
    margin: .3125rem 0 0
}

.qflmUx {
    color: #6c0
}

.Xn5mN7 {
    background-color: rgba(0,0,0,.26);
    bottom: 10px;
    height: .0625rem;
    position: relative;
    width: 5.3125rem
}

    .Xn5mN7:after {
        border-right: .0625rem solid rgba(0,0,0,.26);
        border-top: .0625rem solid rgba(0,0,0,.26);
        box-sizing: border-box;
        content: "";
        display: block;
        height: .3125rem;
        position: absolute;
        right: 0;
        top: -2px;
        transform: rotate(45deg);
        width: .3125rem
    }

.Cmwh5A {
    background-color: #6c0
}

    .Cmwh5A:after {
        border-right-color: #6c0;
        border-top-color: #6c0
    }

.Ppp3tL {
    color: #ee4d2d;
    cursor: pointer
}

.qQ8Ur9 {
    color: rgba(0,0,0,.26);
    cursor: not-allowed
}

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

.F71qL6, .Rcb5be, .qcBGxd {
    align-items: center;
    display: flex
}

.F71qL6 {
    justify-content: flex-end
}

.Rcb5be, .qcBGxd {
    justify-content: space-between
}

.Vw8EiR {
    flex-shrink: 0
}

.Ez7BIc, .Rcb5be {
    padding: 1.375rem 30px;
    width: 100%
}

.Ez7BIc {
    height: 100%
}

.Vw8EiR {
    color: #222;
    font-size: 1.25rem;
    max-width: 8.5rem
}

.F71qL6 {
    margin-left: 1.25rem
}

.tTrrEC {
    border: 2px solid #ffbf00;
    border-radius: 2px;
    color: #ffbf00;
    font-size: .875rem;
    font-weight: 700;
    margin-right: 1rem;
    padding: .6875rem .875rem;
    position: relative
}

    .tTrrEC, .tTrrEC:after {
        background-color: #fefaec
    }

        .tTrrEC:after {
            border-right: 2px solid #ffbf00;
            border-top: 2px solid #ffbf00;
            box-sizing: border-box;
            content: "";
            height: .75rem;
            position: absolute;
            right: -.75rem;
            top: 50%;
            transform: rotate(45deg) translateX(-50%);
            width: .75rem
        }

._t3qNI, .eQpFX_ {
    height: 2.5rem;
    width: 2.5rem
}

.P9drEz {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.TnsEK9 {
    color: #222;
    font-size: 1.25rem
}

.HYzyIh {
    color: rgba(0,0,0,.26);
    padding-right: 4px;
    white-space: pre
}

.HYzyIh, .VmgVc8 {
    font-size: .875rem
}

.VmgVc8 {
    font-weight: 500
}

    .VmgVc8, .VmgVc8:active, .VmgVc8:hover, .VmgVc8:visited {
        color: #ee4d2d
    }

.gMTn3o, .oVeLwk {
    align-items: center;
    display: flex
}

.ZlQeBY {
    flex-shrink: 0
}

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

.o2mG38 {
    background: #fff6f7;
    border-color: #ff424f
}

.X1ihkT, .o2mG38 {
    box-shadow: 0 0 4px rgba(0,0,0,.14)
}

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

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

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

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

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

    .Z7tNyT:-moz-read-only {
        color: rgba(0,0,0,.26)
    }

    .Z7tNyT:read-only {
        color: rgba(0,0,0,.26)
    }

.QAeBbG {
    background: #fff6f7
}

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

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

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

.oVeLwk {
    background: transparent;
    border: 0;
    outline: none;
    padding: 0 .9375rem 0 .75rem
}

.ERm8du {
    height: .75rem;
    width: 1.25rem
}

.H4_u1P {
    height: .625rem;
    padding-top: .375rem;
    width: 1.25rem
}

.gUcDbg {
    height: 1rem;
    width: 1rem
}

.ZlQeBY {
    background-color: rgba(0,0,0,.2);
    height: 1.625rem;
    margin-right: .75rem;
    width: .0625rem
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
    .ZlQeBY {
        width: .03125rem
    }
}

.QG0LGE {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.i7NsaV {
    min-height: 420px
}

.TjMko8 {
    min-height: 275px
}

.YFEmvC {
    min-height: 385px
}

.wydUE6 {
    min-height: 443px
}

.oKW_oW {
    min-height: 375px
}

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

.BUFbnV, .DtnBvw, .IEKwEi, .uJE9o2 {
    align-items: center;
    display: flex
}

.IEKwEi {
    justify-content: center
}

.wgttbH {
    justify-content: flex-end
}

.uJE9o2 {
    justify-content: space-between
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .IEKwEi {
        height: 1px
    }

        .IEKwEi:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

._4gCxq {
    background-color: #fff;
    min-height: 100vh;
    min-width: 1200px
}

.DtnBvw {
    box-shadow: 0 6px 6px rgba(0,0,0,.06);
    height: 84px
}

.uJE9o2 {
    margin: 0 auto;
    width: 1200px
}

.Rt_BNp {
    fill: #ee4d2d
}

.XoZNfl {
    height: 42px;
    margin-right: -18px;
    margin-top: -10px
}

.Gaujs8 {
    font-size: 0
}

.qhXwog {
    height: 42px;
    margin-right: 10px;
    margin-top: -16px
}

.S9AO00 {
    color: #222;
    font-size: 1.5rem
}

.aSJqEv {
    color: #ee4d2d;
    cursor: pointer;
    font-size: .875rem;
    margin-right: 15px
}

.IEKwEi {
    margin: 0 auto;
    min-height: 600px;
    width: 1040px
}

.wgttbH {
    height: 600px
}

.waXWRr {
    min-height: calc(100vh - 185px)
}

.NeE2AH {
    background-color: #f5f5f5
}

.uGxyTU {
    justify-content: flex-end
}

.qQ503r {
    margin-bottom: 10px;
    max-width: 440px
}

.UExedo {
    font-size: 1.5rem;
    font-weight: 500
}

.jfWAgU {
    margin-bottom: 15px
}

.UjPZ_m {
    color: #05a
}

.adult-screen {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 160px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.adult-screen--18 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6066e69e47bdcc11.png)
}

.adult-screen--20 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c2c6fbe913449b5f.png)
}

.adult-screen--21 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3f85d623d716ceb7.png)
}

.adult-screen--small {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-placeholder {
    background-color: #fafafa;
    padding-top: 100%;
    position: relative;
    width: 100%
}

    .shopee-image-placeholder > .icon-default-image, .shopee-image-placeholder > .icon-shopee-tiny {
        color: rgba(0,0,0,.05);
        font-size: 3.8125rem;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .shopee-image-placeholder > .icon-default-image {
        stroke: #fff
    }

.zYF91i {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    top: 0
}

.AHZzN2, .zYF91i {
    position: absolute;
    width: 100%
}

.AHZzN2 {
    background-color: rgba(208,1,27,.9);
    bottom: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    vertical-align: middle;
    z-index: 1
}

.xVuEBZ {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.SOkemi {
    position: relative
}

    .SOkemi:hover {
        cursor: pointer
    }

.PVHfuH {
    background-position: 50%;
    padding-top: 100%;
    width: 100%
}

.W9yr_B {
    height: 7.5rem !important;
    width: 7.5rem !important
}

.DbTDXb, .kGVx8e {
    position: relative
}

.y8nGtZ {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.aYG2bM {
    background-color: #fff
}

    .aYG2bM .shopee-svg-icon {
        font-size: 7.5rem !important
    }

.s6mIt4 {
    max-height: 100%;
    width: 100%
}

.YnEUei {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.rsI0H5 {
    height: 4.55rem;
    width: 4.55rem;
    fill: #ee4d2d;
    z-index: 1
}

.fZt9Bj {
    box-sizing: border-box;
    color: #ee4d2d;
    font-size: .875rem;
    line-height: 1.125rem;
    padding: 1.875rem 1.875rem 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

._UHFKV {
    align-items: center;
    background: hsla(0,0%,100%,.9);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.ZMznAh {
    height: 5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-2.5rem,-2.5rem,0);
    width: 5rem
}

    .ZMznAh:hover {
        cursor: pointer
    }

.oLUMiu {
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity .2s linear .5s;
    width: 100%
}

    .oLUMiu.QNbMGu {
        opacity: 0
    }

.f4PSVz {
    align-items: center;
    background-color: rgba(0,0,0,.7);
    border-radius: 3.75rem;
    display: flex;
    font-size: 1.25rem;
    height: 7.5rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 7.5rem
}

.E2vyYQ, .f4PSVz {
    color: #fff;
    text-transform: capitalize
}

.E2vyYQ {
    background-color: #ee4d2d;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1;
    padding: .1875rem .25rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .E2vyYQ:before {
        border: .13125rem solid transparent;
        border-bottom-color: #a92d05;
        bottom: -.125rem;
        content: "";
        display: inline-block;
        left: .0625rem;
        position: absolute;
        transform: rotate(45deg)
    }

.gtwRcN {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

    .gtwRcN:before {
        border-bottom-color: transparent;
        content: none;
        display: none
    }

.MZ1Fsw {
    font-size: .75rem
}

    .MZ1Fsw > .QiteSt {
        font-size: .5rem;
        margin-right: .1875rem
    }

.dNuERE {
    background-color: #d0011b
}

.F2aAAR svg, .tk9MkU svg {
    height: .625rem;
    width: 3.5625rem
}

.uN6Tyq {
    bottom: -1px;
    padding: .25rem .25rem 0
}

    .uN6Tyq svg {
        height: .75rem;
        width: 4.0625rem
    }

.qb3mZz {
    background-color: #ffa604;
    position: relative
}

    .qb3mZz:before {
        border: .13125rem solid transparent;
        border-bottom-color: #ae7600
    }

.nEbZSK {
    font-size: .875rem;
    font-weight: 400;
    height: 1rem
}

.JfO4jc {
    margin: 0 .4375rem
}

.xT24Vo {
    background-color: #44b5ff;
    cursor: pointer;
    display: inline;
    position: relative
}

    .xT24Vo:before {
        border: .13125rem solid transparent;
        border-bottom-color: #0971c2
    }

    .xT24Vo:hover > .PFod_A {
        opacity: 1;
        z-index: 1
    }

    .xT24Vo > .rowx76 {
        font-size: 7px
    }

.PFod_A {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.26);
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    left: .5rem;
    min-width: 10rem;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    top: 1.375rem;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: -10
}

.Btcfc5 {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem
}

    .Btcfc5:last-child {
        margin: 0
    }

.UfSdBg {
    color: #ee4d2d;
    margin-left: .75rem
}

.YZGk7M {
    background: transparent;
    border: 1px solid #f5a623;
    box-sizing: border-box;
    color: #f5a623;
    height: 16px;
    line-height: 1;
    padding: 2px 5px
}

.YZGk7M, .r03AvF {
    font-size: .75rem
}

.r03AvF {
    background-color: rgba(0,0,0,.87);
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    min-width: 1.25rem;
    text-align: center
}

.johLNW {
    border-radius: .1875rem
}

.TSbpfi {
    background-color: #ee4d2d
}

.ZYQmh5 {
    border-radius: .625rem
}

.Rtlxvo {
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.jFU3VQ {
    height: 32px;
    width: 36px
}

.BCOIhd {
    background-color: rgba(255,212,36,.9)
}

    .BCOIhd:after {
        border-color: transparent rgba(255,212,36,.9);
        border-style: solid;
        border-width: 0 18px 4px;
        bottom: -4px;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        width: 0
    }

.s9B4DY {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.RIcsYl {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.JkA48Y {
    flex-direction: column-reverse
}

.ArKUmG, .PAYn2z, .t1wI1h {
    height: 100%;
    justify-content: center
}

.ZGPuYw {
    color: #fff
}

.ZdOpW3 {
    color: #ee4d2d !important;
    display: inline !important;
    margin: 0
}

.PRIFkB, .Qq5CQe, .VW4F9k {
    display: none
}

.uA47Gx {
    height: 16px;
    width: 50px
}

.KRraBN, .dNmbrz {
    height: 16px;
    width: 69px
}

.e5BTkc {
    height: 16px;
    width: 63px
}

.t7RQfe {
    height: 16px;
    width: 64px
}

.Gt3h4j {
    height: 20px;
    width: 73px
}

.PA6_wL {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10
}

    .PA6_wL, .PA6_wL .CgnvUJ {
        align-items: center;
        display: flex;
        justify-content: center;
        position: absolute
    }

        .PA6_wL .CgnvUJ {
            background-color: rgba(0,0,0,.65);
            border-radius: 5rem;
            color: #fff;
            font-size: 1.25rem;
            height: 6.25rem;
            line-height: 1.5rem;
            max-width: calc(100% - 5rem);
            min-width: 6.25rem;
            text-align: center
        }

        .PA6_wL .XRvXW9 {
            border-radius: 6.25rem;
            max-width: calc(100% - 4.375rem);
            min-width: 6.8125rem
        }

        .PA6_wL .EHcNmY {
            border-radius: 6.25rem;
            max-width: calc(100% - 2.875rem);
            min-width: 8.375rem
        }

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

.uFAEp_ {
    border: .0625rem solid;
    border-radius: .125rem;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.uwA2x3 {
    color: #fff;
    flex: 1
}

.ccqRg3, .uwA2x3 {
    font-size: .625rem;
    line-height: .75rem;
    overflow: hidden;
    padding: .0625rem .25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ccqRg3 {
    align-items: center;
    display: flex;
    position: relative
}

    .ccqRg3 .bp4eQm {
        border-right: 5px solid transparent;
        border-top: 5px solid;
        height: 0;
        left: -.0625rem;
        position: absolute;
        top: -.0625rem;
        width: 0
    }

.fPOuif {
    border: .03125rem solid #ee4d2d;
    border-radius: .0625rem;
    color: #ee4d2d;
    font-size: .625rem;
    height: .75rem;
    line-height: .75rem;
    padding: .125rem .25rem;
    text-align: center
}

.vzndlY {
    padding: 2.1875rem 2.5rem 0 3.4375rem;
    width: 885px !important
}

    .vzndlY .shopee-popup-form__main {
        min-height: 20.3125rem
    }

.FhO7WT {
    display: grid;
    grid-template-columns: 18.75rem 1fr;
    grid-template-rows: 1fr 5.25rem;
    grid-column-gap: 3.4375rem;
    margin-bottom: 0
}

.IcjCVx {
    grid-column-end: 2;
    grid-column-start: 1;
    width: 18.75rem;
    -ms-grid-column-span: 1
}

.qJomKr {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0 0 2.1875rem
}

.yq5VLZ {
    width: 18.75rem
}

.EN4OVn {
    grid-column-end: 3;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    display: grid;
    font-size: .875rem;
    grid-template-columns: 1fr .625rem auto;
    padding-bottom: .75rem
}

.O4zwTD, .kk2oCi {
    align-items: center;
    display: flex
}

.AFILIf, .B7JlqQ {
    margin-bottom: 1.25rem
}

.avqEMq, .kk2oCi {
    grid-column-end: 2;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 2rem;
    margin-right: 1.875rem;
    min-width: 6.25rem;
    text-transform: capitalize;
    word-break: break-all
}

.Y8_3lG, .o3HU0E {
    grid-column-end: 4;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    color: rgba(0,0,0,.87)
}

.o3HU0E {
    max-height: 14.8125rem;
    overflow-y: auto
}

    .o3HU0E.CgyEFb {
        max-height: 6.5625rem
    }

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

    .Y8_3lG .shopee-button-outline-mid {
        color: #ee4d2d
    }

.GJn3FE {
    grid-column-end: 4;
    grid-column-start: 1;
    -ms-grid-column-span: 3;
    height: 1.25rem
}

.d0lWSa {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-left: .625rem
}

.IljnSY {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.wV2Xq8 {
    grid-row-end: 3;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    display: flex;
    grid-column: 1/span 2;
    justify-content: flex-end;
    padding: 1rem 0 0
}

.JdiNij {
    box-shadow: none;
    margin-right: 1rem
}

.on6fqz {
    flex-direction: row
}

.aVDjM3 {
    fill: currentColor;
    stroke: currentColor;
    font-size: 1.25rem;
    margin-right: 10px
}

.ffx3_2, .n79m8G {
    margin-left: .5rem
}

.ffx3_2 {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    text-transform: capitalize
}

.C6H6jb {
    grid-column-end: 4;
    grid-column-start: 3;
    margin-top: .3125rem;
    -ms-grid-column-span: 1;
    color: #ff424f
}

.HQ72EH {
    margin: 0 auto;
    max-width: 37.5rem;
    padding: 3.125rem 0
}

    .HQ72EH.bXIGDr {
        padding-top: 6.625rem
    }

.tMnWpa {
    background: #fff;
    box-shadow: 0 0 .375rem rgba(0,0,0,.06);
    left: 0;
    margin: 0 auto;
    max-width: 37.5rem;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.nlO3Sw, .tMnWpa {
    box-sizing: border-box
}

.nlO3Sw {
    background: none;
    border: 0;
    cursor: pointer;
    height: 3.5rem;
    padding: 1rem .75rem;
    width: 3rem
}

.O2eGv_ {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23ee4d2d' fill-rule='evenodd' d='m4.31 11.25 7.22-7.22-1.06-1.06-8.495 8.494a.75.75 0 0 0 0 1.072l8.495 8.494 1.06-1.06-7.22-7.22H22.5v-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    height: 1.5rem;
    width: 1.5rem
}

.original-search-link {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem
}

.original-search-link__text {
    color: rgba(0,0,0,.54)
}

.original-search-link__link {
    color: #ee4d2d;
    cursor: pointer;
    margin-left: .25rem
}

.shopee-search-result-header {
    color: #555;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 1.5rem
}

.shopee-search-result-header__text-highlight {
    color: #ee4d2d
}

.shopee-search-result-header .icon-hint-bulb {
    color: #555;
    height: 1.375rem;
    margin: 0 .75rem 0 0;
    position: relative;
    top: .125rem;
    width: 1rem
}

.shopee-search-result-header .icon-voucher-tag {
    margin-right: .625rem;
    width: 1.125rem
}

.shopee-search-result-header__placeholder, .shopee-search-result-header__text {
    padding: .1875rem 0
}

.shopee-search-result-header__placeholder {
    height: 1.2rem
}

.shopee-search-result-header__text-emphasize, .shopee-search-result-header__text-highlight {
    font-weight: 700;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-search-result-header__text-emphasize {
    color: #222
}

.shopee-search-result-header__keyword {
    display: flex;
    flex-direction: row;
    margin-top: .75rem
}

.shopee-search-result-header__keyword-item {
    align-items: center;
    border: 1px solid #757575;
    border-radius: .125rem;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 2.125rem;
    margin-right: .5rem;
    padding: 0 .875rem
}

.shopee-search-empty-result-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 6.25rem 0 7.5rem
}

.shopee-search-empty-result-section__icon {
    width: 8.375rem
}

.shopee-search-empty-result-section__title {
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    margin: .9375rem 0 .625rem
}

.shopee-search-empty-result-section__hint {
    color: rgba(0,0,0,.54);
    font-size: 1.125rem
}

    .shopee-search-empty-result-section__hint > span {
        font-weight: 700
    }

.shopee-search-empty-result-section__or {
    color: rgba(0,0,0,.4);
    font-size: 1.125rem;
    margin-top: 15px
}

.shopee-search-empty-result-section__button {
    display: flex;
    flex-direction: row;
    margin: 1.5625rem 0 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .shopee-search-empty-result-section__button .shopee-button-solid {
        background: #ee4d2d;
        color: #fff;
        font-size: 1.125rem;
        height: 3rem;
        padding: 0 1.25rem
    }

.shopee-search-recommendation .search-ymal-section__header {
    height: auto;
    padding: 0 0 1.25rem
}

.shopee-search-recommendation .search-ymal-section__header__title {
    color: #222;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase
}

.shopee-search-recommendation__item {
    margin-bottom: .625rem
}

.sort-price-select {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 2.125rem;
    justify-content: space-between;
    line-height: 2.125rem;
    min-width: 12.5rem;
    padding-left: .75rem;
    position: relative;
    text-align: left;
    transition: border-color .1s ease
}

    .sort-price-select:hover {
        background: #fdfdfd
    }

.sort-price-select__value {
    color: #ee4d2d;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sort-price-select__dropdown {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    max-height: var(--radix-select-content-available-height);
    overflow-y: auto;
    padding: .625rem 0;
    width: var(--radix-select-trigger-width);
    z-index: 10000
}

.sort-price-select__dropdown-item {
    align-items: center;
    box-sizing: border-box;
    color: #222;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    line-height: 2.125rem;
    padding: 0 .75rem 0 .9375rem;
    width: 100%
}

    .sort-price-select__dropdown-item:hover {
        background: transparent;
        color: #ee4d2d
    }

    .sort-price-select__dropdown-item .shopee-svg-icon.icon-tick-bold {
        width: .6875rem;
        fill: #ee4d2d
    }

.sort-price-select .shopee-svg-icon.icon-arrow-down-small {
    width: .75rem;
    fill: #555;
    margin-right: .75rem
}

.shopee-sort-by-options {
    align-items: stretch;
    display: flex;
    flex: 1;
    gap: .625rem;
    justify-content: flex-start
}

    .shopee-sort-by-options .shopee-dropdown {
        flex: 1
    }

        .shopee-sort-by-options .shopee-dropdown .shopee-popover {
            padding: 0;
            width: 100%
        }

    .shopee-sort-by-options .shopee-dropdown__entry {
        background-color: #fff;
        border: 0;
        justify-content: center;
        padding: 0 .625rem;
        text-transform: uppercase
    }

    .shopee-sort-by-options .shopee-dropdown__entry--selected {
        color: rgba(0,0,0,.8);
        height: 100%
    }

        .shopee-sort-by-options .shopee-dropdown__entry--selected span {
            flex: 0 0 auto
        }

        .shopee-sort-by-options .shopee-dropdown__entry--selected:hover {
            background-color: rgba(0,0,0,.02)
        }

    .shopee-sort-by-options .shopee-dropdown__entry--optional {
        height: 3.125rem
    }

    .shopee-sort-by-options .shopee-dropdown--has-selected .shopee-dropdown__entry--selected {
        border-bottom: 2px solid #ee4d2d;
        box-sizing: border-box;
        color: #ee4d2d
    }

    .shopee-sort-by-options .select-with-status {
        margin-left: .625rem;
        min-width: 12.5rem
    }

    .shopee-sort-by-options .select-with-status__dropdown-item, .shopee-sort-by-options .select-with-status__placeholder, .shopee-sort-by-options .select-with-status__value {
        text-align: left
    }

    .shopee-sort-by-options .select-with-status__placeholder, .shopee-sort-by-options .select-with-status__value {
        color: rgba(0,0,0,.8);
        margin: 0 .625rem 0 .75rem;
        overflow: hidden;
        padding: 0;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .shopee-sort-by-options .select-with-status__value {
        color: #ee4d2d
    }

    .shopee-sort-by-options .select-with-status__dropdown {
        border: 0;
        box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
        margin: 0;
        padding: .625rem 0
    }

    .shopee-sort-by-options .select-with-status__dropdown-item {
        cursor: pointer;
        padding: 0 .75rem 0 .9375rem
    }

        .shopee-sort-by-options .select-with-status__dropdown-item:hover {
            background: transparent;
            color: #ee4d2d
        }

    .shopee-sort-by-options .select-with-status__holder {
        background: #fff;
        margin: 0
    }

.shopee-sort-by-options__option-group {
    display: flex;
    gap: .625rem;
    margin-left: .625rem
}

.shopee-sort-by-options__option {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 5.625rem;
    outline: 0;
    overflow: visible;
    padding: 0 .9375rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .shopee-sort-by-options__option:focus-visible:before {
        --focus-indicator-spacing: 1px;
        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)
    }

    .shopee-sort-by-options__option:active {
        background: #fdfdfd;
        box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
    }

.shopee-sort-by-options__option--selected.shopee-sort-by-options__option {
    background: #ee4d2d;
    color: #fff
}

    .shopee-sort-by-options__option--selected.shopee-sort-by-options__option:active {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.02)
    }

.shopee-sort-by-options .select-with-status__holder, .shopee-sort-by-options__option {
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    height: 2.125rem;
    line-height: 2.125rem
}

    .shopee-sort-by-options .select-with-status__holder:hover, .shopee-sort-by-options__option:hover {
        background: #fdfdfd
    }

.ranking-criteria-container {
    align-items: stretch;
    display: flex
}

.ranking-criteria {
    align-items: center;
    color: currentColor;
    display: flex;
    justify-content: center;
    margin-left: .5rem;
    margin-right: .3125rem
}

    .ranking-criteria .icon-help-center {
        height: 1.125rem;
        width: 1.125rem
    }

.shopee-search-help-tooltip {
    background-color: #fff;
    border-radius: .25rem;
    box-sizing: border-box;
    line-height: 1.25rem;
    max-width: 28.125rem;
    padding: .75rem 1rem
}

    .shopee-search-help-tooltip > a {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

.search-ymal-section {
    padding-top: 1.25rem
}

    .search-ymal-section h2 {
        font-size: unset;
        font-weight: unset;
        margin: unset
    }

.search-ymal-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

    .search-ymal-section__header:before {
        background-color: #ee4d2d;
        content: none;
        height: 1.5rem;
        margin-right: .3125rem;
        width: .625rem
    }

.search-ymal-section__header__title {
    color: rgba(0,0,0,.54);
    flex: 1;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section--simple {
    padding-top: 1.25rem
}

    .shopee-header-section--simple > .shopee-header-section__header:before {
        content: none
    }

    .shopee-header-section--simple .shopee-header-section__header__title {
        color: rgba(0,0,0,.54);
        font-size: 1rem;
        font-weight: 500
    }

.shopee-header-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

    .shopee-header-section__header:before {
        background-color: #ee4d2d;
        content: "";
        height: 1.5rem;
        margin-right: .3125rem;
        width: .625rem
    }

.shopee-header-section__header__title {
    flex: 1;
    font-size: 1.25rem;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section__header-link {
    color: rgba(0,0,0,.87);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-header-section__header .shopee-button-outline {
    background-color: #fff;
    border-color: rgba(0,0,0,.09);
    border-radius: .9375rem;
    color: #ee4d2d;
    height: 1.875rem
}

.shopee-header-section__header .shopee-button-outline--rounded {
    background-color: #fff
}

.shopee-header-section__header .shopee-button-no-outline {
    color: #ee4d2d
}

.shopee-header-section__header .shopee-button-no-outline, .shopee-header-section__header .shopee-button-outline--rounded {
    align-items: center;
    display: flex;
    text-transform: capitalize
}

    .shopee-header-section__header .shopee-button-no-outline .icon-arrow-right, .shopee-header-section__header .shopee-button-outline--rounded .icon-arrow-right {
        font-size: .625rem
    }

.shopee-header-section__header a {
    color: #ee4d2d;
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

.KP78cZ {
    color: #000;
    font-weight: 500
}

.PpWFxu, .n0QZzK {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-sort-bar {
    align-items: center;
    background: rgba(0,0,0,.03);
    border-radius: 2px;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    padding: .8125rem 1.25rem
}

.shopee-sort-bar__label {
    color: #555;
    margin: 0 .3125rem 0 0
}

.shopee-sort-bar--placeholder {
    height: 2.125rem
}

.shopee-search-item-result ol, .shopee-search-item-result ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.shopee-search-item-result .shopee-page-controller {
    margin: 1.25rem 0 3.75rem
}

.shopee-search-item-result__items {
    margin: .5rem 0 0
}

.shopee-search-item-result__item {
    margin: .3125rem 0
}

.shopee-search-item-result > .spinner-container {
    min-height: 212.375rem
}

.HnPixj {
    margin-top: 2.5rem
}

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

    .trtbAc .mDq0J1 {
        background-color: transparent
    }

.shopee-progress-bar {
    background: linear-gradient(90deg,hsla(0,0%,100%,.3) 0,#fff 30%,#fff);
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 3px;
    left: -100%;
    position: fixed;
    top: 0;
    transition: transform 30s ease-out;
    width: 100%;
    z-index: 10000
}

.shopee-progress-bar--start {
    transform: translateX(60%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-start {
    transform: translateX(79%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--almost-done {
    transform: translateX(80%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-almost-done {
    transform: translateX(99%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--done {
    transform: translateX(100%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--done-up {
    transform: translateX(100%) translateY(-3px);
    transition: transform .2s ease-out
}

.shopee-progress-bar--reset {
    transform: translateX(0) translateY(0);
    transition: none
}

.language-selection {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 30px 15px;
    width: 100%
}

.language-selection__background {
    min-height: 240px;
    position: relative;
    width: 470px
}

.language-selection__background-map {
    width: 100%
}

.language-selection .icon-logo-vertical {
    height: 108px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-45px);
    width: 108px
}

.language-selection__title {
    font-size: 1.25rem;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center
}

.language-selection__list {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px
}

    .language-selection__list .shopee-button-outline {
        font-size: .9375rem;
        font-weight: 400;
        height: 2.5rem
    }

.language-selection__list-item {
    display: flex;
    flex-direction: column;
    height: 2.5rem;
    margin-top: 18px
}

    .language-selection__list-item:first-child {
        margin-top: 0
    }

.language-selection__close-button {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

    .language-selection__close-button .shopee-svg-icon {
        color: #fff;
        font-size: 1.125rem
    }

.action-toast__icon {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    display: flex;
    height: 3.75rem;
    justify-content: center;
    text-align: center;
    width: 3.75rem
}

.action-toast .icon-tick-bold {
    font-size: 1.875rem;
    line-height: 3.75rem
}

.action-toast .icon-exclamation-mark {
    font-size: 2.5rem;
    line-height: 3.75rem
}

.acFuqu {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 31px;
    transform: translateX(-600px);
    z-index: 9999
}

    .acFuqu.oXGiF4 {
        opacity: 1;
        pointer-events: all
    }

.PLEXp0 {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.acFuqu .COkaUb {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    font-size: 12px;
    line-height: 14px;
    outline: none;
    padding: 4px
}

.Ial4yx + .Ial4yx {
    padding-top: 10px
}

.CPfCxG {
    box-sizing: border-box;
    display: inline-block;
    padding: 4px
}

.COkaUb:focus .CPfCxG {
    border: 1px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 3px
}

.vKd74q {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.ZS5Tzf {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

#shopee-searchbar-selected-option {
    background-color: #fbfbfb
}

.shopee-searchbar {
    --focus-indicator-spacing: 3px;
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.shopee-searchbar--focus .shopee-searchbar-input:before {
    border-radius: 2px;
    bottom: -4px;
    content: "";
    left: -4px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: -4px;
    z-index: 1
}

.shopee-searchbar > .btn svg {
    margin: 0 auto
}

.shopee-searchbar__main {
    display: flex;
    flex: 1
}

.shopee-searchbar__search-button {
    outline: 0;
    overflow: visible;
    position: relative
}

    .shopee-searchbar__search-button: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)
    }

.shopee-searchbar-input {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding: 0 .625rem;
    position: relative
}

.shopee-searchbar-input__input {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

    .shopee-searchbar-input__input:-moz-placeholder {
        color: rgba(0,0,0,.54)
    }

    .shopee-searchbar-input__input:-ms-input-placeholder {
        color: rgba(0,0,0,.54)
    }

    .shopee-searchbar-input__input::-webkit-input-placeholder {
        color: rgba(0,0,0,.54)
    }

    .shopee-searchbar-input__input::-moz-placeholder {
        color: rgba(0,0,0,.54)
    }

.shopee-searchbar-hints {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.shopee-searchbar-hints__header {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

.shopee-searchbar-hints__history-entry {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .shopee-searchbar-hints__history-entry:hover {
        background-color: #fafafa
    }

.shopee-searchbar-hints__history-entry__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry__typed-text {
    font-weight: 500
}

.shopee-searchbar-hints__history-entry__category-name {
    color: rgba(0,0,0,.26);
    margin-top: .25rem
}

.shopee-searchbar-hints__entry, .shopee-searchbar-hints__search-prefill, .shopee-searchbar-hints__search-shop {
    color: rgba(0,0,0,.87);
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .shopee-searchbar-hints__entry:hover, .shopee-searchbar-hints__search-prefill:hover, .shopee-searchbar-hints__search-shop:hover {
        background-color: #fafafa
    }

.shopee-searchbar-hints__entry__bold-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__search-shop {
    align-items: center;
    display: flex
}

    .shopee-searchbar-hints__search-shop .shopee-svg-icon {
        color: #ee4d2d;
        height: 1rem;
        margin-right: .5rem;
        width: 1rem
    }

.shopee-searchbar-hints__entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.shopee-searchbar-hints__entry--history {
    text-overflow: ellipsis
}

.shopee-searchbar-hints__entry__product-name {
    flex: 0 1 auto
}

.shopee-searchbar-hints__entry__typed-product-name {
    font-weight: 500
}

.shopee-searchbar-hints__entry__category-name {
    color: rgba(0,0,0,.26);
    flex: 0 1 auto;
    margin-top: .25rem
}

.shopee-searchbar-hints__search-prefill {
    align-items: center;
    display: flex;
    padding-right: 15px
}

    .shopee-searchbar-hints__search-prefill img {
        margin-left: auto
    }

    .shopee-searchbar-hints__search-prefill .shopee-searchbar-hints__text {
        margin-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.shopee-searchbar-user-hints {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-left: 1px solid rgba(0,0,0,.09);
    border-right: 1px solid rgba(0,0,0,.09)
}

.shopee-searchbar-user-hints__entry {
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-searchbar-selector {
    align-items: center;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    height: 100%;
    max-width: 9.375rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    line-height: 1.25rem;
    overflow: hidden;
    padding-left: .9375rem;
    padding-right: .625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

    .shopee-searchbar-selector__trigger > .shopee-svg-icon {
        height: .5rem;
        margin-left: .9375rem;
        width: .5rem
    }

.shopee-searchbar-selector__dropdown {
    background-color: #fff;
    border-radius: .125rem;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin-top: .75rem;
    max-height: var(--radix-select-content-available-height);
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 601
}

.shopee-searchbar-selector__option {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 0 1 auto;
    height: 2.8125rem;
    justify-content: space-between;
    padding-left: .9375rem;
    padding-right: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

    .shopee-searchbar-selector__option:hover {
        background-color: #fbfbfb
    }

.shopee-searchbar-selector__option-label {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    width: 100%
}

.shopee-searchbar-selector__option-tick {
    align-self: center;
    color: #ee4d2d;
    flex: 0 1 auto;
    height: .625rem;
    margin-left: .9375rem;
    width: .625rem
}

.ofs-more-menu {
    padding-top: 14px;
    position: absolute;
    right: 0;
    top: 50px
}

.ofs-more-menu__content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 50px 0 rgba(0,0,0,.2);
    display: flex;
    padding: 0 1.5625rem 1.5625rem;
    position: relative
}

    .ofs-more-menu__content:before {
        border-bottom: 10px solid #fff;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        content: "";
        height: 0;
        position: absolute;
        right: 44px;
        top: -10px;
        width: 0
    }

.ofs-more-menu__col {
    flex: 1;
    width: 170px
}

.ofs-more-menu__item {
    color: rgba(0,0,0,.87);
    display: block;
    margin-top: 1.5625rem;
    overflow: hidden;
    padding-right: 15px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

    .ofs-more-menu__item:hover {
        color: #ee4d2d;
        cursor: pointer;
        transition: color .3s cubic-bezier(.4,0,.6,1)
    }

.ofs-navbar--theme-official .ofs-more-menu__item:hover {
    color: #d0011b
}

.ofs-navbar {
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    min-height: 50px;
    transition: transform .3s cubic-bezier(.4,0,.6,1);
    z-index: 200
}

.ofs-navbar--theme-official .ofs-navbar__item--active, .ofs-navbar--theme-official .ofs-navbar__item:hover {
    color: #d0011b
}

.ofs-navbar--theme-official .ofs-navbar__item--active {
    border-color: #d0011b
}

.ofs-navbar--theme-official.preview {
    pointer-events: none
}

.ofs-navbar--docked {
    transform: translateZ(0)
}

.ofs-navbar--hidden {
    height: 0;
    min-height: 0;
    transform: translate3d(0,-50px,0)
}

.ofs-navbar__background {
    background: #fff
}

.ofs-navbar__wrapper {
    display: flex
}

.ofs-navbar__items {
    display: flex;
    flex: 1;
    justify-content: space-around
}

.ofs-navbar__item {
    align-items: center;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    font-size: .9375rem;
    font-weight: 700;
    padding: 14px 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .ofs-navbar__item--active, .ofs-navbar__item:hover {
        color: #ee4d2d;
        cursor: pointer;
        transition: color .3s cubic-bezier(.4,0,.6,1)
    }

.ofs-navbar__item--active {
    border-color: #ee4d2d;
    transition: border-color .2s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ofs-navbar__more {
    display: flex;
    padding-left: 20px;
    position: relative
}

    .ofs-navbar__more:before {
        border-left: 1px solid rgba(0,0,0,.09);
        content: "";
        height: 20px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .ofs-navbar__more > .icon-down-arrow-filled {
        height: .6em;
        margin-left: 4px;
        width: .6em
    }

    .ofs-navbar__more:hover {
        border-bottom-color: transparent;
        color: initial
    }

.ofs-navbar__more--show > .icon-down-arrow-filled {
    transform: rotate(180deg)
}

.ofs-navbar__separator {
    background: rgba(0,0,0,.09);
    margin: 25px 0;
    width: 1px
}

.ofs-header {
    display: flex;
    flex-direction: column;
    transition: top .1s cubic-bezier(.4,0,.6,1);
    z-index: 200
}

.ofs-header__top {
    align-items: center;
    background: #d0011b;
    border-bottom: .0625rem solid rgba(0,0,0,.12);
    display: flex;
    padding: .875rem 0 1.3125rem;
    z-index: 300
}

.ofs-header__top-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex
}

.ofs-header__left {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    margin-right: .9375rem;
    opacity: 1;
    -webkit-text-decoration: none;
    text-decoration: none;
    transform-origin: -1px -1px;
    transition: transform .6s cubic-bezier(.4,0,.6,1),opacity .6s cubic-bezier(.4,0,.6,1)
}

    .ofs-header__left .icon-shopee-logo--official-shop {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
        height: 2.8125rem;
        width: 2.5rem;
        fill: #fff
    }

    .ofs-header__left > a {
        outline: 0
    }

.ofs-header__logo-focus-style-wrapper {
    border-radius: 2px;
    margin: -.125rem;
    padding: 2px
}

    .ofs-header__logo-focus-style-wrapper:focus {
        outline: 2px solid var(--focus-indicator-color)
    }

.ofs-header__logo-separator {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: 1.875rem;
    margin-left: 1rem;
    outline: 0
}

.ofs-header__mid {
    display: flex;
    transition: transform .6s cubic-bezier(.4,0,.6,1)
}

.ofs-header__page-name {
    color: rgba(0,0,0,.87);
    color: #fff;
    display: block;
    font-size: 1.75rem;
    line-height: 1.25rem;
    outline: 0;
    overflow: visible;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

    .ofs-header__page-name: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)
    }

    .ofs-header__page-name > svg {
        height: 2.0625rem;
        width: auto;
        fill: #fff
    }

    .ofs-header__page-name > .ofs-all-logo {
        max-width: 165px;
        top: 5px
    }

    .ofs-header__page-name > .ofs-tw-logo {
        max-width: 148px
    }

    .ofs-header__page-name > .ofs-br-logo {
        max-width: 200px;
        top: 5px
    }

    .ofs-header__page-name > .ofs-mx-co-cl-logo {
        max-width: 243px;
        top: 5px
    }

    .ofs-header__page-name > .ofs-pl-logo {
        height: 41px;
        top: 8.5px
    }

.ofs-header__toggle {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    opacity: 0;
    text-transform: capitalize;
    transition: opacity .1s cubic-bezier(.4,0,.6,1) .66s;
    white-space: nowrap;
    z-index: -1
}

.ofs-header__toggle-icon {
    fill: #fff;
    height: 10px;
    margin: 0 .625rem 0 1.25rem;
    width: 10px
}

.ofs-header .spacer {
    flex: 1
}

.ofs-header__right {
    align-items: center;
    display: flex;
    position: relative;
    width: 36.875rem
}

    .ofs-header__right > .shopee-searchbar {
        border: .1875rem solid #fff;
        padding: 0;
        transition: width .6s cubic-bezier(.4,0,.2,1) .6s;
        width: 32.5rem
    }

    .ofs-header__right .shopee-searchbar__main > .shopee-popover {
        transition: width .6s cubic-bezier(.4,0,.2,1) .6s;
        width: 27.9375rem !important
    }

    .ofs-header__right .shopee-button-solid {
        background-color: #d0011b
    }

.ofs-header__cart-wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end
}

    .ofs-header__cart-wrapper .shopee-drawer {
        height: 48px;
        padding-left: 5px
    }

    .ofs-header__cart-wrapper .cart-drawer-container {
        align-items: center;
        display: flex;
        height: 100%;
        padding: 10px 0
    }

    .ofs-header__cart-wrapper .cart-drawer {
        margin: 0
    }

.ofs-header--docked {
    top: 0
}

    .ofs-header--docked .ofs-header__left {
        opacity: 0;
        transform: translate3d(-2.8125rem,0,0)
    }

    .ofs-header--docked .ofs-header__toggle {
        opacity: 1;
        padding-top: 5px;
        z-index: auto
    }

    .ofs-header--docked .ofs-header__toggle--tw {
        padding-top: 0
    }

    .ofs-header--docked .ofs-header__mid {
        transform: translate3d(-4.5625rem,0,0)
    }

.header-with-search-wrapper {
    background-color: #fff;
    box-shadow: 0 .0625rem .15625rem rgba(0,0,0,.05);
    box-sizing: border-box;
    z-index: 300
}

.header-with-search-outer-wrapper {
    height: 5.3125rem
}

.header-with-search {
    display: flex;
    height: 5.3125rem;
    justify-content: space-between;
    padding: 1rem 0 .625rem
}

.header-with-search, .header-with-search__cart-wrapper, .header-with-search__logo-section {
    box-sizing: border-box
}

.header-with-search__logo-section {
    padding-right: 2.5rem;
    position: relative;
    top: -.1875rem
}

    .header-with-search__logo-section:focus-visible:before {
        border: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        border-radius: var(--focus-indicator-border-radius);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 2.5rem;
        top: calc(var(--focus-indicator-spacing)*-1)
    }

.header-with-search__logo-section--ten-ten {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.header-with-search__logo-section:focus {
    outline: 0
}

.header-with-search__logo-wrapper {
    border-radius: 2px;
    margin: -2px;
    padding: 2px
}

.header-with-search__shopee-logo.icon-shopee-logo {
    display: block;
    height: 50px;
    width: 162px
}

.header-with-search__search-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 840px
}

    .header-with-search__search-section > .shopee-searchbar {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.09);
        width: 100%
    }

.header-with-search__cart-wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    margin: 0 10px;
    padding-bottom: 5px
}

.header-with-search__auth-separator {
    border-right: 1px solid hsla(0,0%,100%,.26);
    height: .875rem;
    margin: 0 10px
}

.header-with-search-wrapper {
    background: transparent;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

    .header-with-search-wrapper .shopee-searchbar-input {
        background-color: #fff;
        border-color: #fff
    }

        .header-with-search-wrapper .shopee-searchbar-input .shopee-drawer__contents {
            z-index: 601
        }

    .header-with-search-wrapper .header-with-search__shopee-logo {
        height: 50px;
        width: 162px
    }

    .header-with-search-wrapper .header-with-search__shopee-logo--hidden {
        opacity: 0
    }

    .header-with-search-wrapper .header-with-search__shopee-logo .st0 {
        fill: #fff !important
    }

    .header-with-search-wrapper .header-with-search__app-download-wrapper__link-layout {
        background-color: #fff;
        border: 0
    }

    .header-with-search-wrapper .shopee-searchbar > .btn-solid-primary {
        background: #fb5533;
        outline: 0;
        overflow: visible;
        position: relative
    }

        .header-with-search-wrapper .shopee-searchbar > .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)
        }

        .header-with-search-wrapper .shopee-searchbar > .btn-solid-primary:not(.disabled):hover {
            background: #fb6445
        }

        .header-with-search-wrapper .shopee-searchbar > .btn-solid-primary:not(.disabled):active {
            background: #ee5130;
            box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
        }

        .header-with-search-wrapper .shopee-searchbar > .btn-solid-primary.disabled {
            background: #feccc2 !important;
            box-shadow: none;
            cursor: not-allowed
        }

.shopee-top--sticky .header-with-search-wrapper.container-wrapper {
    min-width: inherit
}

.shopee-top--sticky .header-with-search.container {
    max-width: 1200px;
    width: inherit
}

.Bys7qI {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem
}

    .Bys7qI.R4SNca:after {
        border-radius: 4px;
        bottom: -4px;
        content: "";
        left: -4px;
        margin: calc(var(--focus-indicator-spacing)*-1);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        padding: var(--focus-indicator-spacing);
        pointer-events: none;
        position: absolute;
        right: 7px;
        top: -4px;
        z-index: 1
    }

    .Bys7qI .LhkVKd {
        align-items: center;
        border: 0;
        display: flex;
        flex: 1;
        margin: 0;
        outline: none;
        padding: 0
    }

        .Bys7qI .LhkVKd:-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

        .Bys7qI .LhkVKd:-ms-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .Bys7qI .LhkVKd::-webkit-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .Bys7qI .LhkVKd::-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

.gAUZof {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.cP4SRx {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .cP4SRx.fWz7T2, .cP4SRx:hover {
        background-color: #fafafa
    }

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

    .cP4SRx ._Ifd4n {
        font-weight: 500
    }

.cvEhJN {
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

    .cvEhJN.sS21JY {
        box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
    }

    .cvEhJN .K_iR1J {
        margin: 0 auto
    }

        .cvEhJN .K_iR1J, .cvEhJN .K_iR1J:active, .cvEhJN .K_iR1J:focus, .cvEhJN .K_iR1J:hover {
            background-color: #066bc8
        }

.xgN6us {
    display: flex;
    flex: 1;
    position: relative
}

    .xgN6us .ExKzKR {
        width: 100%
    }

    .xgN6us .s9p6_l {
        height: 1.125rem;
        width: 1.125rem
    }

.icc2WO {
    background-color: #fff;
    border: 0;
    border-radius: 1rem;
    color: #066bc8;
    font-size: .75rem;
    line-height: .875rem;
    outline: 0;
    outline: none;
    overflow: visible;
    padding: .125rem .625rem;
    position: relative;
    text-transform: capitalize
}

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

.DWHTBE {
    background: #066bc8;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    z-index: 300
}

.DWHTBE, .WsdWxY {
    box-sizing: border-box
}

.WsdWxY {
    align-items: center;
    display: flex;
    padding: .875rem 0 1.3125rem
}

.BYtLns, .loE2nI {
    box-sizing: border-box
}

.loE2nI {
    outline: 0;
    overflow: visible
}

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

.JX0Z9K {
    line-height: 0;
    margin-right: .9375rem;
    outline: 0;
    overflow: visible;
    position: relative;
    top: .125rem
}

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

.zlk1Ih {
    top: unset
}

.loE2nI {
    position: relative;
    top: -.1875rem
}

.BYtLns {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 1.875rem
}

.cJmWjZ {
    margin-left: auto;
    position: relative;
    width: 32.5rem
}

.IVqyL_ {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: 1.875rem;
    margin: 0 .9375rem
}

.DOVpU3 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.PWnSjV {
    background: #fff;
    border-radius: 2px;
    margin-top: .625rem;
    padding: 2px;
    width: 11.25rem
}

.WSSPFv {
    height: 11.25rem;
    width: 11.25rem
}

.DOVpU3 {
    flex-wrap: wrap;
    padding: 0 .9375rem .3125rem
}

.PNFysK {
    margin-top: .3125rem;
    width: 4.375rem
}

._CLl6f {
    width: 100%
}

.aCUiG5:not(:first-child):after {
    border-left: 1px solid hsla(0,0%,100%,.22);
    border-right: 1px solid hsla(0,0%,100%,.22);
    content: "";
    height: .9375rem;
    left: -6px;
    position: absolute;
    top: calc(50% - 7px);
    width: 0
}

.aCUiG5:not(:first-child) {
    margin-left: .625rem
}

.j8v5Hs {
    color: #fff;
    font-size: .8125rem;
    font-weight: 300;
    outline: 0;
    overflow: visible;
    padding: .25rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .j8v5Hs:focus-visible:before {
        --focus-indicator-spacing: 0px;
        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)
    }

    .j8v5Hs:last-child {
        border: 0
    }

    .j8v5Hs:not(.Iw67fo):hover {
        color: hsla(0,0%,100%,.7);
        cursor: pointer
    }

    .j8v5Hs > a:focus-visible {
        border-radius: 1px;
        box-shadow: var(--brand-primary-color) 0 0 0 4px,var(--focus-indicator-color) 0 0 0 6px;
        outline: none
    }

.Iw67fo {
    border: 0
}

.Iw67fo, .zLaik4 {
    padding-right: 0
}

.r6OuTw .EKO5kv, .r6OuTw .Gd1Epy, .r6OuTw .L8d8QY, .r6OuTw .Mh6sPW, .r6OuTw .YNvhfh, .r6OuTw .qSHh5m, .r6OuTw .zXnmLI {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

.r6OuTw .qSHh5m {
    height: 27px;
    width: 28px
}

.r6OuTw .Gd1Epy, .r6OuTw .L8d8QY, .r6OuTw .Mh6sPW {
    height: 16px;
    width: 16px
}

.r6OuTw .EKO5kv {
    height: 15px;
    width: 16px
}

.r6OuTw .zXnmLI {
    height: 16px;
    width: 14px
}

.r6OuTw .YNvhfh {
    height: 16px;
    width: 16px
}

.navbar-wrapper--light .j8v5Hs {
    border-color: hsla(0,0%,53%,.22);
    color: currentColor
}

    .navbar-wrapper--light .j8v5Hs:not(.Iw67fo):hover {
        color: #ee4d2d
    }

.navbar-wrapper--high-end-brand .j8v5Hs, .navbar-wrapper--high-end-brand .j8v5Hs:not(.Iw67fo):hover, .navbar-wrapper--high-end-brand.navbar-wrapper .navbar {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .j8v5Hs:not(.Iw67fo):not(.zLaik4):hover {
        opacity: .5
    }

.navbar-wrapper--high-end-brand .header-navbar-background {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .header-navbar-background:after {
        background: currentColor;
        content: " ";
        display: block;
        height: 100%;
        mix-blend-mode: darken;
        width: 100%
    }

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/74e7710903007bb7.png)
}

.header-navbar-facebook-png {
    background-position: 8.064516129032258% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-instagram-png {
    background-position: 58.064516129032256% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-line-png {
    background-position: 8.064516129032258% 96.875%;
    background-size: 487.5% 313.3333333333333%
}

.header-navbar-shopee-campus-header-png {
    background-position: 50% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-ticktok-png {
    background-position: 91.93548387096774% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-twitter-png {
    background-position: 100% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.hVHGVY {
    align-items: center;
    color: #fff;
    display: flex;
    padding: .4375rem .625rem
}

    .hVHGVY:hover {
        color: hsla(0,0%,100%,.7)
    }

.navbar-wrapper--high-end-brand .hVHGVY, .navbar-wrapper--high-end-brand .hVHGVY:hover {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .hVHGVY:hover {
        opacity: .5
    }

.hVHGVY .YW0_6P {
    align-items: center;
    display: flex
}

.hVHGVY .A58dQg {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

.G15bNb {
    background-color: #fff;
    border-radius: 2px;
    border-top: 0;
    box-shadow: 0 .0625rem 3.125rem 0 rgba(0,0,0,.2);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    overflow: hidden
}

    .G15bNb .go91L6 {
        background-color: transparent;
        border: 0;
        color: rgba(0,0,0,.87);
        font-size: .875rem;
        line-height: 1.25rem;
        padding: .625rem;
        text-align: left
    }

        .G15bNb .go91L6.DzpawR, .G15bNb .go91L6:hover {
            color: #ee4d2d
        }

.navbar-wrapper--high-end-brand .G15bNb .go91L6.DzpawR, .navbar-wrapper--high-end-brand .G15bNb .go91L6:hover {
    color: #f4a386
}

.G15bNb .go91L6 > span {
    border-radius: var(--focus-indicator-border-radius);
    margin: calc(var(--focus-indicator-spacing)*-1);
    padding: var(--focus-indicator-spacing)
}

.G15bNb .go91L6:focus-visible {
    outline: none
}

    .G15bNb .go91L6:focus-visible > span {
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
    }

.G15bNb:hover :not(:hover) {
    color: rgba(0,0,0,.87)
}

.navbar {
    color: #fff
}

    .navbar .shopee-avatar {
        height: 1.375rem;
        width: 1.375rem
    }

    .navbar .shopee-avatar__placeholder .icon-headshot {
        font-size: .9375rem;
        line-height: .9375rem
    }

.navbar__link {
    color: currentColor
}

.navbar__link-text.navbar__link-text--normal-case {
    text-transform: none
}

.navbar__help-center-icon {
    align-items: center;
    color: currentColor;
    display: flex;
    justify-content: center;
    margin-left: .5rem;
    margin-right: .3125rem
}

    .navbar__help-center-icon .icon-help-center {
        height: 1.125rem;
        width: 1.125rem
    }

.navbar__username {
    max-width: 9.375rem;
    overflow: hidden;
    padding-left: .3125rem;
    text-overflow: ellipsis
}

.navbar-user-link {
    text-transform: capitalize
}

    .navbar-user-link:focus-visible {
        outline: none
    }

        .navbar-user-link:focus-visible > span {
            border-radius: 2px;
            box-shadow: var(--focus-indicator-color) 0 0 0 2px;
            margin: -2px -4px;
            outline: none;
            padding: 2px 4px
        }

    .navbar-user-link.reset-button-style {
        background-color: transparent;
        border: 0
    }

.navbar .navbar__link.navbar__link--help {
    padding-left: 0
}

    .navbar .navbar__link.navbar__link--help:focus-visible, .navbar .navbar__link.navbar__link--login:focus-visible, .navbar .navbar__link.navbar__link--signup:focus-visible {
        border-radius: 2px;
        box-shadow: var(--focus-indicator-color) 0 0 0 2px;
        outline: none
    }

.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link-text {
    color: currentColor
}

.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--help, .navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--notification > .stardust-popover > .stardust-popover__target > a {
    opacity: .5
}

.shopee-top {
    background: #f53d2d;
    background: linear-gradient(-180deg,#f53d2d,#f63);
    transition: transform .2s cubic-bezier(.4,0,.2,1)
}

.theme--ofs .shopee-top {
    background: transparent
}

.shopee-top.mall-preview {
    pointer-events: none
}

.shopee-top--sticky {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(0);
    z-index: 100
}

.shopee-top--collapsed {
    transform: translate3d(0,-2.125rem,0)
}

    .shopee-top--collapsed .navbar {
        visibility: hidden
    }

    .shopee-top--collapsed .shopee-modal__container {
        transform: translateY(2.125rem)
    }

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

    .navbar .shopee-dropdown .shopee-popover {
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.09);
        border-top: 0;
        padding: 1.25rem 1.25rem .1875rem
    }

    .navbar .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected) {
        background-color: #fff;
        border: 0;
        line-height: 1;
        margin-bottom: 1.0625rem
    }

        .navbar .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected):hover {
            color: #ee4d2d
        }

    .navbar .shopee-dropdown__entry--selected {
        border: 0
    }

.navbar__spacer {
    flex: 1
}

.navbar__links {
    height: 2.125rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.navbar__link, .navbar__links {
    align-items: center;
    display: flex
}

.navbar__link {
    justify-content: center;
    padding: 0 .625rem;
    position: relative
}

.navbar__link--tappable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar__link--hoverable:hover .navbar__link-text {
    color: hsla(0,0%,100%,.7)
}

.navbar__link--hoverable:hover:before {
    display: none
}

.navbar__link:not(:first-child):before {
    background-color: rgba(0,0,0,.26);
    content: "";
    display: block;
    height: .9375rem;
    left: 0;
    position: absolute;
    top: 1.125rem;
    width: 1px
}

.navbar__link--sell > .navbar__link-text {
    font-weight: 500 !important
}

.navbar__link--account__container {
    align-items: center;
    display: flex;
    padding: 5px 0;
    text-transform: none
}

    .navbar__link--account__container .navbar__link-text {
        font-weight: 400;
        overflow: hidden;
        padding-left: .3125rem;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.navbar__link--notification, .navbar__link--separator {
    padding: 0
}

.navbar__link:hover + .navbar__link:before {
    display: none
}

.navbar__link-container--notification {
    align-items: center;
    color: rgba(0,0,0,.87);
    color: currentColor;
    cursor: pointer;
    display: flex;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .navbar__link-container--notification .shopee-simple-badge {
        position: absolute;
        right: -.625rem;
        top: -.3125rem
    }

.navbar__link-icon {
    color: #ee4d2d;
    font-size: 1.0625rem;
    margin-right: .625rem
}

    .navbar__link-icon.icon-notification-2 {
        fill: currentColor;
        margin-right: 4px
    }

    .navbar__link-icon.icon-shopping-cart-2 {
        fill: currentColor;
        cursor: pointer;
        height: 26px;
        width: 26px
    }

.navbar__link-text {
    align-items: center;
    color: currentColor;
    display: flex;
    font-size: .8125rem;
    font-weight: 300;
    text-transform: capitalize
}

.navbar__link-text--medium {
    font-weight: 500
}

.navbar__link-separator {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: .8125rem
}

.navbar-account-drawer__content {
    background-color: #fff;
    border-radius: 2px;
    border-top: 0;
    box-shadow: 0 .0625rem 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 9.375rem
}

.navbar-account-drawer__button {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-weight: 500;
    height: 2.5rem;
    padding-left: .9375rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 9.375rem
}

    .navbar-account-drawer__button:hover {
        background-color: #fafafa;
        color: #00bfa5
    }

.navbar-wrapper--high-end-brand .navbar-account-drawer__button:hover {
    color: #f4a386
}

.shopee-cart-number-badge, .shopee-notification-number-badge {
    background-color: #fff;
    border: .125rem solid var(--brand-primary-color,#ee4d2d);
    border-radius: 2.75rem;
    color: var(--brand-primary-color,#ee4d2d);
    height: 1rem;
    left: -1.125rem;
    line-height: 1.2em;
    margin-right: -.875rem;
    min-width: .6875rem;
    padding: 0 .3125rem;
    position: relative;
    text-align: center;
    top: -.5rem
}

.navbar-wrapper {
    background: transparent;
    height: 2.125rem;
    position: relative;
    z-index: 400
}

.navbar-wrapper--official-shop {
    background: #d0011b
}

.navbar-wrapper--shopee-mart {
    background: #066bc8
}

.navbar-wrapper--without-search {
    background: #ee4d2d
}

.navbar-wrapper .navbar {
    color: #fff
}

.navbar-wrapper .navbar__link-icon, .navbar-wrapper .navbar__link-text {
    color: currentColor
}

.navbar-wrapper .navbar__link:after, .navbar-wrapper .navbar__link:before {
    display: none
}

.navbar-wrapper .navbar__link {
    cursor: pointer
}

    .navbar-wrapper .navbar__link:hover {
        color: hsla(0,0%,100%,.7)
    }

.navbar-wrapper .navbar__link--login .navbar__link-text {
    color: #ee4d2d;
    font-weight: 500
}

.navbar-wrapper .navbar__link--login:hover .navbar__link-text {
    color: #ee4d2d
}

.navbar-wrapper .navbar__link--login:active {
    background-color: hsla(0,0%,100%,.8)
}

.navbar-wrapper--light {
    background: #f0f0f0
}

    .navbar-wrapper--light .navbar {
        color: rgba(0,0,0,.54)
    }

    .navbar-wrapper--light .navbar__link {
        color: currentColor;
        cursor: pointer
    }

    .navbar-wrapper--light .navbar__link--separator {
        color: rgba(0,0,0,.54)
    }

    .navbar-wrapper--light .navbar__link--hoverable:hover .navbar__link-text {
        color: #ee4d2d
    }

    .navbar-wrapper--light .navbar__link--hoverable:hover:before {
        display: none
    }

    .navbar-wrapper--light .navbar__link:hover {
        color: #ee4d2d
    }

    .navbar-wrapper--light .navbar__link-separator {
        border-right: 1px solid rgba(0,0,0,.12)
    }

.navbar-wrapper--high-end-brand.navbar-wrapper {
    background-color: #000
}

.shopee-top--sticky .navbar-wrapper.container-wrapper, .shopee-top--sticky .ofs-header.container-wrapper {
    min-width: inherit
}

.shopee-top--sticky .navbar.container {
    max-width: 1200px;
    width: inherit
}

.Lb3sxe {
    background: #066bc8
}

.d0oT4J {
    display: flex;
    flex-wrap: nowrap
}

.XRS13F, .d0oT4J {
    align-items: center
}

.XRS13F {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 100%;
    justify-items: center;
    margin: 0 -.3125rem;
    overflow: hidden
}

.d0oT4J:first-child {
    justify-self: start
}

.d0oT4J:nth-child(2) {
    justify-self: center
}

.d0oT4J:nth-child(3) {
    justify-self: end
}

.S0mCwt {
    height: 3.125rem;
    margin-right: .75rem;
    width: 3.125rem
}

.B2FCJM {
    max-width: 17.1875rem
}

.o05HID {
    margin: 0
}

.rT1902 {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pq8U67 {
    margin: 0 auto;
    width: 1200px
}

.JenoKm, .pq8U67 {
    background: #fff;
    height: 65px
}

.JenoKm {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 12px 70px 13px
}

.WCbfCI {
    display: flex;
    height: 40px;
    width: 268px
}

.fVNbGo {
    color: #066bc8;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

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

.iJE6zC {
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: help
}

.XAjzUA {
    background: #fff;
    height: 65px
}

.rV_Zt1 .shopee-drawer__contents {
    width: 268px
}

.pu6P8S {
    background: #fff;
    padding: 12px
}

.t_THDy {
    align-items: center;
    background: none;
    border: 0;
    color: #ee4d2d;
    display: flex;
    justify-content: center;
    outline: none;
    padding: 0
}

.HMbpRs {
    font-size: .75rem;
    margin-right: .625rem;
    text-transform: capitalize
}

.lqAsPz {
    display: flex;
    flex-wrap: wrap
}

.xNWNbl {
    box-sizing: border-box;
    padding: .3125rem;
    width: 20%
}

.Wl6RHQ {
    font-size: .75rem
}

._vqc6W {
    font-weight: 700;
    margin: .625rem 0 .125rem;
    padding: .125rem 0;
    text-transform: uppercase
}

._CRnCG, ._vqc6W {
    color: rgba(0,0,0,.54)
}

._CRnCG {
    display: block;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

    ._CRnCG:hover {
        color: #ee4d2d
    }

.lqAsPz {
    line-height: 1.5;
    margin-bottom: .625rem;
    width: 100%
}

.TXcVeG {
    color: rgba(0,0,0,.54);
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .TXcVeG:hover {
        color: #ee4d2d
    }

.EA28MV {
    display: flex
}

.abpvfP {
    margin: 3.75rem auto .625rem;
    padding-bottom: 3.75rem;
    width: 75rem
}

.p14ecg {
    font-weight: 700
}

.EA28MV {
    margin: 0 -.3125rem
}

.EuGoIO, .GiSq3Q, .haOjU2 {
    margin: 0 auto;
    width: 75rem
}

.EuGoIO, .haOjU2 {
    border-bottom: 1px solid rgba(0,0,0,.09);
    margin-top: 3.75rem;
    padding-bottom: 1.875rem
}

.gJkGj_ {
    background-color: #fff;
    border-top: 4px solid #ee4d2d;
    color: rgba(0,0,0,.54);
    min-width: 75rem
}

.Hhwytd {
    border-top-color: var(--brand-primary-color)
}

.imzMso {
    border-bottom: 1px solid rgba(0,0,0,.12);
    height: 7.5rem;
    width: 100%
}

.ipZRfe {
    background-color: #fbfbfb
}

.shopee-footer-section {
    padding-bottom: 1.875rem
}

.shopee-footer-section__heading {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.7;
    margin: 0
}

.shopee-footer-section__content {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1.4;
    margin: .625rem 0 0
}

    .shopee-footer-section__content a {
        color: rgba(0,0,0,.8);
        color: rgba(0,0,0,.54);
        display: inline-block;
        -webkit-text-decoration: none;
        text-decoration: none;
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

        .shopee-footer-section__content a:hover {
            color: #ee4d2d
        }

.J2NZmP {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 0;
    z-index: -1
}
/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/bundle.4f96f33319811d9a.css.map*/