.stardust-popover {
    position: relative
}

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

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

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

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

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

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

.stardust-popover__arrow--inner {
    height: 0;
    left: -8px;
    position: absolute;
    width: 0
}

@keyframes popover-enter-animation {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes popover-hide-animation {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.OAlrBI {
    left: 0;
    position: absolute;
    top: 0
}

.ldEeR3 {
    width: 3.625rem
}

.vh4oMS {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .1875rem .625rem 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 1.875rem 1.875rem 1.25rem;
    position: relative;
    width: 34.375rem
}

._2DID4 {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.Dxbb8m {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.xLOUVW {
    padding-right: 2.4375rem
}

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

.yn19zw {
    margin-bottom: .6875rem;
    overflow: hidden
}

.O800zf {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.EGvc36, .EwFgVU {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.EGvc36 {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.EwFgVU {
    background-size: 100%
}

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

._a1qNW, .jE8ZAS {
    height: 1rem;
    padding: .1875rem
}

.SY6NPr.vh4oMS {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.SY6NPr ._2DID4 {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.SY6NPr .EGvc36 {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.SY6NPr .EwFgVU {
    height: 2.1875rem;
    width: 6.6875rem
}

.SY6NPr .RRIUft {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.SY6NPr .xLOUVW {
    padding-right: 1.4375rem
}

.SY6NPr .ocEbPm {
    justify-content: center
}

.SY6NPr .O800zf {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.SY6NPr .yn19zw {
    margin-bottom: -.25rem
}

.SY6NPr ._a1qNW, .SY6NPr .jE8ZAS, .SY6NPr .vqZAxH {
    height: .75rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    margin-right: .375rem;
    padding: 0;
    -ms-interpolation-mode: nearest-neighbor
}

.SY6NPr .vqZAxH {
    margin-right: 0
}

.tyvqsi {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

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

.I2rkz_ {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.P6sJNG {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.pq4Fga {
    font-weight: 500;
    white-space: nowrap
}

.pq4Fga, .xYz9mS {
    overflow: hidden;
    text-overflow: ellipsis
}

.xYz9mS {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.piTMNn {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.nbJ1e3 {
    color: #ee4d2d
}

.R7X9or {
    font-size: 9px;
    margin: 0 5px
}

.R7X9or, .aDZJ8u {
    color: rgba(0,0,0,.54)
}

.aDZJ8u, .obVkWz {
    font-size: .75rem
}

.obVkWz {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

    .obVkWz > .shopee-button-no-outline {
        font-weight: 400;
        padding: 0;
        white-space: nowrap
    }

.kAdRDk {
    flex: 1
}

.Bbtfie {
    margin-top: .625rem
}

.RTDMcr {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.q51E86 {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.lGSakp {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.KZRz0n {
    padding: 3.75rem 0;
    text-align: center
}

.YJXOBq {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c44984f18d2d2211.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.NkSPXM {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.OBhqxC.OBhqxC {
    flex-shrink: 0;
    max-width: unset
}

.sebTbP {
    line-height: normal;
    text-align: left
}

.XCduUG {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.SCZzN7 {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

.XebTDe {
    align-items: center;
    background-color: #fdfdfd;
    display: flex;
    font-size: .75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: .625rem;
    text-align: center;
    text-transform: capitalize
}

    .XebTDe > .shopee-button-solid {
        font-size: .875rem;
        padding: .625rem .9375rem;
        text-transform: capitalize
    }

.NxM0D0 {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

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

.TK3Q4N {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.am4ch0 {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.GTKG0P {
    font-weight: 500;
    white-space: nowrap
}

.GTKG0P, ._wZIew {
    overflow: hidden;
    text-overflow: ellipsis
}

._wZIew {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.hIm_Nb {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.IcGbjX {
    color: #ee4d2d
}

.FEnVbD {
    font-size: 9px;
    margin: 0 5px
}

.FEnVbD, .hcZyPW {
    color: rgba(0,0,0,.54)
}

.hcZyPW, .y67GSn {
    font-size: .75rem
}

.y67GSn {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

    .y67GSn > .shopee-button-no-outline {
        font-weight: 400;
        padding: 0;
        white-space: nowrap
    }

.NfQ42d {
    flex: 1
}

.efRru1 {
    margin-top: .625rem
}

.fbJjRk {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.focJrV {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.MvvNoK {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.a7mB26 {
    padding: 3.75rem 0;
    text-align: center
}

.K2ipt2 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c44984f18d2d2211.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.S7Y0gs {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.hBKHDh.hBKHDh {
    flex-shrink: 0;
    max-width: unset
}

.FgleST {
    line-height: normal;
    text-align: left
}

.mgse7S {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.Qc1Z3c {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

.yNyRrP {
    align-items: center;
    background-color: #fdfdfd;
    display: flex;
    font-size: .75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: .625rem;
    text-align: center;
    text-transform: capitalize
}

    .yNyRrP > .shopee-button-solid {
        font-size: .875rem;
        padding: .625rem .9375rem;
        text-transform: capitalize
    }

.JHe54R {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem
}

    .JHe54R._M9rwg: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
    }

    .JHe54R .DVNH_S {
        align-items: center;
        border: 0;
        display: flex;
        flex: 1;
        margin: 0;
        outline: none;
        padding: 0
    }

        .JHe54R .DVNH_S:-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

        .JHe54R .DVNH_S:-ms-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .JHe54R .DVNH_S::-webkit-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .JHe54R .DVNH_S::-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

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

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

    ._yLQnj.LiFrIK, ._yLQnj:hover {
        background-color: #fafafa
    }

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

    ._yLQnj .Vmnke7 {
        font-weight: 500
    }

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

    .NuJZmW.QY5SVM {
        box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
    }

    .NuJZmW .fJBoyn {
        margin: 0 auto
    }

        .NuJZmW .fJBoyn, .NuJZmW .fJBoyn:active, .NuJZmW .fJBoyn:focus, .NuJZmW .fJBoyn:hover {
            background-color: #066bc8
        }

.QZoINF {
    display: flex;
    flex: 1;
    position: relative
}

    .QZoINF .AjGIl1 {
        width: 100%
    }

    .QZoINF .f15aCQ {
        height: 1.125rem;
        width: 1.125rem
    }

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

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

.DhiF2A {
    background: #066bc8;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    z-index: 300
}

.DhiF2A, .buwZel {
    box-sizing: border-box
}

.buwZel {
    align-items: center;
    display: flex;
    padding: .875rem 0 1.3125rem
}

.khmaxx, .weE0Lz {
    box-sizing: border-box
}

.khmaxx {
    outline: 0;
    overflow: visible
}

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

.INUboV {
    line-height: 0;
    margin-right: .9375rem;
    outline: 0;
    overflow: visible;
    position: relative;
    top: .125rem
}

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

.LhW3uU {
    top: unset
}

.khmaxx {
    position: relative;
    top: -.1875rem
}

.weE0Lz {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 1.875rem
}

.Bnvdbw {
    margin-left: auto;
    position: relative;
    width: 32.5rem
}

.yiSdSz {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: 1.875rem;
    margin: 0 .9375rem
}

.shopee-arrow-box__arrow {
    display: flex;
    height: 10px
}

.shopee-arrow-box__arrow--left {
    justify-content: flex-start;
    padding-left: 15px
}

.shopee-arrow-box__arrow--center {
    justify-content: center
}

.shopee-arrow-box__arrow--right {
    justify-content: flex-end;
    padding-right: 15px
}

.shopee-arrow-box__arrow-outer {
    border-bottom: 10px solid rgba(0,0,0,.09);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -1px;
    height: 0;
    position: relative;
    width: 0
}

.shopee-arrow-box__arrow-inner {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -10px;
    height: 0;
    left: -8px;
    position: absolute;
    width: 0
}

.shopee-arrow-box__content {
    background: #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;
    white-space: pre-wrap
}

.HDoH9j {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.Yy8BOS {
    background: #fff;
    border-radius: 2px;
    margin-top: .625rem;
    padding: 2px;
    width: 11.25rem
}

.bjjQcg {
    height: 11.25rem;
    width: 11.25rem
}

.HDoH9j {
    flex-wrap: wrap;
    padding: 0 .9375rem .3125rem
}

.DWKVB8 {
    margin-top: .3125rem;
    width: 4.375rem
}

.aX9Y_B {
    width: 100%
}

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

.iC4Gpu:not(:first-child) {
    margin-left: .625rem
}

.RGCpnH {
    color: #fff;
    font-size: .8125rem;
    font-weight: 300;
    outline: 0;
    overflow: visible;
    padding: .25rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

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

    .RGCpnH:last-child {
        border: 0
    }

    .RGCpnH:not(.N8nd7b):hover {
        color: hsla(0,0%,100%,.7);
        cursor: pointer
    }

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

.N8nd7b {
    border: 0
}

.N8nd7b, .o3v65L {
    padding-right: 0
}

.ggp4Rb .AWFKRb, .ggp4Rb .Ak4JrW, .ggp4Rb .J0NMdJ, .ggp4Rb .sDoyJD, .ggp4Rb .szaEf3, .ggp4Rb .zDod3r, .ggp4Rb .zEkYQM {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

.ggp4Rb .zEkYQM {
    height: 27px;
    width: 28px
}

.ggp4Rb .Ak4JrW, .ggp4Rb .szaEf3, .ggp4Rb .zDod3r {
    height: 16px;
    width: 16px
}

.ggp4Rb .AWFKRb {
    height: 15px;
    width: 16px
}

.ggp4Rb .J0NMdJ {
    height: 16px;
    width: 14px
}

.ggp4Rb .sDoyJD {
    height: 16px;
    width: 16px
}

.navbar-wrapper--light .RGCpnH {
    border-color: hsla(0,0%,53%,.22);
    color: currentColor
}

    .navbar-wrapper--light .RGCpnH:not(.N8nd7b):hover {
        color: #ee4d2d
    }

.navbar-wrapper--high-end-brand .RGCpnH, .navbar-wrapper--high-end-brand .RGCpnH:not(.N8nd7b):hover {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .RGCpnH:not(.N8nd7b):not(.o3v65L):hover {
        opacity: .5
    }

.elQRqt {
    position: relative
}

    .elQRqt img {
        vertical-align: bottom
    }

.CNhcH8 {
    visibility: hidden
}

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

.Y2WRdE {
    opacity: 0
}

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

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

.TmrNdQ .E6KA5Q {
    bottom: 0;
    right: 0
}

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

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

.shopee-avatar {
    border: .0625rem solid rgba(0,0,0,.09);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 1.875rem;
    position: relative;
    width: 1.875rem
}

.shopee-avatar__placeholder {
    background-color: #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%
}

    .shopee-avatar__placeholder .icon-headshot {
        stroke: #c6c6c6;
        font-size: 1.5rem;
        font-weight: 400;
        left: 50%;
        line-height: 2rem;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.shopee-avatar__img, .shopee-avatar__img-wrapper {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.shopee-avatar__img {
    border-radius: 50%
}

    .shopee-avatar__img:focus-visible {
        box-shadow: #fff 0 0 0 10px,var(--focus-indicator-color) 0 0 0 12px;
        outline: none
    }

.shopee-avatar__official-badge, .shopee-avatar__preferred-badge {
    border: .0625rem solid #fff;
    border-radius: 50%;
    bottom: -.125rem;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 6px;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: -.125rem;
    text-align: center;
    width: 12px
}

.shopee-avatar__preferred-badge {
    background-color: #ee4d2d
}

.shopee-avatar__official-badge {
    background-color: #d0011b
}

.ZNpneP {
    align-items: center;
    color: #fff;
    display: flex;
    padding: .4375rem .625rem
}

    .ZNpneP:hover {
        color: hsla(0,0%,100%,.7)
    }

.navbar-wrapper--high-end-brand .ZNpneP, .navbar-wrapper--high-end-brand .ZNpneP:hover {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .ZNpneP:hover {
        opacity: .5
    }

.ZNpneP .GBg5JM {
    align-items: center;
    display: flex
}

.ZNpneP .N2uoVl {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

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

    .VGPsfw .gIHC5x {
        background-color: transparent;
        border: 0;
        color: rgba(0,0,0,.87);
        font-size: .875rem;
        line-height: 1.25rem;
        padding: .625rem;
        text-align: left
    }

        .VGPsfw .gIHC5x.aUB0QN, .VGPsfw .gIHC5x:hover {
            color: #ee4d2d
        }

.navbar-wrapper--high-end-brand .VGPsfw .gIHC5x.aUB0QN, .navbar-wrapper--high-end-brand .VGPsfw .gIHC5x:hover {
    color: #f4a386
}

.VGPsfw .gIHC5x > span {
    border-radius: var(--focus-indicator-border-radius);
    margin: calc(var(--focus-indicator-spacing)*-1);
    padding: var(--focus-indicator-spacing)
}

.VGPsfw .gIHC5x:focus-visible {
    outline: none
}

    .VGPsfw .gIHC5x:focus-visible > span {
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
    }

.VGPsfw:hover :not(:hover) {
    color: rgba(0,0,0,.87)
}

.lDNcTM {
    background: #066bc8
}

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

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

    to {
        transform: translateY(2px)
    }
}

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

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

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

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

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

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

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

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

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

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

.mgmElW {
    left: 0;
    position: absolute;
    top: 0
}

.iEybTg {
    width: 3.625rem
}

.MCWUvL {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .1875rem .625rem 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 1.875rem 1.875rem 1.25rem;
    position: relative;
    width: 34.375rem
}

.xR1b8m {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.fiLPqu {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.Pu6zO2 {
    padding-right: 2.4375rem
}

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

.p6Mueu {
    margin-bottom: .6875rem;
    overflow: hidden
}

.OXiyi7 {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.PXip2L, .uAMWDc {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.PXip2L {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.uAMWDc {
    background-size: 100%
}

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

.BLvQY9, .yxupOT {
    height: 1rem;
    padding: .1875rem
}

.L39fog.MCWUvL {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.L39fog .xR1b8m {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.L39fog .PXip2L {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.L39fog .uAMWDc {
    height: 2.1875rem;
    width: 6.6875rem
}

.L39fog .fMWPyM {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.L39fog .Pu6zO2 {
    padding-right: 1.4375rem
}

.L39fog .DN8vST {
    justify-content: center
}

.L39fog .OXiyi7 {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.L39fog .p6Mueu {
    margin-bottom: -.25rem
}

.L39fog .BLvQY9, .L39fog .aJYOt0, .L39fog .yxupOT {
    height: .75rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    margin-right: .375rem;
    padding: 0;
    -ms-interpolation-mode: nearest-neighbor
}

.L39fog .aJYOt0 {
    margin-right: 0
}

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

.uGAr8a {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

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

.kETFUZ {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.IV2WPQ {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.zXnhJ9 {
    font-weight: 500;
    white-space: nowrap
}

.FpLRhL, .zXnhJ9 {
    overflow: hidden;
    text-overflow: ellipsis
}

.FpLRhL {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.B6D8m6 {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.oKLMHJ {
    color: #ee4d2d
}

.kuw9H6 {
    font-size: 9px;
    margin: 0 5px
}

.kuw9H6, .uSTYYa {
    color: rgba(0,0,0,.54)
}

.uSTYYa, .yqM6mY {
    font-size: .75rem
}

.yqM6mY {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

    .yqM6mY > .shopee-button-no-outline {
        font-weight: 400;
        padding: 0;
        white-space: nowrap
    }

.w_7gOk {
    flex: 1
}

.htl1ey {
    margin-top: .625rem
}

.o3tUpX {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ekcFz2 {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.aLeWLf {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.CmUlTO {
    padding: 3.75rem 0;
    text-align: center
}

.wmIEqZ {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c44984f18d2d2211.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.b60fCZ {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.fJMfxj.fJMfxj {
    flex-shrink: 0;
    max-width: unset
}

.vZon1R {
    line-height: normal;
    text-align: left
}

.AjtsKC {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.U67mpU {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

.yRQvLY {
    align-items: center;
    background-color: #fdfdfd;
    display: flex;
    font-size: .75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: .625rem;
    text-align: center;
    text-transform: capitalize
}

    .yRQvLY > .shopee-button-solid {
        font-size: .875rem;
        padding: .625rem .9375rem;
        text-transform: capitalize
    }

.Nv9QWp {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem
}

    .Nv9QWp.iLE1sP: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
    }

    .Nv9QWp .jgxkw1 {
        align-items: center;
        border: 0;
        display: flex;
        flex: 1;
        margin: 0;
        outline: none;
        padding: 0
    }

        .Nv9QWp .jgxkw1:-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

        .Nv9QWp .jgxkw1:-ms-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .Nv9QWp .jgxkw1::-webkit-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .Nv9QWp .jgxkw1::-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

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

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

    .uPNCmo.l7eYgr, .uPNCmo:hover {
        background-color: #fafafa
    }

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

    .uPNCmo .mYkieM {
        font-weight: 500
    }

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

    .bw214P.zu6CG3 {
        box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
    }

    .bw214P .wS6810 {
        margin: 0 auto
    }

        .bw214P .wS6810, .bw214P .wS6810:active, .bw214P .wS6810:focus, .bw214P .wS6810:hover {
            background-color: #066bc8
        }

.OgrWec {
    display: flex;
    flex: 1;
    position: relative
}

    .OgrWec .EYLFVM {
        width: 100%
    }

    .OgrWec .pynFWI {
        height: 1.125rem;
        width: 1.125rem
    }

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

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

.Vc04BV {
    background: #066bc8;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    z-index: 300
}

.Vc04BV, .iHaz3S {
    box-sizing: border-box
}

.iHaz3S {
    align-items: center;
    display: flex;
    padding: .875rem 0 1.3125rem
}

.ZKGROE, .qRaqn8 {
    box-sizing: border-box
}

.qRaqn8 {
    outline: 0;
    overflow: visible
}

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

.yKMmFL {
    line-height: 0;
    margin-right: .9375rem;
    outline: 0;
    overflow: visible;
    position: relative;
    top: .125rem
}

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

.rtDbYA {
    top: unset
}

.qRaqn8 {
    position: relative;
    top: -.1875rem
}

.ZKGROE {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 1.875rem
}

.s64iXq {
    margin-left: auto;
    position: relative;
    width: 32.5rem
}

.sktiM5 {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: 1.875rem;
    margin: 0 .9375rem
}

.shopee-drawer {
    display: flex;
    outline: 0;
    overflow: visible;
    position: relative
}

    .shopee-drawer: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-drawer__contents {
    position: absolute;
    top: 100%;
    z-index: 400
}

.shopee-drawer .icon-help {
    stroke: currentColor
}

.shopee-drawer-image-show__content-wrapper, .shopee-drawer-image-show__image {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-drawer-image-show__content-wrapper {
    position: relative
}

.shopee-drawer-image-show__find-button {
    align-items: center;
    background: #fff;
    bottom: .3125rem;
    cursor: pointer;
    display: flex;
    height: 2.1875rem;
    justify-content: center;
    position: absolute;
    right: .3125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.1875rem
}

    .shopee-drawer-image-show__find-button > svg {
        font-size: 1.5625rem;
        stroke: currentColor
    }

.BXbxsN {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.oF99gV {
    background: #fff;
    border-radius: 2px;
    margin-top: .625rem;
    padding: 2px;
    width: 11.25rem
}

.C_Tnpp {
    height: 11.25rem;
    width: 11.25rem
}

.BXbxsN {
    flex-wrap: wrap;
    padding: 0 .9375rem .3125rem
}

.jVHcCU {
    margin-top: .3125rem;
    width: 4.375rem
}

.GHSOID {
    width: 100%
}

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

.TSrNIT:not(:first-child) {
    margin-left: .625rem
}

.yFPVXP {
    color: #fff;
    font-size: .8125rem;
    font-weight: 300;
    outline: 0;
    overflow: visible;
    padding: .25rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

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

    .yFPVXP:last-child {
        border: 0
    }

    .yFPVXP:not(.iPa_Y4):hover {
        color: hsla(0,0%,100%,.7);
        cursor: pointer
    }

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

.iPa_Y4 {
    border: 0
}

.iPa_Y4, .yFPIk7 {
    padding-right: 0
}

.QYPz1w .Llasfy, .QYPz1w .ZNXNyB, .QYPz1w .bNRglD, .QYPz1w .cOn3Jv, .QYPz1w .fUg_wJ, .QYPz1w .spGfja, .QYPz1w .x7JjtF {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

.QYPz1w .spGfja {
    height: 27px;
    width: 28px
}

.QYPz1w .Llasfy, .QYPz1w .ZNXNyB, .QYPz1w .fUg_wJ {
    height: 16px;
    width: 16px
}

.QYPz1w .cOn3Jv {
    height: 15px;
    width: 16px
}

.QYPz1w .bNRglD {
    height: 16px;
    width: 14px
}

.QYPz1w .x7JjtF {
    height: 16px;
    width: 16px
}

.navbar-wrapper--light .yFPVXP {
    border-color: hsla(0,0%,53%,.22);
    color: currentColor
}

    .navbar-wrapper--light .yFPVXP:not(.iPa_Y4):hover {
        color: #ee4d2d
    }

.navbar-wrapper--high-end-brand .yFPVXP, .navbar-wrapper--high-end-brand .yFPVXP:not(.iPa_Y4):hover {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .yFPVXP:not(.iPa_Y4):not(.yFPIk7):hover {
        opacity: .5
    }

.Vh2bWY {
    align-items: center;
    color: #fff;
    display: flex;
    padding: .4375rem .625rem
}

    .Vh2bWY:hover {
        color: hsla(0,0%,100%,.7)
    }

.navbar-wrapper--high-end-brand .Vh2bWY, .navbar-wrapper--high-end-brand .Vh2bWY:hover {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .Vh2bWY:hover {
        opacity: .5
    }

.Vh2bWY .SUbIfp {
    align-items: center;
    display: flex
}

.Vh2bWY .FykT6Y {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

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

    .Kratp_ .WTE97E {
        background-color: transparent;
        border: 0;
        color: rgba(0,0,0,.87);
        font-size: .875rem;
        line-height: 1.25rem;
        padding: .625rem;
        text-align: left
    }

        .Kratp_ .WTE97E.VoGWur, .Kratp_ .WTE97E:hover {
            color: #ee4d2d
        }

.navbar-wrapper--high-end-brand .Kratp_ .WTE97E.VoGWur, .navbar-wrapper--high-end-brand .Kratp_ .WTE97E:hover {
    color: #f4a386
}

.Kratp_ .WTE97E > span {
    border-radius: var(--focus-indicator-border-radius);
    margin: calc(var(--focus-indicator-spacing)*-1);
    padding: var(--focus-indicator-spacing)
}

.Kratp_ .WTE97E:focus-visible {
    outline: none
}

    .Kratp_ .WTE97E:focus-visible > span {
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
    }

.Kratp_:hover :not(:hover) {
    color: rgba(0,0,0,.87)
}

.aHVXGm {
    background: #066bc8
}

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

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

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

.lJMau {
    height: 2.75rem
}

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

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

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

.xCn81 {
    background: transparent
}

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

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

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

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

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

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

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

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

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

._19rDu {
    margin-left: .25rem
}

.HtX1uY {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.Y4x9oP {
    color: #222;
    font-size: 1rem;
    text-align: center
}

.K8EtBo {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

    .K8EtBo.i6UKaU {
        margin-top: 7.4375rem
    }

    .K8EtBo.Z2a3wZ {
        margin-top: 11.125rem
    }

.HgJv5u, .bvwH4G {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

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

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

.J_L1ov {
    z-index: 1
}

.BjBqaD {
    opacity: 0
}

.NG0Zet {
    transition: opacity .15s
}

.NG0Zet, .UyIJwg {
    opacity: 1
}

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

.Dklhq6 {
    transform: scale(.8)
}

.cFs6r5 {
    transition: transform .2s
}

.cFs6r5, .t1gyIB {
    transform: scale(1)
}

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

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

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

    .loading-spinner-popup__container img {
        animation: rotating 2s linear infinite
    }

.C_AXer {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.zIvNdb {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.J_djGE {
    background-color: rgba(0,0,0,.14);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.cEfGWE {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 .625rem 0 rgba(0,0,0,.14);
    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
}

    .cEfGWE ._zI92O {
        color: #fff;
        font-size: 1.125rem
    }

.rRquTf {
    text-transform: uppercase;
    width: 140px
}

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

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

        .XkGAZg svg, ._xiTJk[disabled] svg {
            fill: #ccc
        }

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

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

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

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

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

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

._1SNiy, .zOoKHP {
    box-sizing: border-box;
    text-align: center
}

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

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

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

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

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

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

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

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

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

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

.shopee-mini-page-controller {
    align-items: center;
    display: flex
}

    .shopee-mini-page-controller .shopee-button-outline {
        outline: 0;
        overflow: visible;
        position: relative
    }

        .shopee-mini-page-controller .shopee-button-outline: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-mini-page-controller .shopee-button-outline--disabled {
        pointer-events: none
    }

.shopee-mini-page-controller__current {
    color: #ee4d2d
}

.shopee-mini-page-controller__next-btn, .shopee-mini-page-controller__prev-btn {
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    height: 2.125rem;
    width: 2.25rem
}

    .shopee-mini-page-controller__next-btn.shopee-button-outline--disabled, .shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled {
        background: #f9f9f9
    }

        .shopee-mini-page-controller__next-btn.shopee-button-outline--disabled .shopee-svg-icon, .shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled .shopee-svg-icon {
            fill: #ccc
        }

        .shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active, .shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:hover, .shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active, .shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:hover {
            background: #f9f9f9
        }

        .shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active, .shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active {
            box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
        }

    .shopee-mini-page-controller__next-btn .shopee-svg-icon, .shopee-mini-page-controller__prev-btn .shopee-svg-icon {
        height: .625rem;
        width: .625rem;
        fill: #555;
        margin-top: .125rem
    }

    .shopee-mini-page-controller__next-btn:active, .shopee-mini-page-controller__next-btn:hover, .shopee-mini-page-controller__prev-btn:active, .shopee-mini-page-controller__prev-btn:hover {
        background: #fdfdfd
    }

    .shopee-mini-page-controller__next-btn:active, .shopee-mini-page-controller__prev-btn:active {
        box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
    }

.shopee-mini-page-controller__prev-btn {
    border-bottom-right-radius: 0;
    border-right: 1px solid #f2f2f2;
    border-top-right-radius: 0;
    margin-left: 1.25rem
}

.shopee-mini-page-controller__next-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-page-controller {
    display: flex;
    justify-content: center
}

    .shopee-page-controller .shopee-icon-button {
        border: 0;
        color: rgba(0,0,0,.4);
        height: 1.875rem;
        min-width: 2.5rem;
        outline: 0;
        overflow: visible;
        position: relative
    }

        .shopee-page-controller .shopee-icon-button: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-page-controller .shopee-icon-button .shopee-svg-icon {
            vertical-align: middle
        }

    .shopee-page-controller .shopee-icon-button--left {
        margin-right: .9375rem;
        text-align: right
    }

    .shopee-page-controller .shopee-icon-button--right {
        margin-left: .9375rem;
        text-align: left
    }

    .shopee-page-controller .shopee-icon-button--disabled {
        pointer-events: none
    }

    .shopee-page-controller .shopee-button-no-outline {
        color: rgba(0,0,0,.4)
    }

    .shopee-page-controller .shopee-button-no-outline, .shopee-page-controller .shopee-button-solid {
        font-size: 1.25rem;
        height: 1.875rem;
        margin-left: .9375rem;
        margin-right: .9375rem;
        min-width: 2.5rem;
        padding: 0;
        text-align: center
    }

    .shopee-page-controller .shopee-button-solid {
        color: #fff
    }

    .shopee-page-controller .shopee-button-no-outline--non-click {
        cursor: auto
    }

.shopee-page-controller__ellipses {
    display: inline-block;
    margin: 0
}

.shopee-page-controller--v2 .shopee-icon-button {
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.54);
    height: 1.5rem;
    min-width: 1.5rem
}

    .shopee-page-controller--v2 .shopee-icon-button .shopee-svg-icon {
        width: .6875rem
    }

.shopee-page-controller--v2 .shopee-icon-button--left {
    margin-right: .625rem
}

.shopee-page-controller--v2 .shopee-icon-button--right {
    margin-left: .625rem
}

.shopee-page-controller--v2 .shopee-button-no-outline {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-button-solid {
    border-radius: .0625rem;
    box-shadow: none;
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

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

.odBXaH {
    box-sizing: border-box;
    height: 100%
}

.Rli1ro {
    background-color: #fff;
    border-radius: .125rem;
    display: flex
}

.TcPFVt {
    flex-direction: column
}

.GUeNyD {
    flex-direction: row
}

.IWD2z6 {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    overflow: hidden;
    padding: .5rem
}

.c6RhNB {
    background-color: #fafafa;
    height: 2.5rem;
    margin-bottom: .25rem
}

.KJlG2v {
    height: 1rem;
    margin-bottom: .5rem
}

.dRlG13 {
    height: 1.25rem
}

.dRlG13, .eoUc78 {
    background-color: #fafafa;
    margin-bottom: .5rem
}

.eoUc78 {
    height: 2.25rem
}

.ZsHrn0 {
    height: 1.25rem;
    margin-bottom: .75rem
}

.ZsHrn0, .e2JUNS {
    background-color: #fafafa
}

.e2JUNS {
    height: 1.125rem
}

.Md60VD.Md60VD {
    display: inline-block;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: inherit
}

.Y1BpGp {
    padding-bottom: .625rem
}

.fjqQ0h {
    align-items: baseline
}

.cDZTPg {
    color: #ee4d2d;
    flex: 1 0 auto;
    max-width: 75%
}

._8n9bbb._8n9bbb, .cDZTPg {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.eyWiyx, .eyWiyx .EBzsh5 {
    box-sizing: border-box;
    height: 100%
}

    .eyWiyx .EBzsh5 {
        background: #fff;
        border-radius: .125rem;
        box-shadow: 0 .0625rem .125rem 0 rgba(0,0,0,.1);
        color: rgba(0,0,0,.87);
        cursor: pointer;
        display: block;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        overflow: visible;
        padding: 0;
        position: relative;
        -webkit-text-decoration: none;
        text-decoration: none;
        transition: transform .1s cubic-bezier(.4,0,.6,1),box-shadow .1s cubic-bezier(.4,0,.6,1);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

        .eyWiyx .EBzsh5:focus, .eyWiyx .EBzsh5:focus-visible, .eyWiyx .EBzsh5:hover {
            box-shadow: 0 .0625rem 20px 0 rgba(0,0,0,.05);
            transform: translateY(-.0625rem);
            z-index: 1
        }

        .eyWiyx .EBzsh5:active {
            box-shadow: 0 .0625rem 5px 0 rgba(0,0,0,.05);
            transform: translateY(0)
        }

    .eyWiyx .qJhaV_ {
        border: 1px solid rgba(0,0,0,.09) !important;
        box-shadow: none
    }

    .eyWiyx .EBzsh5.yZ3X5H {
        box-sizing: border-box;
        flex-direction: row;
        padding: 1.25rem;
        width: 100%
    }

    .eyWiyx .YiVzr2 {
        border: 1px solid transparent;
        overflow: visible
    }

        .eyWiyx .YiVzr2:hover {
            border: 1px solid #ee4d2d;
            z-index: 2
        }

            .eyWiyx .YiVzr2:hover .shopee-item-card__hover-footer {
                opacity: 1;
                transition: opacity .1s
            }

.hqTQwk {
    background-color: #ee4d2d;
    border: 1px solid #ee4d2d;
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem;
    color: #fff;
    height: 1.875rem;
    left: -.0625rem;
    line-height: 1.875rem;
    opacity: 0;
    text-align: center;
    top: calc(100% - .125rem);
    z-index: 1
}

.H9sYK8, .hqTQwk {
    position: absolute;
    width: 100%
}

.H9sYK8 {
    background-color: #fff;
    height: 100%;
    left: 0;
    top: 0
}

.QhrbNU {
    padding-top: 100%;
    width: 100%
}

.tl21yT {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

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

        .tl21yT .aflWdx {
            background-color: rgba(0,0,0,.65);
            border-radius: 5rem;
            color: #fff;
            font-size: .75rem;
            height: 3.75rem;
            max-width: calc(100% - 5rem);
            min-width: 3.875rem;
            text-align: center
        }

        .tl21yT .EmO6nQ {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            padding-left: .5rem;
            padding-right: .5rem
        }

.S4r3qt {
    align-items: center;
    background: currentColor;
    border-bottom-right-radius: .125rem;
    border-top-right-radius: .125rem;
    display: flex;
    font-size: .5625rem;
    font-weight: 500;
    height: .9375rem;
    left: -.1875rem;
    line-height: .6875rem;
    padding: 0 4px;
    position: relative
}

    .S4r3qt:before {
        border-left: .1875rem solid transparent;
        border-top: .1875rem solid;
        bottom: -.1875rem;
        content: "";
        display: inline-block;
        filter: brightness(60%);
        left: 0;
        position: absolute
    }

._RLT99 {
    text-align: center
}

    ._RLT99._RLT99 {
        height: auto !important;
        padding: 0 .25rem
    }

    ._RLT99 .RR4r8d {
        color: #fff;
        font-size: .75rem;
        line-height: .875rem;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

.gu1kXR {
    left: -.25rem;
    position: relative
}

.DpejDF.DpejDF {
    font-size: .75rem;
    height: 1rem;
    line-height: .875rem;
    padding-left: .25rem;
    padding-right: .25rem
}

.DpejDF .y_NSjj {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1a017175ab26f4f2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: .5rem;
    position: relative;
    width: 1.25rem
}

.DpejDF .S1QMYB {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/82e6b4aceda60f20.png);
    height: .5625rem;
    width: 1.1875rem
}

.DpejDF .niXGWR {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/921f1e881c48b545.png);
    height: .6875rem;
    width: 1.625rem
}

.DpejDF .o1cvsb {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/966ae89acb539dc9.png);
    height: .6875rem;
    width: 3.5625rem
}

._5CJz8M._5CJz8M {
    font-size: .75rem;
    height: auto;
    line-height: .875rem;
    padding: .1875rem .25rem
}

._5CJz8M .TdPUbz {
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    flex: 0 0 auto;
    height: .875rem
}

    ._5CJz8M .TdPUbz.Gi8tI0 {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c8d0575540a9d77c.png);
        width: 1.75rem
    }

    ._5CJz8M .TdPUbz.x1zd3t {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/443b8cfc8ec460d3.png);
        height: 1rem;
        width: 1.875rem
    }

    ._5CJz8M .TdPUbz.S9o5dP {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3d8a2dc7a0ba174d.png);
        height: 1rem;
        width: 2.4375rem
    }

    ._5CJz8M .TdPUbz.uVWH_d {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1dba8445de9de895.png);
        height: .9375rem;
        width: 1.9375rem
    }

    ._5CJz8M .TdPUbz.RbluKu {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2d5a6f6986f8ebf1.png);
        height: .5625rem;
        width: 2.375rem
    }

    ._5CJz8M .TdPUbz.cnsNqP {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/20f2fe3c8991b948.png);
        height: .9375rem;
        width: 3.5rem
    }

    ._5CJz8M .TdPUbz.KIEVZB {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9298a86de686765b.png);
        height: 1.0625rem;
        width: 2.5625rem
    }

.jlIORd.jlIORd {
    height: 1rem;
    padding: 0 .25rem
}

.jlIORd ._gAitl {
    color: #fff;
    font-size: .75rem;
    line-height: .875rem
}

.jlIORd .MbXgy7 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/064b8a5c8d70e7c7.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: .75rem;
    width: 3.375rem
}

.jlIORd .cweZUt {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/bce056cf58348c92.png);
    height: .75rem;
    width: 1.75rem
}

.jlIORd .uN4Qia {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/cb4f6ef6409b3fef.png);
    height: .75rem;
    width: 3.1875rem
}

.jlIORd .c5CVka {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/7b58ee4ebae11865.png);
    height: .75rem;
    width: 3.4375rem
}

.jlIORd .yD3MqF {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/12d97cc9815ffa41.png);
    height: .75rem;
    width: 3rem
}

.HioAJ_ {
    background-size: 100% 100%;
    height: 1.9375rem;
    margin-top: -.625rem;
    width: 1.5rem
}

.EJE4wm {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/349b3ed161e15ea2.png)
}

.TbMuYc {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e09d930ea6b9e519.png)
}

.JTmnZE {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/961176fe111e6c10.png)
}

.GzAhQZ {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3c79ebb28087b7d7.png)
}

.kwQNtC {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/74fdb93a0d07bcae.png)
}

.UuaAkh {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a6fad44ca3dab71b.png)
}

.Ojcmso {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ed3d05d5222a4d42.png)
}

.VcSQ8f {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/add0299536d097a1.png)
}

.sQhcYN {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e5bd3c4621c5b5ad.png)
}

.TwcGNC {
    display: block;
    height: auto
}

    .TwcGNC .kfAGSb {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3183797a2c3fee15.png);
        width: 3.375rem
    }

    .TwcGNC .OFL4FL, .TwcGNC .kfAGSb {
        background-repeat: no-repeat;
        background-size: 100%;
        height: .5625rem;
        margin: .1875rem 0
    }

    .TwcGNC .OFL4FL {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/58b8c10b9b2a3722.png);
        width: 2.4375rem
    }

.b9mrdP {
    padding-bottom: .0625rem;
    padding-top: .0625rem
}

    .b9mrdP .PRTL4K {
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4bea3ee09cf6dff0.png);
        background-repeat: no-repeat;
        background-size: 100%;
        height: .6875rem;
        width: 2.8125rem
    }

.Xifm_n.Xifm_n {
    font-size: .75rem;
    height: 1.0625rem;
    line-height: 1.0625rem;
    padding: .1875rem .25rem
}

.Xifm_n .GW1plf {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6385ac4d3537c219.png)
}

.Xifm_n .GW1plf, .Xifm_n .f2fLhb {
    background-repeat: no-repeat;
    background-size: contain;
    height: 1rem;
    position: relative;
    width: 3.75rem
}

.Xifm_n .f2fLhb {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/bc01a468d58a7fc3.png)
}

.gbDOeU.C5dY9_ {
    height: 1rem;
    padding: 0 .25rem
}

.gbDOeU .WA8gUk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9501312a24255593.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: .625rem;
    position: relative;
    width: 2.8125rem
}

.FYp0go {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 0;
    max-width: 70%;
    position: absolute;
    top: .625rem;
    z-index: 1
}

    .FYp0go > div:not(:first-child) {
        margin-top: .3125rem
    }

    .FYp0go .horizontal-badge {
        left: -.25rem;
        margin-bottom: .3125rem;
        position: relative
    }

.R7d_Fb {
    background-color: rgba(255,212,36,.9);
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

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

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

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

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

.IlSTpg {
    flex-direction: column-reverse
}

.P2pVd9, .ZHMqyt, .uWCOXB {
    justify-content: center
}

.dKbtkh {
    color: #fff
}

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

.G4ianW, .Ut8XBa, .zHKTsy {
    display: none
}

.mJQgLs {
    background-color: #ffe97a;
    border-bottom-left-radius: .125rem;
    display: block;
    padding: .125rem .25rem
}

    .mJQgLs .fUwDBP {
        color: #ec3814;
        display: block;
        font-size: .75rem;
        font-weight: 500;
        line-height: .875rem
    }

.lMc0WV {
    padding: .5rem
}

.IJ6t3b {
    align-items: center;
    background-color: #ee4d2d;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 700;
    height: 3.375rem;
    justify-content: center;
    line-height: .875rem;
    text-align: center;
    width: 3.375rem
}

.KSjDP_ {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

    .KSjDP_ .shopee-badge {
        float: right;
        margin-left: .3125rem
    }

._aEvvd {
    bottom: .25rem;
    height: 1.25rem;
    right: .25rem;
    width: 1.25rem;
    stroke: none;
    fill: rgba(0,0,0,.5)
}

.MwS_c7, ._aEvvd {
    position: absolute
}

.MwS_c7 {
    align-items: center;
    background: rgba(0,0,0,.3);
    border-radius: 2px;
    bottom: .625rem;
    color: #fff;
    display: flex;
    font-size: .75rem;
    justify-content: center;
    padding: .125rem .25rem;
    right: .625rem;
    text-transform: capitalize;
    white-space: nowrap
}

.Wsjzak {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

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

    .fvbuHj .shopee-item-card__sneak-peak {
        background: #d0011b;
        bottom: 0;
        color: #fff;
        height: 1.75rem;
        line-height: 1.75rem;
        opacity: .82;
        position: absolute;
        text-align: center;
        text-transform: capitalize;
        width: 100%
    }

    .fvbuHj .customized-overlay-image img {
        width: 100%
    }

.eonfVE {
    overflow: hidden;
    padding: .5rem
}

.QsNs4x, .eonfVE {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

.PhuKSd {
    flex: 0 1 auto
}

.PhuKSd, .pjIpsl {
    max-width: 100%;
    transition: all .1s cubic-bezier(.4,0,.6,1)
}

.pjIpsl {
    color: #ee4d2d;
    flex-grow: 1;
    flex-shrink: 0
}

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

.rJIrly {
    align-items: center;
    display: flex;
    height: 1.25rem;
    overflow: hidden;
    padding: .5rem 0 0
}

.dRsN2e {
    display: inline;
    font-size: .75rem;
    line-height: 14px
}

.IS4dul.IS4dul {
    display: inline-block;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.gG3KCV {
    flex-grow: 1;
    min-height: 1.75rem
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .gG3KCV {
        max-height: 1.875rem;
        overflow: hidden
    }
}

.xRWndz {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .xRWndz:first-child:last-child {
        max-width: 100%
    }

    .xRWndz:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .xRWndz:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .xRWndz:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .xRWndz:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.xRWndz {
    color: #ee4d2d
}

._CT21f {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    ._CT21f:first-child:last-child {
        max-width: 100%
    }

    ._CT21f:first-child:nth-last-child(2) {
        max-width: 60%
    }

        ._CT21f:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    ._CT21f:first-child:nth-last-child(3) {
        max-width: 40%
    }

        ._CT21f:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

._CT21f {
    color: #f5a623
}

.BD2Un9 {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .BD2Un9:first-child:last-child {
        max-width: 100%
    }

    .BD2Un9:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .BD2Un9:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .BD2Un9:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .BD2Un9:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.BD2Un9 {
    border: 1px solid
}

.VDKUe_ {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .VDKUe_:first-child:last-child {
        max-width: 100%
    }

    .VDKUe_:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .VDKUe_:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .VDKUe_:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .VDKUe_:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.VDKUe_ {
    color: #44b5ff
}

.W1etXY {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .W1etXY:first-child:last-child {
        max-width: 100%
    }

    .W1etXY:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .W1etXY:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .W1etXY:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .W1etXY:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.W1etXY {
    color: #ffa604
}

.TQJpIa {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .TQJpIa:first-child:last-child {
        max-width: 100%
    }

    .TQJpIa:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .TQJpIa:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .TQJpIa:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .TQJpIa:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.TQJpIa {
    color: #ee4d2d
}

.Znt4bW {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .Znt4bW:first-child:last-child {
        max-width: 100%
    }

    .Znt4bW:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .Znt4bW:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .Znt4bW:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .Znt4bW:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.Znt4bW {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%
}

._3nkRL._3nkRL:after, ._3nkRL._3nkRL:before {
    transform: none
}

._1PWkR {
    box-sizing: border-box;
    display: inline-block;
    height: 1rem;
    min-width: 0;
    overflow: hidden;
    position: relative
}

    ._1PWkR:after, ._1PWkR:before {
        background: currentColor;
        content: "";
        display: block;
        height: .0625rem;
        left: .25rem;
        position: absolute;
        right: .25rem;
        transform: scaleY(.5)
    }

    ._1PWkR:before {
        top: 0;
        transform-origin: 0 0
    }

    ._1PWkR:after {
        bottom: 0;
        transform-origin: 0 100%
    }

._2DRZW {
    height: 1rem;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    width: .25rem
}

    ._2DRZW:first-of-type {
        left: 0
    }

    ._2DRZW:nth-of-type(2) {
        right: 0
    }

._1FKkT {
    height: 1rem;
    line-height: 1rem;
    margin: 0 .1875rem;
    overflow: hidden;
    padding: 0 .0625rem;
    padding: 0 calc(var(--ns-a, .25rem) - .1875rem);
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

._2HdUY {
    color: rgba(0,0,0,.09);
    color: var(--nc-util-line,rgba(0,0,0,.09))
}

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

._3hvfJ {
    color: #bdbdbd;
    color: var(--nc-util-disabled-o,#bdbdbd)
}

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

._1AXbm._3Ao0A {
    background-color: #bdbdbd;
    background-color: var(--nc-util-disabled-o,#bdbdbd)
}

._1AXbm._2xFcL {
    fill: #bdbdbd;
    fill: var(--nc-util-disabled-o,#bdbdbd)
}

.wLJnpB {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .wLJnpB:first-child:last-child {
        max-width: 100%
    }

    .wLJnpB:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .wLJnpB:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .wLJnpB:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .wLJnpB:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.wLJnpB {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%
}

.kgvSQt, .wLJnpB {
    line-height: 100%
}

.kgvSQt {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .kgvSQt:first-child:last-child {
        max-width: 100%
    }

    .kgvSQt:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .kgvSQt:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .kgvSQt:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .kgvSQt:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.kgvSQt {
    color: #ee4d2d;
    display: flex
}

.yGhK1c {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .yGhK1c:first-child:last-child {
        max-width: 100%
    }

    .yGhK1c:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .yGhK1c:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .yGhK1c:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .yGhK1c:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.yGhK1c {
    border: none !important;
    height: auto !important;
    padding: 0 !important
}

.d4h4pT, .xdD9zn {
    height: 1rem
}

.xdD9zn {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .xdD9zn:first-child:last-child {
        max-width: 100%
    }

    .xdD9zn:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .xdD9zn:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .xdD9zn:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .xdD9zn:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.xdD9zn {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%;
    line-height: 100%
}

.pCiNIi {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .pCiNIi:first-child:last-child {
        max-width: 100%
    }

    .pCiNIi:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .pCiNIi:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .pCiNIi:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .pCiNIi:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.pCiNIi {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%
}

.RkOOil, .pCiNIi {
    line-height: 100%
}

.RkOOil {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .RkOOil:first-child:last-child {
        max-width: 100%
    }

    .RkOOil:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .RkOOil:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .RkOOil:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .RkOOil:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.RkOOil {
    color: #ee4d2d
}

.Z1j9uu {
    align-items: center;
    background-color: transparent;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .Z1j9uu:first-child:last-child {
        max-width: 100%
    }

    .Z1j9uu:first-child:nth-last-child(2) {
        max-width: 60%
    }

        .Z1j9uu:first-child:nth-last-child(2) ~ div {
            flex-shrink: 1
        }

    .Z1j9uu:first-child:nth-last-child(3) {
        max-width: 40%
    }

        .Z1j9uu:first-child:nth-last-child(3) ~ div {
            flex-shrink: 1
        }

.Z1j9uu {
    color: #ee4d2d
}

.qiiBQc, .wZ9MAe {
    height: 1rem
}

.wZ9MAe {
    align-items: center;
    display: flex;
    margin-top: .25rem;
    overflow: hidden
}

    .wZ9MAe > div:not(:last-child) {
        margin-right: .25rem
    }

    .wZ9MAe > div:first-child:not(:only-child) {
        flex-shrink: 0;
        max-width: 60%
    }

    .wZ9MAe > div:only-child {
        flex-shrink: 0
    }

.Vr4s5H {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._6X2ezV {
    color: rgba(0,0,0,.54);
    margin-right: 5px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.Ja3cIR {
    color: currentColor
}

.abvxo3 {
    color: #ee4d2d;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CxhVDG {
    color: #ee4d2d
}

.CxhVDG, .MW56HU {
    font-size: .75rem
}

.MW56HU {
    color: rgba(0,0,0,.87);
    line-height: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.pWhuKQ {
    border: 1px solid rgba(0,0,0,.09)
}

.YkH_dh {
    color: rgba(0,0,0,.54);
    margin-right: 5px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.uFg3qn {
    color: #ee4d2d;
    font-size: 1rem
}

.T962Oy {
    color: #ee4d2d;
    font-size: .75rem
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

    .shopee-button-solid--complement:hover {
        background: #00a08a
    }

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

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

    .shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
        background: #f05d40
    }

    .shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
        background: #e2492b;
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

    .shopee-button-solid--primary.shopee-button-solid--disabled {
        background: #facac0 !important;
        box-shadow: none;
        cursor: not-allowed
    }

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none !important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px !important;
    position: relative;
    text-transform: uppercase !important;
    width: 102px
}

    .shopee-button-solid--tributton: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-button-solid--tributton:not(.disabled):hover {
        background: #f05d40
    }

    .shopee-button-solid--tributton:not(.disabled):active {
        background: #e2492b;
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

    .shopee-button-solid--tributton.disabled {
        background: #facac0 !important;
        box-shadow: none;
        cursor: not-allowed
    }

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

    .shopee-button-solid--disabled:hover {
        background-color: rgba(0,0,0,.26);
        cursor: not-allowed
    }

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

.shopee-button-outline--normal {
    background: #fff
}

    .shopee-button-outline--normal:hover {
        background: #f3f3f3
    }

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none !important;
    height: 36px;
    padding: 10px 15px !important;
    text-transform: uppercase !important;
    width: 130px
}

    .shopee-button-outline--tributton:hover {
        border-color: #ee4d2d;
        color: #ee4d2d;
        flex: none !important;
        padding: 10px 15px !important
    }

.shopee-button-outline--primary-reverse, .shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

    .shopee-button-outline--primary-reverse:hover {
        background: #ee4d2d;
        color: #fff
    }

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

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

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

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

    .cancel-btn:hover {
        background: #f8f8f8
    }

    .cancel-btn:active {
        background: #f5f5f5
    }

.shopee-button-no-outline, .shopee-icon-button, .shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

    .shopee-button-no-outline: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-button-no-outline--primary, .shopee-button-no-outline:hover {
        color: #ee4d2d
    }

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

    .shopee-button-no-outline--disabled:hover {
        color: rgba(0,0,0,.26)
    }

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none !important;
    height: 36px;
    padding: 10px 15px !important;
    text-transform: uppercase
}

    .shopee-button-no-outline--tributton:hover {
        color: #ee4d2d
    }

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

    .shopee-image-button:hover .shopee-image-button__mask {
        background-color: rgba(0,0,0,.7)
    }

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button > .shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

    .shopee-see-all-button > .shopee-button-no-outline > .icon-arrow-right {
        font-size: .625rem
    }

.tqUY5P {
    left: 0;
    position: absolute;
    top: 0
}

.RASSNJ {
    width: 3.625rem
}

.S7bign {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .1875rem .625rem 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 1.875rem 1.875rem 1.25rem;
    position: relative;
    width: 34.375rem
}

.SKsj0m {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.dV5j_N {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.wD5wdy {
    padding-right: 2.4375rem
}

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

.E5a0fJ {
    margin-bottom: .6875rem;
    overflow: hidden
}

.DvOiYO {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.lpLIyn, .sAJsBd {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.lpLIyn {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.sAJsBd {
    background-size: 100%
}

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

.Omn6i9, .hMpp5i {
    height: 1rem;
    padding: .1875rem
}

.d837Fg.S7bign {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.d837Fg .SKsj0m {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.d837Fg .lpLIyn {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.d837Fg .sAJsBd {
    height: 2.1875rem;
    width: 6.6875rem
}

.d837Fg .AEQJAz {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.d837Fg .wD5wdy {
    padding-right: 1.4375rem
}

.d837Fg .hnfDTm {
    justify-content: center
}

.d837Fg .DvOiYO {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.d837Fg .E5a0fJ {
    margin-bottom: -.25rem
}

.d837Fg .Omn6i9, .d837Fg .bjNist, .d837Fg .hMpp5i {
    height: .75rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    margin-right: .375rem;
    padding: 0;
    -ms-interpolation-mode: nearest-neighbor
}

.d837Fg .bjNist {
    margin-right: 0
}

.aItyhR {
    box-sizing: border-box;
    display: inline-block;
    overflow: auto;
    position: relative
}

    .aItyhR .a1a68C {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .aItyhR .XWxNYh {
        display: block
    }

.IsSywA:hover {
    cursor: not-allowed
}

.XaWC8X.Y78Xdb {
    background-color: #d0011b
}

.XaWC8X.XQnSMd {
    background-color: #ee4d2d
}

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

    .XaWC8X.VxSJGi:hover {
        cursor: not-allowed
    }

.kwFT5H {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.oXfBWp {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.gxjQEX {
    background-color: rgba(0,0,0,.14);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.xciWCU {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 .625rem 0 rgba(0,0,0,.14);
    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
}

    .xciWCU .VTAPsi {
        color: #fff;
        font-size: 1.125rem
    }

.O7netm {
    text-transform: uppercase;
    width: 140px
}

Button[data-cy=IDLargeSubmitBtn] {
    width: 200px
}

.shopee-popup-form {
    background: #fff;
    border-radius: .125rem;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    padding: 30px 30px 0;
    width: 500px
}

.shopee-popup-form__header {
    align-items: center;
    display: flex;
    height: 60px
}

.shopee-popup-form__title {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: capitalize
}

.shopee-popup-form__subtitle {
    color: #bbb;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.0625rem;
    margin-top: -15px;
    text-transform: capitalize
}

.shopee-popup-form__back-btn {
    color: rgba(0,0,0,.4);
    cursor: pointer;
    display: inline-block;
    margin-right: .875rem
}

    .shopee-popup-form__back-btn > .icon-back {
        font-size: .9375rem
    }

.shopee-popup-form__main {
    flex: 1;
    margin-left: -50px;
    margin-right: -50px;
    overflow-y: auto;
    padding-left: 50px;
    padding-right: 50px;
    position: relative
}

    .shopee-popup-form__main::-webkit-scrollbar {
        display: none
    }

.shopee-popup-form__main-container {
    margin-bottom: 84px
}

.shopee-popup-form__prompt-message {
    background: #fffefb;
    border: 1px solid rgba(255,174,4,.2);
    border-radius: 2px;
    color: #764;
    display: flex;
    margin: 0 0 15px;
    padding: 12px
}

.shopee-popup-form__prompt-message-text {
    flex: 1
}

.shopee-popup-form__message {
    color: rgba(0,0,0,.54)
}

.shopee-popup-form__server-error {
    align-items: center;
    color: #ff424f;
    display: flex;
    justify-content: center;
    margin-bottom: 7px;
    width: 100%
}

.shopee-popup-form__subheader {
    color: rgba(0,0,0,.54);
    display: flex;
    margin: .375rem 0 .5rem
}

.shopee-popup-form__subheader-text {
    text-transform: capitalize
}

.shopee-popup-form__gap {
    flex: 1
}

.shopee-popup-form__footer {
    align-items: center;
    background: linear-gradient(hsla(0,0%,100%,.9),#fff);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 84px;
    justify-content: flex-end;
    left: 0;
    padding: 22px 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase
}

    .shopee-popup-form__footer .shopee-button-outline, .shopee-popup-form__footer .shopee-popup-form__cancel, .shopee-popup-form__footer > .shopee-button-solid {
        box-sizing: border-box;
        cursor: pointer;
        font-size: .875rem;
        font-weight: 400;
        outline: 0;
        padding: .75rem 0;
        text-transform: uppercase;
        width: 140px
    }

.shopee-popup-form__inputs-row {
    display: flex
}

.shopee-popup-form--voice-otp {
    max-height: 260px
}

.shopee-popup-form--user-detail, .shopee-popup-form--verify {
    height: 21.25rem
}

.shopee-popup-form--bank-account, .shopee-popup-form--credit-card {
    height: 34.375rem
}

.shopee-popup-form--bank-account-id {
    height: 34.375rem;
    width: 640px
}

.shopee-popup-form__my-address-toggle {
    color: #ee4d2d;
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

    .shopee-popup-form__my-address-toggle:first-letter {
        text-transform: uppercase
    }

.shopee-popup-form--user-detail-tw {
    height: 34.375rem
}

.icon-prompt-bell {
    height: 20px;
    margin-right: 5px;
    width: 22px
}

.product-variation {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    margin: 0 8px 8px 0;
    min-height: 2.125rem;
    min-width: 5rem;
    outline: 0;
    overflow: visible;
    padding: .25rem .75rem;
    position: relative;
    text-align: left;
    word-break: break-word
}

    .product-variation:focus-visible:before {
        --focus-indicator-spacing: 2px;
        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)
    }

    .product-variation:hover {
        border-color: var(--brand-primary-color,#ee4d2d);
        color: var(--brand-primary-color,#ee4d2d)
    }

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

    .product-variation--disabled:hover {
        border-color: rgba(0,0,0,.09);
        color: rgba(0,0,0,.26)
    }

    .product-variation--disabled:focus {
        outline: 0
    }

.product-variation--selected {
    border-color: var(--brand-primary-color,#ee4d2d);
    color: var(--brand-primary-color,#ee4d2d)
}

.product-variation__tick {
    bottom: 0;
    height: .9375rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: .9375rem
}

    .product-variation__tick > .icon-tick-bold {
        bottom: 0;
        color: #fff;
        font-size: 8px;
        position: absolute;
        right: 0
    }

    .product-variation__tick:before {
        border: .9375rem solid transparent;
        border-bottom: .9375rem solid var(--brand-primary-color,#ee4d2d);
        bottom: 0;
        content: "";
        position: absolute;
        right: -.9375rem
    }

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

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

        .B4HivV[disabled] svg, .VwR7KY svg {
            fill: #ccc
        }

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

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

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

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

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

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

.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;
    right: 0
}

.adult-screen--small, .cBCkXL {
    left: 0;
    position: absolute;
    top: 0
}

.cBCkXL {
    display: block;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    width: 100%
}

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

.RudkbG, ._SOZgd {
    position: absolute;
    width: 100%
}

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

.pf9z0n {
    position: relative
}

    .pf9z0n:hover {
        cursor: pointer
    }

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

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

.WBTbo8, .mpubA7 {
    position: relative
}

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

.ZoO0Xy {
    background-color: #fff
}

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

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

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

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

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

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

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

    .TKnBzA:hover {
        cursor: pointer
    }

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

    .vVid_D.xKbf7F {
        opacity: 0
    }

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

.nBFMDe, .zrc63B {
    color: #fff;
    text-transform: capitalize
}

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

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

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

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

.pbRHic {
    font-size: .75rem
}

    .pbRHic > .Z5esuc {
        font-size: .5rem;
        margin-right: .1875rem
    }

.IGw0PH {
    background-color: #d0011b
}

.GplMb2 svg, .eADN0j svg {
    height: .625rem;
    width: 3.5625rem
}

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

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

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

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

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

.Monuha {
    margin: 0 .4375rem
}

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

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

    .hTRjNp:hover > .HIpfQZ {
        opacity: 1;
        z-index: 1
    }

    .hTRjNp > .gOPw4V {
        font-size: 7px
    }

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

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

    .eSDMKf:last-child {
        margin: 0
    }

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

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

.FCfaf8, .dbg7zo {
    font-size: .75rem
}

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

.WW9ThV {
    border-radius: .1875rem
}

._M8nid {
    background-color: #ee4d2d
}

.pI1nVL {
    border-radius: .625rem
}

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

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

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

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

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

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

.v_qHSR {
    flex-direction: column-reverse
}

.IRcbCj, .khjGr0, .qvmgfW {
    height: 100%;
    justify-content: center
}

.OhkVpG {
    color: #fff
}

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

.BYs985, .Ui1w0H, .oZxhly {
    display: none
}

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

.HJQIPR, .hl73a0 {
    height: 16px;
    width: 69px
}

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

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

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

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

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

        ._BPRJy .WXOFNn {
            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
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Zk1jKF {
    width: 18.75rem
}

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

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

.QopFxG, .ePbWUS {
    margin-bottom: 1.25rem
}

.Cvjl9L, .Pwffjt {
    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
}

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

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

    .ROWJZs.DncIdQ {
        max-height: 6.5625rem
    }

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

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

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

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

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

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

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

.Id7wbx {
    flex-direction: row
}

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

.C09Bt5, .d7qlIR {
    margin-left: .5rem
}

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

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

.FimgV7 {
    align-items: center;
    display: flex;
    margin-left: auto
}

    .FimgV7 > :not(:last-child) {
        margin-right: 5px
    }

    .FimgV7 .icon-free-shipping {
        flex-shrink: 0;
        font-size: 1.5rem;
        height: 1.5rem;
        line-height: 1;
        margin-left: .125rem;
        width: 1.25rem
    }

    .FimgV7 .icon-sbs-24hr {
        font-size: 2.1875rem
    }

.YSKa5a {
    position: relative
}

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

.gNHasw {
    align-items: center;
    display: flex;
    flex-flow: "row nowrap"
}

    .gNHasw .tH6urb {
        font-size: toRem(14px);
        margin: toRem(20px) auto toRem(7px);
        min-width: 180px
    }

    .gNHasw .P7SzYL {
        align-items: center;
        display: flex;
        flex-flow: "row nowrap"
    }

    .gNHasw .Alwxia {
        margin-left: 10px;
        min-width: 100px
    }

.lTFVJW {
    height: 1.25rem;
    margin-top: .75rem
}

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

.C4kbEG {
    color: rgba(0,0,0,.26);
    cursor: pointer;
    flex-shrink: 0;
    font-size: .625rem;
    overflow: hidden
}

.VCMzAK {
    color: rgba(0,0,0,.65);
    font-size: .75rem;
    margin-left: .375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.RqjtMf {
    margin-left: .25rem
}

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

.C4kbEG .shopee-rating-stars__stars {
    display: flex
}

.C4kbEG .shopee-rating-stars__star-wrapper {
    align-items: center;
    display: flex;
    margin-right: 1px;
    position: relative
}

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

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

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

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

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

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

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

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

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

.nBRLWP {
    color: rgba(0,0,0,.65);
    font-size: .75rem;
    font-weight: 200;
    line-height: 1.125rem;
    margin-top: .5rem;
    min-height: 1em;
    text-align: left
}

.p75UA2 {
    box-sizing: border-box;
    height: 100%
}

.tw1MQD {
    background-color: #fff;
    border-radius: .125rem;
    display: flex
}

.q0wrmG {
    flex-direction: column
}

.yOJNlU {
    flex-direction: row
}

.XPsgbz {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    overflow: hidden;
    padding: .5rem
}

.A9nYiO {
    background-color: #fafafa;
    height: 2.5rem;
    margin-bottom: .25rem
}

.SpEoEv {
    height: 1rem;
    margin-bottom: .5rem
}

.CJrIJW {
    height: 1.25rem
}

.CJrIJW, .nYrb45 {
    background-color: #fafafa;
    margin-bottom: .5rem
}

.nYrb45 {
    height: 2.25rem
}

.Tt9FbE {
    height: 1.25rem;
    margin-bottom: .75rem
}

.Tt9FbE, .rve1eN {
    background-color: #fafafa
}

.rve1eN {
    height: 1.125rem
}

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

.X2VB11 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.DjkySH {
    background: #fff;
    border-radius: 2px;
    margin-top: .625rem;
    padding: 2px;
    width: 11.25rem
}

.A_MOXi {
    height: 11.25rem;
    width: 11.25rem
}

.X2VB11 {
    flex-wrap: wrap;
    padding: 0 .9375rem .3125rem
}

.ZQIyAM {
    margin-top: .3125rem;
    width: 4.375rem
}

.cRmzEI {
    width: 100%
}

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

.uqR_j9:not(:first-child) {
    margin-left: .625rem
}

.rdvcCv {
    color: #fff;
    font-size: .8125rem;
    font-weight: 300;
    outline: 0;
    overflow: visible;
    padding: .25rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

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

    .rdvcCv:last-child {
        border: 0
    }

    .rdvcCv:not(.FjlPk1):hover {
        color: hsla(0,0%,100%,.7);
        cursor: pointer
    }

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

.FjlPk1 {
    border: 0
}

.FjlPk1, .sE9xJX {
    padding-right: 0
}

.GLkbGT .D11tsO, .GLkbGT .RuJdvK, .GLkbGT .S5DQgb, .GLkbGT .eqmS8Z, .GLkbGT .gYBRSq, .GLkbGT .hGZfRQ, .GLkbGT .ptmQoW {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

.GLkbGT .gYBRSq {
    height: 27px;
    width: 28px
}

.GLkbGT .RuJdvK, .GLkbGT .S5DQgb, .GLkbGT .eqmS8Z {
    height: 16px;
    width: 16px
}

.GLkbGT .hGZfRQ {
    height: 15px;
    width: 16px
}

.GLkbGT .ptmQoW {
    height: 16px;
    width: 14px
}

.GLkbGT .D11tsO {
    height: 16px;
    width: 16px
}

.navbar-wrapper--light .rdvcCv {
    border-color: hsla(0,0%,53%,.22);
    color: currentColor
}

    .navbar-wrapper--light .rdvcCv:not(.FjlPk1):hover {
        color: #ee4d2d
    }

.navbar-wrapper--high-end-brand .rdvcCv, .navbar-wrapper--high-end-brand .rdvcCv:not(.FjlPk1):hover, .navbar-wrapper--high-end-brand.navbar-wrapper .navbar {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .rdvcCv:not(.FjlPk1):not(.sE9xJX):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%
}

.w3a50H {
    align-items: center;
    color: #fff;
    display: flex;
    padding: .4375rem .625rem
}

    .w3a50H:hover {
        color: hsla(0,0%,100%,.7)
    }

.navbar-wrapper--high-end-brand .w3a50H, .navbar-wrapper--high-end-brand .w3a50H:hover {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .w3a50H:hover {
        opacity: .5
    }

.w3a50H .q0ftC7 {
    align-items: center;
    display: flex
}

.w3a50H .R_JQFh {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

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

    .R5gps_ .zbajnf {
        background-color: transparent;
        border: 0;
        color: rgba(0,0,0,.87);
        font-size: .875rem;
        line-height: 1.25rem;
        padding: .625rem;
        text-align: left
    }

        .R5gps_ .zbajnf.unzhUc, .R5gps_ .zbajnf:hover {
            color: #ee4d2d
        }

.navbar-wrapper--high-end-brand .R5gps_ .zbajnf.unzhUc, .navbar-wrapper--high-end-brand .R5gps_ .zbajnf:hover {
    color: #f4a386
}

.R5gps_ .zbajnf > span {
    border-radius: var(--focus-indicator-border-radius);
    margin: calc(var(--focus-indicator-spacing)*-1);
    padding: var(--focus-indicator-spacing)
}

.R5gps_ .zbajnf:focus-visible {
    outline: none
}

    .R5gps_ .zbajnf:focus-visible > span {
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
    }

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

.FrmlYl {
    background: #066bc8
}

.IzXCWZ {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.FpbVT0 {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.Q1VwaC {
    background-color: rgba(0,0,0,.14);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.ZAs3EK {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 .625rem 0 rgba(0,0,0,.14);
    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
}

    .ZAs3EK .B6V8la {
        color: #fff;
        font-size: 1.125rem
    }

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

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

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    margin-bottom: 1.25rem
}

.stardust-toast, .toast__icon {
    display: flex;
    justify-content: center
}

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

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

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

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

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

.shopee-popover--default, .shopee-popover--dropdown {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.shopee-popover--default {
    max-height: 8.375rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .3125rem 0
}

.shopee-popover--dropdown {
    border: 1px solid rgba(0,0,0,.09)
}

    .shopee-popover--dropdown:after, .shopee-popover--dropdown:before {
        content: "";
        position: absolute;
        right: 1rem
    }

    .shopee-popover--dropdown:after {
        border: .5rem solid transparent;
        border-bottom-color: #fff;
        top: -.9375rem;
        z-index: 1
    }

    .shopee-popover--dropdown:before {
        border: .5rem solid transparent;
        border-bottom-color: rgba(0,0,0,.09);
        top: -1.0625rem;
        z-index: 0
    }

.T6BSIz {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

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

.fKIbFl {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.wVLD7a {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.CsTQey {
    font-weight: 500;
    white-space: nowrap
}

.CsTQey, .vkSmSs {
    overflow: hidden;
    text-overflow: ellipsis
}

.vkSmSs {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.xKeigh {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.tA2Yu5 {
    color: #ee4d2d
}

.C7h6dL {
    font-size: 9px;
    margin: 0 5px
}

.C7h6dL, .uMt4dG {
    color: rgba(0,0,0,.54)
}

.sZZ9lE, .uMt4dG {
    font-size: .75rem
}

.sZZ9lE {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

    .sZZ9lE > .shopee-button-no-outline {
        font-weight: 400;
        padding: 0;
        white-space: nowrap
    }

.OmIgwU {
    flex: 1
}

.uIXJHI {
    margin-top: .625rem
}

.cqJyRf {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.drmTCc {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.pAHCIv {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.cart-drawer-container {
    padding: 10px 0
}

.cart-drawer {
    cursor: pointer;
    margin: 0 0 0 5px;
    outline: 0;
    overflow: visible;
    position: relative
}

    .cart-drawer: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)
    }

    .cart-drawer .shopee-cart-number-badge {
        left: -1.25rem;
        top: -.6875rem
    }

    .cart-drawer .icon-shopping-cart-2 {
        color: #fff;
        stroke: #fff
    }

.cart-drawer__popover {
    z-index: 400 !important
}

.rlZST5 {
    padding: 3.75rem 0;
    text-align: center
}

.GDMGCj {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c44984f18d2d2211.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.MnFAfz {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.EMorwl.EMorwl {
    flex-shrink: 0;
    max-width: unset
}

.FKqfit {
    line-height: normal;
    text-align: left
}

.Uws3nI {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.pTSlYd {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

.WhWQSy {
    align-items: center;
    background-color: #fdfdfd;
    display: flex;
    font-size: .75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: .625rem;
    text-align: center;
    text-transform: capitalize
}

    .WhWQSy > .shopee-button-solid {
        font-size: .875rem;
        padding: .625rem .9375rem;
        text-transform: capitalize
    }

h3.div-style {
    font-size: unset;
    font-style: normal;
    font-weight: 400;
    margin: 0
}

h1.a11y-hidden, h2.a11y-hidden, h3.a11y-hidden, h4.a11y-hidden, span.a11y-hidden {
    height: 1px;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.confirm-popup {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    justify-content: center;
    padding: 30px;
    width: 440px
}

.confirm-popup__button-group {
    display: flex;
    justify-content: center;
    margin-top: 2rem
}

.confirm-popup .shopee-button-outline--confirm-popup, .confirm-popup .shopee-button-solid--confirm-popup {
    font-size: .875rem;
    margin: .46875rem;
    min-height: 2.5rem;
    text-transform: uppercase;
    width: 6.25rem
}

.confirm-two-popup {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    justify-content: center;
    padding: 30px;
    width: 440px
}

.confirm-two-popup__button-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.8125rem;
    width: 100%
}

.confirm-two-popup .shopee-button-no-outline--confirm-two-popup, .confirm-two-popup .shopee-button-solid--confirm-two-popup {
    font-family: Roboto;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem;
    min-height: 2.5rem;
    padding: .75rem;
    text-transform: uppercase;
    width: 7.5rem
}

.confirm-two-popup .shopee-button-no-outline--confirm-two-popup {
    color: #000;
    margin-right: 1.25rem;
    opacity: .54
}

.mFfzGM {
    left: 0;
    position: absolute;
    top: 0
}

.Tnmmqs {
    width: 3.625rem
}

.ri0wg0 {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .1875rem .625rem 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 1.875rem 1.875rem 1.25rem;
    position: relative;
    width: 34.375rem
}

.ljjy3C {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.Bej6BE {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.OmobMh {
    padding-right: 2.4375rem
}

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

.aNYWPG {
    margin-bottom: .6875rem;
    overflow: hidden
}

.WYfCq9 {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.gyXaBL, .rhGCbc {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.gyXaBL {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.rhGCbc {
    background-size: 100%
}

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

.E56uuU, .S8Fn1b {
    height: 1rem;
    padding: .1875rem
}

.fNWuhj.ri0wg0 {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.fNWuhj .ljjy3C {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.fNWuhj .gyXaBL {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.fNWuhj .rhGCbc {
    height: 2.1875rem;
    width: 6.6875rem
}

.fNWuhj .RBPulu {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.fNWuhj .OmobMh {
    padding-right: 1.4375rem
}

.fNWuhj .lF7Ljd {
    justify-content: center
}

.fNWuhj .WYfCq9 {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.fNWuhj .aNYWPG {
    margin-bottom: -.25rem
}

.fNWuhj .E56uuU, .fNWuhj .EePfy8, .fNWuhj .S8Fn1b {
    height: .75rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    margin-right: .375rem;
    padding: 0;
    -ms-interpolation-mode: nearest-neighbor
}

.fNWuhj .EePfy8 {
    margin-right: 0
}

.icon-popup {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    justify-content: center;
    padding: 30px;
    width: 440px
}

.error-popup .icon-error {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    align-items: center;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    outline: 0;
    text-transform: capitalize
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    max-width: 190px;
    min-width: 60px;
    padding: 0 15px
}

.btn--m {
    height: 40px;
    max-width: 220px;
    min-width: 70px;
    padding: 0 20px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l, .btn--xl {
    max-width: 250px;
    min-width: 80px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

    .btn-solid-primary:focus-visible:before {
        border-radius: var(--focus-indicator-border-radius);
        content: "";
        height: calc(100% + var(--focus-indicator-spacing)*2);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        padding: var(--focus-indicator-spacing);
        position: absolute;
        top: calc(var(--focus-indicator-spacing)*-1);
        width: calc(100% + var(--focus-indicator-spacing)*2)
    }

    .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
        background: #f05d40
    }

    .btn-solid-primary:not(.btn-solid-primary--disabled):active {
        background: #e2492b;
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

    .btn-solid-primary.btn-solid-primary--disabled {
        background: #facac0 !important;
        box-shadow: none;
        cursor: not-allowed
    }

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

    .theme--ofs .btn-solid-primary:focus-visible:before {
        border-radius: var(--focus-indicator-border-radius);
        content: "";
        height: calc(100% + var(--focus-indicator-spacing)*2);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        padding: var(--focus-indicator-spacing);
        position: absolute;
        top: calc(var(--focus-indicator-spacing)*-1);
        width: calc(100% + var(--focus-indicator-spacing)*2)
    }

    .theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
        background: #d41830
    }

    .theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
        background: #c6011a;
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

    .theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
        background: #f1b3bb !important;
        box-shadow: none;
        cursor: not-allowed
    }

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

    .theme--s-mart .btn-solid-primary:focus-visible:before {
        border-radius: var(--focus-indicator-border-radius);
        content: "";
        height: calc(100% + var(--focus-indicator-spacing)*2);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        padding: var(--focus-indicator-spacing);
        position: absolute;
        top: calc(var(--focus-indicator-spacing)*-1);
        width: calc(100% + var(--focus-indicator-spacing)*2)
    }

    .theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
        background: #1c78cd
    }

    .theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
        background: #0666be;
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

    .theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
        background: #b4d3ef !important;
        box-shadow: none;
        cursor: not-allowed
    }

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

    .btn-light:focus-visible:before {
        border-radius: var(--focus-indicator-border-radius);
        content: "";
        height: calc(100% + var(--focus-indicator-spacing)*2);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        padding: var(--focus-indicator-spacing);
        position: absolute;
        top: calc(var(--focus-indicator-spacing)*-1);
        width: calc(100% + var(--focus-indicator-spacing)*2)
    }

    .btn-light:active, .btn-light:hover {
        background: rgba(0,0,0,.02)
    }

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

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff !important;
    color: #ccc;
    cursor: not-allowed
}

.info-popup {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    flex-direction: column;
    font-size: 1rem;
    padding: 30px;
    width: 440px
}

.info-popup__head {
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    width: 100%
}

    .info-popup__head .shopee-svg-icon {
        height: 24px;
        width: 24px
    }

.info-popup__icon {
    margin-right: 10px
}

.info-popup__title {
    color: #333;
    font-size: 18px
}

.info-popup__message {
    color: #555;
    font-size: 16px
}

.info-popup__buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    width: 100%
}

.info-popup__btn {
    font-size: .875rem;
    margin: .46875rem;
    min-height: 2.5rem;
    text-transform: uppercase;
    width: 6.25rem
}

.success-popup__icon {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

.shopee-modal__transition-appear {
    opacity: .01
}

    .shopee-modal__transition-appear.shopee-modal__transition-appear-active {
        opacity: 1;
        transition: opacity .2s
    }

.shopee-modal__transition-enter {
    opacity: .01
}

    .shopee-modal__transition-enter.shopee-modal__transition-enter-active {
        opacity: 1;
        transition: opacity .2s
    }

.shopee-modal__transition-exit {
    opacity: 1
}

    .shopee-modal__transition-exit.shopee-modal__transition-exit-active {
        opacity: .01;
        transition: opacity .2s
    }

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}
/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/3718.d3d7c7ddfb279098.css.map*/