/*!
 * Project: 'pcmall';
 * Module: 'homepagefe';
 * Tag: 'homefe-v1.4.0';
 * Branch: 'heads/homefe-v1.4.0';
 * Last commit: 'Merge branch '\''staging'\'' into '\''release'\''' (6e05a01891c15864c1977dd7fffbd6f93a811fec);
 * Updated: '2024-06-11T03:58:23.529Z';
 */

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

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

    ._3sjFp:active:before {
        content: "";
        background-color: rgba(0,0,0,.05);
        background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
        position: absolute;
        bottom: 0;
        right: 0;
        top: 0;
        left: 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 {
    color: #fff;
    border: .0625rem solid transparent;
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d)
}

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

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

._1qQAl.xCn81 {
    color: #fff;
    border: .0625rem solid #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
}

.OXc\+3d {
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem;
    display: block
}

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

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

    .B1SNfg.psZW3j {
        margin-top: 7.4375rem
    }

    .B1SNfg._3\+ia\+C {
        margin-top: 11.125rem
    }

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

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

    to {
        transform: translateY(2px)
    }
}

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

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

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

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

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

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

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

    .PUpHDT .UCg7Hy {
        background-color: transparent
    }

.shopee-floating-icons__wrapper {
    z-index: 10;
    position: fixed;
    bottom: 13vh
}

._3Jjuff {
    position: relative
}

    ._3Jjuff img {
        vertical-align: bottom
    }

.U\+79TE {
    visibility: hidden
}

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

.lvgd6N {
    opacity: 0
}

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

._6z4wvl {
    max-height: 100%;
    max-width: 100%;
    height: 60px;
    width: 60px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 61' fill='%23e5e4e4'%3E%3Cpath 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.4zM27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6zm9.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.3-.5-1.6-2.2-2.7-3.5-3.4-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2-2.4-1.2-4-2.6-4.8-4.2-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.7-2 .3-4.7 2-4.4 4.6.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 7z'/%3E%3C/svg%3E")
}

.so7-O1 .EdK7SW {
    right: 0;
    bottom: 0
}

.EdK7SW, .so7-O1 .EdK7SW {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    z-index: -1
}

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

