.shopee-popover--default, .shopee-popover--dropdown {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.shopee-popover--default {
    max-height: 8.375rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .3125rem 0
}

.shopee-popover--dropdown {
    border: 1px solid rgba(0,0,0,.09)
}

    .shopee-popover--dropdown:after, .shopee-popover--dropdown:before {
        content: "";
        position: absolute;
        right: 1rem
    }

    .shopee-popover--dropdown:after {
        border: .5rem solid transparent;
        border-bottom-color: #fff;
        top: -.9375rem;
        z-index: 1
    }

    .shopee-popover--dropdown:before {
        border: .5rem solid transparent;
        border-bottom-color: rgba(0,0,0,.09);
        top: -1.0625rem;
        z-index: 0
    }

.stardust-popover {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .shopee-searchbar-hints__history-entry:hover {
        background-color: #fafafa
    }

.shopee-searchbar-hints__history-entry__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry__typed-text {
    font-weight: 500
}

.shopee-searchbar-hints__history-entry__category-name {
    color: rgba(0,0,0,.26);
    margin-top: .25rem
}

.shopee-searchbar-hints__entry, .shopee-searchbar-hints__search-prefill, .shopee-searchbar-hints__search-shop {
    color: rgba(0,0,0,.87);
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .shopee-searchbar-hints__entry:hover, .shopee-searchbar-hints__search-prefill:hover, .shopee-searchbar-hints__search-shop:hover {
        background-color: #fafafa
    }

.shopee-searchbar-hints__entry__bold-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__search-shop {
    align-items: center;
    display: flex
}

    .shopee-searchbar-hints__search-shop .shopee-svg-icon {
        color: #ee4d2d;
        height: 1rem;
        margin-right: .5rem;
        width: 1rem
    }

.shopee-searchbar-hints__entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.shopee-searchbar-hints__entry--history {
    text-overflow: ellipsis
}

.shopee-searchbar-hints__entry__product-name {
    flex: 0 1 auto
}

.shopee-searchbar-hints__entry__typed-product-name {
    font-weight: 500
}

.shopee-searchbar-hints__entry__category-name {
    color: rgba(0,0,0,.26);
    flex: 0 1 auto;
    margin-top: .25rem
}

.shopee-searchbar-hints__search-prefill {
    align-items: center;
    display: flex;
    padding-right: 15px
}

    .shopee-searchbar-hints__search-prefill img {
        margin-left: auto
    }

    .shopee-searchbar-hints__search-prefill .shopee-searchbar-hints__text {
        margin-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.shopee-searchbar-user-hints {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-left: 1px solid rgba(0,0,0,.09);
    border-right: 1px solid rgba(0,0,0,.09)
}

.shopee-searchbar-user-hints__entry {
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-searchbar-selector {
    align-items: center;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    height: 100%;
    max-width: 9.375rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    padding-left: .9375rem;
    padding-right: .625rem;
    width: 100%
}

    .shopee-searchbar-selector__trigger > span {
        line-height: 1.25rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .shopee-searchbar-selector__trigger > .shopee-svg-icon {
        height: .5rem;
        margin-left: .9375rem;
        width: .5rem
    }

.shopee-searchbar-selector__dropdown {
    background-color: #fff;
    border-radius: .125rem;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin-top: .75rem;
    max-height: var(--radix-select-content-available-height);
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 601
}

.shopee-searchbar-selector__option {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 0 1 auto;
    height: 2.8125rem;
    justify-content: space-between;
    padding-left: .9375rem;
    padding-right: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

    .shopee-searchbar-selector__option:hover {
        background-color: #fbfbfb
    }

.shopee-searchbar-selector__option-label {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    width: 100%
}

.shopee-searchbar-selector__option-tick {
    align-self: center;
    color: #ee4d2d;
    flex: 0 1 auto;
    height: .625rem;
    margin-left: .9375rem;
    width: .625rem
}

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

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

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

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

.rWN4DK, .tpgcVs {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tpgcVs {
    background: #fff;
    display: none;
    z-index: 1
}

.x4KXas {
    display: block
}

.HJ5l1F {
    position: relative
}

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

.CCU0Uo {
    background-color: #fff
}

    .CCU0Uo .shopee-svg-icon {
        font-size: 120px !important
    }

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

.OxKooj {
    height: 73px;
    width: 73px;
    z-index: 1
}

.MBY1ro {
    box-sizing: border-box;
    color: #ee4d2d;
    font-size: 14px;
    line-height: 18px;
    padding: 30px 30px 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

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

._PPt_v {
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-40px,-40px,0);
    width: 80px;
    z-index: 99
}

    ._PPt_v:hover {
        cursor: pointer
    }

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

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

.nrsQpE {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e0d1677a58deaa693aa9.png)
}

.gP4M5x {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/70271288d217994814f1.png)
}

.W9Y_he {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/f897d97e691bc43c7b91.png)
}

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

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

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

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

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

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

.OPIVFJ, .wwBM8q {
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

.JNMeyO {
    color: #ee4d2d
}

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

.p_Brct, .wyFOuu {
    color: rgba(0,0,0,.54)
}

.CLO35B, .p_Brct {
    font-size: .75rem
}

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

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

.wHoeyA {
    flex: 1
}

.ngdhVn {
    margin-top: .625rem
}

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

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

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

.stardust-toast {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: all;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    width: 100%;
    z-index: 1
}

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

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

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

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

.cart-drawer-container {
    padding: 10px 0
}

.cart-drawer {
    cursor: pointer;
    margin: 0 0 0 5px;
    outline: 0;
    overflow: visible;
    position: relative
}

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

    .cart-drawer .shopee-cart-number-badge {
        left: -1.25rem;
        top: -.6875rem
    }

    .cart-drawer .icon-shopping-cart-2 {
        color: #fff;
        stroke: #fff
    }

.cart-drawer__popover {
    z-index: 400 !important
}

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

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

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

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

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

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

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

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

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

h3.div-style {
    font-size: unset;
    font-style: normal;
    font-weight: 400;
    margin: 0
}

h1.a11y-hidden, h2.a11y-hidden, h3.a11y-hidden, h4.a11y-hidden, span.a11y-hidden {
    height: 1px;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.rcst37 {
    align-items: center;
    background: #000;
    bottom: 0;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    opacity: .75;
    position: absolute;
    width: 100%;
    z-index: 1
}

.Jh8gDj {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/c2cb044a1cd2e503857c.png) 50% no-repeat;
    background-size: contain;
    display: inline-block;
    height: .75rem;
    margin-right: .375rem;
    width: .5rem
}

    .Jh8gDj.C7iAcx {
        background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/80c590e1d90d4f6d2a60.png) 50% no-repeat;
        background-size: contain
    }

.wGWlgN {
    color: #fff;
    font-weight: 500;
    text-transform: capitalize
}

.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, .ofs-header__page-name > .ofs-mx-co-cl-logo {
        max-width: 200px;
        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)
    }

.WgnznX {
    height: 100%;
    left: 0;
    top: 0
}

.WgnznX, .cPpNen {
    position: absolute;
    width: 100%
}

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

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

.TMw1ot, .xxW0BG {
    position: relative
}

    .xxW0BG:hover {
        cursor: pointer
    }

.UdI7e2 {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.fMm3P2 {
    height: 100%;
    left: 0;
    object-fit: contain;
    object-position: center;
    position: absolute;
    right: 0;
    width: 100%
}

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

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

    .Cj6SvS.YhHQiK {
        opacity: 0
    }

.kkBEei {
    align-items: center;
    background-color: rgba(0,0,0,.7);
    border-radius: 60px;
    color: #fff;
    display: flex;
    font-size: 20px;
    height: 120px;
    justify-content: center;
    left: 50%;
    position: absolute;
    text-transform: capitalize;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 120px
}

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

    .KziFxY.m2ZJDZ: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
    }

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

        .KziFxY .vresWB:-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

        .KziFxY .vresWB:-ms-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .KziFxY .vresWB::-webkit-input-placeholder {
            color: rgba(0,0,0,.54)
        }

        .KziFxY .vresWB::-moz-placeholder {
            color: rgba(0,0,0,.54)
        }

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

.uXN1L5 {
    vertical-align: bottom
}

.CZvMK3 {
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRThFOEU4IiBkPSJNODMuNSAxMTAuMDcxYzEwLjIxNyAwIDE4LjUtOC4yODMgMTguNS0xOC41cy04LjI4My0xOC41LTE4LjUtMTguNVM2NSA4MS4zNTQgNjUgOTEuNTcxczguMjgzIDE4LjUgMTguNSAxOC41Ii8+PHBhdGggc3Ryb2tlPSIjRThFOEU4IiBkPSJNMTAgNzcuMDcxYTQgNCAwIDEgMCAwLTggNCA0IDAgMCAwIDAgOFoiLz48cGF0aCBmaWxsPSIjRThFOEU4IiBkPSJNMTExLjQ2NCA0My41MzVhMSAxIDAgMCAwIDAgMS40MTVsMi4xMjIgMi4xMjEtMi4xMjIgMi4xMjFhMSAxIDAgMCAwIDEuNDE1IDEuNDE1TDExNSA0OC40ODVsMi4xMjEgMi4xMjJhMS4wMDEgMS4wMDEgMCAwIDAgMS40MTUtMS40MTVsLTIuMTIyLTIuMTIgMi4xMjItMi4xMjJhMS4wMDEgMS4wMDEgMCAwIDAtMS40MTUtMS40MTVMMTE1IDQ1LjY1N2wtMi4xMjEtMi4xMjFhMSAxIDAgMCAwLTEuNDE1IDBabS05MS45OTktMjVhMSAxIDAgMCAwIDAgMS40MTVsMi4xMiAyLjEyMS0yLjEyIDIuMTIxYTEgMSAwIDAgMCAxLjQxNCAxLjQxNUwyMyAyMy40ODVsMi4xMjEgMi4xMjJhMSAxIDAgMCAwIDEuNDE1LTEuNDE1bC0yLjEyMi0yLjEyIDIuMTIyLTIuMTIyYTEgMSAwIDAgMC0xLjQxNS0xLjQxNUwyMyAyMC42NTdsLTIuMTIxLTIuMTIyYTEgMSAwIDAgMC0xLjQxNSAwWiIvPjxwYXRoIGZpbGw9IiNCREJEQkQiIGQ9Ik01MSAzOS4wNzF2LTE4YTEgMSAwIDAgMSAxLTFoMzhhMyAzIDAgMCAxIDMgM3Y0NC41MDRhMjQgMjQgMCAwIDAtMi0xLjI5M1YyMy4wN2ExIDEgMCAwIDAtMS0xSDUzdjE3YTUgNSAwIDAgMS01IDVIMzB2NTZhMSAxIDAgMCAwIDEgMWgyOC41MDRxLjc1MSAxLjA0MyAxLjYwNyAySDMxYTMgMyAwIDAgMS0zLTN2LTU3YTEgMSAwIDAgMSAxLTFoMTlhMyAzIDAgMCAwIDMtM1oiLz48cGF0aCBzdHJva2U9IiNCREJEQkQiIGQ9Im01MiAyMS4wNzEtMjMgMjIiLz48cmVjdCB3aWR0aD0iNDIiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjU3LjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjY1LjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjczLjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cGF0aCBzdHJva2U9IiNCREJEQkQiIGQ9Ik05MS41MTEgMTAwLjQ5MWM3LjI3MS02Ljc4IDcuNjY5LTE4LjE3Ljg4OS0yNS40NHMtMTguMTctNy42NjgtMjUuNDQtLjg4OC03LjY2OSAxOC4xNy0uODg5IDI1LjQ0YzYuNzggNy4yNzEgMTguMTcgNy42NjggMjUuNDQuODg4WiIvPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIyIiB4PSI3MC41MTUiIHk9IjgwIiBmaWxsPSIjQkRCREJEIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDcwLjUxNSA4MCkiLz48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyMiIgeD0iODYuMDcxIiB5PSI3OC41ODYiIGZpbGw9IiNCREJEQkQiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4Ni4wNzEgNzguNTg2KSIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60px 60px
}

.UkIsx8 {
    display: contents
}

@keyframes T1GUbT {
    0% {
        background-position: 50%,100% 0
    }

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

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

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

    .l0_PMe.hVt8Hk, .l0_PMe:hover {
        background-color: #fafafa
    }

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

    .l0_PMe .LLsSpU {
        font-weight: 500
    }

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

    .pJospi.FN54xD {
        box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
    }

    .pJospi .vubkEK {
        margin: 0 auto
    }

        .pJospi .vubkEK, .pJospi .vubkEK:active, .pJospi .vubkEK:focus, .pJospi .vubkEK:hover {
            background-color: #066bc8
        }

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

    .sq_V8V .PBILA3 {
        width: 100%
    }

    .sq_V8V .tE2Yu6 {
        height: 1.125rem;
        width: 1.125rem
    }

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

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

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

.fL8W1k, .ylmScg {
    box-sizing: border-box
}

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

.EY2Yjm, .RJU2dZ {
    box-sizing: border-box
}

.EY2Yjm {
    outline: 0;
    overflow: visible
}

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

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

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

.o79Xbx {
    top: unset
}

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

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

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

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

.fade-enter {
    opacity: .01
}

.fade-enter-active {
    opacity: 1;
    transition: all .2s ease-in-out
}

.fade-exit {
    opacity: 1
}

.fade-exit-active {
    opacity: .01;
    transition: all .2s ease-in-out
}

.wrap {
    transform: translate(-50%,-50%);
    z-index: 9999
}

.fadescale-enter {
    opacity: .01;
    transform: translate(-50%,-50%) scale(.5)
}

.fadescale-enter-active {
    transition: all .2s ease-in-out
}

.fadescale-enter-active, .fadescale-exit {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1)
}

.fadescale-exit-active {
    opacity: .01;
    transform: translate(-50%,-50%) scale(.5);
    transition: all .2s ease-in-out
}

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

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

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

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

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

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

.shopee-arrow-box__content {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    white-space: pre-wrap
}

.KIoPj6 {
    align-items: center;
    color: #222;
    display: flex;
    margin-bottom: 25px;
    margin-left: -4px;
    margin-top: -4px;
    padding: 4px
}

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

.B7kF6e {
    background-color: transparent;
    border: 0;
    color: #05a;
    flex-shrink: 0;
    margin-left: 20px;
    outline: 0;
    overflow: visible;
    position: relative;
    text-transform: capitalize
}

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

    .B7kF6e:hover {
        cursor: pointer
    }

.Dagtcd {
    align-items: center;
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0 10px 0 0;
    text-transform: capitalize;
    width: 100px
}

.j7HL5Q {
    flex-basis: 515px;
    flex-wrap: wrap;
    margin-top: -8px;
    max-height: 220px;
    max-width: 515px;
    overflow-y: auto
}

.OaFP0p {
    color: #757575;
    margin-top: 16px
}

    .OaFP0p .shopee-input-quantity {
        background: #fff
    }

.exUdFw {
    color: #ff424f;
    margin: 15px 0 0 110px
}

.TAiPHr {
    background-color: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    text-transform: capitalize
}

    .TAiPHr .LvL60q {
        height: 9px;
        margin-left: 6px;
        width: 9px
    }

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

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

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

.rXJ8VU {
    background-color: #fafafa;
    color: rgba(0,0,0,.26);
    cursor: not-allowed
}

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

    .rXJ8VU:focus {
        outline: 0
    }

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

.SkhBL1 {
    padding-left: 2.5rem
}

.nk0Z0T {
    height: 1.5rem;
    left: .5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem
}

.SqTbKd {
    filter: grayscale(100%)
}

.NkXHv4 {
    height: .9375rem;
    overflow: hidden;
    width: .9375rem
}

    .NkXHv4, .NkXHv4 .QX2JQy {
        bottom: 0;
        position: absolute;
        right: 0
    }

        .NkXHv4 .QX2JQy {
            height: 8px;
            width: 8px
        }

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

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

    .UAc5Wb, .suQW3X[disabled] {
        border-color: black;
        color: #000 !important;
    }

        .UAc5Wb svg, .suQW3X[disabled] svg {
            fill: black
        }

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

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

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

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

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

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

    .u00pLG.R1imlW {
        color: black!important
    }

.theme--ofs .u00pLG.R1imlW {
    color: black !important
}

.theme--s-mart .u00pLG.R1imlW {
    color: black !important
}

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

.nvfwlg {
    display: block;
    height: 25px;
    width: 328px
}

.tzbc6l {
    width: 840px
}

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

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

.shopee-drawer__contents {
    position: absolute;
    top: 100%;
    z-index: 400
}

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

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

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

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

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

.oH2kNI {
    background: #fff;
    border-radius: 3px;
    padding: 28px 30px;
    position: relative
}

    .oH2kNI .M9V6yD {
        font-size: 20px;
        text-transform: capitalize
    }

    .oH2kNI .LThP1L {
        margin: 30px auto 50px;
        text-align: center;
        width: 660px
    }

        .oH2kNI .LThP1L img {
            width: 100%
        }

    .oH2kNI .q31BG9 {
        background-color: transparent;
        border: 0;
        color: rgba(0,0,0,.4);
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 20px
    }

        .oH2kNI .q31BG9 .gWHyV7 {
            height: 20px;
            width: 20px
        }

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

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

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

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

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

.DEwPCA {
    width: 100%
}

.RHS4G1 {
    background-color: #fff
}

.aB8CUn {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1rem
}

.PyG7Id {
    color: rgba(0,0,0,.54);
    font-size: .625rem;
    line-height: .75rem
}

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

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

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

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

    .PnbNrD:last-child {
        border: 0
    }

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

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

.K_ul1I {
    border: 0
}

.K_ul1I, .Z_LU_o {
    padding-right: 0
}

.AFNv_2 .J0MDSH, .AFNv_2 .NmyWMZ, .AFNv_2 .RJlzDp, .AFNv_2 .YjYBRd, .AFNv_2 .Yri2lM, .AFNv_2 .mAS_Ui, .AFNv_2 .xTKbwM {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

.AFNv_2 .RJlzDp {
    height: 27px;
    width: 28px
}

.AFNv_2 .NmyWMZ, .AFNv_2 .YjYBRd, .AFNv_2 .Yri2lM {
    height: 16px;
    width: 16px
}

.AFNv_2 .mAS_Ui {
    height: 15px;
    width: 16px
}

.AFNv_2 .J0MDSH {
    height: 16px;
    width: 14px
}

.AFNv_2 .xTKbwM {
    height: 16px;
    width: 16px
}

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

    .navbar-wrapper--light .PnbNrD:not(.K_ul1I):hover {
        color: #ee4d2d
    }

.Ld8lEI {
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.pSRzYR {
    background-color: #fff;
    height: 100%
}

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

.UwYuKV {
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9
}

.pJM8d6 {
    align-items: center;
    background-color: #f5f5f5;
    border-bottom: .03125rem solid #d0d0d0;
    border-right: .03125rem solid #d0d0d0;
    border-top: .03125rem solid #d0d0d0;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: .625rem;
    height: 3rem;
    justify-content: center;
    line-height: .75rem;
    padding: .625rem .25rem;
    width: 5.5rem
}

    .pJM8d6:first-child {
        border-left: .03125rem solid #d0d0d0;
        left: 0;
        position: -webkit-sticky;
        position: sticky
    }

._Cc28J:first-child:after {
    bottom: -1px;
    box-shadow: inset 10px 0 8px -8px rgba(0,0,0,.149);
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(100%);
    width: 30px
}

.OmDO7k, .YVf4qm {
    text-align: center;
    width: 100%
}

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

.feRRt8 {
    box-sizing: border-box
}

.VMOqaJ {
    background-color: #fff;
    display: flex
}

.OVlWpW {
    background-color: #fafafa !important
}

.esQDWO {
    align-items: center;
    background-color: #fff;
    border-bottom: .03125rem solid #d0d0d0;
    border-right: .03125rem solid #d0d0d0;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: .625rem;
    height: 3rem;
    justify-content: center;
    line-height: .75rem;
    padding: .625rem .25rem;
    width: 5.5rem
}

    .esQDWO:first-child {
        border-left: .03125rem solid #d0d0d0;
        left: 0;
        position: -webkit-sticky;
        position: sticky
    }

.UucnnL, .sK2yWw {
    display: inline-flex
}

.fVkp8W:first-child:after {
    bottom: -1px;
    box-shadow: inset 10px 0 8px -8px rgba(0,0,0,.149);
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(100%);
    width: 30px
}

.Lfwp9b {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all
}

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

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

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

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

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

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

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

.m3WZCJ {
    background: #fff;
    border-radius: .25rem;
    box-shadow: 0 0 .5625rem rgba(0,0,0,.12);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-height: 35.625rem;
    min-height: 31.25rem;
    padding: 1.5rem;
    position: relative;
    width: 50rem
}

.vZ4fT6 {
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 1.6875rem;
    top: 1.6875rem
}

.H_JcQH {
    height: 1.125rem;
    width: 1.125rem
}

.yjmk7E {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem;
    line-height: 2rem;
    text-transform: capitalize
}

.gJQOH4 {
    margin-top: .1875rem
}

.eSIeL3 {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    line-height: 1.5rem
}

.heNW5w {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1.25rem
}

.mpJEtB {
    margin-top: 1rem
}

.hlzBtp {
    border-bottom: .0625rem solid rgba(0,0,0,.09);
    border-right: .0625rem solid rgba(0,0,0,.09);
    border-top: .0625rem solid rgba(0,0,0,.09);
    font-size: .875rem;
    height: 3.6875rem;
    line-height: 1.25rem;
    padding: .625rem;
    width: 8.75rem
}

    .hlzBtp:first-child {
        border-left: .0625rem solid rgba(0,0,0,.09)
    }

.GHUzR5 {
    border-bottom: .0625rem solid rgba(0,0,0,.09);
    border-right: .0625rem solid rgba(0,0,0,.09);
    font-size: .875rem;
    height: 3.0625rem;
    line-height: 1.25rem;
    padding: .625rem;
    width: 8.75rem
}

    .GHUzR5:first-child {
        border-left: .0625rem solid rgba(0,0,0,.09)
    }

.NEw60w {
    position: relative
}

    .NEw60w img {
        vertical-align: bottom
    }

.B_olZt {
    visibility: hidden
}

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

.GnMZ7t {
    opacity: 0
}

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

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

.Jw9RMD {
    background-color: #e5e5e5;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 2.3125rem
}

.DwD6tW {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 4rem;
    margin-bottom: .75rem;
    padding: 0 .75rem
}

.In3XbV {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-left: 1.25rem
}

.LUxYUp {
    flex: 1
}

.Dg6eUz {
    border: .03125rem solid rgba(0,0,0,.09);
    border-radius: .125rem;
    box-sizing: border-box;
    height: 2rem;
    width: 2rem
}

    .Dg6eUz img {
        width: 100%
    }

.htLN7U {
    padding: .75rem
}

.nyhQ0A {
    margin-top: .375rem
}

.eze0Z_ {
    box-sizing: content-box;
    padding-bottom: .75rem
}

.uZvBWx {
    margin-left: .75rem
}

.gCorDi {
    padding-right: .75rem
}

.dee9eY:after, .q885dt:after {
    content: "";
    display: block;
    flex-shrink: 0;
    height: 100%;
    height: 3rem;
    width: .75rem
}

.PVcKtx .L_H5oW {
    bottom: 0;
    right: 0
}

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

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

.NGVKmW {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    text-transform: capitalize
}

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

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

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

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

.btn--full {
    width: 100%
}

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

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

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

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

.btn--xl {
    height: 52px
}

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

.IN25Mr {
    justify-content: center
}

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

.lhRCUv {
    pointer-events: none
}

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

.v8O2mh {
    width: 1.125rem
}

.YmKQXl {
    width: 1.375rem
}

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

.VpCuhl {
    color: #d0011b
}

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

.btn-tinted, .btn.btn-tinted {
    background: rgba(255,87,34,.1);
    background: var(--brand-primary-light-color);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: var(--brand-primary-color);
    outline: 0;
    overflow: visible;
    position: relative
}

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

    .btn-tinted:not(--disabled): hover, .btn.btn-tinted:not(--disabled):hover {
        background: rgba(255,197,178,.181)
    }

    .btn-tinted:not(--disabled): active, .btn.btn-tinted:not(--disabled):active {
        background: rgba(128,44,17,.145);
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

.btn-tinted--disabled, .btn.btn-tinted--disabled {
    background: rgba(255,251,250,.73) !important;
    box-shadow: none;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09) !important;
    cursor: not-allowed;
    opacity: .5
}

.theme--ofs .btn-tinted, .theme--ofs .btn.btn-tinted {
    background: rgba(208,1,27,.08);
    outline: 0;
    overflow: visible;
    position: relative
}

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

    .theme--ofs .btn-tinted:not(--disabled): hover, .theme--ofs .btn.btn-tinted:not(--disabled):hover {
        background: rgba(241,180,187,.163)
    }

    .theme--ofs .btn-tinted:not(--disabled): active, .theme--ofs .btn.btn-tinted:not(--disabled):active {
        background: rgba(92,0,12,.126);
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

.theme--ofs .btn-tinted--disabled, .theme--ofs .btn.btn-tinted--disabled {
    background: hsla(0,60%,99%,.724) !important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-tinted, .theme--s-mart .btn.btn-tinted {
    background: #e6f0f9;
    outline: 0;
    overflow: visible;
    position: relative
}

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

    .theme--s-mart .btn-tinted:not(--disabled): hover, .theme--s-mart .btn.btn-tinted:not(--disabled):hover {
        background: #e8f1fa
    }

    .theme--s-mart .btn-tinted:not(--disabled): active, .theme--s-mart .btn.btn-tinted:not(--disabled):active {
        background: #dbe4ed;
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

.theme--s-mart .btn-tinted--disabled, .theme--s-mart .btn.btn-tinted--disabled {
    background: #f8fbfd !important;
    box-shadow: none;
    cursor: not-allowed
}

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

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

.ZaYsNQ {
    margin: .625rem
}

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

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

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

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

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

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

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

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

    .theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
        background: #d41830
    }

    .theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
        background: #c6011a;
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

    .theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
        background: #f1b3bb !important;
        box-shadow: none;
        cursor: not-allowed
    }

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

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

    .theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
        background: #1c78cd
    }

    .theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
        background: #0666be;
        box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
    }

    .theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
        background: #b4d3ef !important;
        box-shadow: none;
        cursor: not-allowed
    }

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

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

    .qiZhRg .HzRDzc {
        align-items: center;
        display: flex
    }

    .qiZhRg .DXcInb {
        font-size: .8125rem;
        font-weight: 300;
        margin: 0 .3125rem
    }

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

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

        .fk3B4H .gWStW0.RbcO69, .fk3B4H .gWStW0:hover {
            color: #ee4d2d
        }

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

        .fk3B4H .gWStW0:focus-visible {
            outline: none
        }

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

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

.fnrLi4 {
}

.YuENex {
    font-size: 14px !important;
    margin-right: 15px;
    min-width: 180px !important;
    padding: 0 12px
}

.HWJaTp {
    text-transform: none
}

.bwPwYa {
    display: flex
}

    .bwPwYa .a_JvBi {
        flex-direction: row
    }

        .bwPwYa .a_JvBi ._kL9Hf {
            height: 20px;
            margin-right: 10px;
            width: 20px
        }

.eFAm_w {
    max-width: none !important
}

.Rt4WYl {
    font-size: 18px;
    font-weight: 500
}

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

.vX9SYw {
    margin-top: 20px;
    padding: 0
}

.TFDXyQ {
    flex-shrink: 0;
    padding: 15px;
    width: 450px
}

.i9t0tr {
    flex: 1 0 auto;
    width: 0
}

.DXQgih {
    box-sizing: border-box;
    padding: 20px 35px 0 20px;
    width: 100%
}

.at_ZtL {
    margin-top: 25px;
    padding: 0 20px
}

.CPwPjH {
    margin: 15px 0 30px
}

.XfbUfN {
    border-top: 1px solid rgba(0,0,0,.05);
    padding-top: 25px
}

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

.theme--ofs .shopee-top {
    background: transparent
}

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

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

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

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

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

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

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

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

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

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

.navbar__spacer {
    flex: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.uLrxnk {
    background: #066bc8
}