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

.confirm-popup__button-group {
    display: flex;
    justify-content: center;
    margin-top: 2rem
}

.confirm-popup .shopee-button-outline--confirm-popup, .confirm-popup .shopee-button-solid--confirm-popup {
    font-size: .875rem;
    margin: .46875rem;
    min-height: 2.5rem;
    text-transform: uppercase;
    width: 6.25rem
}

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

.confirm-two-popup__button-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.8125rem;
    width: 100%
}

.confirm-two-popup .shopee-button-no-outline--confirm-two-popup, .confirm-two-popup .shopee-button-solid--confirm-two-popup {
    font-family: Roboto;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem;
    min-height: 2.5rem;
    padding: .75rem;
    text-transform: uppercase;
    width: 7.5rem
}

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

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

.gvOviO {
    width: 3.625rem
}

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

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

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

.A8Myj9 {
    padding-right: 2.4375rem
}

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

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

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

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

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

.DpbzER {
    background-size: 100%
}

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

.Wj1Ib8, .us__gG {
    height: 1rem;
    padding: .1875rem
}

.UwSgjE.CL8Nh5 {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.UwSgjE .bO6hgR {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

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

.UwSgjE .DpbzER {
    height: 2.1875rem;
    width: 6.6875rem
}

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

.UwSgjE .A8Myj9 {
    padding-right: 1.4375rem
}

.UwSgjE .AIFFOu {
    justify-content: center
}

.UwSgjE .rsk2dp {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.UwSgjE .Tk9XQS {
    margin-bottom: -.25rem
}

.UwSgjE .Oa_fQB, .UwSgjE .Wj1Ib8, .UwSgjE .us__gG {
    height: .75rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    margin-right: .375rem;
    padding: 0;
    -ms-interpolation-mode: nearest-neighbor
}

.UwSgjE .Oa_fQB {
    margin-right: 0
}

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

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

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

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

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

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

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

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

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

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

.success-popup__icon {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

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

.ofs-more-menu {
    padding-top: 14px;
    position: absolute;
    right: 0;
    top: 50px
}

.ofs-more-menu__content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 50px 0 rgba(0,0,0,.2);
    display: flex;
    padding: 0 1.5625rem 1.5625rem;
    position: relative
}

    .ofs-more-menu__content:before {
        border-bottom: 10px solid #fff;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        content: "";
        height: 0;
        position: absolute;
        right: 44px;
        top: -10px;
        width: 0
    }

.ofs-more-menu__col {
    flex: 1;
    width: 170px
}

.ofs-more-menu__item {
    color: rgba(0,0,0,.87);
    display: block;
    margin-top: 1.5625rem;
    overflow: hidden;
    padding-right: 15px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

    .ofs-more-menu__item:hover {
        color: #ee4d2d;
        cursor: pointer;
        transition: color .3s cubic-bezier(.4,0,.6,1)
    }

.ofs-navbar--theme-official .ofs-more-menu__item:hover {
    color: #d0011b
}

.ofs-navbar {
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    min-height: 50px;
    transition: transform .3s cubic-bezier(.4,0,.6,1);
    z-index: 200
}

.ofs-navbar--theme-official .ofs-navbar__item--active, .ofs-navbar--theme-official .ofs-navbar__item:hover {
    color: #d0011b
}

.ofs-navbar--theme-official .ofs-navbar__item--active {
    border-color: #d0011b
}

.ofs-navbar--theme-official.preview {
    pointer-events: none
}

.ofs-navbar--docked {
    transform: translateZ(0)
}

.ofs-navbar--hidden {
    height: 0;
    min-height: 0;
    transform: translate3d(0,-50px,0)
}

.ofs-navbar__background {
    background: #fff
}

.ofs-navbar__wrapper {
    display: flex
}

.ofs-navbar__items {
    display: flex;
    flex: 1;
    justify-content: space-around
}

.ofs-navbar__item {
    align-items: center;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    font-size: .9375rem;
    font-weight: 700;
    padding: 14px 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .ofs-navbar__item--active, .ofs-navbar__item:hover {
        color: #ee4d2d;
        cursor: pointer;
        transition: color .3s cubic-bezier(.4,0,.6,1)
    }

.ofs-navbar__item--active {
    border-color: #ee4d2d;
    transition: border-color .2s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ofs-navbar__more {
    display: flex;
    padding-left: 20px;
    position: relative
}

    .ofs-navbar__more:before {
        border-left: 1px solid rgba(0,0,0,.09);
        content: "";
        height: 20px;
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .ofs-navbar__more > .icon-down-arrow-filled {
        height: .6em;
        margin-left: 4px;
        width: .6em
    }

    .ofs-navbar__more:hover {
        border-bottom-color: transparent;
        color: initial
    }

.ofs-navbar__more--show > .icon-down-arrow-filled {
    transform: rotate(180deg)
}

.ofs-navbar__separator {
    background: rgba(0,0,0,.09);
    margin: 25px 0;
    width: 1px
}

.ofs-header {
    display: flex;
    flex-direction: column;
    transition: top .1s cubic-bezier(.4,0,.6,1);
    z-index: 200
}

.ofs-header__top {
    align-items: center;
    background: #d0011b;
    border-bottom: .0625rem solid rgba(0,0,0,.12);
    display: flex;
    padding: .875rem 0 1.3125rem;
    z-index: 300
}

.ofs-header__top-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex
}

.ofs-header__left {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    margin-right: .9375rem;
    opacity: 1;
    -webkit-text-decoration: none;
    text-decoration: none;
    transform-origin: -1px -1px;
    transition: transform .6s cubic-bezier(.4,0,.6,1),opacity .6s cubic-bezier(.4,0,.6,1)
}

    .ofs-header__left .icon-shopee-logo--official-shop {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
        height: 2.8125rem;
        width: 2.5rem;
        fill: #fff
    }

    .ofs-header__left > a {
        outline: 0
    }

.ofs-header__logo-focus-style-wrapper {
    border-radius: 2px;
    margin: -.125rem;
    padding: 2px
}

    .ofs-header__logo-focus-style-wrapper:focus {
        outline: 2px solid var(--focus-indicator-color)
    }

.ofs-header__logo-separator {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: 1.875rem;
    margin-left: 1rem;
    outline: 0
}

.ofs-header__mid {
    display: flex;
    transition: transform .6s cubic-bezier(.4,0,.6,1)
}

.ofs-header__page-name {
    color: rgba(0,0,0,.87);
    color: #fff;
    display: block;
    font-size: 1.75rem;
    line-height: 1.25rem;
    outline: 0;
    overflow: visible;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

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

    .ofs-header__page-name > svg {
        height: 2.0625rem;
        width: auto;
        fill: #fff
    }

    .ofs-header__page-name > .ofs-all-logo {
        max-width: 165px;
        top: 5px
    }

    .ofs-header__page-name > .ofs-tw-logo {
        max-width: 148px
    }

    .ofs-header__page-name > .ofs-br-logo {
        max-width: 200px;
        top: 5px
    }

    .ofs-header__page-name > .ofs-mx-co-cl-logo {
        max-width: 243px;
        top: 5px
    }

    .ofs-header__page-name > .ofs-pl-logo {
        height: 41px;
        top: 8.5px
    }

.ofs-header__toggle {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    opacity: 0;
    text-transform: capitalize;
    transition: opacity .1s cubic-bezier(.4,0,.6,1) .66s;
    white-space: nowrap;
    z-index: -1
}

.ofs-header__toggle-icon {
    fill: #fff;
    height: 10px;
    margin: 0 .625rem 0 1.25rem;
    width: 10px
}

.ofs-header .spacer {
    flex: 1
}

.ofs-header__right {
    align-items: center;
    display: flex;
    position: relative;
    width: 36.875rem
}

    .ofs-header__right > .shopee-searchbar {
        border: .1875rem solid #fff;
        padding: 0;
        transition: width .6s cubic-bezier(.4,0,.2,1) .6s;
        width: 32.5rem
    }

    .ofs-header__right .shopee-searchbar__main > .shopee-popover {
        transition: width .6s cubic-bezier(.4,0,.2,1) .6s;
        width: 27.9375rem !important
    }

    .ofs-header__right .shopee-button-solid {
        background-color: #d0011b
    }

.ofs-header__cart-wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end
}

    .ofs-header__cart-wrapper .shopee-drawer {
        height: 48px;
        padding-left: 5px
    }

    .ofs-header__cart-wrapper .cart-drawer-container {
        align-items: center;
        display: flex;
        height: 100%;
        padding: 10px 0
    }

    .ofs-header__cart-wrapper .cart-drawer {
        margin: 0
    }

.ofs-header--docked {
    top: 0
}

    .ofs-header--docked .ofs-header__left {
        opacity: 0;
        transform: translate3d(-2.8125rem,0,0)
    }

    .ofs-header--docked .ofs-header__toggle {
        opacity: 1;
        padding-top: 5px;
        z-index: auto
    }

    .ofs-header--docked .ofs-header__toggle--tw {
        padding-top: 0
    }

    .ofs-header--docked .ofs-header__mid {
        transform: translate3d(-4.5625rem,0,0)
    }

.header-with-search-wrapper {
    background-color: #fff;
    box-shadow: 0 .0625rem .15625rem rgba(0,0,0,.05);
    box-sizing: border-box;
    z-index: 300
}

.header-with-search-outer-wrapper {
    height: 5.3125rem
}

.header-with-search {
    display: flex;
    height: 5.3125rem;
    justify-content: space-between;
    padding: 1rem 0 .625rem
}

.header-with-search, .header-with-search__cart-wrapper, .header-with-search__logo-section {
    box-sizing: border-box
}

.header-with-search__logo-section {
    padding-right: 2.5rem;
    position: relative;
    top: -.1875rem
}

    .header-with-search__logo-section:focus-visible:before {
        border: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
        border-radius: var(--focus-indicator-border-radius);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 2.5rem;
        top: calc(var(--focus-indicator-spacing)*-1)
    }

.header-with-search__logo-section--ten-ten {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.header-with-search__logo-section:focus {
    outline: 0
}

.header-with-search__logo-wrapper {
    border-radius: 2px;
    margin: -2px;
    padding: 2px
}

.header-with-search__shopee-logo.icon-shopee-logo {
    display: block;
    height: 50px;
    width: 162px
}

.header-with-search__search-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 840px
}

    .header-with-search__search-section > .shopee-searchbar {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.09);
        width: 100%
    }

.header-with-search__cart-wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    margin: 0 10px;
    padding-bottom: 5px
}

.header-with-search__auth-separator {
    border-right: 1px solid hsla(0,0%,100%,.26);
    height: .875rem;
    margin: 0 10px
}

.header-with-search-wrapper {
    background: transparent;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

    .header-with-search-wrapper .shopee-searchbar-input {
        background-color: #fff;
        border-color: #fff
    }

        .header-with-search-wrapper .shopee-searchbar-input .shopee-drawer__contents {
            z-index: 601
        }

    .header-with-search-wrapper .header-with-search__shopee-logo {
        height: 50px;
        width: 162px
    }

    .header-with-search-wrapper .header-with-search__shopee-logo--hidden {
        opacity: 0
    }

    .header-with-search-wrapper .header-with-search__shopee-logo .st0 {
        fill: #fff !important
    }

    .header-with-search-wrapper .header-with-search__app-download-wrapper__link-layout {
        background-color: #fff;
        border: 0
    }

    .header-with-search-wrapper .shopee-searchbar > .btn-solid-primary {
        background: #fb5533;
        outline: 0;
        overflow: visible;
        position: relative
    }

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

        .header-with-search-wrapper .shopee-searchbar > .btn-solid-primary:not(.disabled):hover {
            background: #fb6445
        }

        .header-with-search-wrapper .shopee-searchbar > .btn-solid-primary:not(.disabled):active {
            background: #ee5130;
            box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
        }

        .header-with-search-wrapper .shopee-searchbar > .btn-solid-primary.disabled {
            background: #feccc2 !important;
            box-shadow: none;
            cursor: not-allowed
        }

.shopee-top--sticky .header-with-search-wrapper.container-wrapper {
    min-width: inherit
}

.shopee-top--sticky .header-with-search.container {
    max-width: 1200px;
    width: inherit
}

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

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

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

        .Bys7qI .LhkVKd:-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

        .Bys7qI .LhkVKd:-ms-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .Bys7qI .LhkVKd::-webkit-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .Bys7qI .LhkVKd::-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

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

.cP4SRx {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .cP4SRx.fWz7T2, .cP4SRx:hover {
        background-color: #fafafa
    }

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

    .cP4SRx ._Ifd4n {
        font-weight: 500
    }

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

    .cvEhJN.sS21JY {
        box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
    }

    .cvEhJN .K_iR1J {
        margin: 0 auto
    }

        .cvEhJN .K_iR1J, .cvEhJN .K_iR1J:active, .cvEhJN .K_iR1J:focus, .cvEhJN .K_iR1J:hover {
            background-color: #066bc8
        }

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

    .xgN6us .ExKzKR {
        width: 100%
    }

    .xgN6us .s9p6_l {
        height: 1.125rem;
        width: 1.125rem
    }

.xRUxEI {
    background-color: #fff;
    border: 0;
    border-radius: 1rem;
    color: #066bc8;
    font-size: .75rem;
    line-height: .875rem;
    outline: 0;
    outline: none;
    overflow: visible;
    padding: .125rem .625rem;
    position: relative;
    text-transform: capitalize
}

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

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

.BOAMfi, .ZldaAZ {
    box-sizing: border-box
}

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

.cIzYE3, .cOWpIV {
    box-sizing: border-box
}

.cOWpIV {
    outline: 0;
    overflow: visible
}

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

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

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

.LzMuOs {
    top: unset
}

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

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

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

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

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

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

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

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

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

.SntO86 {
    width: 100%
}

.rUhSc2:not(:first-child):after {
    border-left: 1px solid hsla(0,0%,100%,.22);
    border-right: 1px solid hsla(0,0%,100%,.22);
    content: "";
    height: .9375rem;
    left: -6px;
    position: absolute;
    top: calc(50% - 7px);
    width: 0
}

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

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

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

    .kkekbi:last-child {
        border: 0
    }

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

    .kkekbi > a:focus-visible {
        border-radius: 1px;
        box-shadow: var(--brand-primary-color) 0 0 0 4px,var(--focus-indicator-color) 0 0 0 6px;
        outline: none
    }

.f5ADjH {
    border: 0
}

.P9GUY1, .f5ADjH {
    padding-right: 0
}

.ho5zqj .FF2m71, .ho5zqj .GhRzwW, .ho5zqj .NTopsp, .ho5zqj .ODBDif, .ho5zqj .QtKyKQ, .ho5zqj .VOgHNo, .ho5zqj .fpJxtr {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

.ho5zqj .FF2m71 {
    height: 27px;
    width: 28px
}

.ho5zqj .NTopsp, .ho5zqj .QtKyKQ, .ho5zqj .VOgHNo {
    height: 16px;
    width: 16px
}

.ho5zqj .GhRzwW {
    height: 15px;
    width: 16px
}

.ho5zqj .fpJxtr {
    height: 16px;
    width: 14px
}

.ho5zqj .ODBDif {
    height: 16px;
    width: 16px
}

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

    .navbar-wrapper--light .kkekbi:not(.f5ADjH):hover {
        color: #ee4d2d
    }

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

    .navbar-wrapper--high-end-brand .kkekbi:not(.f5ADjH):not(.P9GUY1):hover {
        opacity: .5
    }

.navbar-wrapper--high-end-brand .header-navbar-background {
    color: currentColor
}

    .navbar-wrapper--high-end-brand .header-navbar-background:after {
        background: currentColor;
        content: " ";
        display: block;
        height: 100%;
        mix-blend-mode: darken;
        width: 100%
    }

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/21bc7987f875969e.png)
}

.header-navbar-facebook-png {
    background-position: 8.064516129% 16.1290322581%;
    background-size: 487.5% 293.75%
}

.header-navbar-instagram-png {
    background-position: 58.064516129% 16.1290322581%;
    background-size: 487.5% 293.75%
}

.header-navbar-line-png {
    background-position: 8.064516129% 96.875%;
    background-size: 487.5% 313.3333333333%
}

.header-navbar-shopee-campus-header-png {
    background-position: 50% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-ticktok-png {
    background-position: 91.935483871% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-twitter-png {
    background-position: 100% 16.1290322581%;
    background-size: 487.5% 293.75%
}

.lnKhB7 {
    position: relative
}

    .lnKhB7 img {
        vertical-align: bottom
    }

.JTL0k3 {
    visibility: hidden
}

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

.j5ByHG {
    opacity: 0
}

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

.Q8B3T1 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23e5e4e4' fill-rule='evenodd' d='M21.4 23.95a4.19 4.19 0 0 1-2.64 3.4c-.83.35-1.94.54-2.82.48a9.3 9.3 0 0 1-3.84-.97 9.6 9.6 0 0 1-1.55-1.03c-.1-.1-.16-.17-.06-.32l.63-.89c.09-.14.24-.15.39-.04l.19.15a7.53 7.53 0 0 0 4.25 1.58C18 26.3 19.5 25.4 19.78 24c.3-1.54-.96-2.86-3.37-3.6-.77-.23-2.7-.98-3.05-1.19-1.68-.96-2.46-2.22-2.35-3.77.17-2.14 2.21-3.75 4.8-3.77a8.94 8.94 0 0 1 4.76 1.4c.17.13.16.27.1.37l-.54.83c-.09.13-.2.15-.36.05a7.3 7.3 0 0 0-3.92-1.18c-1.77.03-3.1 1.06-3.2 2.46-.01 1.27.98 2.2 3.08 2.9 4.34 1.36 5.99 2.96 5.67 5.46zM16.05 1.87c2.8 0 5.1 2.6 5.2 5.85H10.84c.1-3.25 2.4-5.85 5.2-5.85zm13.92 5.85h-6.75C23.05 3.42 19.9 0 16.05 0s-7 3.43-7.17 7.72H2.1a.62.62 0 0 0-.6.66l.96 20.7.01.18v.08A2.86 2.86 0 0 0 5.16 32h21.55a2.93 2.93 0 0 0 2.82-2.68v-.02a2 2 0 0 0 0-.15L30.6 8.36v-.03a.62.62 0 0 0-.62-.6z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.y_ZDvB .jLTVZj {
    bottom: 0;
    right: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.VrTf1N {
    justify-content: center
}

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

.QD_SkC {
    pointer-events: none
}

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

.xQwfqo {
    width: 1.125rem
}

.tpS7_G {
    width: 1.375rem
}

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

.oRpCS8 {
    color: #d0011b
}

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

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

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

.DesGLd {
    margin: .625rem
}

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

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

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

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

.qLRgNc .Lo5vyy {
    align-items: center;
    display: flex
}

.qLRgNc .mluLcx {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

.ikfgI2 {
    background-color: #fff;
    border-radius: 2px;
    border-top: 0;
    box-shadow: 0 .0625rem 3.125rem 0 rgba(0,0,0,.2);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    overflow: hidden
}

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

        .ikfgI2 .D2BNY6.dA5p1N, .ikfgI2 .D2BNY6:hover {
            color: #ee4d2d
        }

.navbar-wrapper--high-end-brand .ikfgI2 .D2BNY6.dA5p1N, .navbar-wrapper--high-end-brand .ikfgI2 .D2BNY6:hover {
    color: #f4a386
}

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

.ikfgI2 .D2BNY6:focus-visible {
    outline: none
}

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

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

.navbar {
    color: #fff
}

    .navbar .shopee-avatar {
        height: 1.375rem;
        width: 1.375rem
    }

    .navbar .shopee-avatar__placeholder .icon-headshot {
        font-size: .9375rem;
        line-height: .9375rem
    }

.navbar__link {
    color: currentColor
}

.navbar__link-text.navbar__link-text--normal-case {
    text-transform: none
}

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

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

.navbar__username {
    max-width: 9.375rem;
    overflow: hidden;
    padding-left: .3125rem;
    text-overflow: ellipsis
}

.navbar-user-link {
    text-transform: capitalize
}

    .navbar-user-link:focus-visible {
        outline: none
    }

        .navbar-user-link:focus-visible > span {
            border-radius: 2px;
            box-shadow: var(--focus-indicator-color) 0 0 0 2px;
            margin: -2px -4px;
            outline: none;
            padding: 2px 4px
        }

    .navbar-user-link.reset-button-style {
        background-color: transparent;
        border: 0
    }

.navbar .navbar__link.navbar__link--help {
    padding-left: 0
}

    .navbar .navbar__link.navbar__link--help:focus-visible, .navbar .navbar__link.navbar__link--login:focus-visible, .navbar .navbar__link.navbar__link--signup:focus-visible {
        border-radius: 2px;
        box-shadow: var(--focus-indicator-color) 0 0 0 2px;
        outline: none
    }

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

    .navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--help, .navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--notification > .stardust-popover > .stardust-popover__target > a {
        opacity: .5
    }

.shopee-top {
    background: #f53d2d;
    background: linear-gradient(-180deg,#f53d2d,#f63);
    transition: transform .2s cubic-bezier(.4,0,.2,1)
}

    .shopee-top.mall-preview {
        pointer-events: none
    }

.shopee-top--sticky {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(0);
    z-index: 100
}

.shopee-top--collapsed {
    transform: translate3d(0,-2.125rem,0)
}

    .shopee-top--collapsed .navbar {
        visibility: hidden
    }

    .shopee-top--collapsed .shopee-modal__container {
        transform: translateY(2.125rem)
    }

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

    .navbar .shopee-dropdown .shopee-popover {
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.09);
        border-top: 0;
        padding: 1.25rem 1.25rem .1875rem
    }

    .navbar .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected) {
        background-color: #fff;
        border: 0;
        line-height: 1;
        margin-bottom: 1.0625rem
    }

        .navbar .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected):hover {
            color: #ee4d2d
        }

    .navbar .shopee-dropdown__entry--selected {
        border: 0
    }

.navbar__spacer {
    flex: 1
}

.navbar__links {
    height: 2.125rem;
    list-style: none;
    margin: 0;
    padding: 0
}

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

.navbar__link {
    justify-content: center;
    padding: 0 .625rem;
    position: relative
}

.navbar__link--tappable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar__link--hoverable:hover .navbar__link-text {
    color: hsla(0,0%,100%,.7)
}

.navbar__link--hoverable:hover:before {
    display: none
}

.navbar__link:not(:first-child):before {
    background-color: rgba(0,0,0,.26);
    content: "";
    display: block;
    height: .9375rem;
    left: 0;
    position: absolute;
    top: 1.125rem;
    width: 1px
}

.navbar__link--sell > .navbar__link-text {
    font-weight: 500 !important
}

.navbar__link--account__container {
    align-items: center;
    display: flex;
    padding: 5px 0;
    text-transform: none
}

    .navbar__link--account__container .navbar__link-text {
        font-weight: 400;
        overflow: hidden;
        padding-left: .3125rem;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.navbar__link--notification, .navbar__link--separator {
    padding: 0
}

.navbar__link:hover + .navbar__link:before {
    display: none
}

.navbar__link-container--notification {
    align-items: center;
    color: rgba(0,0,0,.87);
    color: currentColor;
    cursor: pointer;
    display: flex;
    -webkit-text-decoration: none;
    text-decoration: none
}

    .navbar__link-container--notification .shopee-simple-badge {
        position: absolute;
        right: -.625rem;
        top: -.3125rem
    }

.navbar__link-icon {
    color: #ee4d2d;
    font-size: 1.0625rem;
    margin-right: .625rem
}

    .navbar__link-icon.icon-notification-2 {
        fill: currentColor;
        margin-right: 4px
    }

    .navbar__link-icon.icon-shopping-cart-2 {
        fill: currentColor;
        cursor: pointer;
        height: 26px;
        width: 26px
    }

.navbar__link-text {
    align-items: center;
    color: currentColor;
    display: flex;
    font-size: .8125rem;
    font-weight: 300;
    text-transform: capitalize
}

.navbar__link-text--medium {
    font-weight: 500
}

.navbar__link-separator {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: .8125rem
}

.navbar-account-drawer__content {
    background-color: #fff;
    border-radius: 2px;
    border-top: 0;
    box-shadow: 0 .0625rem 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 9.375rem
}

.navbar-account-drawer__button {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-weight: 500;
    height: 2.5rem;
    padding-left: .9375rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 9.375rem
}

    .navbar-account-drawer__button:hover {
        background-color: #fafafa;
        color: #00bfa5
    }

.navbar-wrapper--high-end-brand .navbar-account-drawer__button:hover {
    color: #f4a386
}

.shopee-cart-number-badge, .shopee-notification-number-badge {
    background-color: #fff;
    border: .125rem solid var(--brand-primary-color,#ee4d2d);
    border-radius: 2.75rem;
    color: var(--brand-primary-color,#ee4d2d);
    height: 1rem;
    left: -1.125rem;
    line-height: 1.2em;
    margin-right: -.875rem;
    min-width: .6875rem;
    padding: 0 .3125rem;
    position: relative;
    text-align: center;
    top: -.5rem
}

.navbar-wrapper {
    background: transparent;
    height: 2.125rem;
    position: relative;
    z-index: 400
}

.navbar-wrapper--official-shop {
    background: #d0011b
}

.navbar-wrapper--without-search {
    background: #ee4d2d
}

.navbar-wrapper .navbar {
    color: #fff
}

.navbar-wrapper .navbar__link-icon, .navbar-wrapper .navbar__link-text {
    color: currentColor
}

.navbar-wrapper .navbar__link:after, .navbar-wrapper .navbar__link:before {
    display: none
}

.navbar-wrapper .navbar__link {
    cursor: pointer
}

    .navbar-wrapper .navbar__link:hover {
        color: hsla(0,0%,100%,.7)
    }

.navbar-wrapper .navbar__link--login .navbar__link-text {
    color: #ee4d2d;
    font-weight: 500
}

.navbar-wrapper .navbar__link--login:hover .navbar__link-text {
    color: #ee4d2d
}

.navbar-wrapper .navbar__link--login:active {
    background-color: hsla(0,0%,100%,.8)
}

.navbar-wrapper--light {
    background: #f0f0f0
}

    .navbar-wrapper--light .navbar {
        color: rgba(0,0,0,.54)
    }

    .navbar-wrapper--light .navbar__link {
        color: currentColor;
        cursor: pointer
    }

    .navbar-wrapper--light .navbar__link--separator {
        color: rgba(0,0,0,.54)
    }

    .navbar-wrapper--light .navbar__link--hoverable:hover .navbar__link-text {
        color: #ee4d2d
    }

    .navbar-wrapper--light .navbar__link--hoverable:hover:before {
        display: none
    }

    .navbar-wrapper--light .navbar__link:hover {
        color: #ee4d2d
    }

    .navbar-wrapper--light .navbar__link-separator {
        border-right: 1px solid rgba(0,0,0,.12)
    }

.navbar-wrapper--high-end-brand.navbar-wrapper {
    background-color: #000
}

.shopee-top--sticky .navbar-wrapper.container-wrapper, .shopee-top--sticky .ofs-header.container-wrapper {
    min-width: inherit
}

.shopee-top--sticky .navbar.container {
    max-width: 1200px;
    width: inherit
}

.l_d7h0 {
    background: #066bc8
}