.shopee-skinny-banner {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.shopee-skinny-banner__container {
    position: relative;
    display: inline-block
}

.shopee-skinny-banner__full-height {
    height: 100%
}

.shopee-skinny-banner .animated-lazy-image__placeholder-wrapper {
    background-color: #fff
}

.DmdUoP {
    width: 100%;
    height: 100%;
    position: relative
}

.lZd7AW {
    height: 100%;
    overflow: hidden;
    touch-action: pan-y
}

.IokH\+b {
    display: flex;
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0
}

.baBKzn {
    overflow-x: hidden;
    list-style: none;
    float: left;
    touch-action: pan-y
}

.thSKVj {
    flex: 0 1 auto;
    overflow-x: visible
}

.baBKzn > div {
    height: 100%
}

.baBKzn a, .baBKzn img {
    -webkit-user-drag: none
}

._5eW2tn {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

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

._50XiEC {
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    display: inline-block;
    background-color: rgba(0,0,0,.26);
    cursor: pointer
}

    ._50XiEC:not(:first-child) {
        margin-left: .3125rem
    }

.Rv\+Fnr {
    opacity: 1;
    background-color: #ee4d2d
}

.rD08nf {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    width: 2.1875rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

    .rD08nf:hover {
        background-color: rgba(0,0,0,.32)
    }

.IyItwG {
    left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.Qk-umj {
    right: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

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

.Qu4wp9 {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-color: #fafafa;
    font-size: 3.8125rem
}

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

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

._7ntxQk.fSpB-m, ._7ntxQk:focus-visible {
    outline: none;
    position: relative
}

    ._7ntxQk.fSpB-m:after, ._7ntxQk:focus-visible:after {
        display: block;
        content: "";
        box-sizing: border-box;
        width: calc(100% + .75rem);
        height: calc(100% + .75rem);
        position: absolute;
        top: -.375rem;
        left: -.375rem;
        border: .125rem solid var(--focus-indicator-color);
        border-radius: .125rem;
        pointer-events: none
    }

.rLBPzz {
    line-height: 0;
    margin-left: .625rem
}

.ea8nNH {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    border-top-right-radius: 2px;
    overflow: hidden
}

.QHizwM {
    display: block
}

.SWWkRK {
    width: 100%
}

.rLBPzz .UIlLMx, .SWWkRK {
    padding-top: 29.5%
}

.aGGDi8 {
    position: relative;
    padding-top: .3125rem
}

    .aGGDi8 > .UIlLMx {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
        border-radius: .125rem;
        overflow: hidden;
        width: calc(50% - .15625rem);
        display: inline-block;
        padding-top: 14.75%
    }

        .aGGDi8 > .UIlLMx:last-child {
            margin-left: .3125rem
        }

.D4mOCH {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    width: calc(50% - .15625rem);
    border-bottom: .125rem;
    display: inline-block;
    padding-top: 14.75%;
    background-size: cover
}

    .D4mOCH:last-child {
        border-bottom-right-radius: 2px;
        overflow: hidden;
        margin-left: .3125rem
    }

.UIlLMx {
    padding-top: 29.5%
}

    .UIlLMx.QPQ4kz {
        background-color: transparent
    }

.hij7dM {
    line-height: 0;
    display: flex;
    min-height: 235px;
    max-height: 235px
}

    .hij7dM img {
        object-position: bottom
    }

.\+4Syvr {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden;
    flex-grow: 2;
    flex-shrink: 1;
    flex-basis: 0
}

    .\+4Syvr .stardust-carousel__item-inner-wrapper {
        display: unset
    }

    .\+4Syvr .stardust-carousel__arrow {
        width: 2.1875rem;
        height: 3.75rem;
        background-color: rgba(0,0,0,.18);
        border-radius: initial
    }

        .\+4Syvr .stardust-carousel__arrow:hover {
            background-color: rgba(0,0,0,.32)
        }

    .\+4Syvr .stardust-carousel__arrow__prev {
        left: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }

    .\+4Syvr .stardust-carousel__arrow__next {
        right: 0;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .\+4Syvr .stardust-carousel__arrow > svg {
        width: 1em;
        height: 1em;
        color: #fff
    }

.\+ipYJl {
    height: 100%;
    display: block
}

    .\+ipYJl > div {
        display: flex;
        height: 100%
    }

.SPzhAH, .TxSMbP {
    width: 100%;
    height: 100%
}

.TxSMbP {
    background-position: bottom;
    position: absolute
}

.YVdSsd {
    background-color: #fafafa
}

.ghthJO {
    background-position: bottom;
    position: absolute;
    width: 100%;
    height: 100%
}

    .ghthJO.DTBDOn {
        padding-top: 0
    }

.\+irxoP {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: flex;
    flex-direction: column;
    margin-left: .3125rem
}

    .\+irxoP > .UIlLMx {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
        border-radius: .125rem;
        overflow: hidden;
        width: 100%;
        flex: 1 1 50%;
        padding-top: 0
    }

        .\+irxoP > .UIlLMx:last-child {
            margin-top: .3125rem
        }

.ncHzsB {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    flex: 1 1 50%;
    background-position: bottom
}

    .ncHzsB:first-child {
        border-top-right-radius: 2px;
        overflow: hidden
    }

    .ncHzsB:last-child {
        margin-top: .3125rem;
        border-bottom-right-radius: 2px;
        overflow: hidden
    }

._2KwWWj {
    display: flex;
    justify-content: space-around;
    background-color: #fff;
    width: 1200px;
    margin: 10px auto 0;
    min-height: 108px
}

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

    ._2KwWWj.aE9kYy {
        flex-wrap: wrap;
        justify-content: unset;
        padding: 16px 0 26px
    }

        ._2KwWWj.aE9kYy a {
            min-width: 16.66667%;
            max-width: 25%;
            justify-content: space-around;
            display: flex
        }

        ._2KwWWj.aE9kYy.T4Pdxy a {
            width: 20%
        }

        ._2KwWWj.aE9kYy._9w3M88 a {
            width: 25%
        }

.hwJTDh:hover {
    transform: translateY(-.0625rem)
}

.DcITEg {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.B40U7k {
    margin: 18px auto 8px
}

.S8NyYX {
    margin: 31px 14px 31px 0;
    display: inline-block;
    vertical-align: middle
}

.N9QgQl {
    color: #222;
    letter-spacing: 0;
    text-align: center
}

.NGOzM5 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .8125rem;
    line-height: .875rem;
    max-width: 150px;
    margin-bottom: 8px;
    word-wrap: break-word;
    overflow: hidden;
    white-space: pre-line
}

.mpdhOE {
    line-height: 1.1875rem
}

.Q-A0Pb {
    font-size: 1rem;
    line-height: 1.25rem;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.OP6S5P {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 180px;
    word-wrap: break-word;
    overflow: hidden
}

.UEjJch {
    height: 100%;
    border-radius: 0
}

.O8veMU {
    border-radius: 50%
}

.lGMHa3, .O8veMU {
    height: 100%
}

.k\+c\+zq {
    width: 100%;
    height: 1.25rem
}

.D9sXu6 {
    width: 100%;
    height: .875rem
}

.JZh1ro {
    display: flex
}

.Po2IUA {
    width: 21.75rem;
    height: 27rem
}

.yvYImq {
    line-height: 0;
    margin-left: .625rem
}

._68Iz1T {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    border-top-right-radius: 2px;
    overflow: hidden
}

._8albF1 {
    display: block
}

._77lPUG {
    width: 100%
}

._77lPUG, .yvYImq .mVQaIn {
    padding-top: 29.5%
}

._9CDwVk {
    position: relative;
    padding-top: .3125rem
}

    ._9CDwVk > .mVQaIn {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
        border-radius: .125rem;
        overflow: hidden;
        width: calc(50% - .15625rem);
        display: inline-block;
        padding-top: 14.75%
    }

        ._9CDwVk > .mVQaIn:last-child {
            margin-left: .3125rem
        }

.leW2F- {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    width: calc(50% - .15625rem);
    border-bottom: .125rem;
    display: inline-block;
    padding-top: 14.75%;
    background-size: cover
}

    .leW2F-:last-child {
        border-bottom-right-radius: 2px;
        overflow: hidden;
        margin-left: .3125rem
    }

.gzuReI {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    padding-top: 29.16667%
}

.erATHM, .wDeMMc {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

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

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

.YBEJBr {
    z-index: 1
}

.SnruB3 {
    opacity: 0
}

.XynQxj {
    transition: opacity .15s
}

.npU1m1, .XynQxj {
    opacity: 1
}

.-FnWML {
    opacity: 0;
    transition: opacity .15s
}

.hccaCT {
    transform: scale(.8)
}

.nU3hve {
    transition: transform .2s
}

._0cvEEg, .nU3hve {
    transform: scale(1)
}

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

.dlFZNQ {
    background-color: #fff;
    border-radius: .125rem;
    font-family: Roboto,Arial,sans-serif;
    width: 100%;
    min-width: 27.5rem;
    max-width: 65rem;
    margin: 0 auto
}

    .dlFZNQ .DLTuI\+ {
        line-height: 1.5rem;
        font-weight: 500;
        font-size: 1rem;
        padding: 1rem 1.5rem;
        border-bottom: .03125rem solid rgba(0,0,0,.09)
    }

    .dlFZNQ ._7dA6YG {
        padding: 1.5rem;
        font-size: .75rem;
        line-height: 1.25rem
    }

        .dlFZNQ ._7dA6YG a {
            color: #08f
        }

    .dlFZNQ .lbSVGa {
        flex-direction: column;
        font-size: .875rem;
        box-sizing: border-box;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: capitalize;
        outline: 0;
        cursor: pointer;
        line-height: 1.5rem;
        border-width: .0625rem;
        padding: .5rem 1rem;
        font-size: 1rem;
        border-style: solid;
        border-radius: .125rem
    }

    .dlFZNQ .PBkh\+L {
        border-top: .03125rem solid rgba(0,0,0,.09);
        padding: .75rem 1.5rem
    }

        .dlFZNQ .PBkh\+L ul.iPmIlX {
            display: flex;
            flex-direction: row-reverse;
            list-style: none;
            margin: 0;
            padding: 0
        }

            .dlFZNQ .PBkh\+L ul.iPmIlX > li.hfjUqq .lbSVGa {
                color: #fff;
                background-color: #ee4d2d;
                border-color: #ee4d2d
            }

            .dlFZNQ .PBkh\+L ul.iPmIlX > li.ceMsUO {
                padding-right: .5rem
            }

                .dlFZNQ .PBkh\+L ul.iPmIlX > li.ceMsUO .lbSVGa {
                    background-color: #fff;
                    border-color: rgba(0,0,0,.26)
                }

._1yhV3P {
    width: 100%;
    height: 100%;
    position: relative
}

.uyf-ZQ {
    height: 100%;
    overflow: hidden;
    touch-action: pan-y
}

.RueTbW {
    display: flex;
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0
}

.YKk05v {
    overflow-x: hidden;
    list-style: none;
    float: left;
    touch-action: pan-y
}

.r3IDhm {
    flex: 0 1 auto;
    overflow-x: visible
}

.YKk05v > div {
    height: 100%
}

.YKk05v a, .YKk05v img {
    -webkit-user-drag: none
}

._8exC85 {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

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

.Bqnvsz {
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    display: inline-block;
    background-color: rgba(0,0,0,.26);
    cursor: pointer
}

    .Bqnvsz:not(:first-child) {
        margin-left: .3125rem
    }

.LacIee {
    opacity: 1;
    background-color: #ee4d2d
}

.vBheXw {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    width: 2.1875rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

    .vBheXw:hover {
        background-color: rgba(0,0,0,.32)
    }

._0VIXax {
    left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.m1KqJi {
    right: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

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

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

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

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

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

.stardust-carousel__item-inner-wrapper--hide {
    display: none
}

.stardust-carousel:hover .stardust-carousel__arrow {
    opacity: 1
}

.stardust-carousel__arrow {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.09);
    border-radius: 50%;
    opacity: 0;
    color: rgba(0,0,0,.87);
    fill: rgba(0,0,0,.87);
    background-color: #fff;
    transition: opacity .3s ease
}

    .stardust-carousel__arrow > svg {
        flex: 0 1 auto;
        width: 75%;
        height: 75%;
        color: #ee4d2d
    }

    .stardust-carousel__arrow:hover {
        box-shadow: 0 1px 12px 0 rgba(0,0,0,.09)
    }

    .stardust-carousel__arrow:active {
        box-shadow: 0 1px 5px 0 rgba(0,0,0,.09)
    }

.stardust-carousel__arrow--type-2 {
    opacity: 1
}

.stardust-carousel__arrow--prev {
    left: -10px
}

.stardust-carousel__arrow--next {
    right: -10px
}

.stardust-carousel__arrow--disabled > svg {
    fill: rgba(0,0,0,.12)
}

.stardust-carousel__dots {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%);
    transition: opacity .5s ease;
    width: 100%;
    text-align: center
}

.stardust-carousel__dot {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    opacity: 1;
    border: 1px solid hsla(0,0%,53.7%,.4);
    background-color: hsla(0,0%,100%,.4)
}

    .stardust-carousel__dot:not(:first-child) {
        margin-left: .5rem
    }

.stardust-carousel__dot--active {
    opacity: 1;
    background-color: #ee4d2d;
    border-color: #ee4d2d
}

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

.stardust-carousel__tabs {
    display: flex;
    align-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px
}

.stardust-carousel__tab {
    flex: 1 0 0;
    font-size: 12px;
    text-align: center;
    background-color: hsla(0,0%,100%,.5);
    overflow: hidden;
    cursor: pointer
}

.stardust-carousel__tab--active {
    background-color: #ee4d2d;
    color: #fff
}

.stardust-carousel__tab-name {
    line-height: 30px
}

.ja4kxh {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-color: #fafafa;
    font-size: 3.8125rem
}

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

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

.Jcckjp.ID0Trh, .Jcckjp:focus-visible {
    outline: none;
    position: relative
}

    .Jcckjp.ID0Trh:after, .Jcckjp:focus-visible:after {
        display: block;
        content: "";
        box-sizing: border-box;
        width: calc(100% + .75rem);
        height: calc(100% + .75rem);
        position: absolute;
        top: -.375rem;
        left: -.375rem;
        border: .125rem solid var(--focus-indicator-color);
        border-radius: .125rem;
        pointer-events: none
    }

.d5aBca {
    line-height: 0;
    margin-left: .625rem
}

.R\+l6VJ {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    border-top-right-radius: 2px;
    overflow: hidden
}

.uwM09\+ {
    display: block
}

.POrFOy {
    width: 100%
}

.d5aBca .QmX944, .POrFOy {
    padding-top: 29.5%
}

.XouG7S {
    position: relative;
    padding-top: .3125rem
}

    .XouG7S > .QmX944 {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
        border-radius: .125rem;
        overflow: hidden;
        width: calc(50% - .15625rem);
        display: inline-block;
        padding-top: 14.75%
    }

        .XouG7S > .QmX944:last-child {
            margin-left: .3125rem
        }

.w7yH\+P {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    width: calc(50% - .15625rem);
    border-bottom: .125rem;
    display: inline-block;
    padding-top: 14.75%;
    background-size: cover
}

    .w7yH\+P:last-child {
        border-bottom-right-radius: 2px;
        overflow: hidden;
        margin-left: .3125rem
    }

.QmX944 {
    padding-top: 29.5%
}

    .QmX944._6RcHtY {
        background-color: transparent
    }

.PXzC9F {
    line-height: 0;
    display: flex;
    min-height: 235px;
    max-height: 235px
}

    .PXzC9F img {
        object-position: bottom
    }

.N-wnGg {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden;
    flex-grow: 2;
    flex-shrink: 1;
    flex-basis: 0
}

    .N-wnGg .stardust-carousel__item-inner-wrapper {
        display: unset
    }

    .N-wnGg .stardust-carousel__arrow {
        width: 2.1875rem;
        height: 3.75rem;
        background-color: rgba(0,0,0,.18);
        border-radius: initial
    }

        .N-wnGg .stardust-carousel__arrow:hover {
            background-color: rgba(0,0,0,.32)
        }

    .N-wnGg .stardust-carousel__arrow__prev {
        left: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }

    .N-wnGg .stardust-carousel__arrow__next {
        right: 0;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }

    .N-wnGg .stardust-carousel__arrow > svg {
        width: 1em;
        height: 1em;
        color: #fff
    }

.gAI5Oj {
    height: 100%;
    display: block
}

    .gAI5Oj > div {
        display: flex;
        height: 100%
    }

._9dJVFa, .ZA8saV {
    width: 100%;
    height: 100%
}

.ZA8saV {
    background-position: bottom;
    position: absolute
}

.CYC3d0 {
    background-color: #fafafa
}

._9x8j3E {
    background-position: bottom;
    position: absolute;
    width: 100%;
    height: 100%
}

    ._9x8j3E.ALRj9S {
        padding-top: 0
    }

.\+5\+\+b4 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: flex;
    flex-direction: column;
    margin-left: .3125rem
}

    .\+5\+\+b4 > .QmX944 {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
        border-radius: .125rem;
        overflow: hidden;
        width: 100%;
        flex: 1 1 50%;
        padding-top: 0
    }

        .\+5\+\+b4 > .QmX944:last-child {
            margin-top: .3125rem
        }

.a-nHoB {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    flex: 1 1 50%;
    background-position: bottom
}

    .a-nHoB:first-child {
        border-top-right-radius: 2px;
        overflow: hidden
    }

    .a-nHoB:last-child {
        margin-top: .3125rem;
        border-bottom-right-radius: 2px;
        overflow: hidden
    }

.r9z3yc {
    display: flex;
    justify-content: space-around;
    background-color: #fff;
    width: 1200px;
    margin: 10px auto 0;
    min-height: 108px
}

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

    .r9z3yc._3LEvNg {
        flex-wrap: wrap;
        justify-content: unset;
        padding: 16px 0 26px
    }

        .r9z3yc._3LEvNg a {
            min-width: 16.66667%;
            max-width: 25%;
            justify-content: space-around;
            display: flex
        }

        .r9z3yc._3LEvNg.KXujJE a {
            width: 20%
        }

        .r9z3yc._3LEvNg._9cDfMd a {
            width: 25%
        }

.OlDeJE:hover {
    transform: translateY(-.0625rem)
}

.JpwCsx {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.nVmT-z {
    margin: 18px auto 8px
}

.XkcrTT {
    margin: 31px 14px 31px 0;
    display: inline-block;
    vertical-align: middle
}

.Brfd9w {
    color: #222;
    letter-spacing: 0;
    text-align: center
}

.K4xD8g {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .8125rem;
    line-height: .875rem;
    max-width: 150px;
    margin-bottom: 8px;
    word-wrap: break-word;
    overflow: hidden;
    white-space: pre-line
}

.qy7NuR {
    line-height: 1.1875rem
}

.qsbruz {
    font-size: 1rem;
    line-height: 1.25rem;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

._6NbsjX {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 180px;
    word-wrap: break-word;
    overflow: hidden
}

.JyYNHP {
    height: 100%;
    border-radius: 0
}

._54JW-Z {
    border-radius: 50%
}

._54JW-Z, .k76Ceb {
    height: 100%
}

.En2iw5 {
    width: 100%;
    height: 1.25rem
}

.ayOlep {
    width: 100%;
    height: .875rem
}

._5ZzYO1 {
    display: flex
}

.o\+xm6i {
    width: 21.75rem;
    height: 27rem
}

.F-Kw\+5 {
    line-height: 0;
    margin-left: .625rem
}

.ZXmP\+S {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    border-top-right-radius: 2px;
    overflow: hidden
}

.nNaeyQ {
    display: block
}

._8wOw4l {
    width: 100%
}

._8wOw4l, .F-Kw\+5 .zbHBzW {
    padding-top: 29.5%
}

.jhXlrv {
    position: relative;
    padding-top: .3125rem
}

    .jhXlrv > .zbHBzW {
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
        border-radius: .125rem;
        overflow: hidden;
        width: calc(50% - .15625rem);
        display: inline-block;
        padding-top: 14.75%
    }

        .jhXlrv > .zbHBzW:last-child {
            margin-left: .3125rem
        }

.PnxnzJ {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    width: calc(50% - .15625rem);
    border-bottom: .125rem;
    display: inline-block;
    padding-top: 14.75%;
    background-size: cover
}

    .PnxnzJ:last-child {
        border-bottom-right-radius: 2px;
        overflow: hidden;
        margin-left: .3125rem
    }

.GhyQDA {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    padding-top: 29.16667%
}

.d-qxSl.MxX3Jm, .d-qxSl:focus-visible {
    outline: none;
    position: relative
}

    .d-qxSl.MxX3Jm:after, .d-qxSl:focus-visible:after {
        display: block;
        content: "";
        box-sizing: border-box;
        width: calc(100% + .75rem);
        height: calc(100% + .75rem);
        position: absolute;
        top: -.375rem;
        left: -.375rem;
        border: .125rem solid var(--focus-indicator-color);
        border-radius: .125rem;
        pointer-events: none
    }

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

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

.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 {
        cursor: not-allowed;
        background-color: rgba(0,0,0,.26);
        border: 1px solid rgba(0,0,0,.26)
    }

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

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

.stardust-button--large {
    font-size: 16px;
    border-radius: 6px;
    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 {
    font-size: 12px;
    border-radius: 3px;
    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
    }

.confirm-popup {
    flex-direction: column;
    width: 440px;
    font-size: 1rem;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.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 {
    width: 6.25rem;
    min-height: 2.5rem;
    font-size: .875rem;
    text-transform: uppercase;
    margin: .46875rem
}

.confirm-two-popup {
    flex-direction: column;
    width: 440px;
    font-size: 1rem;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.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 {
    width: 7.5rem;
    min-height: 2.5rem;
    font-size: .875rem;
    text-transform: uppercase;
    padding: .75rem;
    line-height: 1rem;
    font-weight: 500;
    font-family: Roboto
}

.confirm-two-popup .shopee-button-no-outline--confirm-two-popup {
    margin-right: 1.25rem;
    color: #000;
    opacity: .54
}

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

._96L4BJ {
    width: 3.625rem
}

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

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

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

.i3amZT {
    padding-right: 2.4375rem
}

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

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

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

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

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

.BeEFfS {
    background-size: 100%
}

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

.OHZqAO, .PZL-2W {
    height: 1rem;
    padding: .1875rem
}

.TykzGB.lXLL9P {
    width: 34.8125rem;
    padding: 1rem 1.75rem 1.25rem
}

.TykzGB .XtlOds {
    padding-top: 2.0625rem;
    margin-bottom: 1rem
}

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

.TykzGB .BeEFfS {
    width: 6.6875rem;
    height: 2.1875rem
}

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

.TykzGB .i3amZT {
    padding-right: 1.4375rem
}

.TykzGB ._1PIj0z {
    justify-content: center
}

.TykzGB .fuVejk {
    width: 11rem;
    height: 11rem;
    margin: 0
}

.TykzGB .qBcMi6 {
    margin-bottom: -.25rem
}

.TykzGB .aOpl55, .TykzGB .OHZqAO, .TykzGB .PZL-2W {
    height: .75rem;
    padding: 0;
    margin-right: .375rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor
}

.TykzGB .aOpl55 {
    margin-right: 0
}

.icon-popup {
    flex-direction: column;
    width: 440px;
    font-size: 1rem;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.error-popup .icon-error {
    margin-bottom: 14px;
    width: 50px;
    height: 50px
}

.btn {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    flex-direction: column;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    border-radius: 2px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    outline: 0;
    cursor: pointer
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    padding: 0 15px;
    min-width: 60px;
    max-width: 190px
}

.btn--m {
    height: 40px;
    padding: 0 20px;
    min-width: 70px;
    max-width: 220px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l, .btn--xl {
    min-width: 80px;
    max-width: 250px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    color: #fff;
    position: relative;
    overflow: visible;
    outline: 0;
    background: #ee4d2d
}

    .btn-solid-primary.focus-visible:before, .btn-solid-primary:focus-visible:before {
        content: "";
        width: calc(100% + var(--focus-indicator-spacing)*2);
        height: calc(100% + var(--focus-indicator-spacing)*2);
        padding: var(--focus-indicator-spacing);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        position: absolute;
        border-radius: var(--focus-indicator-border-radius);
        top: calc(var(--focus-indicator-spacing)*-1);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1)
    }

    .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;
        cursor: not-allowed;
        box-shadow: none
    }

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    position: relative;
    overflow: visible;
    outline: 0;
    background: #d0011b
}

    .theme--ofs .btn-solid-primary.focus-visible:before, .theme--ofs .btn-solid-primary:focus-visible:before {
        content: "";
        width: calc(100% + var(--focus-indicator-spacing)*2);
        height: calc(100% + var(--focus-indicator-spacing)*2);
        padding: var(--focus-indicator-spacing);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        position: absolute;
        border-radius: var(--focus-indicator-border-radius);
        top: calc(var(--focus-indicator-spacing)*-1);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1)
    }

    .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;
        cursor: not-allowed;
        box-shadow: none
    }

.theme--s-mart .btn-solid-primary {
    position: relative;
    overflow: visible;
    outline: 0;
    background: #066bc8
}

    .theme--s-mart .btn-solid-primary.focus-visible:before, .theme--s-mart .btn-solid-primary:focus-visible:before {
        content: "";
        width: calc(100% + var(--focus-indicator-spacing)*2);
        height: calc(100% + var(--focus-indicator-spacing)*2);
        padding: var(--focus-indicator-spacing);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        position: absolute;
        border-radius: var(--focus-indicator-border-radius);
        top: calc(var(--focus-indicator-spacing)*-1);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1)
    }

    .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;
        cursor: not-allowed;
        box-shadow: none
    }

.btn-light {
    outline: 0;
    background: #fff;
    color: #555;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    position: relative;
    overflow: visible
}

    .btn-light.focus-visible:before, .btn-light:focus-visible:before {
        content: "";
        width: calc(100% + var(--focus-indicator-spacing)*2);
        height: calc(100% + var(--focus-indicator-spacing)*2);
        padding: var(--focus-indicator-spacing);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        position: absolute;
        border-radius: var(--focus-indicator-border-radius);
        top: calc(var(--focus-indicator-spacing)*-1);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1)
    }

    .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 {
    flex-direction: column;
    width: 440px;
    font-size: 1rem;
    padding: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5)
}

.info-popup__head {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px
}

    .info-popup__head .shopee-svg-icon {
        height: 24px;
        width: 24px
    }

.info-popup__icon {
    margin-right: 10px
}

.info-popup__title {
    font-size: 18px;
    color: #333
}

.info-popup__message {
    font-size: 16px;
    color: #555
}

.info-popup__buttons {
    margin-top: 25px;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.info-popup__btn {
    width: 6.25rem;
    min-height: 2.5rem;
    font-size: .875rem;
    text-transform: uppercase;
    margin: .46875rem
}

.success-popup__icon {
    margin-bottom: 14px;
    width: 50px;
    height: 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 {
    width: 100%;
    text-align: center;
    margin-top: 44px;
    font-size: 20px;
    margin-bottom: 66px;
    outline: none;
    background-color: transparent;
    border: 0 solid;
    color: #f5a623
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-top: 6px;
    margin-left: 10px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.uLYM5A {
    display: flex;
    justify-content: space-between;
    padding: 0 .9375rem;
    min-height: 18.5625rem
}

.KuS\+xn {
    margin-top: 1.25rem
}

.pTFWmZ {
    width: 100%;
    display: block
}

.dhXZcR .-tBFui {
    right: 0;
    bottom: 0
}

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

.-tBFui {
    width: 100%;
    height: 100%
}

.OdmBfu, .pxeMre {
    display: flex;
    min-width: 0;
    align-items: center;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

    .OdmBfu .QJus1W, .pxeMre .QJus1W {
        border-radius: .125rem;
        display: flex;
        justify-content: center;
        color: #ee4d2d;
        background-color: #fff
    }

    .OdmBfu .PxKfs6, .pxeMre .PxKfs6 {
        text-align: center;
        color: #fff;
        display: flex;
        flex-flow: column;
        justify-content: center
    }

        .OdmBfu .PxKfs6:after, .OdmBfu .PxKfs6:before, .pxeMre .PxKfs6:after, .pxeMre .PxKfs6:before {
            content: "";
            background: currentColor;
            border-radius: 50%;
            display: block
        }

    .OdmBfu .yYGjIl, .pxeMre .yYGjIl {
        word-break: break-all;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #fff
    }

    .OdmBfu .BfWey0, .pxeMre .BfWey0 {
        overflow-y: hidden;
        position: relative
    }

        .OdmBfu .BfWey0 span, .pxeMre .BfWey0 span {
            width: 1ch;
            word-break: break-all;
            display: block
        }

    .OdmBfu ._9peLuG .BfWey0 span, .pxeMre ._9peLuG .BfWey0 span {
        width: auto;
        min-width: 2ch
    }

    .OdmBfu .Z8ePXG > div, .OdmBfu .Z8ePXG span, .pxeMre .Z8ePXG > div, .pxeMre .Z8ePXG span {
        animation-iteration-count: infinite;
        animation-fill-mode: forwards
    }

    .OdmBfu .giGWyL.Z8ePXG span, .pxeMre .giGWyL.Z8ePXG span {
        transform: translateY(-81.81818%);
        animation-name: day-digit-tick;
        animation-timing-function: step-end
    }

    .OdmBfu .AUm8Un.Z8ePXG span, .pxeMre .AUm8Un.Z8ePXG span {
        transform: translateY(-81.81818%);
        animation-name: minute-digit-tick
    }

    .OdmBfu .KXj7pt.Z8ePXG span, .pxeMre .KXj7pt.Z8ePXG span {
        transform: translateY(-81.81818%);
        animation-name: second-digit-tick
    }

    .OdmBfu .On8zlB.Z8ePXG span, .pxeMre .On8zlB.Z8ePXG span {
        transform: translateY(-81.81818%);
        animation-name: day-ten-tick;
        animation-timing-function: step-end
    }

    .OdmBfu .eznNpv.Z8ePXG span, .pxeMre .eznNpv.Z8ePXG span {
        transform: translateY(-71.42857%);
        animation-name: minute-ten-tick
    }

    .OdmBfu .MlLFIx.Z8ePXG span, .pxeMre .MlLFIx.Z8ePXG span {
        transform: translateY(-71.42857%);
        animation-name: second-ten-tick
    }

    .OdmBfu ._7CXC8x.Z8ePXG > div, .pxeMre ._7CXC8x.Z8ePXG > div {
        transform: translateY(-92%);
        animation-name: day-hour-tick
    }

._0Q6i6i, .oTFgn- {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.SUZooI.NzUnx5 .nP14Fg.QJus1W .giGWyL.BfWey0 {
    margin-right: .25em
}

.SUZooI.NzUnx5.RGwSaT .nP14Fg.QJus1W .BfWey0:last-child, .SUZooI.NzUnx5.V-tO4Y .nP14Fg.QJus1W .BfWey0:last-child {
    text-transform: uppercase
}

.pxeMre .PxKfs6, .pxeMre .QJus1W, .pxeMre .yYGjIl {
    height: 1.375rem;
    line-height: 1.375rem
}

.pxeMre .QJus1W {
    padding: 0 .25rem
}

.pxeMre .nP14Fg.QJus1W, .pxeMre .yYGjIl {
    margin-right: .375rem
}

.pxeMre .BfWey0, .pxeMre .yYGjIl {
    font-size: .75rem
}

.pxeMre .yYGjIl {
    max-width: 6.875rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pxeMre .PxKfs6:after, .pxeMre .PxKfs6:before {
    width: .125rem;
    height: .125rem;
    margin: .125rem .25rem
}

@keyframes day-ten-tick {
    0% {
        transform: translateY(0);
        position: relative
    }

    10% {
        transform: translateY(-11.11111%);
        position: relative
    }

    20% {
        transform: translateY(-22.22222%);
        position: relative
    }

    30% {
        transform: translateY(-33.33333%);
        position: relative
    }

    40% {
        transform: translateY(-44.44444%);
        position: relative
    }

    50% {
        transform: translateY(-55.55555%);
        position: relative
    }

    60% {
        transform: translateY(-66.66665%);
        position: relative
    }

    70% {
        transform: translateY(-77.77776%);
        position: relative
    }

    80% {
        transform: translateY(-88.88887%);
        position: relative
    }

    90% {
        transform: translateY(-99.99998%);
        position: absolute
    }

    to {
        transform: translateY(-111.11109%);
        position: absolute
    }
}

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

    10% {
        transform: translateY(-9.09091%)
    }

    20% {
        transform: translateY(-18.18182%)
    }

    30% {
        transform: translateY(-27.27273%)
    }

    40% {
        transform: translateY(-36.36364%)
    }

    50% {
        transform: translateY(-45.45455%)
    }

    60% {
        transform: translateY(-54.54545%)
    }

    70% {
        transform: translateY(-63.63636%)
    }

    80% {
        transform: translateY(-72.72727%)
    }

    90% {
        transform: translateY(-81.81818%)
    }

    to {
        transform: translateY(-90.90909%)
    }
}

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

    4.1655092593% {
        transform: translateY(0)
    }

    4.16666666667% {
        transform: translateY(-4%)
    }

    8.3321759259% {
        transform: translateY(-4%)
    }

    8.33333333333% {
        transform: translateY(-8%)
    }

    12.4988425926% {
        transform: translateY(-8%)
    }

    12.5% {
        transform: translateY(-12%)
    }

    16.6655092593% {
        transform: translateY(-12%)
    }

    16.6666666667% {
        transform: translateY(-16%)
    }

    20.8321759259% {
        transform: translateY(-16%)
    }

    20.8333333333% {
        transform: translateY(-20%)
    }

    24.9988425926% {
        transform: translateY(-20%)
    }

    25% {
        transform: translateY(-24%)
    }

    29.1655092593% {
        transform: translateY(-24%)
    }

    29.1666666667% {
        transform: translateY(-28%)
    }

    33.3321759259% {
        transform: translateY(-28%)
    }

    33.3333333333% {
        transform: translateY(-32%)
    }

    37.4988425926% {
        transform: translateY(-32%)
    }

    37.5% {
        transform: translateY(-36%)
    }

    41.6655092593% {
        transform: translateY(-36%)
    }

    41.6666666667% {
        transform: translateY(-40%)
    }

    45.8321759259% {
        transform: translateY(-40%)
    }

    45.8333333333% {
        transform: translateY(-44%)
    }

    49.9988425926% {
        transform: translateY(-44%)
    }

    50% {
        transform: translateY(-48%)
    }

    54.1655092593% {
        transform: translateY(-48%)
    }

    54.16666666667% {
        transform: translateY(-52%)
    }

    58.3321759259% {
        transform: translateY(-52%)
    }

    58.33333333333% {
        transform: translateY(-56%)
    }

    62.4988425926% {
        transform: translateY(-56%)
    }

    62.5% {
        transform: translateY(-60%)
    }

    66.6655092593% {
        transform: translateY(-60%)
    }

    66.6666666667% {
        transform: translateY(-64%)
    }

    70.8321759259% {
        transform: translateY(-64%)
    }

    70.8333333333% {
        transform: translateY(-68%)
    }

    74.9988425926% {
        transform: translateY(-68%)
    }

    75% {
        transform: translateY(-72%)
    }

    79.1655092593% {
        transform: translateY(-72%)
    }

    79.1666666667% {
        transform: translateY(-76%)
    }

    83.3321759259% {
        transform: translateY(-76%)
    }

    83.3333333333% {
        transform: translateY(-80%)
    }

    87.4988425926% {
        transform: translateY(-80%)
    }

    87.5% {
        transform: translateY(-84%)
    }

    91.6655092593% {
        transform: translateY(-84%)
    }

    91.6666666667% {
        transform: translateY(-88%)
    }

    95.8321759259% {
        transform: translateY(-88%)
    }

    95.8333333333% {
        transform: translateY(-92%)
    }

    99.9988425926% {
        transform: translateY(-92%)
    }

    to {
        transform: translateY(-96%)
    }
}

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

    16.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-14.28571%)
    }

    33.305555% {
        transform: translateY(-14.28571%)
    }

    33.333333% {
        transform: translateY(-28.57143%)
    }

    49.972222% {
        transform: translateY(-28.57143%)
    }

    50% {
        transform: translateY(-42.85714%)
    }

    66.638888% {
        transform: translateY(-42.85714%)
    }

    66.666666% {
        transform: translateY(-57.14286%)
    }

    83.305555% {
        transform: translateY(-57.14286%)
    }

    83.333333% {
        transform: translateY(-71.42857%)
    }

    99.972222% {
        transform: translateY(-71.42857%)
    }

    to {
        transform: translateY(-85.71429%)
    }
}

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

    9.833% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-9.09091%)
    }

    19.833% {
        transform: translateY(-9.09091%)
    }

    20% {
        transform: translateY(-18.18182%)
    }

    29.833% {
        transform: translateY(-18.18182%)
    }

    30% {
        transform: translateY(-27.27273%)
    }

    39.833% {
        transform: translateY(-27.27273%)
    }

    40% {
        transform: translateY(-36.36364%)
    }

    49.833% {
        transform: translateY(-36.36364%)
    }

    50% {
        transform: translateY(-45.45455%)
    }

    59.833% {
        transform: translateY(-45.45455%)
    }

    60% {
        transform: translateY(-54.54545%)
    }

    69.833% {
        transform: translateY(-54.54545%)
    }

    70% {
        transform: translateY(-63.63636%)
    }

    79.833% {
        transform: translateY(-63.63636%)
    }

    80% {
        transform: translateY(-72.72727%)
    }

    89.833% {
        transform: translateY(-72.72727%)
    }

    90% {
        transform: translateY(-81.81818%)
    }

    99.833% {
        transform: translateY(-81.81818%)
    }

    to {
        transform: translateY(-90.90909%)
    }
}

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

    15% {
        transform: translateY(0)
    }

    16.66% {
        transform: translateY(-14.28571%)
    }

    31.66% {
        transform: translateY(-14.28571%)
    }

    33.33% {
        transform: translateY(-28.57143%)
    }

    48.33% {
        transform: translateY(-28.57143%)
    }

    50% {
        transform: translateY(-42.85714%)
    }

    65% {
        transform: translateY(-42.85714%)
    }

    66.66% {
        transform: translateY(-57.14286%)
    }

    81.66% {
        transform: translateY(-57.14286%)
    }

    83.33% {
        transform: translateY(-71.42857%)
    }

    98.33% {
        transform: translateY(-71.42857%)
    }

    to {
        transform: translateY(-85.71429%)
    }
}

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

    10% {
        transform: translateY(-9.09091%)
    }

    20% {
        transform: translateY(-18.18182%)
    }

    30% {
        transform: translateY(-27.27273%)
    }

    40% {
        transform: translateY(-36.36364%)
    }

    50% {
        transform: translateY(-45.45455%)
    }

    60% {
        transform: translateY(-54.54545%)
    }

    70% {
        transform: translateY(-63.63636%)
    }

    80% {
        transform: translateY(-72.72727%)
    }

    90% {
        transform: translateY(-81.81818%)
    }

    to {
        transform: translateY(-90.90909%)
    }
}

._1\+mCRz, .MBw922 {
    display: flex;
    min-width: 0;
    align-items: center;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

    ._1\+mCRz .jsA-nc, .MBw922 .jsA-nc {
        border-radius: .125rem;
        display: flex;
        justify-content: center;
        color: #ee4d2d;
        background-color: #fff
    }

    ._1\+mCRz .XZfkDi, .MBw922 .XZfkDi {
        text-align: center;
        color: #fff;
        display: flex;
        flex-flow: column;
        justify-content: center
    }

        ._1\+mCRz .XZfkDi:after, ._1\+mCRz .XZfkDi:before, .MBw922 .XZfkDi:after, .MBw922 .XZfkDi:before {
            content: "";
            background: currentColor;
            border-radius: 50%;
            display: block
        }

    ._1\+mCRz .tKsXk4, .MBw922 .tKsXk4 {
        word-break: break-all;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #fff
    }

    ._1\+mCRz .vbur2V, .MBw922 .vbur2V {
        overflow-y: hidden;
        position: relative
    }

        ._1\+mCRz .vbur2V span, .MBw922 .vbur2V span {
            width: 1ch;
            word-break: break-all;
            display: block
        }

    ._1\+mCRz .uBMMbj .vbur2V span, .MBw922 .uBMMbj .vbur2V span {
        width: auto;
        min-width: 2ch
    }

    ._1\+mCRz .Kh-hKG > div, ._1\+mCRz .Kh-hKG span, .MBw922 .Kh-hKG > div, .MBw922 .Kh-hKG span {
        animation-iteration-count: infinite;
        animation-fill-mode: forwards
    }

    ._1\+mCRz .HBBL\+D.Kh-hKG span, .MBw922 .HBBL\+D.Kh-hKG span {
        transform: translateY(-81.81818%);
        animation-name: day-digit-tick;
        animation-timing-function: step-end
    }

    ._1\+mCRz .dzPJi9.Kh-hKG span, .MBw922 .dzPJi9.Kh-hKG span {
        transform: translateY(-81.81818%);
        animation-name: minute-digit-tick
    }

    ._1\+mCRz .akQv4n.Kh-hKG span, .MBw922 .akQv4n.Kh-hKG span {
        transform: translateY(-81.81818%);
        animation-name: second-digit-tick
    }

    ._1\+mCRz .xt8x2o.Kh-hKG span, .MBw922 .xt8x2o.Kh-hKG span {
        transform: translateY(-81.81818%);
        animation-name: day-ten-tick;
        animation-timing-function: step-end
    }

    ._1\+mCRz .qM34Vn.Kh-hKG span, .MBw922 .qM34Vn.Kh-hKG span {
        transform: translateY(-71.42857%);
        animation-name: minute-ten-tick
    }

    ._1\+mCRz .vt7t80.Kh-hKG span, .MBw922 .vt7t80.Kh-hKG span {
        transform: translateY(-71.42857%);
        animation-name: second-ten-tick
    }

    ._1\+mCRz .YONQYD.Kh-hKG > div, .MBw922 .YONQYD.Kh-hKG > div {
        transform: translateY(-92%);
        animation-name: day-hour-tick
    }

.FFf-fm, .VUiHHb {
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.Uxp\+IR.azFpcx .d0jDNk.jsA-nc .HBBL\+D.vbur2V {
    margin-right: .25em
}

.Uxp\+IR.azFpcx._1GyuKK .d0jDNk.jsA-nc .vbur2V:last-child, .Uxp\+IR.azFpcx.ufFOZh .d0jDNk.jsA-nc .vbur2V:last-child {
    text-transform: uppercase
}

._1\+mCRz .jsA-nc, ._1\+mCRz .tKsXk4, ._1\+mCRz .XZfkDi {
    height: 2.375rem;
    line-height: 2.375rem
}

._1\+mCRz .jsA-nc {
    padding: 0 .3125rem
}

._1\+mCRz .tKsXk4 {
    margin-right: .9375rem
}

._1\+mCRz .d0jDNk.jsA-nc {
    margin-right: .625rem
}

._1\+mCRz .tKsXk4 {
    font-size: 1.25rem
}

._1\+mCRz .vbur2V {
    font-size: 1.125rem
}

._1\+mCRz .tKsXk4 {
    max-width: 15.625rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1\+mCRz .XZfkDi:after, ._1\+mCRz .XZfkDi:before {
    width: .25rem;
    height: .25rem;
    margin: .25rem
}

.b1CnV1 {
    position: relative
}

    .b1CnV1 .DoIuDB {
        position: absolute;
        top: 50%;
        right: .9375rem;
        transform: translateY(-50%)
    }

.L3VSQh {
    display: flex;
    justify-content: space-between;
    padding: 0 .84375rem 0 .9375rem;
    height: 3.75rem;
    box-sizing: border-box;
    align-items: center
}

.mfaOTY {
    font-size: 1rem;
    text-transform: uppercase;
    color: #ee4d2d;
    white-space: pre
}

.TgBERN {
    color: #ee4d2d;
    text-decoration: none;
    text-transform: capitalize;
    display: flex;
    font-size: .75rem;
    align-items: center
}

    .TgBERN .stardust-icon {
        font-size: .5625rem
    }

.BCpWjM {
    position: relative;
    box-sizing: border-box;
    background: #fff;
    margin-right: .0625rem;
    text-decoration: none;
    text-align: center;
    width: 12.125rem;
    min-height: 14.8125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 .9375rem
}

    .BCpWjM:last-child {
        margin-right: 0
    }

._4lT3\+o {
    width: 10.125rem;
    height: 10.125rem;
    margin: 0 auto;
    display: block;
    background-position: 50%
}

    ._4lT3\+o._4LnIfM {
        background-size: 65% !important
    }

.OTgrcy {
    width: 8.75rem;
    height: 3.5rem !important;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.14);
    border-radius: 1.90625rem;
    margin: 0 auto;
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    left: 1.625rem;
    top: 8.25rem
}

.G6kqf2 {
    width: auto;
    height: 100%;
    transform: translateZ(0);
    z-index: 2
}

.XXGSWh ~ .Uy9Nf4 > .urm5KK {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    height: 3.4375rem;
    line-height: 3.4375rem;
    overflow: hidden
}

.Uy9Nf4 {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: .9375rem;
    margin-bottom: .3125rem
}

.urm5KK {
    color: #ee4d2d;
    width: 100%;
    text-align: center;
    font-size: 1.125rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.IL4zOT {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-decoration: line-through;
    font-size: roRem(14px);
    color: #929292
}

.rWDaxS {
    transform: scale(1.4);
    padding: 7px 8px
}

.AYnjp8, .rWDaxS {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.SE6Wso {
    width: 10.125rem;
    height: 10.125rem
}

.SoTkHf {
    margin-top: .9375rem;
    width: 100%;
    height: 1.375rem
}

.crP3c\+ {
    position: absolute;
    left: -.1875rem;
    top: .625rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 1
}

.LhG7vT {
    margin-bottom: .3125rem;
    font-size: 0
}

    .LhG7vT img {
        width: auto;
        height: 18px
    }

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

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

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

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

._8VHy6r {
    font-size: .75rem
}

    ._8VHy6r > .-OQAC\+ {
        margin-right: .1875rem;
        font-size: .5rem
    }

.oeX-YV {
    background-color: #d0011b
}

.D0tSxP svg, .SrCSA2 svg {
    width: 3.5625rem;
    height: .625rem
}

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

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

.y-9z2D {
    position: relative;
    background-color: #ffa604
}

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

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

._52vkKV {
    margin: 0 .4375rem
}

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

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

    ._9ZgjzV:hover > .N0fk7n {
        opacity: 1;
        z-index: 1
    }

    ._9ZgjzV > .fRXQkB {
        font-size: 7px
    }

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

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

    .AsKfRp:last-child {
        margin: 0
    }

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

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

.C86nn0, .i0FOCW {
    font-size: .75rem
}

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

.v9N8uA {
    border-radius: .1875rem
}

.CUl73D {
    background-color: #ee4d2d
}

.b-tI9r {
    border-radius: .625rem
}

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

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

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

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

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

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

.AN6A8I {
    flex-direction: column-reverse
}

._9G1r3-, .tZSdjw, .xbQJ\+I {
    justify-content: center;
    height: 100%
}

.ZvRC9B {
    color: #fff
}

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

.q1SwGe, .Q6-wdw, .TXwmjy {
    display: none
}

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

.TVPG1B {
    height: 16px;
    width: 69px
}

.C\+nQ3k {
    height: 16px;
    width: 63px
}

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

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

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

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

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

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

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

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

.w57-Da {
    flex: 1;
    color: #fff
}

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

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

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

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

.skeleton-base__container-fallback {
    width: 100%;
    height: 100%
}

.skeleton-base__shape {
    width: inherit;
    height: inherit
}

    .skeleton-base__shape.skeleton-base__shape-animated {
        background-color: #fafafa;
        background-image: linear-gradient(90deg,#fafafa,#f1f0f0 25%,#fafafa 50%);
        background-repeat: no-repeat;
        background-size: 200% 100%;
        background-position: 100% 0;
        animation: skeleton__loading 1s ease .2s infinite
    }

    .skeleton-base__shape.skeleton-base__shape-static {
        background-color: #fafafa
    }

    .skeleton-base__shape.skeleton-base__shape-rounded {
        border-radius: .125rem
    }

    .skeleton-base__shape.skeleton-base__shape-circle {
        border-radius: 100%
    }

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

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

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

    .A4KBHF .y\+txoS {
        display: block;
        color: #ec3814;
        font-size: .75rem;
        line-height: .875rem;
        font-weight: 500
    }

._7cuC-\+ {
    width: 36.125rem
}

    ._7cuC-\+ .IxPRJ\+ {
        width: 12rem
    }

.cL\+9M-:nth-child(2) {
    margin-left: 0
}

.GnOIxM {
    font-size: .75rem;
    -webkit-line-clamp: 2;
    height: 1.75rem;
    word-break: break-all
}

.Dikvi7 {
    height: 14.8125rem;
    overflow: hidden
}

.carousel-arrow, .Dikvi7 {
    display: flex;
    justify-content: center
}

.carousel-arrow {
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border-radius: 50%;
    background-color: #fff;
    margin-top: -25px;
    transition: all .1s cubic-bezier(.4,0,.6,1);
    opacity: 0;
    align-items: center;
    outline: 0
}

    .carousel-arrow > .shopee-svg-icon {
        transition: width .1s cubic-bezier(.4,0,.6,1);
        color: rgba(0,0,0,.54);
        fill: rgba(0,0,0,.54)
    }

.carousel-arrow--prev {
    left: 0
}

.carousel-arrow--next {
    right: 0
}

.carousel-arrow--hint {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    background-color: #fff
}

    .carousel-arrow--hint > .shopee-svg-icon {
        height: .625rem;
        width: .625rem;
        color: rgba(0,0,0,.54);
        fill: currentColor
    }

.image-carousel {
    width: 100%;
    height: 100%;
    position: relative
}

.image-carousel__item-list-wrapper {
    height: 100%;
    overflow: hidden;
    touch-action: pan-y
}

.image-carousel__item-list {
    display: flex;
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0
}

.image-carousel__item {
    overflow-x: hidden;
    list-style: none;
    float: left;
    touch-action: pan-y
}

.image-carousel__item--fluid {
    flex: 0 1 auto;
    overflow-x: visible
}

.image-carousel__item > div {
    height: 100%
}

.image-carousel__item a, .image-carousel__item img {
    -webkit-user-drag: none
}

.image-carousel__dots {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

.image-carousel__dots--hidden {
    opacity: 0;
    pointer-events: none
}

.image-carousel__dot {
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    display: inline-block;
    background-color: rgba(0,0,0,.26);
    cursor: pointer
}

    .image-carousel__dot:not(:first-child) {
        margin-left: .3125rem
    }

.image-carousel__dot--active {
    opacity: 1;
    background-color: #ee4d2d
}

.image-carousel__arrow {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    width: 2.1875rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

    .image-carousel__arrow:hover {
        background-color: rgba(0,0,0,.32)
    }

.image-carousel__arrow--prev {
    left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.image-carousel__arrow--next {
    right: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

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

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

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

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

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

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

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

    .shopee-button-solid--primary.focus-visible:before, .shopee-button-solid--primary:focus-visible:before {
        content: "";
        width: calc(100% + var(--focus-indicator-spacing)*2);
        height: calc(100% + var(--focus-indicator-spacing)*2);
        padding: var(--focus-indicator-spacing);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        position: absolute;
        border-radius: var(--focus-indicator-border-radius);
        top: calc(var(--focus-indicator-spacing)*-1);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1)
    }

    .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;
        cursor: not-allowed;
        box-shadow: none
    }

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

    .shopee-button-solid--tributton.focus-visible:before, .shopee-button-solid--tributton:focus-visible:before {
        content: "";
        width: calc(100% + var(--focus-indicator-spacing)*2);
        height: calc(100% + var(--focus-indicator-spacing)*2);
        padding: var(--focus-indicator-spacing);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        position: absolute;
        border-radius: var(--focus-indicator-border-radius);
        top: calc(var(--focus-indicator-spacing)*-1);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1)
    }

    .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;
        cursor: not-allowed;
        box-shadow: none
    }

.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 {
    box-shadow: none;
    background-color: rgba(0,0,0,.26)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .shopee-button-no-outline.focus-visible:before, .shopee-button-no-outline:focus-visible:before {
        --focus-indicator-spacing: 1px;
        content: "";
        width: calc(100% + var(--focus-indicator-spacing)*2);
        height: calc(100% + var(--focus-indicator-spacing)*2);
        padding: var(--focus-indicator-spacing);
        outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        position: absolute;
        border-radius: var(--focus-indicator-border-radius);
        top: calc(var(--focus-indicator-spacing)*-1);
        left: calc(var(--focus-indicator-spacing)*-1);
        margin: calc(var(--focus-indicator-spacing)*-1)
    }

    .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;
    padding: 10px 15px !important;
    text-transform: uppercase;
    height: 36px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g3RFjs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

._2QRysE {
    flex-shrink: 1;
    width: 70%;
    height: 70%;
    margin-top: 10%
}

.AbkvmP {
    height: 3.125rem;
    width: 3.125rem
}

.\+K-jRT {
    height: 100%
}

.GE2Jnm {
    width: 90%;
    height: 3.125rem;
    text-align: center
}

._0qFceF {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    text-decoration: none;
    line-height: 1.25rem;
    height: 2.5rem;
    margin-bottom: .625rem;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.YnFJtb {
    margin-top: .5rem;
    margin-left: auto;
    margin-right: auto
}

.wmXayD, .YnFJtb {
    width: 100%;
    height: .625rem
}

.home-category-list {
    min-height: 18.875rem;
    margin-top: 1.25rem;
    background-color: #fff
}

    .home-category-list .image-carousel__item {
        overflow-x: unset !important
    }

.home-category-list__group {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    width: 100%;
    box-sizing: border-box
}

.home-category-list__header.shopee-header-section--simple {
    padding-top: 0
}

.home-category-list__category-grid {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    border-right: 1px solid rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.05);
    text-align: center;
    background-color: #fff;
    display: block;
    position: relative;
    transition: transform .1s cubic-bezier(.4,0,.6,1),box-shadow .1s cubic-bezier(.4,0,.6,1)
}

    .home-category-list__category-grid:hover {
        transform: translateZ(0);
        z-index: 1;
        border-color: rgba(0,0,0,.12);
        border-width: 1px;
        box-shadow: 0 0 .8125rem 0 rgba(0,0,0,.05)
    }

    .home-category-list__category-grid:before {
        content: "";
        display: block;
        padding-top: 126%
    }

.home-category-list .home-category-list__category-grid--empty {
    margin-top: 0;
    height: auto
}

    .home-category-list .home-category-list__category-grid--empty:hover {
        box-shadow: unset;
        border-color: rgba(0,0,0,.05)
    }

.home-category-list .image-carousel__item-list {
    height: 302px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start
}

    .home-category-list .image-carousel__item-list .image-carousel__item {
        float: none;
        height: 151px;
        width: 120px !important
    }

.skin-white-background .shopee-header-section__content, .skin-white-background .shopee-header-section__header {
    background: #fff
}

.home-page {
    display: flex;
    flex-direction: column;
    margin-bottom: 4.375rem
}

    .home-page .header-with-search {
        margin-bottom: .625rem
    }

    .home-page .home-categories-loader {
        width: 100%;
        text-align: center
    }

    .home-page .shopee-header-section__header {
        background: #fff;
        height: 3.75rem;
        border-bottom: 1px solid rgba(0,0,0,.05);
        padding: 0 1.25rem
    }

.welcome-package-banner {
    margin-top: 20px;
    height: 110px;
    width: 1200px;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    cursor: pointer
}

.section-recommend-products {
    display: block
}

.section-recommend-products__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 1.25rem
}

.section-recommend-products__update-time {
    margin-top: .125rem;
    display: inline-block;
    font-size: .75rem;
    line-height: .875rem;
    color: rgba(0,0,0,.4);
    margin-left: .625rem;
    text-transform: none
}

    .section-recommend-products__update-time:first-letter {
        text-transform: uppercase
    }

.section-recommend-products__separator {
    height: .1875rem;
    width: 100%;
    margin-top: -.3125rem;
    margin-bottom: .625rem;
    background-color: #ee4d2d
}

.section-recommend-products__see-more-button {
    text-decoration: none;
    color: rgba(0,0,0,.87);
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: HelveticaNeueMedium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Arial Bold,arial,sans-serif;
    width: 24.375rem;
    height: 2.5rem;
    margin: .625rem auto 0;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    line-height: 2.5rem;
    text-align: center
}

.section-recommend-products-wrapper {
    position: relative;
    z-index: 0
}

.section-banner-hotword--with-skin {
    margin-top: 30px
}

.section-banner-hotword--no-skin {
    padding-top: 30px;
    margin-top: 0;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    border-radius: .125rem;
    overflow: hidden;
    overflow: visible
}

.daily-discover-theme__content {
    margin: 48px 0 0 -15px
}

.daily-discover-theme__title {
    font-size: 32px;
    cursor: default;
    text-shadow: #ad3105 -3px 3px 3px
}

.daily-discover-theme__subtitle {
    text-transform: capitalize;
    text-shadow: #ad3105 -3px 3px 3px
}

.section-below-the-fold {
    min-height: 50rem
}
/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-homepagefe/_/pcmall-homepagefe.776de8e5c093fcebc851.css.map*/