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

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

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

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

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

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

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

._PPt_v:hover {
    cursor: pointer
}

.PhxDN7 {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px
}

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

.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/3d819965643f1287ea73.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
}

.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/9bdd8040b334d31946f4.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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.oHWDGJ {
    margin-top: .9375rem
}

.Bf9ap6 {
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: -1000
}

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

.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: rgba(0,0,0,.09);
    color: #ccc!important
}

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

.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: #ee4d2d
}

.theme--ofs .u00pLG.R1imlW {
    color: #d0011b
}

.theme--s-mart .u00pLG.R1imlW {
    color: #066bc8
}

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

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

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/d4abcabbd3a449975eb8.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%
}

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

.un8_EC {
    position: relative
}

.un8_EC img {
    vertical-align: bottom
}

.kJESEN {
    visibility: hidden
}

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

.bKpPhl {
    opacity: 0
}

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

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

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

.Vvw08a .EaDTzh {
    bottom: 0;
    right: 0
}

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

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

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

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

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

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

.DpIkos,.NGVKmW {
    text-transform: capitalize
}

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

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

.jq6GzU {
    position: relative
}

.jq6GzU img {
    vertical-align: bottom
}

.rN7oNn {
    visibility: hidden
}

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

.ibTp1R {
    opacity: 0
}

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

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

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

.J9tUWr .rGBJUR {
    bottom: 0;
    right: 0
}

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

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

.btn-tinted,.btn.btn-tinted {
    background: rgba(255,87,34,.1);
    background: var(--brand-primary-light-color);
    border: 1px solid var(--brand-primary-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 {
    padding-left: 20px
}

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

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/513.2066b9f60cced3f43327.css.map*/



.item-card-special {
    background-color: #fff;
    cursor: pointer;
    position: relative
}

.item-card-special__link {
    color: rgba(0,0,0,.8);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.item-card-special__link:hover {
    transform: translateY(-.125rem);
    z-index: 1
}

.item-card-special__img {
    margin-bottom: .3125rem;
    padding-top: 0;
    position: relative
}

.item-card-special__img-container {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.item-card-special__img-container--image {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
    width: 100%
}

.item-card-special__img-container--adult {
    background-color: #fff;
    height: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    width: 100px
}

.item-card-special__lower-padding {
    padding: 0 .625rem .625rem
}

.item-card-special__name {
    overflow: hidden;
    word-wrap:;
    display: -webkit-box;
    height: 2.1875rem;
    line-height: 1.125rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.item-card-special__name--special {
    height: 2rem;
    line-height: 1rem;
    margin-bottom: 4px;
    text-align: center
}

.item-card-special__section-price {
    align-items: center;
    display: flex;
    height: 1.5rem;
    overflow: hidden;
    position: relative
}

.item-card-special__section-price--special {
    display: block;
    height: 2.625rem
}

.item-card-special__current-price {
    color: #ee4d2d;
    flex-shrink: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-card-special__current-price--special {
    flex-grow: 1;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center
}

.item-card-special__current-price--ofs {
    color: #d0011b
}

.item-card-special__other-price {
    align-items: flex-end;
    display: flex;
    justify-content: center
}

.item-card-special__original-price {
    color: rgba(0,0,0,.54);
    overflow: hidden;
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    text-overflow: ellipsis
}

.item-card-special__original-price--special {
    text-align: center
}

.item-card-special__discount-label {
    background: #ee4d2d;
    border: 0;
    border-radius: 2px;
    color: #fff;
    margin-left: 3px;
    padding: 1px 3px
}

.item-card-special__discount-label--ofs {
    background: #d0011b
}

.item-card-special__lowest-price {
    bottom: 5px;
    height: 38px;
    left: 5px;
    position: absolute;
    width: 48px
}

.item-card-special__padding {
    cursor: pointer;
    padding: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.item-card-special:hover .card__name {
    color: #000
}

.product-shop-hot-sales {
    padding: .625rem 0
}

.product-shop-hot-sales__header {
    color: rgba(0,0,0,.4);
    font-size: inherit;
    font-weight: 400;
    margin: .625rem 0 0;
    padding: 0 1.25rem;
    text-transform: capitalize
}

.product-shop-hot-sales__item {
    outline: 0;
    overflow: visible;
    padding: 1.25rem 1.25rem 0;
    position: relative
}

.product-shop-hot-sales__item:focus-visible:before {
    border-radius: 2px;
    content: "";
    height: calc(100% - 2rem);
    left: calc(1.25rem - 8px);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(1.25rem - 8px);
    width: calc(100% - 2.5rem + 8px);
    z-index: 1
}

.product-shop-hot-sales__item:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.product-shop-hot-sales__item:hover {
    transform: none
}

.product-shop-hot-sales__item .item-card-special__lower-padding {
    padding: 0 .625rem
}

.product-shop-hot-sales__item .item-card-special__current-price--special,.product-shop-hot-sales__item .item-card-special__name--special {
    text-align: left
}

.product-shop-hot-sales__item .item-card-special__name--special {
    padding-top: .3125rem
}

.product-shop-hot-sales__item .item-card-special__current-price--special {
    font-size: 1rem
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/HotSales.65f7b11ccc60fa8b4849.css.map*/



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

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

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

.lJMau {
    height: 2.75rem
}

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

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

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

.xCn81 {
    background: transparent
}

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

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

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

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

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

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

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

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

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

._19rDu {
    margin-left: .25rem
}

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

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

.idLK2l {
    height: 15px
}

.EtYbJs,.idLK2l {
    white-space: nowrap
}

.EtYbJs {
    color: rgba(0,0,0,.87);
    color: #05a;
    font-size: 13px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.theme--s-mart .EtYbJs {
    color: #066bc8
}

.EtYbJs:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.R7vGdX {
    color: #05a;
    font-size: 14px
}

.EB95ts {
    height: 10px;
    margin: 0 5px;
    width: 10px
}

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

.jA1mTx {
    position: relative
}

.jA1mTx:hover {
    cursor: pointer
}

.jA1mTx .MMqomL {
    font-size: 12px;
    height: 25px;
    line-height: 25px
}

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

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

.NYFAyb,.raRnQV {
    position: absolute
}

.NYFAyb {
    height: 32px;
    left: 50%;
    top: 50%;
    transform: translate3d(-16px,-16px,0);
    width: 32px
}

.wOzCmT {
    border: 2px solid var(--brand-primary-color,#ee4d2d);
    bottom: 0;
    right: 0
}

.bh76f7,.wOzCmT {
    left: 0;
    position: absolute;
    top: 0
}

.bh76f7 {
    background: transparent;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.bh76f7:hover {
    background: hsla(0,0%,100%,.26)
}

.lZujh6 {
    align-items: center;
    background: rgba(0,0,0,.54);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: space-between;
    left: 0;
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    width: 100%
}

.WqggnM {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/f1a754a66c45599c570f.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 10px;
    width: 10px
}

.y8QiYh {
    text-align: right
}

.airUhU {
    margin: 5px -5px;
    position: relative
}

.grncJu {
    visibility: hidden
}

.UBG7wZ {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    width: 20%
}

.nVAzDy {
    background-color: rgba(0,0,0,.2)!important;
    border: 0;
    color: #fff;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.nVAzDy .shopee-svg-icon {
    font-size: 20px
}

.CAvqYR {
    left: 5px
}

.CAvqYR,.lWmpR1 {
    border: 0!important
}

.lWmpR1 {
    right: 5px
}

.AVQfIX {
    visibility: hidden
}

.idmlsn {
    border-right: 1px solid rgba(0,0,0,.09);
    padding: 0 30px
}

.rhG6k7 {
    color: #222;
    font-size: 16px
}

.Vo8Ebs {
    border: 0;
    height: 25px;
    margin-left: 5px;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 25px
}

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

.feDSnr {
    flex: 1;
    justify-content: center
}

.feDSnr:hover {
    cursor: pointer
}

.w2JMKY {
    background-color: transparent;
    border: 0;
    display: flex;
    outline: 0;
    overflow: visible;
    position: relative
}

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

.vgMiJB {
    margin-right: 10px
}

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

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

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

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

.GYplQ6 {
    font-size: .75rem
}

.GYplQ6>.vwpLzd {
    font-size: .5rem;
    margin-right: .1875rem
}

.UXwtlG {
    background-color: #d0011b
}

.XlwyWu svg,.Y22_3_ svg {
    height: .625rem;
    width: 3.5625rem
}

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

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

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

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

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

.GX0tAi {
    margin: 0 .4375rem
}

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

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

.QaT5qG:hover>.aTCWk7 {
    opacity: 1;
    z-index: 1
}

.QaT5qG>.JXw1TI {
    font-size: 7px
}

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

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

.aVy7ds:last-child {
    margin: 0
}

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

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

.Q0B9CC,.lmgUh6 {
    font-size: .75rem
}

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

.uQcvJ4 {
    border-radius: .1875rem
}

.nwGwCo {
    background-color: #ee4d2d
}

.dGYZnL {
    border-radius: .625rem
}

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

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

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

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

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

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

.YV6bpG {
    flex-direction: column-reverse
}

.mBZJbW,.nHRqoN,.wTmvLG {
    height: 100%;
    justify-content: center
}

.iedPxi {
    color: #fff
}

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

.LszWgh,._OfJCl,.og0_Gv {
    display: none
}

.Zq1gvN {
    height: 16px;
    width: 55px
}

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

.DEloFH,.y1CxHg {
    height: 16px;
    width: 69px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.WBVL_7 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    max-height: 48px;
    max-width: 665px;
    overflow: hidden;
    overflow-wrap:;
    vertical-align: sub
}

._wgU9F {
    border-radius: 2px;
    display: inline-flex;
    margin-right: 10px;
    position: relative;
    transform: translateY(-2px)
}

.fclWZr {
    display: inline;
    margin-right: 8px
}

.Jwsdcs {
    font-size: 12px;
    vertical-align: middle
}

.g0xBrP {
    height: 20px;
    margin-left: 8px;
    width: 20px
}

.uxdyrX {
    margin-top: 3px
}

.uq_xEP {
    margin-right: 6px;
    vertical-align: middle
}

.ROemtp {
    height: 18px;
    margin-right: 10px
}

.UXYzvq {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: .625rem
}

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

    to {
        transform: rotate(1turn)
    }
}

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

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

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

.YysGiT {
    background: none;
    border: unset;
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-left: auto
}

.SDvgWG {
    background-color: #fff;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    width: 440px
}

.SDvgWG .UsJGRc {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.09);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 24px
}

.SDvgWG .UsJGRc .B1rS0C,.SDvgWG .UsJGRc .mmrQla {
    cursor: pointer;
    flex-shrink: 0
}

.SDvgWG .UsJGRc .B1rS0C {
    margin-left: auto
}

.SDvgWG .UsJGRc .cr59hK {
    flex-grow: 1;
    max-width: 324px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG .UsJGRc .cr59hK:not(:first-child) {
    margin-left: 10px
}

.SDvgWG .kmLN0Z {
    height: 220px;
    padding: 10px 24px
}

.SDvgWG ul {
    height: 220px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 0
}

.SDvgWG li {
    cursor: pointer;
    line-height: 20px;
    list-style-type: none;
    overflow: hidden;
    padding: 10px 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG li:hover {
    color: #ee4d2d
}

.SDvgWG .dcQE6F {
    padding: 24px
}

.SDvgWG .dcQE6F textarea {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    height: 114px;
    line-height: 20px;
    outline: unset;
    padding: 12px;
    resize: none;
    width: 100%
}

.SDvgWG .dcQE6F textarea:focus {
    border-color: rgba(0,0,0,.54)
}

.SDvgWG .dcQE6F textarea.RvXdsh {
    border-color: #ee2c4a
}

.SDvgWG .dcQE6F textarea::placeholder {
    color: rgba(0,0,0,.26)
}

.SDvgWG .dcQE6F .ImeN3R {
    color: #ee2c4a
}

.SDvgWG .I0yZUl {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.09);
    display: flex;
    flex-direction: row-reverse;
    padding: 12px 24px
}

.pQNWXh {
    height: 120px;
    justify-content: center;
    width: 260px
}

.T1549_ {
    display: inline-flex
}

.T1549_,.sAOZ6s {
    position: relative
}

.sAOZ6s {
    margin-right: 1px
}

.ZDu7mK {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.R6CPBG,.VAir_o {
    background-repeat: no-repeat;
    background-size: contain;
    height: 14px;
    width: 14px
}

.R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b1bcd65233e15eb99b68.svg)
}

.theme--s-mart .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/3ae5126a0937c63fd895.svg)
}

.theme--ofs .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/44c46951c46c5a5e8129.svg)
}

.VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2a44ed8141cd3a3ed0c9.svg)
}

.theme--s-mart .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e0898f40b1711fbb7c40.svg)
}

.theme--ofs .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/76bc916eeb1487a396ef.svg)
}

.XLXeSo,.dG6ROf {
    background-repeat: no-repeat;
    background-size: contain;
    height: 13px!important;
    width: 13px!important
}

.dG6ROf {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/fb6d53c6a2749e183033.svg)!important
}

.XLXeSo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/56006b41056056d6c8ff.svg)!important
}

.asFzUa {
    margin-top: .625rem;
    min-height: 1.55rem;
    position: relative
}

.PjACP4,.e2p50f {
    align-items: flex-end;
    padding: 0 15px
}

.PjACP4:first-child,.e2p50f:first-child {
    padding-left: 0
}

.PjACP4:not(:first-child),.e2p50f:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.PjACP4,.e2p50f {
    align-items: center
}

.e2p50f {
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.F9RHbS {
    border-bottom: 1px solid #555;
    color: #222;
    font-size: 1rem;
    margin-right: 5px;
    padding-bottom: 1px
}

.dQEiAI {
    border-bottom-color: #ee4d2d;
    color: #ee4d2d
}

.theme--ofs .dQEiAI {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--s-mart .dQEiAI {
    border-bottom-color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.87)
}

.jMXp4d {
    border-bottom-color: #222!important;
    color: #222!important
}

.W7cTiS {
    fill: #ee4d2d
}

.theme--ofs .W7cTiS {
    fill: #d0011b
}

.theme--s-mart .W7cTiS {
    fill: #ffce3d
}

.vOrlgh {
    line-height: 1.4375rem
}

.vOrlgh,.x1i_He {
    color: #767676;
    font-size: .875rem;
    text-transform: capitalize
}

.x1i_He {
    margin-right: 5px;
    padding: 4px 0
}

.UAYfPc {
    color: rgba(0,0,0,.54);
    height: .75rem;
    margin-left: tpRem(6px);
    width: tpRem(12px)
}

.N052bu {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.s4ihzY {
    align-items: center;
    display: flex;
    padding-right: .9375rem
}

.acDggL {
    margin-left: .3125rem
}

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

.NtkrDO {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 22px;
    max-height: 200px;
    padding: 20px;
    width: 300px;
    word-wrap:;
    overflow: auto;
    text-align: left
}

.NtkrDO a {
    color: #05a
}

.gdYMVU {
    height: 14px;
    width: 14px
}

.mnzVGI {
    align-items: center;
    padding: 0 15px
}

.mnzVGI:first-child {
    padding-left: 0
}

.mnzVGI:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.aleSBU {
    color: #767676;
    font-size: .875rem;
    margin-right: 5px;
    padding: 4px 0;
    text-transform: capitalize
}

.aleSBU .AcmPRb {
    color: #222;
    font-size: 1rem;
    margin-right: 5px;
    padding-bottom: 1px
}

.RqQS2I {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

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

    15% {
        transform: translateY(0)
    }

    16.66% {
        transform: translateY(-17px)
    }

    31.66% {
        transform: translateY(-17px)
    }

    33.33% {
        transform: translateY(-34px)
    }

    48.33% {
        transform: translateY(-34px)
    }

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

    65% {
        transform: translateY(-51px)
    }

    66.66% {
        transform: translateY(-68px)
    }

    81.66% {
        transform: translateY(-68px)
    }

    83.33% {
        transform: translateY(-85px)
    }

    98.33% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

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

    10% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

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

    60% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

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

    16.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-17px)
    }

    33.305555% {
        transform: translateY(-17px)
    }

    33.333333% {
        transform: translateY(-34px)
    }

    49.972222% {
        transform: translateY(-34px)
    }

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

    66.638888% {
        transform: translateY(-51px)
    }

    66.666666% {
        transform: translateY(-68px)
    }

    83.305555% {
        transform: translateY(-68px)
    }

    83.333333% {
        transform: translateY(-85px)
    }

    99.972222% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

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

    9.833% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.833% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.833% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.833% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.833% {
        transform: translateY(-68px)
    }

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

    59.833% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.833% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.833% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.833% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.833% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

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

    9.999972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.999972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.999972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.999972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.999972222% {
        transform: translateY(-68px)
    }

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

    59.999972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.999972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.999972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.999972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.999972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

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

    9.99972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.99972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.99972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.99972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.99972222% {
        transform: translateY(-68px)
    }

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

    59.99972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.99972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.99972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.99972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.99972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

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

    9.9972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.9972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.9972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.9972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.9972222% {
        transform: translateY(-68px)
    }

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

    59.9972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.9972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.9972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.9972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.9972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

.shopee-countdown-timer {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #000;
    cursor: default;
    display: flex
}

.shopee-countdown-timer__colon {
    background-position-y: 3px;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    height: 17px;
    margin: 0 2px;
    text-align: center;
    width: 3px
}

.shopee-countdown-timer__colon--flashing-off {
    opacity: 0
}

.shopee-countdown-timer__number {
    background: currentColor;
    border-radius: 2px;
    box-sizing: content-box;
    display: flex;
    font-size: 19px;
    height: 17px;
    justify-content: space-around;
    line-height: 20px;
    margin-bottom: 4px;
    min-width: 20px;
    overflow: hidden;
    padding: 1px 3px;
    text-align: center
}

.shopee-countdown-timer__number__deca,.shopee-countdown-timer__number__hexa {
    display: inline-block;
    height: 187px;
    overflow: hidden;
    width: 9px
}

.shopee-countdown-timer__number__deca--second {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: second-digit
}

.shopee-countdown-timer__number__hexa--second {
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-name: second-ten
}

.shopee-countdown-timer__number__deca--minute {
    animation-duration: 600s;
    animation-iteration-count: infinite;
    animation-name: minute-digit
}

.shopee-countdown-timer__number__hexa--minute {
    animation-duration: 3600s;
    animation-iteration-count: infinite;
    animation-name: minute-ten
}

.shopee-countdown-timer__number__deca--hour {
    animation-duration: 36000s;
    animation-iteration-count: infinite;
    animation-name: hour-digit
}

.shopee-countdown-timer__number__hexa--hour {
    animation-duration: 360000s;
    animation-iteration-count: infinite;
    animation-name: hour-ten
}

.shopee-countdown-timer__number__hund--hour {
    animation-duration: 3600000s;
    animation-iteration-count: infinite;
    animation-name: hour-hundred
}

.shopee-countdown-timer__number__item {
    height: 17px;
    position: relative;
    width: 9px
}

.shopee-countdown-timer__number__item svg {
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 17px;
    fill: #fff;
    stroke: #fff;
    overflow: visible
}

.colon-dot {
    background: currentColor;
    border-radius: 100%;
    height: 3px;
    left: 0;
    position: absolute;
    top: 10%;
    width: 3px
}

.colon-dot__wrapper {
    height: 50%;
    position: relative;
    width: 100%
}

.wV4oFQ {
    align-items: center;
    display: flex;
    height: 34px;
    padding: 0 20px
}

.wV4oFQ>* {
    flex-shrink: 0
}

.wV4oFQ .WA4LRA {
    flex-shrink: 1
}

.WA4LRA {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.WA4LRA:not(:first-child) {
    margin-left: 10px
}

.WvWYWM {
    height: 16px;
    margin-left: auto;
    width: 16px
}

.kCNv1_ {
    color: #fff;
    margin: 0 11px 0 5px;
    text-transform: uppercase
}

.buRqC6 .shopee-countdown-timer__number {
    margin-bottom: 0!important
}

.TYHGxr {
    background-repeat: no-repeat;
    height: 2.25rem;
    width: 100%
}

.x7M8PV {
    align-items: center;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4323ad4dc2b3c72d0474.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    display: flex;
    height: 2.25rem;
    margin-top: .625rem;
    padding: 0 1.25rem
}

.x7M8PV .BYTod0 {
    margin-bottom: 0
}

.QYq0yX {
    height: 1.3125rem;
    object-fit: contain;
    object-position: center;
    width: 7.625rem
}

.Er7dmT {
    border: 1px solid #fff;
    border-radius: .0625rem;
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    margin-left: .9375rem;
    padding: .125rem .25rem
}

.meXFK1 {
    margin-left: auto;
    margin-right: .375rem
}

.rchvXw {
    font-weight: lighter;
    margin-right: .625rem;
    text-transform: uppercase
}

.oc36a7 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 2.75rem;
    max-width: 41.5625rem;
    padding-right: .9375rem
}

.p9zkFm {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.K2ZHLr {
    text-align: right;
    width: 100%
}

.QjMzan {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/6a5b16e354493609ddfe.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    font-size: 1rem;
    height: 36px;
    margin-top: .625rem;
    padding: 0 20px
}

.MuD8h4 {
    display: flex;
    font-size: 1.25rem;
    margin-right: .625rem
}

.L1_lX8 {
    text-align: right
}

.DFQfff {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 21px;
    width: 110px
}

.BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9c166ca0a3c6cc3af938.svg)
}

.theme--ofs .BhIewg,.theme--s-mart .BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/a2db3c5da61ea3283d59.svg)
}

.KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8bb270ba4608c47a5403.svg)
}

.theme--ofs .KXhw16,.theme--s-mart .KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/ab4c931d6fec4b4c90a5.svg)
}

.msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0407a621b4442a066eb8.svg)
}

.theme--ofs .msTHzO,.theme--s-mart .msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/979c2e214ae591d71aa0.svg)
}

.c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/357d978f2aa5a0c04e4a.svg)
}

.theme--ofs .c68rxO,.theme--s-mart .c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/99af350ab822ca38a055.svg)
}

.EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4c6f1ae0a564806f3ee3.svg)
}

.theme--ofs .EUsrIT,.theme--s-mart .EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/fc17e1addec957a17b1a.svg)
}

.qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/759ea43d932fa2f500b4.svg)
}

.theme--ofs .qlCDpk,.theme--s-mart .qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dfe090b98951be4250ae.svg)
}

.ZRb8YF {
    color: rgba(0,0,0,.87);
    color: #555;
    display: block;
    display: flex;
    margin-top: 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ZRb8YF .flash-sale-logo {
    flex: 0 0 110px;
    width: 110px
}

.ZRb8YF .d24OWs {
    color: #555;
    height: 10px;
    vertical-align: middle;
    width: 10px
}

.ZRb8YF .d24OWs,.eLrI5y {
    flex: 0 1 auto;
    margin-left: 10px;
    min-width: 0
}

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

.vDMxZN {
    align-items: center;
    color: #222;
    display: flex;
    margin-top: 10px
}

.eyMdEJ {
    margin: 0 10px
}

.CtKNpj {
    width: auto
}

.zjO6d8 {
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    white-space: nowrap
}

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

.zjO6d8 .F1VA_W {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.a47gpx {
    margin-top: 20px
}

.IrmRMA {
    height: 22px;
    width: 82px
}

._7aiwyt {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.tD57fL {
    color: #222;
    margin-top: 10px
}

.tD57fL .cYNXE3 {
    fill: #ee4d2d
}

.theme--ofs .tD57fL .cYNXE3,.theme--s-mart .tD57fL .cYNXE3 {
    fill: #d0011b
}

.L8wIC6 {
    margin: 0 10px
}

.NCTaee {
    width: auto
}

.KnDbyw {
    height: 14px;
    width: 14px
}

.k5G9EU {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

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

.k5G9EU .iYjRPl {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.Xi8knp {
    margin-top: 20px
}

.Kcdc4E {
    color: #222;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.L5A3D0 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4449f8573c4eca4a6a01.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .L5A3D0,.theme--s-mart .L5A3D0 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b647148bd39e40205fdd.svg)
}

.ygGuPD {
    height: 12px;
    width: 32px
}

.theme--ofs .ygGuPD,.theme--s-mart .ygGuPD,.ygGuPD {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dbae024901819e83889b.svg)
}

.RSkYgF {
    height: 16px;
    width: 33px
}

.RSkYgF,.theme--ofs .RSkYgF,.theme--s-mart .RSkYgF {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/774b00f71863496b8881.svg)
}

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

.gMbtUb {
    color: #ee4d2d;
    font-size: 14px;
    margin-right: 10px
}

.theme--ofs .gMbtUb,.theme--s-mart .gMbtUb {
    color: #d0011b
}

.yt97rI {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.kAeSAk {
    width: auto
}

.MeARD8 {
    height: 14px;
    width: 14px
}

.TbAVGJ {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

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

.TbAVGJ .r8ukna {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.OeC6Rv {
    margin-top: 20px
}

.i1ATuL {
    margin-top: 10px
}

.qa6p_P {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/aa493bd105297046b511.svg);
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .qa6p_P,.theme--s-mart .qa6p_P {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/163d55e75c9ec0147c04.svg)
}

.VQRdEN {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8e3da046d68806fa2c21.svg);
    background-size: contain;
    height: 21px;
    width: 21px
}

.theme--ofs .VQRdEN,.theme--s-mart .VQRdEN {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2c50059049ce7cd7ba61.svg)
}

.WGUFQF {
    color: #ee4d2d;
    font-size: 14px
}

.theme--ofs .WGUFQF,.theme--s-mart .WGUFQF {
    color: #d0011b
}

.I2eUzC {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.sq8Un3 {
    align-items: flex-start;
    display: flex;
    margin-top: .625rem;
    min-height: 1.05rem
}

.sq8Un3 .RfzBCD {
    max-width: 75%
}

.sq8Un3 .dDsT9a {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.sq8Un3 .dDsT9a ._1T0it {
    color: #ee4d2d
}

.sq8Un3 .dDsT9a .ljlTQb {
    flex-shrink: 0;
    margin-left: .5rem
}

.SpXDAl {
    color: rgba(0,0,0,.65);
    margin-top: 10px
}

.VORYf4 {
    cursor: pointer;
    height: 20px;
    margin-left: 5px;
    width: 20px
}

.bmio7i {
    background-color: #fff;
    border: .5px solid rgba(0,0,0,.09);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.059);
    padding: 20px;
    width: 391px
}

.Aa5Bm3 {
    font-weight: 500;
    margin-bottom: 20px
}

.aTgGZz {
    margin: 10px 0
}

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

.t4bIH7>* {
    flex-shrink: 0
}

.t4bIH7 ._XD6zA {
    color: rgba(0,0,0,.65);
    font-weight: 500
}

.t4bIH7 .fUgcCU {
    color: #ee4d2d
}

.SdwVt8 {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.eBIqW9 {
    margin-top: 20px
}

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

.wNfSEo {
    color: #ee4d2d;
    font-size: 16px;
    font-weight: 500;
    margin-left: 4px
}

.U6i4na {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    text-align: right
}

.BcpmJT {
    background: rgba(0,0,0,.09);
    height: 1px;
    margin: 15px 0
}

.nCS24N {
    color: #066bc8!important
}

.Tqs6s8 {
    color: #d0011b!important
}

.kvHpZF {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 36px;
    width: 625px
}

.ZA5sW5 {
    color: #929292;
    font-size: 16px;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.IZPeQz {
    color: #ee4d2d;
    font-size: 30px;
    font-weight: 500
}

.theme--ofs .IZPeQz,.theme--s-mart .IZPeQz {
    color: #d0011b
}

.theme--s-mart .B67UQ0 {
    color: #066bc8!important
}

.bVtogu {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .bVtogu,.theme--s-mart .bVtogu {
    background-color: #d0011b
}

.cxP78O {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
    text-transform: capitalize
}

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

.jRlVo0>* {
    flex: none;
    white-space: nowrap
}

.vms4_3 {
    align-items: center;
    background-color: #feeeea;
    border-radius: 2px;
    color: #ee4d2d;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    justify-content: center;
    margin-left: 10px;
    padding: 0 4px
}

.vRJNuA {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 2.25rem;
    width: 625px
}

.aZodKB {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.G3En6C {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e5bfba190f3ddf617913.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    margin-right: 10px;
    width: 21px
}

.theme--ofs .G3En6C {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/88a2c5ced2d8aeb5f79b.svg)
}

.theme--s-mart .G3En6C {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0f6a5e70590ae549bec5.svg)
}

.bFB2ho {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.UgSYaV {
    color: rgba(0,0,0,.87);
    position: relative
}

.UgSYaV .__9aNK {
    color: rgba(0,0,0,.54);
    height: 1em;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translate(5px,-50%);
    width: 1em
}

.UgSYaV .CBRnBZ {
    height: 14px;
    width: 14px
}

.mPAfIA {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.VDApCl {
    align-items: center;
    display: flex;
    margin-top: 5px
}

.NzLZHV {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-right: 4px
}

.tEcN3c {
    width: 460px
}

.ZGAHfU {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 8px;
    column-gap: 8px;
    grid-row-gap: 4px;
    row-gap: 4px
}

.vILuOY {
    align-self: center;
    grid-row-end: 3;
    grid-row-start: 1
}

.YVIs3C {
    color: #ee4d2d
}

.k96mwU {
    height: 16px
}

.ocQX4L {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.IFdRIb {
    background: #fafafa;
    padding: 15px 20px;
    position: relative;
    z-index: 2
}

.Fd0MhG {
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.ZRsoSo {
    background-image: linear-gradient(-90deg,#e80f0f 2%,#d0011b 98%);
    color: #fff;
    height: 36px;
    padding: 0 20px
}

.i5_qDt {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 2.25rem;
    width: 625px
}

.U65iFh {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.kauuio {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .kauuio,.theme--s-mart .kauuio {
    color: #d0011b
}

.lcE25B {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .lcE25B,.theme--s-mart .lcE25B {
    background-color: #d0011b
}

.qEsBtY {
    margin-left: 15px;
    white-space: nowrap
}

.qEsBtY .badge-coins-back--large {
    box-sizing: border-box;
    font-size: .75rem;
    padding: 2px 4px
}

.EKz7KC {
    margin-left: 15px;
    white-space: nowrap
}

.AzQY24 {
    color: #929292;
    font-size: .75rem;
    margin-top: 10px
}

.Br423R {
    color: #555;
    font-size: 1.25rem;
    font-weight: 500;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.zaoCEh {
    color: #d0011b;
    font-size: 1.875rem
}

.hesaiJ {
    margin-top: 15px
}

.OQZiH1 {
    color: #555;
    margin-left: 15px
}

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

.jw_y2_ {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    height: 20px;
    margin: 10px 0
}

.theme--ofs .jw_y2_ {
    color: #d0011b
}

.theme--s-mart .jw_y2_ {
    background: #f2f9ff;
    color: #066bc8
}

.jw_y2_>* {
    flex-shrink: 0
}

.ElhX93 {
    height: 20px;
    margin-right: 10px
}

.yJfHJc {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sqxPFv {
    color: #ee4d2d
}

.theme--ofs .sqxPFv {
    color: #d0011b
}

.theme--s-mart .sqxPFv {
    color: #066bc8
}

.xoSh6i {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin: 20px 0 25px
}

.iQpU4t {
    margin-right: 8px
}

.n35tHu {
    color: rgba(0,0,0,.65);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.bsAAoE {
    align-items: center;
    background-color: #f7fdfb;
    border-radius: 4px;
    display: flex;
    height: 58px;
    margin-top: 20px;
    padding: 0 15px
}

.fOgipq {
    font-weight: 500;
    margin: 0 5px 0 9px
}

.EF1ATM,.fOgipq {
    color: rgba(0,0,0,.87);
    font-size: 16px
}

.EF1ATM {
    flex: 1
}

.mUl4i2 {
    align-items: center;
    background-color: #fffbea;
    border-radius: 4px;
    display: flex;
    margin-top: 20px;
    min-height: 58px;
    padding: 0 15px
}

.zkgLB0 {
    font-weight: 500;
    margin: 0 5px 0 9px
}

.jXx2Tk,.zkgLB0 {
    color: rgba(0,0,0,.87);
    font-size: 16px
}

.jXx2Tk {
    flex: 1
}

.VvA4RM {
    background-color: #fffbea;
    color: #ee4d2d;
    font-size: 16px;
    line-height: 24px;
    margin-top: -15px;
    padding-bottom: 15px;
    padding-left: 60px
}

.HkHJg6 {
    align-items: center;
    display: flex;
    margin: 20px 0 25px
}

.K1Rm3M {
    height: 18px;
    margin-right: 8px;
    width: 18px
}

.Z4Qvak {
    color: #08f;
    margin-left: 4px
}

.RFtB8m {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 40px;
    padding: 0 15px
}

.RFtB8m:hover {
    cursor: pointer
}

.FIA9aM {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.pPGzNd {
    flex-shrink: 0;
    margin-right: 15px;
    max-height: 23px;
    max-width: 23px
}

.Ug6OeI {
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.px0yxd {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.fwuod7 {
    width: 66%
}

.ED51uK {
    font-weight: 500
}

.FQtUZP .o1D7nV {
    margin-right: 20px
}

.FQtUZP .KzKhX4 {
    font-weight: 500;
    margin-right: 2px
}

.FQtUZP .mC_csS {
    text-align: right
}

.u5Ij85 {
    opacity: .26
}

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

.R0yvAP {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 623px
}

.M4EZyL {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.R0yvAP .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

.prk9tO {
    min-height: 170px;
    width: 415px
}

.IF6ojx {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.j3SBEG {
    height: 360px;
    min-height: 0;
    padding: 0 30px 15px 15px
}

.qm6QLV {
    margin-left: 15px
}

.nHfAeP {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.TGiOM5 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 210px
}

.VFYEsP {
    padding-left: 20px
}

.hN1SOV {
    color: #333;
    margin-top: 20px
}

.jpxGdf {
    font-weight: 500
}

.SmGBM4 {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin: 0 30px 30px;
    width: 355px
}

.zIkywd {
    color: #333;
    line-height: 20px
}

.SSfI1U {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.SSfI1U .HjXj5I {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.GwcqEE,.WByRAC {
    height: 9px;
    margin-left: 6px
}

.rphiJ1 {
    box-sizing: border-box;
    padding: 30px 30px 20px;
    text-transform: capitalize;
    width: 350px
}

.U2D2mH {
    color: #222;
    font-size: 20px
}

.GbmMWt {
    color: #929292;
    margin-top: 30px
}

.P1Ozlo:first-child {
    width: 30%
}

.P1Ozlo:nth-child(2),.P1Ozlo:nth-child(3) {
    width: 35%
}

.fUtVgS {
    color: #222;
    width: 30%
}

._wnmWC {
    color: #ee4d2d;
    width: 35%
}

.izNOwG {
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 35%
}

.YCB1KC {
    margin-top: 25px
}

.iCq3ef {
    flex-direction: row-reverse;
    margin-top: 45px
}

.y5xqvT {
    align-items: center;
    display: flex;
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.d_wQcV {
    width: 20px
}

.iDZfa6 {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.Y04pHP {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.HICLAp {
    width: 20px
}

.w2GEso {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.YyI58r {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px
}

.ZyfAXa {
    color: #ee4d2d
}

.gHwVSs {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.PJ8nk6,.pcCHFm {
    color: #26aa99
}

.pcCHFm {
    font-weight: 500
}

.eGhnds {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

.N16O65 {
    align-items: center;
    display: flex;
    line-height: 16px;
    white-space: pre
}

.Vlxb9h {
    margin-right: 2px
}

.DOBmp8 {
    color: #26aa99;
    font-weight: 500
}

.Og3sXY {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.dsgr0q {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    max-height: 270px;
    width: 440px
}

.w6NXMl {
    font-size: 16px;
    font-weight: 500;
    padding: 32px 24px 16px
}

.vK_Uq5 {
    color: rgba(0,0,0,.6);
    margin-bottom: auto;
    overflow-y: auto;
    padding: 0 24px;
    
}

.FDVCY_ {
    padding: 24px
}

.Cp6IwQ {
    float: right
}

.SFi5Vg {
    cursor: default;
    font-size: .875rem;
    margin: 15px 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 458px
}

.SFi5Vg.apWeov {
    margin: 20px 24px;
    width: auto
}

.n9FCgW {
    align-items: flex-start;
    display: flex;
    margin-bottom: 4px
}

.Xf1wi6 {
    color: #222;
    font-weight: 500;
    max-width: 33.3%;
    padding-right: 10px
}

.DbbHsV,.Xf1wi6 {
    display: -webkit-box;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.DbbHsV {
    text-align: right
}

.N1S9ia,.tAmf62 {
    display: inline-block
}

.N1S9ia {
    color: rgba(0,0,0,.26);
    margin-right: 4px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    -webkit-text-decoration-color: rgba(0,0,0,.26);
    text-decoration-color: rgba(0,0,0,.26)
}

.kVeRiB {
    display: inline-block;
    font-weight: 500
}

.dl9jlo,.kVeRiB {
    color: rgba(0,0,0,.87)
}

.dl9jlo {
    font-size: 12px;
    line-height: 16px
}

.dl9jlo.LbaCtO {
    color: #26aa99
}

.VJJeDm {
    color: rgba(0,0,0,.54);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 4px;
    margin-top: 4px;
    
}

.VJJeDm * {
    color: rgba(0,0,0,.4)!important;
    font-size: 12px!important
}

.YULpJb {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.pl-promotion {
    flex: 0 1 auto
}

.SFi5Vg+.SFi5Vg {
    padding-top: 20px
}

.theme-ofs .VJJeDm {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.WMvnW3,.i413pm {
    margin-top: 4px
}

.WMvnW3 {
    font-size: 12px
}

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

.zelV5S {
    cursor: pointer;
    height: 14px;
    margin-left: 4px;
    width: 14px
}

.MLOeJU {
    font-size: 12px
}

.J1fUNz {
    margin-right: 2px
}

.BtxWDu {
    align-items: center;
    display: flex;
    margin-left: auto
}

.TtmI6V {
    margin: 0 4px -1px 0
}

.pVEN7l {
    height: 20px
}

.hLl9Yz {
    border-bottom: 1px solid rgba(0,0,0,.09);
    font-size: .875rem;
    font-weight: 500;
    height: 3.25rem;
    line-height: 3.25rem
}

.hLl9Yz.diWK2j {
    border-bottom: 0;
    font-weight: 700;
    height: unset;
    line-height: 1rem;
    padding: 1.25rem 1.5rem
}

.CrBlKL {
    border-bottom: .0625rem solid rgba(0,0,0,.09)
}

.q5KiF7 {
    margin-bottom: .75rem;
    padding: 0 1.25rem
}

.q5KiF7.diWK2j {
    padding: 0
}

.Ej6Io5 {
    padding-top: .625rem
}

.Ej6Io5.diWK2j {
    padding-top: 0
}

.Ej6Io5.diWK2j>div:not(:first-child) {
    border-top: .03125rem solid rgba(0,0,0,.09)
}

.Ej6Io5.YJ9JEB :first-child {
    margin-top: 0
}

.wykjJM {
    margin: 0
}

.Rt_jnJ {
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.oJaVeR {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

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

.DkMKTu {
    color: #636363
}

.DkMKTu,.Vjww5c {
    margin-left: .625rem
}

.Vjww5c {
    display: inline-block;
    vertical-align: baseline
}

.Vjww5c .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.jZUECu {
    color: rgba(0,0,0,.54);
    fill: currentColor;
    stroke: none;
    height: .875rem;
    width: .875rem
}

.RC844M {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.RC844M ol,.RC844M ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.Z9LFVl {
    margin-bottom: .625rem
}

.fp3wtk {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.uvxHv_ {
    align-items: center;
    color: #636363;
    display: flex;
    margin: 0 0 0 10px
}

.fhEmmk {
    display: inline-block;
    margin-left: .5rem;
    vertical-align: baseline
}

.fhEmmk .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.N2y_MC {
    height: .875rem;
    width: .875rem
}

.MJLyzU {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.MJLyzU ol,.MJLyzU ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.nVIOok {
    display: flex
}

.nVIOok>div:first-child {
    margin-right: 1.25rem
}

.CWIkAx {
    width: 515px
}

.Z3_m8m {
    height: 0;
    opacity: 0
}

.oqSQTf {
    height: auto;
    opacity: 1;
    transition: height .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)
}

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

.gbmoiL {
    padding: 0 20px 15px
}

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

.vAmPSZ {
    color: #ee4d2d;
    margin-bottom: 10px
}

.vAmPSZ>.icon-preorder {
    font-size: 20px;
    margin: 0 14px 0 0
}

.wigEZ0 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 1fr
}

.Fy4A_Q {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1
}

.Fy4A_Q,.ohuenU {
    grid-row: 1;
    -ms-grid-row: 1;
    margin-bottom: 12px
}

.ohuenU {
    grid-column: 2;
    -ms-grid-column: 2;
    margin-left: 7px
}

.nDYwZC {
    align-items: center;
    color: #222;
    display: flex
}

.mU_CeI {
    color: rgba(0,0,0,.54);
    font-weight: 300;
    margin-top: 2px
}

.ylZz2_ {
    margin-left: 10px
}

.nzMrCh {
    white-space: normal
}

.H5IRYN {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2
}

.H5IRYN .fBlHLU,.H5IRYN .i9sDsG {
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    width: 20px
}

.JLop8B {
    grid-column: 2;
    -ms-grid-column: 2;
    grid-row: 2;
    -ms-grid-row: 2;
    margin-left: 7px
}

.Zg6PS1 {
    color: #636363;
    margin-right: 10px;
    text-transform: capitalize;
    width: 110px
}

.oTmzEO {
    position: relative
}

.C0ngbq {
    align-items: center;
    margin-bottom: 10px
}

.C0ngbq,.C0ngbq .shopee-drawer__contents {
    display: flex
}

.C0ngbq:last-child {
    margin: 0
}

.NH0wdP,.mMlgVz {
    margin-right: 5px
}

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

.bAmXer {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bAmXer .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.bAmXer .icon-arrow-down,.bAmXer .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.bAmXer:hover .nIv4eX {
    color: #ee4d2d!important
}

.PZGOkt {
    color: #222;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.PZGOkt:hover {
    color: #ee4d2d
}

.PZGOkt .eTGwg9 {
    height: 12px;
    margin-left: 5px;
    width: 12px
}

.MdEora {
    border: 1px solid rgba(0,0,0,.09);
    margin: 5px 0 0 -5px
}

.XeC500 {
    max-height: 400px;
    max-width: 500px;
    overflow-y: auto
}

.Gty4hV {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    padding: 18px 20px 15px
}

.Gty4hV a {
    color: #4080ee
}

.HykkXO {
    display: inline-block;
    padding-top: 15px;
    text-align: center;
    width: 500px
}

.oye0NX {
    margin-bottom: 10px
}

.ZUOl2C {
    margin-bottom: 0
}

.dMKkAU {
    background-color: rgba(0,0,0,.09);
    height: 1px;
    margin-bottom: 15px
}

.lgD2zq {
    margin: 5px 0 15px
}

.theme--ofs .PZGOkt :hover {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .ZeFe2s {
    color: #d0011b
}

.PddMlc {
    margin-right: 5px
}

.my0ZcO {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.my0ZcO .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.my0ZcO .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.my0ZcO .RhLDj0 {
    height: .625rem;
    margin-left: 5px;
    pointer-events: none;
    width: .625rem
}

.my0ZcO .RhLDj0.IE8riR {
    transform: rotate(180deg)
}

.my0ZcO:hover .jEJ3Vm {
    color: #ee4d2d!important
}

.my0ZcO button {
    background-color: transparent;
    border: 0
}

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

.Jzfbds {
    background: transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998
}

.QjxyrX {
    position: relative
}

.LUAQqJ {
    display: inline-flex;
    flex-direction: row
}

.YRa9CH {
    color: #929292;
    margin-right: .3125rem;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.AGvOhq {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .5rem
}

.WjX0SZ {
    display: inline-block;
    font-size: 0;
    margin-top: toRem(-2px)
}

.WjX0SZ>svg {
    height: toRem(24px);
    width: toRem(24px)
}

.jQFffX {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1rem
}

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

.YMJfCu {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    margin-bottom: 10px
}

.F3NM4u {
    height: 20px;
    margin: 0 14px 0 0;
    width: 20px
}

.ytozli {
    border-bottom: 1px solid #efefef;
    padding: 15px
}

.gxPhDY {
    margin-right: 4px
}

.SsEdP1 {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.BYQWiH {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

._2yNQg {
    align-items: center;
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    display: inline-flex;
    height: 1.25em;
    width: 1.25em
}

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

.s6Zx9 {
    animation: _2yNQg .56s linear infinite;
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: .25em;
    margin-bottom: -.25em;
    margin-right: .25em;
    transform: translateY(.0001%);
    width: .25em
}

.s6Zx9:nth-child(2) {
    animation-delay: -.14s
}

.s6Zx9:nth-child(3) {
    animation-delay: -.28s;
    margin-right: 0
}

@keyframes _2yNQg {
    50% {
        transform: translateY(-.25em)
    }
}

.uVwYBh {
    align-items: flex-start;
    max-width: 625px
}

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

.o3ut9x {
    align-items: center;
    border: 0;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: 3px 7px;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.o3ut9x,.theme--ofs .o3ut9x {
    background: rgba(208,1,27,.08)
}

.theme--ofs .o3ut9x {
    color: #d0011b
}

.theme--s-mart .o3ut9x {
    background: #f2f9ff!important;
    color: #066bc8!important
}

.o3ut9x:after,.o3ut9x:before {
    background-image: radial-gradient(#fff 2px,transparent 0);
    background-position-x: -6px;
    background-size: 6px 6px;
    content: "";
    height: calc(100% - 5px);
    position: absolute;
    top: 2.5px;
    width: 6px
}

.o3ut9x:before {
    left: -3px
}

.o3ut9x:after {
    right: -3px
}

.xt4bbw {
    margin-left: toRem(4px)
}

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

.mini-voucher-with-popover {
    margin-right: .625rem;
    position: relative
}

.mini-vouchers {
    width: 100%
}

.mini-vouchers__label {
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0 .625rem 0 0;
    text-transform: capitalize;
    width: 6.25rem
}

.mini-vouchers__wrapper {
    height: 1.375rem;
    min-width: calc(100% - 245px)
}

.mini-vouchers__vouchers {
    display: flex;
    flex-shrink: 1;
    overflow: hidden;
    position: relative
}

.mini-vouchers__mask {
    background: linear-gradient(90deg,hsla(0,0%,100%,.001) 80%,#fff);
    height: 100%;
    position: absolute;
    width: calc(100% + 1px);
    z-index: 1
}

.mini-vouchers__show-all {
    align-items: center;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    flex-shrink: 0;
    margin-left: .3125rem;
    white-space: nowrap
}

.mini-vouchers__show-all>svg {
    margin-left: .625rem;
    width: 1em
}

.mini-vouchers .mini-vouchers__show-all {
    color: var(--brand-primary-color)
}

.K4EMzU {
    background-color: #ee4d2d;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 5px
}

.E_9Yd2 {
    color: #08f;
    margin-left: 20px
}

.ydqmvf {
    white-space: nowrap
}

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

.Dc4Fhg {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    font-weight: 500
}

.gBWM4s {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    padding-bottom: 12px
}

.gBWM4s a {
    color: #4080ee
}

.oKJkKO {
    background-color: #fff;
    max-height: 600px;
    width: 640px
}

.oKJkKO,.ytTzaP {
    display: flex;
    flex-direction: column
}

.ytTzaP {
    border-bottom: .5px solid rgba(0,0,0,.09);
    gap: 20px;
    padding: 24px 24px 20px
}

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

.tuPCbG {
    overflow-y: auto
}

.pnvN9e,.tuPCbG>div:not(:first-child) {
    border-top: .5px solid rgba(0,0,0,.09)
}

.pnvN9e {
    padding: 24px
}

.b1S7eh {
    float: right
}

.ZdhAws {
    border-bottom: 0;
    padding: 0
}

.lKTeBk {
    color: rgba(0,0,0,.54);
    height: 18px;
    width: 18px
}

.l2BH0S {
    overflow: hidden;
    text-overflow: ellipsis
}

.ob_Xzt {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    overflow: hidden
}

.s8IGr4 {
    align-items: flex-end;
    display: flex
}

.s8IGr4:hover {
    cursor: pointer
}

.wdIQQ9 {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.kmVbjq {
    align-items: flex-start;
    display: flex
}

.A1GDc0 {
    height: 20px;
    margin-left: 4px
}

.t9Xi9z {
    line-height: 21px
}

.lkKD9l {
    align-items: flex-start
}

.uQvFLM {
    display: flex
}

.snjEjZ {
    align-self: start;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.Vnqu24,._GVeNA {
    overflow: hidden;
    text-overflow: ellipsis
}

._GVeNA {
    align-items: center;
    display: flex;
    gap: 8px;
    max-width: 515px;
    white-space: nowrap
}

._GVeNA:hover {
    cursor: pointer
}

.bZMSyU {
    height: 20px;
    width: 20px
}

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

.LGvA5N {
    color: rgba(0,0,0,.54);
    height: 12px;
    width: 12px
}

.MxnU3J {
    display: flex
}

.OInbBb {
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.QTBNdq {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-right: auto
}

.AU9pr3 {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.RQkBav {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    max-width: 430px;
    overflow: hidden;
    
}

.RQkBav.AWr2k9 {
    max-width: none
}

.uzoSuz {
    align-self: center;
    height: 18px;
    margin-left: 12px;
    width: 18px
}

.pmqvjV {
    border: 1px solid rgba(0,0,0,.09);
    margin: 5px 0 0 -5px
}

.HpPP8d {
    display: flex;
    flex-direction: column;
    max-height: 360px;
    width: 515px
}

.TVuVF3 {
    border-bottom: .5px solid rgba(0,0,0,.09);
    font-weight: 700;
    margin: 20px 20px 0;
    padding-bottom: 16px
}

.Lkcd6o {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
    padding: 20px
}

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

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

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

.ZXrGhX {
    background: transparent;
    border: 1px solid #ee4d2d;
    border-color: var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    cursor: pointer;
    font-size: 14px;
    max-width: 450px;
    outline: 0;
    overflow: visible;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.jbM8YZ {
    border: 1px solid var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    font-size: 14px;
    max-width: 450px;
    overflow: hidden;
    padding: 3px 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o8k8S4 {
    align-items: center;
    color: #555;
    display: flex
}

.G3Wedb {
    display: inline-block;
    font-size: 0;
    margin-right: 8px;
    padding: 0 5px
}

.ikrz0A {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.Q8e31z {
    margin-right: 12px
}

.w8_Dsz {
    color: rgba(0,0,0,.54);
    margin-right: 10px
}

.NGt3mo:hover {
    cursor: pointer
}

.Qk7Yut {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: toRem(14px);
    line-height: toRem(22px);
    max-height: 200px;
    overflow-y: auto;
    padding: toRem(20px);
    width: 475px;
    width: toRem(300px);
    word-wrap:;
    text-align: left
}

.Qk7Yut strong {
    font-weight: 500
}

.Qk7Yut .red {
    color: #ee4d2d
}

.Qk7Yut a {
    color: #08f
}

.BsElcS {
    min-height: 16.8px
}

.CyT4Dj {
    align-items: center;
    color: #555;
    display: flex
}

.rQOiME {
    margin-right: 5px
}

.tk9RLq {
    margin-right: 10px
}

.bzbDeN {
    color: #ffae04
}

.jU9Xv1:hover {
    cursor: pointer
}

.W5LiQM {
    padding-bottom: 15px
}

.uF9btB {
    background: #fff5f5;
    margin: 15px -35px 0 -20px;
    padding: 10px 35px 15px 20px
}

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

.jJ5NSQ .shopee-popover {
    top: 1.875rem!important
}

.jJ5NSQ .shopee-popover--dropdown {
    left: unset!important;
    right: 0
}

.jJ5NSQ .shopee-popover--dropdown:before {
    top: -1rem
}

.jJ5NSQ .shopee-popover .voucher-ticket {
    flex-wrap: wrap;
    text-align: center;
    white-space: normal
}

.hI_RBc .shopee-popover--dropdown:after,.hI_RBc .shopee-popover--dropdown:before {
    left: 8.625rem;
    right: auto
}

.FacMDR .shopee-popover--dropdown:after {
    border-bottom-color: #f5f5f5
}

.mDUADU {
    max-width: 625px
}

.HA7c7x {
    min-height: 18.8px
}

.gIL8h3 {
    display: flex;
    flex-direction: column;
    margin: 25px 15px;
    row-gap: 15px
}

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

.Kdpve_ {
    flex-shrink: 0;
    height: 20px;
    margin-right: 5px;
    width: 20px
}

.lji0M1 {
    color: #222;
    padding-right: 20px;
    text-transform: capitalize
}

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

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

.QD0d7a,.gql643 {
    background: #fff;
    height: 65px
}

.gql643 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 12px 70px 13px
}

.WS4rM_ {
    display: flex;
    height: 40px;
    width: 268px
}

.Io84eA {
    color: #066bc8;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.yMW1If {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.RrWF9N {
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: help
}

.lmE3DI {
    background: #fff;
    height: 65px
}

.PqHhDA .shopee-drawer__contents {
    width: 268px
}

.oZ2qq4 {
    background: #fff;
    padding: 12px
}

.fqmTt_ {
    align-items: start;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
    background: #fff;
    gap: 4px
}

.Nm4HEX {
    align-items: center;
    display: flex;
    font-size: 16px;
    min-width: 0
}

.Nm4HEX:first-child {
    justify-self: start
}

.Nm4HEX:nth-child(2) {
    justify-self: center
}

.Nm4HEX:nth-child(3) {
    justify-self: end
}

._7dS96 {
    min-width: 0
}

.XklnWA {
    color: #4a4a4a;
    cursor: help;
    display: flex;
    font-size: 16px;
    overflow: hidden;
    width: 100%
}

.XklnWA+.shopee-drawer__contents a {
    outline: 0;
    overflow: visible;
    position: relative
}

.XklnWA+.shopee-drawer__contents a: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)
}

._W1kLr {
    opacity: 0
}

.oZtSFx {
    flex-shrink: 0;
    height: 18px;
    margin-right: 5px;
    width: 18px
}

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

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

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

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

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

.CFIB2E {
    margin: 15px 0 30px
}

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

.cbPX7v {
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 24px;
    width: auto
}

.cbPX7v .shopee-alert-popup__title {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.cbPX7v .shopee-alert-popup__message {
    color: rgba(0,0,0,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    min-width: 452px
}

.cbPX7v .shopee-alert-popup__button-horizontal-layout {
    flex-direction: row-reverse;
    margin-top: 16px
}

.cbPX7v .shopee-alert-popup__btn {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 40px;
    white-space: nowrap
}

.product-not-exist {
    height: 600px;
    position: relative;
    text-align: center;
    width: 100%
}

.product-not-exist__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.product-not-exist__text {
    cursor: default;
    margin-top: 20px
}

.dBfDWY {
    background-color: #fffefb;
    border: 1px solid rgba(224,168,0,.4);
    border-radius: 2px;
    color: #222;
    line-height: 18px;
    margin-bottom: -.625rem;
    margin-top: 20px;
    padding: 11px 15px
}

.OzG_WI {
    height: 14px;
    margin-right: 10px;
    overflow: visible;
    vertical-align: -1px;
    width: 14px
}

.SXDo3H {
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 24px;
    width: auto
}

.SXDo3H .shopee-alert-popup__title {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.SXDo3H .shopee-alert-popup__message {
    color: rgba(0,0,0,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    min-width: 452px
}

.SXDo3H .shopee-alert-popup__button-horizontal-layout {
    flex-direction: row-reverse;
    margin-top: 16px
}

.SXDo3H .shopee-alert-popup__btn {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 40px;
    white-space: nowrap
}

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

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

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

.cz7Ulg {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    padding: 0 20px
}

.cz7Ulg:disabled {
    opacity: .5;
    pointer-events: none
}

.o9RGvm {
    background: #ee4d2d;
    border: 0;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

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

.o9RGvm:not(.LOZP9g):hover {
    background: #f05d40
}

.o9RGvm:not(.LOZP9g):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.o9RGvm.LOZP9g {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.NvCpmF {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    color: #212121
}

.NvCpmF:active,.NvCpmF:hover {
    background: rgba(0,0,0,.02)
}

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

.oBKomb {
    font-size: 16px;
    line-height: 24px
}

.NEJEI0 {
    width: 100%
}

.X4TmNY {
    font-size: 16px;
    line-height: 24px;
    padding: 24px;
    width: 440px
}

.GufqRt {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.a3f5I1 {
    color: rgba(0,0,0,.65)
}

.YU4z24 {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    margin-top: 24px
}

._1zdBJ {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    background-color: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2Dkqc {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    margin-left: 2.5rem;
    margin-left: var(--ns-g,2.5rem);
    margin-right: 2.5rem;
    margin-right: var(--ns-g,2.5rem);
    max-height: 75%;
    max-width: 18.75rem;
    min-height: 8.125rem;
    min-width: 15rem;
    width: 100%
}

._2Dkqc,.d-Vo0 {
    overflow: hidden
}

.d-Vo0 {
    display: -webkit-box;
    margin-bottom: 1rem;
    margin-bottom: var(--ns-d,1rem);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2Xfwq {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    max-height: 15.625rem;
    min-height: 2.25rem;
    overflow-y: auto
}

._3pvMp {
    text-align: left
}

._1u0yb {
    text-align: center
}

._3Wssq {
    text-align: right
}

._2WWGU {
    padding: 1.25rem 1.25rem 1.5rem;
    padding: var(--ns-e,1.25rem) var(--ns-e,1.25rem) var(--ns-f,1.5rem) var(--ns-e,1.25rem);
    text-align: center
}

.Jl6On {
    display: flex;
    position: relative
}

.Jl6On:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    position: absolute;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    flex: 1;
    outline: none
}

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

.Jl6On._1ZxzA button {
    height: 2.96875rem
}

.Jl6On._1ZxzA button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1ZxzA button:first-child:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: scaleX(.5);
    width: .0625rem
}

.Jl6On._1ZxzA button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._24b2I button {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    height: 2.96875rem
}

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

.Jl6On._3yCdv {
    flex-direction: column;
    height: 5.9375rem
}

.Jl6On._3yCdv button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._3yCdv button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv button:nth-child(2):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On._1p6f1 {
    flex-direction: column;
    height: 8.96875rem
}

.Jl6On._1p6f1 button {
    position: relative
}

.Jl6On._1p6f1 button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1p6f1 button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._1p6f1 button:nth-child(2):after,.Jl6On._1p6f1 button:nth-child(3):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(.5);
    width: 100%
}

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

._1wbwU,._1wbwU ._2jlhf {
    width: 100%
}

.Wfdz8b {
    margin-top: 20px
}

.w7ks6r {
    background-color: #fff;
    cursor: pointer;
    display: flex;
    padding: 1rem .875rem 1rem .75rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.xccTfr {
    flex-grow: 1;
    margin-left: .75rem;
    margin-right: 1rem
}

.SlwkHx {
    color: rgba(0,0,0,.87);
    margin-bottom: .25rem
}

.PLjDaD,.SlwkHx {
    font-size: .875rem
}

.PLjDaD {
    color: rgba(0,0,0,.54);
    word-break:
}

.jjGWyx {
    height: 1.25rem;
    width: 1.25rem
}

.yseyPt {
    align-self: center;
    height: .6875rem;
    width: .375rem
}

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

.lFP0t_ {
    padding-bottom: 133.33%
}

.IMAW1w,.ltOSWU {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.IMAW1w {
    display: block;
    object-fit: contain;
    object-position: center
}

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

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

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

.jvHbw2 {
    color: #929292;
    flex-shrink: 0
}

.GP6cHd {
    transform: rotate(180deg)
}

.stardust-dropdown {
    position: relative
}

.stardust-dropdown__item-body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)
}

.stardust-dropdown__item-body--open {
    height: auto;
    opacity: 1
}

.gbavatar,.gbstep1,.gbstep2,.gbstep3 {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4b96c5209105fcf85252.png) no-repeat;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.gbavatar {
    background-position: 0 0;
    background-size: cover;
    height: 100px;
    width: 100px
}

.gbstep1 {
    background-position: 0 -100px
}

.gbstep2 {
    background-position: -22px -100px
}

.gbstep3 {
    background-position: -44px -100px
}

.page-product__content--right>:not(:empty) {
    margin-left: .9375rem;
    width: 14.5rem
}

.page-product>.container {
    padding-bottom: 4.375rem
}

.page-product__breadcrumb {
    height: 1rem;
    margin-top: 1.25rem
}

.theme--s-mart .page-product__breadcrumb {
    color: #066bc8
}

.page-product__detail,.page-product__hot-sales,.page-product__info,.page-product__ratings,.page-product__recycle,.page-product__shop,.page-product__shop-voucher {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    margin-top: .9375rem;
    overflow: hidden;
    padding: .625rem
}

.page-product__content {
    display: flex;
    min-height: 40rem
}

.page-product__content--hidden {
    opacity: 0;
    pointer-events: none
}

.page-product__content--left {
    flex: 1;
    min-width: 0
}

.page-product__content--right>:not(:empty) {
    display: block!important
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/NormalPdpMain.909ab8ddc2aff84122d6.css.map*/


.QN2lPu {
    margin: 0
}

.QN2lPu img {
    pointer-events: none
}

.GqYslU {
    height: 100%;
    left: 0;
    object-fit: fill;
    position: absolute;
    right: 0;
    width: 100%
}

.ADA0OE {
    color: rgba(0,0,0,.87);
    color: #05a;
    margin-right: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.e8lZp3 {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.jMClEd {
    color: #08f
}

.ybxj32 {
    display: flex;
    margin-bottom: 1.125rem
}

.VJOnTD {
    box-sizing: border-box;
    color: rgba(0,0,0,.4);
    font-size: .875rem;
    padding-right: .75rem;
    width: 8.75rem;
    word-break:
}

.Dgs_Bt {
    color: #05a
}

.Dgs_Bt:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.kA1vc6 {
    text-transform: capitalize
}

.cvFwQa {
    border-top: 1px solid rgba(0,0,0,.05);
    font-size: 1rem;
    padding: .9375rem 0
}

.Ur3C1Z {
    display: flex;
    margin-bottom: 1.125rem
}

.Ur3C1Z span {
    color: rgba(0,0,0,.65)
}

.Gu3Txd {
    color: rgba(0,0,0,.4);
    margin-bottom: 1.125rem
}

.rT_Z4u {
    margin-bottom: 1.875rem
}

.ECg7Gs {
    
}

.I_DV_3 {
    padding: .9375rem .9375rem 0
}

.WjNdTR {
    background: rgba(0,0,0,.02);
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    padding: .875rem;
    text-transform: capitalize
}

.Gf4Ro0 {
    margin: 1.875rem .9375rem .9375rem
}

.Y2znRB {
    padding: 1rem .75rem;
    position: relative
}

.pDzgVw {
    left: .75rem;
    position: absolute;
    top: 1rem
}

.hlrJyJ {
    color: rgba(0,0,0,.87);
    height: 1rem
}

.s2FoN4 {
    color: rgba(0,0,0,.54);
    margin-top: .25rem
}

.s2FoN4 ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 1.5rem
}

.hlrJyJ,.s2FoN4 {
    margin-left: 2rem
}

.wAMdpk .shopee-header-section__header-link>.shopee-button-no-outline {
    color: var(--brand-primary-color,#ee4d2d)!important
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/PageProductBelowTheFold.29aee25fb65c8b2e2602.css.map*/


.r74CsV {
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: visible;
    padding: 20px 25px 25px!important
}

.pgFN2d {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 80px;
    margin-top: 20px;
    overflow: hidden;
    padding: 25px
}

.uLQaPg {
    border-right: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    max-width: 440px;
    padding-right: 25px
}

.uLQaPg.PB2BVj {
    border-right: 0
}

.lG5Xxv {
    flex-shrink: 0;
    margin-right: 20px;
    outline: 0;
    overflow: visible;
    position: relative
}

.lG5Xxv .y8f_ga {
    height: 80px;
    width: 80px
}

.lG5Xxv .dRAq0Y {
    height: 70px;
    width: 70px
}

.lG5Xxv:focus-visible:before {
    --focus-indicator-border-radius: 50%;
    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)
}

.aUEg4L {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.aUEg4L .official-shop-new-badge {
    display: flex;
    justify-content: center
}

.aUEg4L>div {
    white-space: normal
}

.kgHbpK {
    left: 50%;
    transform: translateX(-50%);
    width: auto
}

.kgHbpK>div {
    font-size: 9px;
    white-space: nowrap
}

.BziOxR {
    bottom: 0;
    height: 22px;
    position: absolute;
    right: 0;
    width: 22px
}

.VAPYCN {
    height: 18px
}

.PYEGyz {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    overflow: hidden
}

.fV3TIn {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.asNEHY {
    margin: 0!important
}

.Fsv0YO {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    text-transform: capitalize
}

.NyRGTK {
    display: flex;
    margin-top: 8px
}

.NyRGTK .wq_EQj {
    margin-right: 10px
}

.NyRGTK .Z6yFUs,.NyRGTK .wq_EQj {
    flex-direction: row;
    text-transform: capitalize
}

.NyRGTK .Z6yFUs span,.NyRGTK .wq_EQj span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.NyRGTK .EXxJrT,.NyRGTK .esfDPs {
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/7bf03ed38ca37787fe78.svg)
}

.theme--ofs .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/cca4d4ed5534d55ee735.svg)
}

.theme--s-mart .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/11f3b40281448cc1cf5a.svg)
}

.NyRGTK .ak9wsL {
    margin-left: 4px
}

.NGzCXN {
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-gap: 20px 50px;
    color: rgba(0,0,0,.4);
    gap: 20px 50px;
    padding-left: 25px
}

.NGzCXN,.oQUf1d {
    flex-grow: 1
}

.YnZi6x {
    cursor: default;
    display: flex;
    justify-content: space-between;
    outline: 0;
    overflow: visible;
    position: relative
}

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

.aArpoe .Cs6w3G {
    cursor: pointer
}

.H2wS9j {
    background: transparent;
    border: 0;
    outline: 0;
    overflow: visible;
    position: relative
}

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

.ffHYws {
    color: rgba(0,0,0,.4);
    margin-right: 12px;
    text-transform: capitalize
}

.Cs6w3G {
    color: var(--brand-primary-color);
    text-align: right;
    white-space: nowrap
}

.mMlpiZ {
    color: #757575;
    font-size: 14px
}

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

.hN2vPg {
    color: #d0011b;
    font-size: 12px;
    gap: 4px
}

.qO6yIz {
    height: 12px;
    width: 12px
}

.ty3Y5N {
    margin: 0 25px 25px
}

.H0wYar {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 1.875rem;
    width: 1.875rem
}

.H0wYar,.nkvGdS {
    position: relative
}

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

.Bk2cVc {
    stroke: #c6c6c6;
    font-size: 1.5rem;
    font-weight: 400;
    left: 50%;
    line-height: 2rem;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 24px;
    width: 24px
}

.Bk2cVc,.Qm507c {
    position: absolute
}

.Qm507c {
    border-radius: 50%;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

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

.gxSsbI {
    margin: 0 8px
}

.s4Wk4w a {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.a3axPi {
    align-items: center;
    background-color: #ee4d2d;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    margin: 25px 25px 0;
    padding: 10px 12px 12px
}

.SWDfyz {
    height: 17px;
    margin-right: 6px
}

.NOkmjm {
    color: #fff;
    font-size: 12px;
    margin-top: 6px
}

.ESEZ01 {
    height: 20px;
    margin-left: auto;
    width: 20px
}

.bFvnj7 {
    align-items: center;
    background-color: #f5f5f5;
    border: .5px solid rgba(0,0,0,.09);
    border-radius: 6px;
    display: flex;
    padding: 8px 12px
}

.zWgniE {
    border: 0
}

.T9IfkM {
    color: rgba(0,0,0,.87);
    flex-grow: 1;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.YvSAP_ {
    font-size: 14px!important
}

.LXhrVK {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-left: 8px;
    margin-right: 2px;
    white-space: nowrap
}

.xgbl1g {
    border-radius: 8px;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.OH0mRQ {
    border-radius: 12px;
    height: 24px;
    width: 24px
}

.product-page-seller-info__holiday-mode {
    color: #f9a51b;
    font-size: 12px;
    margin: 5px 0 6px;
    text-transform: capitalize;
    vertical-align: middle
}

.product-page-seller-info__holiday-symbol {
    align-items: center;
    background-color: #f9a51b;
    border-radius: 50%;
    display: inline-flex;
    height: 12px;
    justify-content: center;
    line-height: 12px;
    margin-right: 5px;
    width: 12px
}

.product-page-seller-info__holiday-symbol img {
    flex: 0 1 auto;
    height: 10px;
    width: 10px
}

.product-page-seller-info__inactive-indicator {
    color: #ff424f;
    font-size: 12px;
    margin: 5px 0 6px
}

.product-page-seller-info__online {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.product-page-seller-info__green-dot {
    background-color: #42ab17;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.product-page-seller-info__inactive-symbol {
    background-color: #ff424f;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-right: 5px;
    text-align: center;
    width: 12px
}

.product-page-seller-info__inactive-symbol>.shopee-svg-icon {
    color: #fff;
    font-size: 8px
}

.product-page-seller-info__inactive-symbol .icon-exclamation-mark {
    height: 8px;
    width: 8px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/ProductShop.aa5eb7b4297bb45a17bf.css.map*/


.g7XUhU {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .5625rem rgba(0,0,0,.12);
    left: 0;
    padding: 1.5rem 1.5rem 1rem;
    position: absolute;
    top: 100%;
    width: 18.75rem;
    z-index: 999
}

.LB36JB {
    align-content: space-between
}

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

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

    .LB36JB:after,.nHe5fh:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.kDNZvw {
    font-size: 12px;
    height: 22px;
    margin-top: 4px
}

.nHe5fh {
    padding-top: 4px
}

.qj9zWS {
    color: rgba(0,0,0,.65);
    padding-left: 7px
}

.K6Di8V {
    height: 12px;
    width: 12px
}

.GEF9Sh {
    color: #ee2c4a
}

._esAXe {
    margin-top: 24px;
    text-align: center
}

.M7gJTU,.M7gJTU:active,.M7gJTU:hover,.M7gJTU:visited {
    color: #08f;
    font-size: 12px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.gMtG2L {
    border: 1px solid rgba(0,0,0,.54);
    border-radius: 2px;
    box-sizing: border-box;
    flex: 1;
    font-size: 14px;
    height: 40px;
    min-width: 100px;
    outline: none;
    padding: 10px
}

.AF2RmT {
    border: 1px solid #ee2c4a
}

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

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

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

.ByujAO {
    background-color: #ee4d2d;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    margin-left: 16px;
    min-width: 107px;
    outline: 0;
    overflow-x: hidden;
    padding: 0
}

.Rx98H1 {
    background-color: #f7a696
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/ZipcodeSelector.b5a9d56b26a250604af6.css.map*/


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d4CZbr {
    width: 3.625rem
}

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

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

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

.UNGwiq {
    padding-right: 2.4375rem
}

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

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

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

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

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

.eOSx7z {
    background-size: 100%
}

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

.IQEmT_,.UE7SrN {
    height: 1rem;
    padding: .1875rem
}

.ZJXh5H.zvKpoU {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.ZJXh5H .Z6v0iw {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

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

.ZJXh5H .eOSx7z {
    height: 2.1875rem;
    width: 6.6875rem
}

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

.ZJXh5H .UNGwiq {
    padding-right: 1.4375rem
}

.ZJXh5H .lOu1t2 {
    justify-content: center
}

.ZJXh5H .kEgt9x {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.ZJXh5H .GDeUTx {
    margin-bottom: -.25rem
}

.ZJXh5H .IQEmT_,.ZJXh5H .SBb_pM,.ZJXh5H .UE7SrN {
    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
}

.ZJXh5H .SBb_pM {
    margin-right: 0
}

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

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

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

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

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

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

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

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

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

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

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

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

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

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

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

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

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

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

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

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

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

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    margin-bottom: 1.25rem
}

.kkObvr,.toast__icon {
    display: flex;
    justify-content: center
}

.kkObvr {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    height: 60px;
    text-align: center;
    width: 60px
}

.bYHPUH {
    height: 30px;
    width: 30px
}

.K3c1N_ {
    height: 40px;
    width: 40px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/pcmall-productdetailspage.2f489596ca823e3332a9.css.map*/

.eSyUAZ {
    align-items: center
}

.HdOpID,.eSyUAZ {
    display: flex
}

.HdOpID {
    flex-direction: row
}

.eSyUAZ {
    justify-content: center
}

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

.HdOpID:hover {
    cursor: pointer
}

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

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

.Ugqqd0 {
    margin-left: .8125rem
}

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

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

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

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

.sWg3MU:hover {
    cursor: pointer
}

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

.M2zJBi,.tmN8VN {
    align-items: center
}

.M2zJBi,.WVurW1,.tmN8VN {
    display: flex
}

.WVurW1 {
    flex-wrap: wrap
}

.M2zJBi,.tmN8VN {
    justify-content: center
}

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

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

.tmN8VN.H1NHx_ {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.tmN8VN.smEtKg {
    margin-right: .1875rem
}

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

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

.Oy4Glu,.wwvJPh {
    align-content: center;
    display: flex
}

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

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

.MV1875 {
    text-transform: capitalize
}

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

.wwvJPh:hover {
    color: #ee4d2d
}

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

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

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

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

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

.jduvdz.yGP1JP {
    margin-top: 0
}

.piLkFj {
    text-transform: uppercase
}

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

.O62Y3W,.OuYRe2 {
    align-items: flex-start
}

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

.EAv5q_ {
    align-items: flex-start
}

.EAv5q_,.scLMUW {
    display: flex;
    flex-wrap: wrap
}

.scLMUW {
    justify-content: center
}

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

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

.YTAuKe {
    line-height: 1.125rem
}

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

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

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

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

.nn7SCk.n3YX5C a:hover {
    color: #ee4d2d
}

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

.Wz3iwl {
    padding: 0 5px
}

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

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

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

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

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/914.cc930491a025bfbe.css.map*/


.O766Zk {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    padding: 2.5rem 0;
    text-align: center
}

.O766Zk.q9cUJv {
    background-color: #f5f5f5
}

.Oyrm62 {
    align-items: flex-start;
    display: flex;
    margin: 0 -.3125rem;
    width: 100%
}

.Oyrm62,.WgSr6D {
    padding: .3125rem
}

.WgSr6D {
    box-sizing: border-box;
    width: 15.625rem
}

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

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

.JlKgZM.PoE0oU {
    margin-top: 0
}

.ufuEdD {
    text-transform: uppercase
}

.wdBnpK,.yIJgtJ {
    align-content: center;
    display: flex
}

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

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

.iuA041 {
    text-transform: capitalize
}

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

.yIJgtJ:hover {
    color: #ee4d2d
}

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

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

.Ei2TcA,.HOyEnn {
    align-items: center
}

.Ei2TcA,.HOyEnn,.n9X8as {
    display: flex
}

.n9X8as {
    flex-wrap: wrap
}

.Ei2TcA,.HOyEnn {
    justify-content: center
}

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

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

.Ei2TcA.WjMDsK {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.Ei2TcA.OhXKFJ {
    margin-right: .1875rem
}

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

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

.FP4VvO {
    align-items: center
}

.DLMbEy,.FP4VvO {
    display: flex
}

.DLMbEy {
    flex-direction: row
}

.FP4VvO {
    justify-content: center
}

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

.DLMbEy:hover {
    cursor: pointer
}

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

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

.avO6Dn {
    margin-left: .8125rem
}

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

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

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

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

.HHvjo7:hover {
    cursor: pointer
}

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

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

.URvGxz {
    align-items: flex-start
}

.URvGxz,.hLS7q8 {
    display: flex;
    flex-wrap: wrap
}

.hLS7q8 {
    justify-content: center
}

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

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

.fPod4n {
    line-height: 1.125rem
}

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

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

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

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

.Pc3d01.DTID0Y a:hover {
    color: #ee4d2d
}

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

.FvfvFP {
    padding: 0 5px
}

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

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

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

._87kPP {
    align-items: flex-start;
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.eSyUAZ {
    align-items: center
}

.HdOpID,.eSyUAZ {
    display: flex
}

.HdOpID {
    flex-direction: row
}

.eSyUAZ {
    justify-content: center
}

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

.HdOpID:hover {
    cursor: pointer
}

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

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

.Ugqqd0 {
    margin-left: .8125rem
}

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

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

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

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

.sWg3MU:hover {
    cursor: pointer
}

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

.M2zJBi,.tmN8VN {
    align-items: center
}

.M2zJBi,.WVurW1,.tmN8VN {
    display: flex
}

.WVurW1 {
    flex-wrap: wrap
}

.M2zJBi,.tmN8VN {
    justify-content: center
}

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

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

.tmN8VN.H1NHx_ {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.tmN8VN.smEtKg {
    margin-right: .1875rem
}

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

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

.Oy4Glu,.wwvJPh {
    align-content: center;
    display: flex
}

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

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

.MV1875 {
    text-transform: capitalize
}

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

.wwvJPh:hover {
    color: #ee4d2d
}

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

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

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

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

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

.jduvdz.yGP1JP {
    margin-top: 0
}

.piLkFj {
    text-transform: uppercase
}

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

.O62Y3W,.OuYRe2 {
    align-items: flex-start
}

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

.EAv5q_ {
    align-items: flex-start
}

.EAv5q_,.scLMUW {
    display: flex;
    flex-wrap: wrap
}

.scLMUW {
    justify-content: center
}

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

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

.YTAuKe {
    line-height: 1.125rem
}

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

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

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

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

.nn7SCk.n3YX5C a:hover {
    color: #ee4d2d
}

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

.Wz3iwl {
    padding: 0 5px
}

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

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

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

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

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

.footer-br-ebanx-png {
    background-position: 3.7037037037037037% 11.494252873563218%;
    background-size: 590.9090909090909% 400%
}

.footer-br-f-png {
    background-position: 32.42320819112628% 11.904761904761905%;
    background-size: 1015.625% 362.5%
}

.footer-br-ins-png {
    background-position: 3.4129692832764507% 70.23809523809524%;
    background-size: 1015.625% 362.5%
}

.footer-br-kwai-png {
    background-position: 21.160409556313994% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-lin-png {
    background-position: 38.907849829351534% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-mastercard-png {
    background-position: 67.96536796536796% 16.129032258064516%;
    background-size: 345.74468085106383% 214.8148148148148%
}

.footer-br-tiktok-png {
    background-position: 56.65529010238908% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-twitter-png {
    background-position: 74.40273037542661% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-visa-png {
    background-position: 100% 85.71428571428571%;
    background-size: 590.9090909090909% 644.4444444444445%
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/986.2d5d6551b3efd541.css.map*/




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    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
}

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

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

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

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

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

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

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

.UCi9jU,.iF8iJd {
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

.Z5BRIH {
    color: #ee4d2d
}

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

.IIBaHM,.zc86LS {
    color: rgba(0,0,0,.54)
}

.IIBaHM,.UwAswe {
    font-size: .75rem
}

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

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

.RUaIcM {
    flex: 1
}

.sbBEUj {
    margin-top: .625rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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/74e7710903007bb7.png)
}

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

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

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

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

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

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

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

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/2987.db0de937d0330859.css.map*/



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

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/4116.a3213befce8463a7.css.map*/


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

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

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

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

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

.UCi9jU,.iF8iJd {
    overflow: hidden;
    text-overflow: ellipsis
}

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

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

.Z5BRIH {
    color: #ee4d2d
}

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

.IIBaHM,.zc86LS {
    color: rgba(0,0,0,.54)
}

.IIBaHM,.UwAswe {
    font-size: .75rem
}

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

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

.RUaIcM {
    flex: 1
}

.sbBEUj {
    margin-top: .625rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    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
}

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

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/5807.8f0d6b1c39bda2bd.css.map*/

.YNFXNe {
    margin: 30px 0
}

._B4yPg {
    font-size: 14px
}

.Hoou_w,.uNvAVe {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.Hoou_w a,.uNvAVe a {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.Hoou_w a:hover,.uNvAVe a:hover {
    color: #ee4d2d
}

.uNvAVe li {
    margin-bottom: 8px
}

.uNvAVe li a {
    display: flex
}

.uNvAVe li .bJYu9z {
    flex-basis: 800px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uNvAVe li .frp7kz {
    color: rgba(0,0,0,.87)!important;
    flex-shrink: 0;
    font-weight: 500
}

.Hoou_w {
    display: flex;
    flex-wrap: wrap
}

.Hoou_w li {
    padding: 0 5px;
    position: relative
}

.Hoou_w li:not(:first-child):before {
    background-color: rgba(0,0,0,.54);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/6318.cce3fcc0aa92bbf3.css.map*/


.vw-links{z-index:100}
/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/6929.152da00ae5c232ee.css.map*/

.ZFpBoO {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

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

.ZFpBoO:first-child {
    margin-left: 0
}

.XUr4uw {
    flex: 1
}

.XUr4uw,.vIk6L6 {
    display: flex;
    width: 100%
}

.vIk6L6 {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip;
    position: relative
}

.QaSByp {
    flex: 1
}

.QaSByp,.zZbJYF {
    display: flex;
    width: 100%
}

.zZbJYF {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.uaKe53,.zZbJYF {
    position: relative
}

.uaKe53 {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

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

.uaKe53:first-child {
    margin-left: 0
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/7464.e2712bbc93d27679.css.map*/


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

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/9662.fe06f6c6cb447ce4.css.map*/


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

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: initial
}

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

[hidden],template {
    display: none
}

a {
    background-color: initial
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: initial;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: initial
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-product-sharing {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/391e34e8438d2795.png);
        background-size: 100%
    }
}

.sprite-product-sharing-fb {
    background-position: 0 0;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-fm {
    background-position: 0 -100%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-gp {
    background-position: 0 -200%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-pinterest {
    background-position: 0 -300%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-twitter {
    background-position: 0 -400%;
    height: 190px;
    width: 190px
}

.sprite-social {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ce6e47c2e0ac38a5.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e72e31ec527056bc.png);
        background-size: 100%
    }
}

.sprite-social-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-ig {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-line {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

.sprite-social-shopee {
    background-position: 2px -400%;
    height: 22px;
    width: 22px
}

.sprite-social-sms {
    background-position: 0 -500%;
    height: 22px;
    width: 22px
}

.sprite-social-white {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/29fb30eeb5787273.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social-white {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/194364636b5f2e40.png);
        background-size: 100%
    }
}

.sprite-social-white-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-white-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-white-shopee {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-white-sms {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 200;
    src: local("Titillium Web ExtraLight"),local("TitilliumWeb-ExtraLight"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5520703b5993e245.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/cb396c4aaab010c9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 200;
    src: local("Titillium Web ExtraLightItalic"),local("TitilliumWeb-ExtraLightItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/79f7fcdd171a385b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ff049fcef0b00476.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 300;
    src: local("Titillium Web Light"),local("TitilliumWeb-Light"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/fb9f532072fb0047.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8a8d74dcd86f5828.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 300;
    src: local("Titillium Web LightItalic"),local("TitilliumWeb-LightItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1833f395df238635.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8879465951e601b9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    src: local("Titillium Web Regular"),local("TitilliumWeb-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b54332120212464b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/591acde707f3a37e.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 400;
    src: local("Titillium Web Italic"),local("TitilliumWeb-Italic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/141d628cc69ada8e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/03ec0784700fcf3b.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 500;
    src: local("Titillium Web SemiBold"),local("TitilliumWeb-SemiBold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/24a0424ed772ea10.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/7d98229b27f8ffb4.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 500;
    src: local("Titillium Web SemiBoldItalic"),local("TitilliumWeb-SemiBoldItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4b45d31c252b198d.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a669133a26006767.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    src: local("Titillium Web Bold"),local("TitilliumWeb-Bold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/f450151ddd2e8e05.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/171cbc8ba715b911.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 600;
    src: local("Titillium Web BoldItalic"),local("TitilliumWeb-BoldItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9eeea1d9e3f7653e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0c43f7221cfdb4cc.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 700;
    src: local("Titillium Web Black"),local("TitilliumWeb-Black"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9ea237df494c5988.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2e1d923e4ec382c2.woff) format("woff")
}

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

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

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

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

.clearfix {
    clear: both
}

.hide {
    display: none
}

.expand {
    flex-grow: 1
}

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

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

.h-center {
    justify-content: center
}

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

.flex-column {
    flex-direction: column
}

.flex-auto {
    flex: 1 1 auto
}

.flex-no-overflow {
    width: 0
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

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

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

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

.center {
    justify-content: center
}

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

.skeleton {
    animation: glow 2s linear infinite;
    background-clip: padding-box!important;
    background-color: #fafafa!important;
    border-color: #fafafa!important;
    border-radius: 2px;
    box-shadow: none!important;
    color: transparent!important;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@keyframes glow {
    0%,to {
        background-color: #fafafa;
        border-color: #fafafa
    }

    50% {
        background-color: #f5f5f5;
        border-color: #f5f5f5
    }
}

.skeleton-line {
    height: .625rem
}

.skeleton-full {
    width: 100%
}

.skeleton-medium {
    width: 66.67%
}

.skeleton-short {
    width: 33.33%
}

:root {
    --focus-indicator-color: rgba(0,0,0,.87);
    --focus-indicator-stroke-width: 2px;
    --focus-indicator-spacing: 4px;
    --focus-indicator-border-radius: 2px;
    --brand-primary-color: #ee4d2d;
    --brand-primary-light-color: rgba(255,87,34,.1)
}

.theme--ofs {
    --brand-primary-color: #d0011b;
    --brand-primary-light-color: rgba(208,1,27,.08)
}

.theme--s-mart {
    --brand-primary-color: #066bc8;
    --brand-primary-light-color: #e6f0f9
}

body {
    background-color: #f5f5f5
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.address-modal__form_input {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shopee-no-scroll {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-cancel-popup__dropdown {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rating-stars__container {
    display: flex
}

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

.rating-stars__star {
    stroke: currentColor
}

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

.rating-modal-handler__container {
    border-bottom: 1px dotted rgba(0,0,0,.09);
    padding-bottom: 1.875rem
}

.rating-modal-handler__container--last {
    border-bottom: 0
}

.rating-modal-handler__rating-stars-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 2.25rem;
    justify-content: center;
    letter-spacing: .25rem;
    padding: .625rem 0 1.25rem;
    position: relative
}

.rating-modal-handler__rating-prompt-text {
    color: rgba(0,0,0,.54);
    margin-bottom: 1.25rem;
    text-align: center
}

.shopee-rating-stars {
    display: inline-block;
    position: relative
}

.shopee-rating-stars__stars {
    display: flex
}

.shopee-rating-stars__star-wrapper {
    margin-right: 1px;
    position: relative
}

.shopee-rating-stars__star-wrapper>.shopee-rating-stars__lit {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.shopee-rating-stars__gold-star {
    color: #ffce3d;
    fill: #ffce3d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.shopee-rating-stars__dark-star {
    color: #d5d5d5;
    display: block
}

.shopee-rating-stars__primary-star {
    color: #ee4d2d;
    stroke: #ee4d2d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.theme--ofs .shopee-rating-stars__primary-star {
    color: #d0011b;
    stroke: #d0011b
}

.theme--s-mart .shopee-rating-stars__primary-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.shopee-rating-stars__hollow-star {
    color: #ee4d2d;
    display: block;
    stroke: currentColor
}

.theme--s-mart .shopee-rating-stars__hollow-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.daily-discover-page,.recommend-products-by-view {
    padding: 2.5rem 0 3.75rem
}

.daily-discover-page__content,.recommend-products-by-view__content {
    padding: 1.25rem 0 2.6875rem
}

.daily-discover-page__item-card-wrapper,.recommend-products-by-view__item-card-wrapper {
    margin-bottom: .625rem
}

.purchase-list-page__tabs-container {
    background: #fff;
    border-radius: .125rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    margin-bottom: .75rem;
    overflow: hidden
}

.purchase-list-page__tab {
    align-items: center;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.1875rem;
    overflow: hidden;
    padding: 1rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-list-page__tab:hover {
    color: #ee4d2d
}

.purchase-list-page__tab--selected {
    border-bottom: 2px solid #ee4d2d;
    color: #ee4d2d
}

.purchase-list-page__tab-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.purchase-list-page__tab-count {
    color: #ee4d2d;
    font-size: .9em;
    margin-left: .3em;
    vertical-align: initial
}

.purchase-list-page__search-bar {
    background: #eaeaea;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: #555;
    display: flex;
    padding: .75rem 0
}

.purchase-list-page__search-bar ::placeholder {
    color: #929292
}

.purchase-list-page__search-bar svg {
    margin-left: .9375rem;
    margin-right: .9375rem;
    stroke: #bbb
}

.purchase-list-page__search-bar input {
    align-content: center;
    background-color: inherit;
    border: 0;
    display: flex;
    flex: 1;
    font-size: .875rem;
    line-height: 1rem;
    outline: none
}

.purchase-list-page__search-bar-focus svg {
    stroke: #555
}

.purchase-list-page__search-result {
    color: #757575;
    font-size: 14px;
    margin-top: 1.25rem;
    text-align: center
}

.purchase-list-page__search-result div {
    display: inline
}

.purchase-list-page__search-result span {
    color: #555
}

.purchase-list-page__checkout-card-wrapper:last-child,.purchase-list-page__order-card-wrapper:last-child {
    margin-bottom: 0
}

.purchase-list-page__checkout-card-wrapper,.purchase-list-page__order-card-wrapper {
    margin-bottom: .625rem;
    margin-top: .75rem
}

.purchase-list-page__empty-page-wrapper {
    height: 37.5rem;
    margin-top: .75rem;
    width: 100%
}

.theme--ofs .shopee-cart-number-badge,.theme--ofs .shopee-notification-number-badge {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .footer {
    border-top-color: #d0011b
}

.theme--ofs .footer__category-list-item-main>a:hover,.theme--ofs .footer__category-list-item-sub>a:hover,.theme--ofs .icon-like,.theme--ofs .icon-preorder,.theme--ofs .navbar-wrapper .navbar__link--login:hover .navbar__link-text,.theme--ofs .navbar-wrapper .navbar__link--login>.navbar__link-text,.theme--ofs .product-comment-item__at-user,.theme--ofs .product-page .shopee-tab-container__header-item--active>.product-page__tab-link,.theme--ofs .shopee-address-picker__last-selected-address-level,.theme--ofs .shopee-badge--promotion__label-wrapper,.theme--ofs .shopee-badge--promotion__label-wrapper__off-label.shopee-badge--promotion__label-wrapper__off-label--zh-Hant,.theme--ofs .shopee-facet-filter__facet .shopee-checkbox__box--checked,.theme--ofs .shopee-filter-group__item .shopee-checkbox__box--checked,.theme--ofs .shopee-item-card__hidden-price-display,.theme--ofs .shopee-mini-page-controller__current,.theme--ofs .shopee-product-info-body__order-quantity .shopee-button-outline-mid,.theme--ofs .shopee-product-info-body__preorder,.theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover .shopee-product-info-body__ship-to-text,.theme--ofs .shopee-product-info__header__rating-desc,.theme--ofs .shopee-product-info__header__real-price,.theme--ofs .shopee-product-rating-overview__text-overview,.theme--ofs .shopee-product__shipping-option-current-channel-cost,.theme--ofs .shopee-rating-stars__hollow-star,.theme--ofs .shopee-search-correction__new-search,.theme--ofs .shopee-search-filter-status,.theme--ofs .shopee-search-result-header__text-highlight,.theme--ofs .shopee-search-user-brief__header-text-highlight,.theme--ofs .shopee-search-user-item .shopee-svg-icon:not(.icon-tick),.theme--ofs .shopee-search-user-item__follow-count-number,.theme--ofs .shopee-search-user-seller-info-item__primary-text,.theme--ofs .shopee-searchbar-hints__search-shop>.shopee-svg-icon,.theme--ofs .shopee-shop-collection-filter__collection--active,.theme--ofs .shopee-sort-by-options .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected):hover,.theme--ofs .wholesale-popup__price,.theme--ofs .wholesale-table__body-cell--price {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.theme--ofs .shopee-header-section__header-link>.shopee-button-no-outline {
    color: #d0011b
}

.theme--ofs .section-recommend-products__separator,.theme--ofs .shopee-sort-by-options .shopee-dropdown--has-selected>.shopee-dropdown__entry--selected,.theme--ofs .shopee-sort-by-options__option--selected {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .image-carousel__dot--active,.theme--ofs .shopee-page-controller>.shopee-button-solid,.theme--ofs .shopee-price-range-filter__button>.shopee-button-solid,.theme--ofs .shopee-search-empty-result-section__button .shopee-button-solid,.theme--ofs .shopee-search-reset>a>.shopee-button-solid {
    background-color: #d0011b
}

.theme--ofs .shopee-searchbar>.shopee-button-solid:hover {
    background-color: #c30018
}

.theme--ofs .shopee-product-rating-overview__filter--active {
    border-color: #d0011b;
    fill: #d0011b
}

.theme--ofs .product-page .shopee-tab-container__header-item--active,.theme--ofs .shopee-image-gallery__option-image-wrapper__selected-mask,.theme--ofs .shopee-lightbox-thumbnail__selected-mask,.theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover {
    border-color: #d0011b
}

.theme--ofs .btn-buynow,.theme--ofs .shopee-button-solid--primary {
    background-color: #d0011b
}

.theme--ofs .btn-buynow:hover,.theme--ofs .shopee-button-solid--primary:hover {
    background-color: #e00622
}

.theme--ofs .btn-buynow:active,.theme--ofs .shopee-button-solid--primary:active {
    background-color: #c30018
}

.theme--ofs .btn-add-to-cart,.theme--ofs .btn-chat-now {
    background-color: #fff3f3;
    border: 1px solid #d0011b;
    color: #d0011b
}

.theme--ofs .btn-add-to-cart:hover,.theme--ofs .btn-chat-now:hover {
    background-color: #fff
}

.theme--ofs .btn-add-to-cart:active,.theme--ofs .btn-chat-now:active {
    background-color: #ffe8e8
}

.theme--ofs .icon-web-chat,.theme--ofs .product-page-bundle-deal__see-all {
    color: #d0011b!important
}

.theme--ofs .product-page-bundle-deal__tag,.theme--ofs .shopee-item-card__bundle-deal,.theme--ofs .shopee-product-info__header__bundle-deal-tag {
    border-color: #d0011b!important;
    color: #d0011b!important
}

.theme--ofs .select-with-status__dropdown-item:hover {
    background: #d0011b
}

.theme--ofs .section-seller-overview__item-text-value,.theme--ofs .shop-collection-list__item:hover .shop-collection-list__item-desc-name,.theme--ofs .shop-page-shop-description__shop-name,.theme--ofs .shop-page__menu .shop-page__menu-item:hover,.theme--ofs .shopee-category-list__sub-category--active,.theme--ofs .shopee-sort-bar .shopee-sort-by-options .select-with-status__value {
    color: #d0011b
}

.theme--ofs .shop-page__menu .shop-page__menu-item--active {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .shopee-product-info__header__real-price {
    color: #d0011b
}

.theme--ofs .shopee-category-list__sub-category--active .shopee-category-list__sub-category__caret {
    fill: #d0011b
}

.theme--ofs .shopee-sort-bar .shopee-sort-by-options__option--selected {
    background: #d0011b
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.clear-btn-style {
    background: 0;
    border: 0
}

.sr-only,.visually-hidden {
    border: 0!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important
}

.wA1Z8K {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

.wA1Z8K .y9r1Xm {
    background-color: initial
}

.wyNsJd {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

.YRJPJB {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.DxDyiW {
    color: #222;
    font-size: 1rem;
    text-align: center
}

._9auf1 {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

._9auf1.O4cXjZ {
    margin-top: 7.4375rem
}

._9auf1.swtjYA {
    margin-top: 11.125rem
}

._6jOGAY {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

._6jOGAY .T3WmgL {
    background-color: initial
}

.shopee-progress-bar {
    background: linear-gradient(90deg,hsla(0,0%,100%,.3) 0,#fff 30%,#fff);
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 3px;
    left: -100%;
    position: fixed;
    top: 0;
    transition: transform 30s ease-out;
    width: 100%;
    z-index: 10000
}

.shopee-progress-bar--start {
    transform: translateX(60%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-start {
    transform: translateX(79%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--almost-done {
    transform: translateX(80%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-almost-done {
    transform: translateX(99%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--done {
    transform: translateX(100%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--done-up {
    transform: translateX(100%) translateY(-3px);
    transition: transform .2s ease-out
}

.shopee-progress-bar--reset {
    transform: translateX(0) translateY(0);
    transition: none
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: initial;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.SqO999 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.UsynuF {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.GIv4S4 {
    background-color: rgba(0,0,0,.14);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.XXSZie {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 .625rem 0 rgba(0,0,0,.14);
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.XXSZie .EWzoMT {
    color: #fff;
    font-size: 1.125rem
}

.language-selection {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 30px 15px;
    width: 100%
}

.language-selection__background {
    min-height: 240px;
    position: relative;
    width: 470px
}

.language-selection__background-map {
    width: 100%
}

.language-selection .icon-logo-vertical {
    height: 108px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-45px);
    width: 108px
}

.language-selection__title {
    font-size: 1.25rem;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center
}

.language-selection__list {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px
}

.language-selection__list .shopee-button-outline {
    font-size: .9375rem;
    font-weight: 400;
    height: 2.5rem
}

.language-selection__list-item {
    display: flex;
    flex-direction: column;
    height: 2.5rem;
    margin-top: 18px
}

.language-selection__list-item:first-child {
    margin-top: 0
}

.language-selection__close-button {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.language-selection__close-button .shopee-svg-icon {
    color: #fff;
    font-size: 1.125rem
}

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

.toast--hidden {
    opacity: 0;
    pointer-events: none
}

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    margin-bottom: 1.25rem
}

.action-toast__icon,.toast__icon {
    display: flex;
    justify-content: center
}

.action-toast__icon {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    height: 3.75rem;
    text-align: center;
    width: 3.75rem
}

.action-toast .icon-tick-bold {
    font-size: 1.875rem;
    line-height: 3.75rem
}

.action-toast .icon-exclamation-mark {
    font-size: 2.5rem;
    line-height: 3.75rem
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.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
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: initial;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.FUzulZ {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 31px;
    transform: translateX(-600px);
    z-index: 9999
}

.FUzulZ.z2A7sT {
    opacity: 1;
    pointer-events: all
}

.q7Q7_p {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.FUzulZ .b2riZM {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    font-size: 12px;
    line-height: 14px;
    outline: none;
    padding: 4px
}

.b4QA5F+.b4QA5F {
    padding-top: 10px
}

.ZXsZkq {
    box-sizing: border-box;
    display: inline-block;
    padding: 4px
}

.b2riZM:focus .ZXsZkq {
    border: 1px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 3px
}

.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--shopee-mart {
    background: #066bc8
}

.navbar-wrapper--without-search {
    background: #ee4d2d
}

.navbar-wrapper .navbar {
    color: #fff
}

.navbar-wrapper .navbar__link-icon,.navbar-wrapper .navbar__link-text {
    color: currentColor
}

.navbar-wrapper .navbar__link:after,.navbar-wrapper .navbar__link:before {
    display: none
}

.navbar-wrapper .navbar__link {
    cursor: pointer
}

.navbar-wrapper .navbar__link:hover {
    color: hsla(0,0%,100%,.7)
}

.navbar-wrapper .navbar__link--login .navbar__link-text {
    color: #ee4d2d;
    font-weight: 500
}

.navbar-wrapper .navbar__link--login:hover .navbar__link-text {
    color: #ee4d2d
}

.navbar-wrapper .navbar__link--login:active {
    background-color: hsla(0,0%,100%,.8)
}

.navbar-wrapper--light {
    background: #f0f0f0
}

.navbar-wrapper--light .navbar {
    color: rgba(0,0,0,.54)
}

.navbar-wrapper--light .navbar__link {
    color: currentColor;
    cursor: pointer
}

.navbar-wrapper--light .navbar__link--separator {
    color: rgba(0,0,0,.54)
}

.navbar-wrapper--light .navbar__link--hoverable:hover .navbar__link-text {
    color: #ee4d2d
}

.navbar-wrapper--light .navbar__link--hoverable:hover:before {
    display: none
}

.navbar-wrapper--light .navbar__link:hover {
    color: #ee4d2d
}

.navbar-wrapper--light .navbar__link-separator {
    border-right: 1px solid rgba(0,0,0,.12)
}

.navbar-wrapper--high-end-brand.navbar-wrapper {
    background-color: #000
}

.shopee-top--sticky .navbar-wrapper.container-wrapper,.shopee-top--sticky .ofs-header.container-wrapper {
    min-width: inherit
}

.shopee-top--sticky .navbar.container {
    max-width: 1200px;
    width: inherit
}

.nL0X7x {
    background: #066bc8
}

.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-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;
    
}

.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
}

.xXLiVe: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
}

.xXLiVe:not(:first-child) {
    margin-left: .625rem
}

.L4HcCc {
    color: #fff;
    font-size: .8125rem;
    font-weight: 300;
    outline: 0;
    overflow: visible;
    padding: .25rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.L4HcCc: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)
}

.L4HcCc:last-child {
    border: 0
}

.L4HcCc:not(.RD3lG6):hover {
    color: hsla(0,0%,100%,.7);
    cursor: pointer
}

.L4HcCc>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
}

.RD3lG6 {
    border: 0
}

.FwLW4J,.RD3lG6 {
    padding-right: 0
}

._J5NJU .AjAeES,._J5NJU .R_kR4v,._J5NJU .UvWzPm,._J5NJU .VTXgqA,._J5NJU .kX_o93,._J5NJU .vjtzAS,._J5NJU .z2IDP6 {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

._J5NJU .kX_o93 {
    height: 27px;
    width: 28px
}

._J5NJU .AjAeES,._J5NJU .R_kR4v,._J5NJU .VTXgqA {
    height: 16px;
    width: 16px
}

._J5NJU .vjtzAS {
    height: 15px;
    width: 16px
}

._J5NJU .UvWzPm {
    height: 16px;
    width: 14px
}

._J5NJU .z2IDP6 {
    height: 16px;
    width: 16px
}

.navbar-wrapper--light .L4HcCc {
    border-color: hsla(0,0%,53%,.22);
    color: currentColor
}

.navbar-wrapper--light .L4HcCc:not(.RD3lG6):hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .L4HcCc,.navbar-wrapper--high-end-brand .L4HcCc:not(.RD3lG6):hover,.navbar-wrapper--high-end-brand.navbar-wrapper .navbar {
    color: currentColor
}

.navbar-wrapper--high-end-brand .L4HcCc:not(.RD3lG6):not(.FwLW4J):hover {
    opacity: .5
}

.navbar-wrapper--high-end-brand .header-navbar-background {
    color: currentColor
}

.navbar-wrapper--high-end-brand .header-navbar-background:after {
    background: currentColor;
    content: " ";
    display: block;
    height: 100%;
    mix-blend-mode: darken;
    width: 100%
}

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/74e7710903007bb7.png)
}

.header-navbar-facebook-png {
    background-position: 8.064516129032258% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-instagram-png {
    background-position: 58.064516129032256% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-line-png {
    background-position: 8.064516129032258% 96.875%;
    background-size: 487.5% 313.3333333333333%
}

.header-navbar-shopee-campus-header-png {
    background-position: 50% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-ticktok-png {
    background-position: 91.93548387096774% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-twitter-png {
    background-position: 100% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.Lf5H9V {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.o5bqKE {
    background: #fff;
    border-radius: 2px;
    margin-top: .625rem;
    padding: 2px;
    width: 11.25rem
}

.cymxV6 {
    height: 11.25rem;
    width: 11.25rem
}

.Lf5H9V {
    flex-wrap: wrap;
    padding: 0 .9375rem .3125rem
}

.FJ7bqd {
    margin-top: .3125rem;
    width: 4.375rem
}

.OoEIje {
    width: 100%
}

.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: initial;
    border: 0
}

.navbar .navbar__link.navbar__link--help {
    padding-left: 0
}

.navbar .navbar__link.navbar__link--help:focus-visible,.navbar .navbar__link.navbar__link--login:focus-visible,.navbar .navbar__link.navbar__link--signup:focus-visible {
    border-radius: 2px;
    box-shadow: var(--focus-indicator-color) 0 0 0 2px;
    outline: none
}

.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link-text {
    color: currentColor
}

.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--help,.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--notification>.stardust-popover>.stardust-popover__target>a {
    opacity: .5
}

.fNzlSz {
    align-items: center;
    color: #fff;
    display: flex;
    padding: .4375rem .625rem
}

.fNzlSz:hover {
    color: hsla(0,0%,100%,.7)
}

.navbar-wrapper--high-end-brand .fNzlSz,.navbar-wrapper--high-end-brand .fNzlSz:hover {
    color: currentColor
}

.navbar-wrapper--high-end-brand .fNzlSz:hover {
    opacity: .5
}

.fNzlSz .TJAG5g {
    align-items: center;
    display: flex
}

.fNzlSz ._LpLtp {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

.ujIKIQ {
    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
}

.ujIKIQ .G7lkQk {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .625rem;
    text-align: left
}

.ujIKIQ .G7lkQk.ptTNEB,.ujIKIQ .G7lkQk:hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .ujIKIQ .G7lkQk.ptTNEB,.navbar-wrapper--high-end-brand .ujIKIQ .G7lkQk:hover {
    color: #f4a386
}

.ujIKIQ .G7lkQk>span {
    border-radius: var(--focus-indicator-border-radius);
    margin: calc(var(--focus-indicator-spacing)*-1);
    padding: var(--focus-indicator-spacing)
}

.ujIKIQ .G7lkQk:focus-visible {
    outline: none
}

.ujIKIQ .G7lkQk:focus-visible>span {
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
}

.ujIKIQ:hover :not(:hover) {
    color: rgba(0,0,0,.87)
}

.FQFlNh,.YKx4ga,.ZJmrc9,.uGvjmv {
    margin: 0 auto;
    width: 75rem
}

.FQFlNh,.ZJmrc9,.uGvjmv {
    border-bottom: 1px solid rgba(0,0,0,.09);
    margin-top: 3.75rem;
    padding-bottom: 1.875rem
}

.Dtu9HW {
    background-color: #fff;
    border-top: 4px solid #ee4d2d;
    color: rgba(0,0,0,.54);
    min-width: 75rem
}

.wfGQ6T {
    border-top-color: var(--brand-primary-color)
}

.F3TirT {
    border-bottom: 1px solid rgba(0,0,0,.12);
    height: 7.5rem;
    width: 100%
}

.bE7OGq {
    background-color: #fbfbfb
}

.wdjmqE {
    border-top: unset
}

.YJmMMT .bE7OGq {
    background-color: #f5f5f5
}

.ZJmrc9 {
    margin-top: unset;
    padding-top: 3.75rem
}

.shopee-footer-section {
    padding-bottom: 1.875rem
}

.shopee-footer-section__heading {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.7;
    margin: 0
}

.shopee-footer-section__content {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1.4;
    margin: .625rem 0 0
}

.shopee-footer-section__content a {
    color: rgba(0,0,0,.8);
    color: rgba(0,0,0,.54);
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-footer-section__content a:hover {
    color: #ee4d2d
}

.t5pFIU {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

.kr8eST {
    flex: 1
}

._vn52f {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 0;
    z-index: -1
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/bundle.f563480427b3c80f.css.map*/


._3sjFp {
    align-items: center;
    border-radius: .125rem;
    border-radius: var(--nr-normal,.125rem);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: initial;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.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)
    }
}

.shopee-mini-page-controller {
    align-items: center;
    display: flex
}

.shopee-mini-page-controller .shopee-button-outline {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-mini-page-controller .shopee-button-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-mini-page-controller .shopee-button-outline--disabled {
    pointer-events: none
}

.shopee-mini-page-controller__current {
    color: #ee4d2d
}

.shopee-mini-page-controller__next-btn,.shopee-mini-page-controller__prev-btn {
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    height: 2.125rem;
    width: 2.25rem
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled .shopee-svg-icon,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled .shopee-svg-icon {
    fill: #ccc
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:hover,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:hover {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.shopee-mini-page-controller__next-btn .shopee-svg-icon,.shopee-mini-page-controller__prev-btn .shopee-svg-icon {
    height: .625rem;
    width: .625rem;
    fill: #555;
    margin-top: .125rem
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__next-btn:hover,.shopee-mini-page-controller__prev-btn:active,.shopee-mini-page-controller__prev-btn:hover {
    background: #fdfdfd
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__prev-btn:active {
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-mini-page-controller__prev-btn {
    border-bottom-right-radius: 0;
    border-right: 1px solid #f2f2f2;
    border-top-right-radius: 0;
    margin-left: 1.25rem
}

.shopee-mini-page-controller__next-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-page-controller {
    display: flex;
    justify-content: center
}

.shopee-page-controller .shopee-icon-button {
    border: 0;
    color: rgba(0,0,0,.4);
    height: 1.875rem;
    min-width: 2.5rem;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-page-controller .shopee-icon-button:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-page-controller .shopee-icon-button .shopee-svg-icon {
    vertical-align: middle
}

.shopee-page-controller .shopee-icon-button--left {
    margin-right: .9375rem;
    text-align: right
}

.shopee-page-controller .shopee-icon-button--right {
    margin-left: .9375rem;
    text-align: left
}

.shopee-page-controller .shopee-icon-button--disabled {
    pointer-events: none
}

.shopee-page-controller .shopee-button-no-outline {
    color: rgba(0,0,0,.4)
}

.shopee-page-controller .shopee-button-no-outline,.shopee-page-controller .shopee-button-solid {
    font-size: 1.25rem;
    height: 1.875rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    min-width: 2.5rem;
    padding: 0;
    text-align: center
}

.shopee-page-controller .shopee-button-solid {
    color: #fff
}

.shopee-page-controller .shopee-button-no-outline--non-click {
    cursor: auto
}

.shopee-page-controller__ellipses {
    display: inline-block;
    margin: 0
}

.shopee-page-controller--v2 .shopee-icon-button {
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.54);
    height: 1.5rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-icon-button .shopee-svg-icon {
    width: .6875rem
}

.shopee-page-controller--v2 .shopee-icon-button--left {
    margin-right: .625rem
}

.shopee-page-controller--v2 .shopee-icon-button--right {
    margin-left: .625rem
}

.shopee-page-controller--v2 .shopee-button-no-outline {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-button-solid {
    border-radius: .0625rem;
    box-shadow: none;
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.original-search-link {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem
}

.original-search-link__text {
    color: rgba(0,0,0,.54)
}

.original-search-link__link {
    color: #ee4d2d;
    cursor: pointer;
    margin-left: .25rem
}

.shopee-search-result-header {
    color: #555;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 1.5rem
}

.shopee-search-result-header__text-highlight {
    color: #ee4d2d
}

.shopee-search-result-header .icon-hint-bulb {
    color: #555;
    height: 1.375rem;
    margin: 0 .75rem 0 0;
    position: relative;
    top: .125rem;
    width: 1rem
}

.shopee-search-result-header .icon-voucher-tag {
    margin-right: .625rem;
    width: 1.125rem
}

.shopee-search-result-header__placeholder,.shopee-search-result-header__text {
    padding: .1875rem 0
}

.shopee-search-result-header__placeholder {
    height: 1.2rem
}

.shopee-search-result-header__text-emphasize,.shopee-search-result-header__text-highlight {
    font-weight: 700;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-search-result-header__text-emphasize {
    color: #222
}

.shopee-search-result-header__keyword {
    display: flex;
    flex-direction: row;
    margin-top: .75rem
}

.shopee-search-result-header__keyword-item {
    align-items: center;
    border: 1px solid #757575;
    border-radius: .125rem;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 2.125rem;
    margin-right: .5rem;
    padding: 0 .875rem
}

.shopee-search-empty-result-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 6.25rem 0 7.5rem
}

.shopee-search-empty-result-section__icon {
    width: 8.375rem
}

.shopee-search-empty-result-section__title {
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    margin: .9375rem 0 .625rem
}

.shopee-search-empty-result-section__hint {
    color: rgba(0,0,0,.54);
    font-size: 1.125rem
}

.shopee-search-empty-result-section__hint>span {
    font-weight: 700
}

.shopee-search-empty-result-section__or {
    color: rgba(0,0,0,.4);
    font-size: 1.125rem;
    margin-top: 15px
}

.shopee-search-empty-result-section__button {
    display: flex;
    flex-direction: row;
    margin: 1.5625rem 0 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-search-empty-result-section__button .shopee-button-solid {
    background: #ee4d2d;
    color: #fff;
    font-size: 1.125rem;
    height: 3rem;
    padding: 0 1.25rem
}

.shopee-search-recommendation .search-ymal-section__header {
    height: auto;
    padding: 0 0 1.25rem
}

.shopee-search-recommendation .search-ymal-section__header__title {
    color: #222;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase
}

.shopee-search-recommendation__item {
    margin-bottom: .625rem
}

.sort-price-select {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 2.125rem;
    justify-content: space-between;
    line-height: 2.125rem;
    min-width: 12.5rem;
    padding-left: .75rem;
    position: relative;
    text-align: left;
    transition: border-color .1s ease
}

.sort-price-select:hover {
    background: #fdfdfd
}

.sort-price-select__value {
    color: #ee4d2d;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sort-price-select__dropdown {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    max-height: var(--radix-select-content-available-height);
    overflow-y: auto;
    padding: .625rem 0;
    width: var(--radix-select-trigger-width);
    z-index: 10000
}

.sort-price-select__dropdown-item {
    align-items: center;
    box-sizing: border-box;
    color: #222;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    line-height: 2.125rem;
    padding: 0 .75rem 0 .9375rem;
    width: 100%
}

.sort-price-select__dropdown-item:hover {
    background: transparent;
    color: #ee4d2d
}

.sort-price-select__dropdown-item .shopee-svg-icon.icon-tick-bold {
    width: .6875rem;
    fill: #ee4d2d
}

.sort-price-select .shopee-svg-icon.icon-arrow-down-small {
    width: .75rem;
    fill: #555;
    margin-right: .75rem
}

.shopee-sort-by-options {
    align-items: stretch;
    display: flex;
    flex: 1;
    gap: .625rem;
    justify-content: flex-start
}

.shopee-sort-by-options .shopee-dropdown {
    flex: 1
}

.shopee-sort-by-options .shopee-dropdown .shopee-popover {
    padding: 0;
    width: 100%
}

.shopee-sort-by-options .shopee-dropdown__entry {
    background-color: #fff;
    border: 0;
    justify-content: center;
    padding: 0 .625rem;
    text-transform: uppercase
}

.shopee-sort-by-options .shopee-dropdown__entry--selected {
    color: rgba(0,0,0,.8);
    height: 100%
}

.shopee-sort-by-options .shopee-dropdown__entry--selected span {
    flex: 0 0 auto
}

.shopee-sort-by-options .shopee-dropdown__entry--selected:hover {
    background-color: rgba(0,0,0,.02)
}

.shopee-sort-by-options .shopee-dropdown__entry--optional {
    height: 3.125rem
}

.shopee-sort-by-options .shopee-dropdown--has-selected .shopee-dropdown__entry--selected {
    border-bottom: 2px solid #ee4d2d;
    box-sizing: border-box;
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status {
    margin-left: .625rem;
    min-width: 12.5rem
}

.shopee-sort-by-options .select-with-status__dropdown-item,.shopee-sort-by-options .select-with-status__placeholder,.shopee-sort-by-options .select-with-status__value {
    text-align: left
}

.shopee-sort-by-options .select-with-status__placeholder,.shopee-sort-by-options .select-with-status__value {
    color: rgba(0,0,0,.8);
    margin: 0 .625rem 0 .75rem;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-sort-by-options .select-with-status__value {
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status__dropdown {
    border: 0;
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin: 0;
    padding: .625rem 0
}

.shopee-sort-by-options .select-with-status__dropdown-item {
    cursor: pointer;
    padding: 0 .75rem 0 .9375rem
}

.shopee-sort-by-options .select-with-status__dropdown-item:hover {
    background: transparent;
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status__holder {
    background: #fff;
    margin: 0
}

.shopee-sort-by-options__option-group {
    display: flex;
    gap: .625rem;
    margin-left: .625rem
}

.shopee-sort-by-options__option {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 5.625rem;
    outline: 0;
    overflow: visible;
    padding: 0 .9375rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.shopee-sort-by-options__option:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-sort-by-options__option:active {
    background: #fdfdfd;
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-sort-by-options__option--selected.shopee-sort-by-options__option {
    background: #ee4d2d;
    color: #fff
}

.shopee-sort-by-options__option--selected.shopee-sort-by-options__option:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02)
}

.shopee-sort-by-options .select-with-status__holder,.shopee-sort-by-options__option {
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    height: 2.125rem;
    line-height: 2.125rem
}

.shopee-sort-by-options .select-with-status__holder:hover,.shopee-sort-by-options__option:hover {
    background: #fdfdfd
}

.ranking-criteria-container {
    align-items: stretch;
    display: flex
}

.ranking-criteria {
    align-items: center;
    color: currentColor;
    display: flex;
    justify-content: center;
    margin-left: .5rem;
    margin-right: .3125rem
}

.ranking-criteria .icon-help-center {
    height: 1.125rem;
    width: 1.125rem
}

.shopee-search-help-tooltip {
    background-color: #fff;
    border-radius: .25rem;
    box-sizing: border-box;
    line-height: 1.25rem;
    max-width: 28.125rem;
    padding: .75rem 1rem
}

.shopee-search-help-tooltip>a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

/*
! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
*/
.shopee_ic *,.shopee_ic :after,.shopee_ic :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

.shopee_ic :after,.shopee_ic :before {
    --tw-content: ""
}

.shopee_ic html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4
}

.shopee_ic body {
    line-height: inherit;
    margin: 0
}

.shopee_ic hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

.shopee_ic abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline;
    text-decoration: underline dotted
}

.shopee_ic h1,.shopee_ic h2,.shopee_ic h3,.shopee_ic h4,.shopee_ic h5,.shopee_ic h6 {
    font-size: inherit;
    font-weight: inherit
}

.shopee_ic a {
    color: inherit;
    text-decoration: inherit
}

.shopee_ic b,.shopee_ic strong {
    font-weight: bolder
}

.shopee_ic code,.shopee_ic kbd,.shopee_ic pre,.shopee_ic samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

.shopee_ic small {
    font-size: 80%
}

.shopee_ic sub,.shopee_ic sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

.shopee_ic sub {
    bottom: -.25em
}

.shopee_ic sup {
    top: -.5em
}

.shopee_ic table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

.shopee_ic button,.shopee_ic input,.shopee_ic optgroup,.shopee_ic select,.shopee_ic textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.shopee_ic button,.shopee_ic select {
    text-transform: none
}

.shopee_ic [type=button],.shopee_ic [type=reset],.shopee_ic [type=submit],.shopee_ic button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

.shopee_ic :-moz-focusring {
    outline: auto
}

.shopee_ic :-moz-ui-invalid {
    box-shadow: none
}

.shopee_ic progress {
    vertical-align: initial
}

.shopee_ic ::-webkit-inner-spin-button,.shopee_ic ::-webkit-outer-spin-button {
    height: auto
}

.shopee_ic [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.shopee_ic ::-webkit-search-decoration {
    -webkit-appearance: none
}

.shopee_ic ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.shopee_ic summary {
    display: list-item
}

.shopee_ic blockquote,.shopee_ic dd,.shopee_ic dl,.shopee_ic figure,.shopee_ic h1,.shopee_ic h2,.shopee_ic h3,.shopee_ic h4,.shopee_ic h5,.shopee_ic h6,.shopee_ic hr,.shopee_ic p,.shopee_ic pre {
    margin: 0
}

.shopee_ic fieldset {
    margin: 0;
    padding: 0
}

.shopee_ic legend {
    padding: 0
}

.shopee_ic menu,.shopee_ic ol,.shopee_ic ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.shopee_ic textarea {
    resize: vertical
}

.shopee_ic input::placeholder,.shopee_ic textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

.shopee_ic [role=button],.shopee_ic button {
    cursor: pointer
}

.shopee_ic :disabled {
    cursor: default
}

.shopee_ic audio,.shopee_ic canvas,.shopee_ic embed,.shopee_ic iframe,.shopee_ic img,.shopee_ic object,.shopee_ic svg,.shopee_ic video {
    display: block;
    vertical-align: middle
}

.shopee_ic img,.shopee_ic video {
    height: auto;
    max-width: 100%
}

.shopee_ic [hidden] {
    display: none
}

.shopee_ic *,.shopee_ic :after,.shopee_ic :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.shopee_ic ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.shopee_ic .\!container {
    width: 100%!important
}

.shopee_ic .container {
    width: 100%
}

@media (min-width: 640px) {
    .shopee_ic .\!container {
        max-width:640px!important
    }

    .shopee_ic .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .shopee_ic .\!container {
        max-width:768px!important
    }

    .shopee_ic .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .shopee_ic .\!container {
        max-width:1024px!important
    }

    .shopee_ic .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .shopee_ic .\!container {
        max-width:1280px!important
    }

    .shopee_ic .container {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .shopee_ic .\!container {
        max-width:1536px!important
    }

    .shopee_ic .container {
        max-width: 1536px
    }
}

.shopee_ic .pointer-events-none {
    pointer-events: none
}

.shopee_ic .visible {
    visibility: visible
}

.shopee_ic .fixed {
    position: fixed
}

.shopee_ic .absolute {
    position: absolute
}

.shopee_ic .relative {
    position: relative
}

.shopee_ic .inset-1\/2 {
    bottom: 50%;
    left: 50%;
    right: 50%;
    top: 50%
}

.shopee_ic .inset-y-0 {
    bottom: 0;
    top: 0
}

.shopee_ic .-left-px {
    left: -1px
}

.shopee_ic .-top-\[11px\] {
    top: -11px
}

.shopee_ic .bottom-0 {
    bottom: 0
}

.shopee_ic .left-0 {
    left: 0
}

.shopee_ic .left-1 {
    left: .25rem
}

.shopee_ic .left-\[6px\] {
    left: 6px
}

.shopee_ic .right-0 {
    right: 0
}

.shopee_ic .right-1 {
    right: .25rem
}

.shopee_ic .right-2 {
    right: .5rem
}

.shopee_ic .top-0 {
    top: 0
}

.shopee_ic .top-2 {
    top: .5rem
}

.shopee_ic .top-\[calc\(100\%-6px\)\] {
    top: calc(100% - 6px)
}

.shopee_ic .z-0 {
    z-index: 0
}

.shopee_ic .z-10 {
    z-index: 10
}

.shopee_ic .z-20 {
    z-index: 20
}

.shopee_ic .z-30 {
    z-index: 30
}

.shopee_ic .z-\[-1\] {
    z-index: -1
}

.shopee_ic .z-\[1\] {
    z-index: 1
}

.shopee_ic .mx-0 {
    margin-left: 0;
    margin-right: 0
}

.shopee_ic .mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem
}

.shopee_ic .-ml-px {
    margin-left: -1px
}

.shopee_ic .-mr-px {
    margin-right: -1px
}

.shopee_ic .mb-0 {
    margin-bottom: 0
}

.shopee_ic .mb-0\.5 {
    margin-bottom: .125rem
}

.shopee_ic .mb-1 {
    margin-bottom: .25rem
}

.shopee_ic .mb-2 {
    margin-bottom: .5rem
}

.shopee_ic .mb-\[15px\] {
    margin-bottom: 15px
}

.shopee_ic .ml-0 {
    margin-left: 0
}

.shopee_ic .ml-0\.5 {
    margin-left: .125rem
}

.shopee_ic .ml-1 {
    margin-left: .25rem
}

.shopee_ic .ml-\[-1px\] {
    margin-left: -1px
}

.shopee_ic .ml-\[-3px\] {
    margin-left: -3px
}

.shopee_ic .ml-\[3px\] {
    margin-left: 3px
}

.shopee_ic .ml-auto {
    margin-left: auto
}

.shopee_ic .mr-0 {
    margin-right: 0
}

.shopee_ic .mr-0\.5 {
    margin-right: .125rem
}

.shopee_ic .mr-1 {
    margin-right: .25rem
}

.shopee_ic .mr-px {
    margin-right: 1px
}

.shopee_ic .mt-2 {
    margin-top: .5rem
}

.shopee_ic .mt-3 {
    margin-top: .75rem
}

.shopee_ic .mt-4 {
    margin-top: 1rem
}

.shopee_ic .mt-\[10px\] {
    margin-top: 10px
}

.shopee_ic .mt-\[3px\] {
    margin-top: 3px
}

.shopee_ic .mt-auto {
    margin-top: auto
}

.shopee_ic .box-border {
    box-sizing: border-box
}

.shopee_ic .box-content {
    box-sizing: initial
}

.shopee_ic .line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.shopee_ic .block {
    display: block
}

.shopee_ic .inline-block {
    display: inline-block
}

.shopee_ic .inline {
    display: inline
}

.shopee_ic .flex {
    display: flex
}

.shopee_ic .inline-flex {
    display: inline-flex
}

.shopee_ic .grid {
    display: grid
}

.shopee_ic .contents {
    display: contents
}

.shopee_ic .hidden {
    display: none
}

.shopee_ic .h-3 {
    height: .75rem
}

.shopee_ic .h-4 {
    height: 1rem
}

.shopee_ic .h-5 {
    height: 1.25rem
}

.shopee_ic .h-6 {
    height: 1.5rem
}

.shopee_ic .h-8 {
    height: 2rem
}

.shopee_ic .h-\[1\.75rem\] {
    height: 1.75rem
}

.shopee_ic .h-\[1\.875rem\] {
    height: 1.875rem
}

.shopee_ic .h-\[14px\] {
    height: 14px
}

.shopee_ic .h-\[2\.5rem\] {
    height: 2.5rem
}

.shopee_ic .h-\[3\.75rem\] {
    height: 3.75rem
}

.shopee_ic .h-\[54px\] {
    height: 54px
}

.shopee_ic .h-full {
    height: 100%
}

.shopee_ic .h-px {
    height: 1px
}

.shopee_ic .h-sp10 {
    height: .625rem
}

.shopee_ic .h-sp14 {
    height: .875rem
}

.shopee_ic .max-h-5 {
    max-height: 1.25rem
}

.shopee_ic .min-h-\[1\.75rem\] {
    min-height: 1.75rem
}

.shopee_ic .min-h-\[2\.25rem\] {
    min-height: 2.25rem
}

.shopee_ic .min-h-\[2\.5rem\] {
    min-height: 2.5rem
}

.shopee_ic .min-h-\[3\.25rem\] {
    min-height: 3.25rem
}

.shopee_ic .min-h-\[3\.5rem\] {
    min-height: 3.5rem
}

.shopee_ic .min-h-\[38px\] {
    min-height: 38px
}

.shopee_ic .min-h-\[4\.5rem\] {
    min-height: 4.5rem
}

.shopee_ic .min-h-\[44px\] {
    min-height: 44px
}

.shopee_ic .min-h-\[4rem\] {
    min-height: 4rem
}

.shopee_ic .min-h-\[52px\] {
    min-height: 52px
}

.shopee_ic .min-h-\[64px\] {
    min-height: 64px
}

.shopee_ic .w-1 {
    width: .25rem
}

.shopee_ic .w-20 {
    width: 5rem
}

.shopee_ic .w-24 {
    width: 6rem
}

.shopee_ic .w-28 {
    width: 7rem
}

.shopee_ic .w-32 {
    width: 8rem
}

.shopee_ic .w-44 {
    width: 11rem
}

.shopee_ic .w-5 {
    width: 1.25rem
}

.shopee_ic .w-6 {
    width: 1.5rem
}

.shopee_ic .w-96 {
    width: 24rem
}

.shopee_ic .w-\[14px\] {
    width: 14px
}

.shopee_ic .w-\[3\.875rem\] {
    width: 3.875rem
}

.shopee_ic .w-\[4\.25rem\] {
    width: 4.25rem
}

.shopee_ic .w-\[54px\] {
    width: 54px
}

.shopee_ic .w-full {
    width: 100%
}

.shopee_ic .min-w-0 {
    min-width: 0
}

.shopee_ic .max-w-\[40\%\] {
    max-width: 40%
}

.shopee_ic .max-w-\[60\%\] {
    max-width: 60%
}

.shopee_ic .max-w-\[calc\(100\%_-_17\.25rem\)\] {
    max-width: calc(100% - 17.25rem)
}

.shopee_ic .max-w-\[calc\(100\%_-_7\.5rem\)\] {
    max-width: calc(100% - 7.5rem)
}

.shopee_ic .max-w-\[calc\(100\%_-_9rem\)\] {
    max-width: calc(100% - 9rem)
}

.shopee_ic .max-w-full {
    max-width: 100%
}

.shopee_ic .max-w-none {
    max-width: none
}

.shopee_ic .flex-1 {
    flex: 1 1 0%
}

.shopee_ic .flex-none {
    flex: none
}

.shopee_ic .flex-shrink {
    flex-shrink: 1
}

.shopee_ic .flex-shrink-0,.shopee_ic .shrink-0 {
    flex-shrink: 0
}

.shopee_ic .flex-grow {
    flex-grow: 1
}

.shopee_ic .flex-grow-0 {
    flex-grow: 0
}

.shopee_ic .origin-bottom-right {
    transform-origin: bottom right
}

.shopee_ic .origin-top-left {
    transform-origin: top left
}

.shopee_ic .-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.shopee_ic .-translate-x-1\/2,.shopee_ic .-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.shopee_ic .rotate-180 {
    --tw-rotate: 180deg
}

.shopee_ic .rotate-180,.shopee_ic .scale-x-50 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .scale-x-50 {
    --tw-scale-x: .5
}

.shopee_ic .scale-y-50 {
    --tw-scale-y: .5
}

.shopee_ic .scale-y-50,.shopee_ic .transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .cursor-not-allowed {
    cursor: not-allowed
}

.shopee_ic .cursor-pointer {
    cursor: pointer
}

.shopee_ic .grid-cols-\[repeat\(auto-fit\2c 176px\)\] {
    grid-template-columns: repeat(auto-fit,176px)
}

.shopee_ic .flex-row {
    flex-direction: row
}

.shopee_ic .flex-col {
    flex-direction: column
}

.shopee_ic .place-content-center {
    align-content: center;
    justify-content: center;
    place-content: center
}

.shopee_ic .items-end {
    align-items: flex-end
}

.shopee_ic .items-center {
    align-items: center
}

.shopee_ic .items-baseline {
    align-items: baseline
}

.shopee_ic .items-stretch {
    align-items: stretch
}

.shopee_ic .justify-start {
    justify-content: flex-start
}

.shopee_ic .justify-end {
    justify-content: flex-end
}

.shopee_ic .justify-center {
    justify-content: center
}

.shopee_ic .justify-between {
    justify-content: space-between
}

.shopee_ic .gap-4 {
    gap: 1rem
}

.shopee_ic .space-x-0>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0px*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.125rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.125rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px*var(--tw-space-y-reverse));
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.125rem*var(--tw-space-y-reverse));
    margin-top: calc(.125rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-\[10px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(10px*var(--tw-space-y-reverse));
    margin-top: calc(10px*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-\[5px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(5px*var(--tw-space-y-reverse));
    margin-top: calc(5px*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-\[6px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(6px*var(--tw-space-y-reverse));
    margin-top: calc(6px*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .self-center {
    align-self: center
}

.shopee_ic .overflow-hidden {
    overflow: hidden
}

.shopee_ic .overflow-clip {
    overflow: clip
}

.shopee_ic .truncate {
    overflow: hidden;
    white-space: nowrap
}

.shopee_ic .text-ellipsis,.shopee_ic .truncate {
    text-overflow: ellipsis
}

.shopee_ic .whitespace-nowrap {
    white-space: nowrap
}

.shopee_ic .break-words {
    overflow-wrap:
}

.shopee_ic .rounded {
    border-radius: .25rem
}

.shopee_ic .rounded-\[1px\] {
    border-radius: 1px
}

.shopee_ic .rounded-\[2px\] {
    border-radius: 2px
}

.shopee_ic .rounded-\[50\%\] {
    border-radius: 50%
}

.shopee_ic .rounded-full {
    border-radius: 9999px
}

.shopee_ic .rounded-md {
    border-radius: .375rem
}

.shopee_ic .rounded-sm {
    border-radius: .125rem
}

.shopee_ic .rounded-xl {
    border-radius: .75rem
}

.shopee_ic .rounded-r-\[100px\] {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

.shopee_ic .rounded-bl-sm {
    border-bottom-left-radius: .125rem
}

.shopee_ic .rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.shopee_ic .rounded-tl-sm {
    border-top-left-radius: .125rem
}

.shopee_ic .rounded-tr-sm {
    border-top-right-radius: .125rem
}

.shopee_ic .border {
    border-width: 1px
}

.shopee_ic .border-0 {
    border-width: 0
}

.shopee_ic .border-\[0\.5px\] {
    border-width: .5px
}

.shopee_ic .border-l {
    border-left-width: 1px
}

.shopee_ic .border-solid {
    border-style: solid
}

.shopee_ic .border-\[\#30B566\] {
    --tw-border-opacity: 1;
    border-color: rgba(48,181,102,var(--tw-border-opacity))
}

.shopee_ic .border-shopee-black26 {
    border-color: rgba(0,0,0,.26)
}

.shopee_ic .border-shopee-black9 {
    border-color: rgba(0,0,0,.09)
}

.shopee_ic .border-shopee-primary {
    --tw-border-opacity: 1;
    border-color: rgba(238,77,45,var(--tw-border-opacity))
}

.shopee_ic .bg-\[\#eb1717\] {
    --tw-bg-opacity: 1;
    background-color: rgba(235,23,23,var(--tw-bg-opacity))
}

.shopee_ic .bg-\[\#ee4d2d5c\] {
    background-color: rgba(238,77,45,.361)
}

.shopee_ic .bg-\[\#ee4d2d\] {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,var(--tw-bg-opacity))
}

.shopee_ic .bg-black\/\[0\.65\] {
    background-color: rgba(0,0,0,.65)
}

.shopee_ic .bg-shopee-black26 {
    background-color: rgba(0,0,0,.26)
}

.shopee_ic .bg-shopee-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(6,107,200,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-deep-pink {
    --tw-bg-opacity: 1;
    background-color: rgba(255,237,235,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-deep-red {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-grey {
    --tw-bg-opacity: 1;
    background-color: rgba(250,250,250,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-official-shop {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-pink {
    --tw-bg-opacity: 1;
    background-color: rgba(254,238,234,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-voucher-yellow {
    --tw-bg-opacity: 1;
    background-color: rgba(246,145,19,var(--tw-bg-opacity))
}

.shopee_ic .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.shopee_ic .bg-gradient-to-b {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.shopee_ic .from-white\/0 {
    --tw-gradient-from: hsla(0,0%,100%,0) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.shopee_ic .to-black\/60 {
    --tw-gradient-to: rgba(0,0,0,.6) var(--tw-gradient-to-position)
}

.shopee_ic .bg-contain {
    background-size: contain
}

.shopee_ic .bg-cover {
    background-size: cover
}

.shopee_ic .bg-center {
    background-position: 50%
}

.shopee_ic .bg-no-repeat {
    background-repeat: no-repeat
}

.shopee_ic .stroke-none {
    stroke: none
}

.shopee_ic .object-contain {
    object-fit: contain
}

.shopee_ic .p-0 {
    padding: 0
}

.shopee_ic .p-0\.5 {
    padding: .125rem
}

.shopee_ic .p-1 {
    padding: .25rem
}

.shopee_ic .p-2 {
    padding: .5rem
}

.shopee_ic .p-5 {
    padding: 1.25rem
}

.shopee_ic .p-\[1px\],.shopee_ic .p-px {
    padding: 1px
}

.shopee_ic .p-sp10 {
    padding: .625rem
}

.shopee_ic .px-0 {
    padding-left: 0;
    padding-right: 0
}

.shopee_ic .px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.shopee_ic .px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.shopee_ic .px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.shopee_ic .px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}

.shopee_ic .px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.shopee_ic .px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.shopee_ic .px-px {
    padding-left: 1px;
    padding-right: 1px
}

.shopee_ic .py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.shopee_ic .py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.shopee_ic .py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.shopee_ic .py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.shopee_ic .py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.shopee_ic .py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.shopee_ic .py-\[10px\] {
    padding-bottom: 10px;
    padding-top: 10px
}

.shopee_ic .py-\[1px\] {
    padding-bottom: 1px;
    padding-top: 1px
}

.shopee_ic .pb-1 {
    padding-bottom: .25rem
}

.shopee_ic .pb-\[6px\] {
    padding-bottom: 6px
}

.shopee_ic .pl-0 {
    padding-left: 0
}

.shopee_ic .pl-0\.5 {
    padding-left: .125rem
}

.shopee_ic .pl-2 {
    padding-left: .5rem
}

.shopee_ic .pl-px {
    padding-left: 1px
}

.shopee_ic .pr-0 {
    padding-right: 0
}

.shopee_ic .pr-1 {
    padding-right: .25rem
}

.shopee_ic .pr-\[1px\] {
    padding-right: 1px
}

.shopee_ic .pr-\[4px\] {
    padding-right: 4px
}

.shopee_ic .pr-\[6px\] {
    padding-right: 6px
}

.shopee_ic .pt-1 {
    padding-top: .25rem
}

.shopee_ic .pt-2 {
    padding-top: .5rem
}

.shopee_ic .pt-\[40\%\] {
    padding-top: 40%
}

.shopee_ic .pt-\[6px\] {
    padding-top: 6px
}

.shopee_ic .pt-full {
    padding-top: 100%
}

.shopee_ic .text-center {
    text-align: center
}

.shopee_ic .align-middle {
    vertical-align: middle
}

.shopee_ic .text-2xl\/9 {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.shopee_ic .text-\[0\.5rem\]\/\[0\.5rem\] {
    font-size: .5rem;
    line-height: .5rem
}

.shopee_ic .text-\[0\.625rem\] {
    font-size: .625rem
}

.shopee_ic .text-\[10px\] {
    font-size: 10px
}

.shopee_ic .text-\[10px\]\/3 {
    font-size: 10px;
    line-height: .75rem
}

.shopee_ic .text-\[8px\]\/\[8px\] {
    font-size: 8px;
    line-height: 8px
}

.shopee_ic .text-\[9px\]\/3 {
    font-size: 9px;
    line-height: .75rem
}

.shopee_ic .text-\[9px\]\/sp10 {
    font-size: 9px;
    line-height: .625rem
}

.shopee_ic .text-base\/4 {
    font-size: 1rem;
    line-height: 1rem
}

.shopee_ic .text-base\/5 {
    font-size: 1rem;
    line-height: 1.25rem
}

.shopee_ic .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.shopee_ic .text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.shopee_ic .text-sm\/4 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-sm\/\[1\.875rem\] {
    font-size: .875rem;
    line-height: 1.875rem
}

.shopee_ic .text-sm\/sp14 {
    font-size: .875rem;
    line-height: .875rem
}

.shopee_ic .text-sp10,.shopee_ic .text-sp10\/3 {
    font-size: .625rem;
    line-height: .75rem
}

.shopee_ic .text-sp12\/\[40px\] {
    font-size: .75rem;
    line-height: 40px
}

.shopee_ic .text-sp14 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-xl\/5 {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.shopee_ic .text-xl\/6 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.shopee_ic .text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.shopee_ic .text-xs\/3 {
    font-size: .75rem;
    line-height: .75rem
}

.shopee_ic .text-xs\/4 {
    font-size: .75rem;
    line-height: 1rem
}

.shopee_ic .text-xs\/5 {
    font-size: .75rem;
    line-height: 1.25rem
}

.shopee_ic .text-xs\/sp14 {
    font-size: .75rem;
    line-height: .875rem
}

.shopee_ic .text-xs\/sp18 {
    font-size: .75rem;
    line-height: 1.125rem
}

.shopee_ic .font-bold {
    font-weight: 700
}

.shopee_ic .font-extralight {
    font-weight: 200
}

.shopee_ic .font-light {
    font-weight: 300
}

.shopee_ic .font-medium {
    font-weight: 500
}

.shopee_ic .font-normal {
    font-weight: 400
}

.shopee_ic .font-thin {
    font-weight: 100
}

.shopee_ic .uppercase {
    text-transform: uppercase
}

.shopee_ic .capitalize {
    text-transform: capitalize
}

.shopee_ic .leading-3 {
    line-height: .75rem
}

.shopee_ic .leading-4 {
    line-height: 1rem
}

.shopee_ic .leading-7 {
    line-height: 1.75rem
}

.shopee_ic .leading-\[14px\] {
    line-height: 14px
}

.shopee_ic .leading-\[16px\] {
    line-height: 16px
}

.shopee_ic .text-\[\#30B566\] {
    --tw-text-opacity: 1;
    color: rgba(48,181,102,var(--tw-text-opacity))
}

.shopee_ic .text-\[\#656565\] {
    --tw-text-opacity: 1;
    color: rgba(101,101,101,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-black26 {
    color: rgba(0,0,0,.26)
}

.shopee_ic .text-shopee-black54 {
    color: rgba(0,0,0,.54)
}

.shopee_ic .text-shopee-black65 {
    color: rgba(0,0,0,.65)
}

.shopee_ic .text-shopee-black87 {
    color: rgba(0,0,0,.87)
}

.shopee_ic .text-shopee-deep-grey {
    --tw-text-opacity: 1;
    color: rgba(93,93,93,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-green {
    --tw-text-opacity: 1;
    color: rgba(38,170,153,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-grey {
    --tw-text-opacity: 1;
    color: rgba(250,250,250,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-mask-grey {
    --tw-text-opacity: 1;
    color: rgba(189,189,189,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-primary {
    --tw-text-opacity: 1;
    color: rgba(238,77,45,var(--tw-text-opacity))
}

.shopee_ic .text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.shopee_ic .line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.shopee_ic .opacity-0 {
    opacity: 0
}

.shopee_ic .opacity-70 {
    opacity: .7
}

.shopee_ic .opacity-\[0\.82\] {
    opacity: .82
}

.shopee_ic .outline {
    outline-style: solid
}

.shopee_ic .drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))
}

.shopee_ic .drop-shadow-md,.shopee_ic .drop-shadow-sm {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.shopee_ic .drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,.05))
}

.shopee_ic .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.shopee_ic .transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.shopee_ic .duration-100 {
    transition-duration: .1s
}

.shopee_ic .ease-sharp-motion-curve {
    transition-timing-function: cubic-bezier(.4,0,.6,1)
}

.shopee_ic .last\:mb-0:last-child {
    margin-bottom: 0
}

.shopee_ic .hover\:z-\[1\]:hover {
    z-index: 1
}

.shopee_ic .hover\:-translate-y-\[1px\]:hover {
    --tw-translate-y: -1px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .hover\:cursor-not-allowed:hover {
    cursor: not-allowed
}

.shopee_ic .hover\:border-shopee-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgba(238,77,45,var(--tw-border-opacity))
}

.shopee_ic .hover\:shadow-hover:hover {
    --tw-shadow: 0 1px 20px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 20px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shopee_ic .active\:translate-y-0:active {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .active\:shadow-active:active {
    --tw-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 5px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shopee_ic .group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.search-ymal-section {
    padding-top: 1.25rem
}

.search-ymal-section h2 {
    font-size: unset;
    font-weight: unset;
    margin: unset
}

.search-ymal-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.search-ymal-section__header:before {
    background-color: #ee4d2d;
    content: none;
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.search-ymal-section__header__title {
    color: rgba(0,0,0,.54);
    flex: 1;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section--simple {
    padding-top: 1.25rem
}

.shopee-header-section--simple>.shopee-header-section__header:before {
    content: none
}

.shopee-header-section--simple .shopee-header-section__header__title {
    color: rgba(0,0,0,.54);
    font-size: 1rem;
    font-weight: 500
}

.shopee-header-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.shopee-header-section__header:before {
    background-color: #ee4d2d;
    content: "";
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.shopee-header-section__header__title {
    flex: 1;
    font-size: 1.25rem;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section__header-link {
    color: rgba(0,0,0,.87);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-header-section__header .shopee-button-outline {
    background-color: #fff;
    border-color: rgba(0,0,0,.09);
    border-radius: .9375rem;
    color: #ee4d2d;
    height: 1.875rem
}

.shopee-header-section__header .shopee-button-outline--rounded {
    background-color: #fff
}

.shopee-header-section__header .shopee-button-no-outline {
    color: #ee4d2d
}

.shopee-header-section__header .shopee-button-no-outline,.shopee-header-section__header .shopee-button-outline--rounded {
    align-items: center;
    display: flex;
    text-transform: capitalize
}

.shopee-header-section__header .shopee-button-no-outline .icon-arrow-right,.shopee-header-section__header .shopee-button-outline--rounded .icon-arrow-right {
    font-size: .625rem
}

.shopee-header-section__header a {
    color: #ee4d2d;
    -webkit-text-decoration: none!important;
    text-decoration: none!important
}

.c74k6d {
    color: #000;
    font-weight: 500
}

.gb4RWp,.pDKgeh {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-sort-bar {
    align-items: center;
    background: rgba(0,0,0,.03);
    border-radius: 2px;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    padding: .8125rem 1.25rem
}

.shopee-sort-bar__label {
    color: #555;
    margin: 0 .3125rem 0 0
}

.shopee-sort-bar--placeholder {
    height: 2.125rem
}

.shopee-search-item-result ol,.shopee-search-item-result ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.shopee-search-item-result .shopee-page-controller {
    margin: 1.25rem 0 3.75rem
}

.shopee-search-item-result__items {
    margin: .5rem 0 0
}

.shopee-search-item-result__item {
    margin: .3125rem 0
}

.shopee-search-item-result>.spinner-container {
    min-height: 212.375rem
}

.shopee-search-item-result .shopee-search-item-result__items {
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

.GrfTek {
    margin-top: 2.5rem
}

.auto-parts-slot {
    margin: .875rem 0
}

.QIkbKR {
    margin: 1.875rem auto;
    max-width: none;
    width: 24.375rem
}

.YIxMck {
    height: 6.25rem;
    margin: 0 auto
}

.OljBHl {
    margin: 3.125rem auto;
    max-width: none
}

.stardust-input__element {
    background: #f6f6f6;
    border: 2px solid rgba(0,0,0,.09);
    border-radius: 4px;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding: 4px 8px;
    resize: none
}

.stardust-input__element:focus {
    border-color: #f9c5bb;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #f9c5bb;
    outline: 0
}

.stardust-input__element--invalid,.stardust-input__element--invalid:focus,.stardust-input__element:invalid {
    background-color: #fff1f1;
    border-color: #ff424f;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #ff424f;
    outline: 0
}

.stardust-input__element--disabled,.stardust-input__element:disabled {
    background-color: #ddd;
    cursor: not-allowed
}

.stardust-input__invalid-message {
    color: #ff424f;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300
}

.stardust-alphabet-scroll-bar {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 15px
}

.stardust-alphabet-scroll-bar__letter {
    color: #888;
    cursor: pointer;
    font-weight: 300
}

.stardust-alphabet-scroll-bar__letter--active {
    color: #333;
    font-weight: 400
}

.stardust-alphabet-scroll {
    position: relative
}

.stardust-alphabet-scroll__list {
    overflow-y: auto
}

.stardust-checkbox {
    align-items: center;
    color: rgba(0,0,0,.54);
    cursor: default;
    display: flex;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    max-width: 400px;
    position: relative
}

.stardust-checkbox__input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.stardust-checkbox__box {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.stardust-checkbox__box:hover {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.09)
}

.stardust-checkbox__box:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 9px
}

.stardust-checkbox--disabled {
    cursor: no-drop;
    opacity: .35
}

.stardust-checkbox--disabled .stardust-checkbox__box {
    background: #e7e7e7!important;
    box-shadow: none!important
}

.stardust-checkbox--disabled .stardust-checkbox__box:before {
    border-color: transparent
}

.stardust-checkbox--checked>.stardust-checkbox__box {
    background: #ee4d2d;
    border-color: #ee4d2d
}

.stardust-checkbox--checked>.stardust-checkbox__box:hover {
    box-shadow: none
}

.stardust-checkbox--checked>.stardust-checkbox__box:before {
    border-color: #fff
}

._8BtX6 {
    align-items: center;
    background: rgba(0,0,0,.4);
    background: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0 2.5rem;
    padding: 0 var(--ns-g,2.5rem);
    position: fixed;
    right: 0;
    top: 0
}

._1EXGi {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    box-sizing: border-box;
    padding: 2.5rem;
    padding: var(--ns-g,2.5rem);
    text-align: center
}

.B5Zkp {
    max-width: 18.75rem;
    min-width: 7.5rem;
    padding: 1.25rem;
    padding: var(--ns-e,1.25rem)
}

._1C-Oy {
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1C-Oy,._1NM_1 {
    margin-top: .5rem;
    margin-top: var(--ns-b,.5rem)
}

._1NM_1 {
    color: rgba(0,0,0,.54);
    color: var(--nc-text-tertiary,rgba(0,0,0,.54))
}

._2yNQg {
    align-items: center;
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    display: inline-flex;
    height: 1.25em;
    width: 1.25em
}

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

.s6Zx9 {
    animation: _2yNQg .56s linear infinite;
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: .25em;
    margin-bottom: -.25em;
    margin-right: .25em;
    transform: translateY(.0001%);
    width: .25em
}

.s6Zx9:nth-child(2) {
    animation-delay: -.14s
}

.s6Zx9:nth-child(3) {
    animation-delay: -.28s;
    margin-right: 0
}

@keyframes _2yNQg {
    50% {
        transform: translateY(-.25em)
    }
}

.c-cxO7 {
    cursor: pointer;
    opacity: .7;
    position: fixed;
    right: 0;
    top: 25%;
    transform: translateY(-50%);
    z-index: 16777270
}

.EnDndX {
    border-bottom: 1px solid #ddd;
    font-size: .75rem;
    line-height: 20px;
    padding: 5px 10px;
    white-space: break-spaces;
    word-break: break-all
}

._4r5pwj {
    background-color: #fff8e4;
    color: #f69113
}

.cyNkVw {
    background-color: #fff4f4;
    color: #ee2c4a
}

.ZpHoV9 {
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 5px
}

.ytsZhR {
    height: calc(100% - 60px);
    overflow: scroll
}

.bD3Mrk {
    display: flex;
    height: 60px;
    padding: 5px 0
}

._81d9pO {
    align-items: center;
    align-self: flex-end;
    border: 0;
    border-radius: 5px;
    display: inline-flex;
    display: flex;
    height: 35px;
    justify-content: center;
    margin: 10px 0 10px auto;
    outline: 0;
    padding: 5px 10px
}

.gWEhT3 {
    background-color: #ee4d2d;
    color: #fff
}

.gWEhT3:hover {
    opacity: .91
}

.gWEhT3:active {
    background-color: #e2492b;
    opacity: 1
}

.gWEhT3:disabled {
    background-color: rgba(0,0,0,.06);
    color: rgba(0,0,0,.5)
}

.ddKVE6 {
    background-color: rgba(0,0,0,.12)
}

.ddKVE6:active {
    background-color: rgba(0,0,0,.18)
}

.ddKVE6:disabled {
    background-color: rgba(0,0,0,.06);
    color: rgba(0,0,0,.5)
}

._8Oi\+4n {
    font-size: 1rem;
    margin: 5px
}

.Pz6\+Ax {
    flex: 1;
    margin: 0 5px;
    resize: none
}

._6BSV1T {
    height: 100%;
    margin: 0 5px
}

.fHcgC4 {
    font-size: .75rem;
    width: 100%
}

.bSbUX4 {
    padding: 0 0 5px 5px
}

.TjHZSJ {
    cursor: pointer;
    line-height: 20px
}

.TjHZSJ,._8DaW1C {
    border: 1px solid #ddd
}

._8DaW1C {
    padding: 5px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.HVSaeq {
    width: 80%;
    word-break: break-all
}

.Wnbman,.\+inHd7 {
    width: 10%
}

._05ijjU {
    margin-bottom: 5px
}

.QNBGsI {
    padding: 5px 10px
}

.u\+93zK {
    font-weight: 700
}

.isfzDO,.o4kKlY,.u\+93zK {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.isfzDO,.o4kKlY {
    margin-top: 5px;
    padding-left: 10px
}

.o4kKlY {
    white-space: break-spaces
}

.isfzDO {
    white-space: nowrap
}

.rRAK3k {
    font-weight: 700;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.douTz9 {
    color: red
}

._8OuhiO {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 35px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 16777271
}

.mThecX {
    opacity: 0
}

.rUS6Gu {
    transition: opacity .2s
}

.Zelaup,.rUS6Gu {
    opacity: 1
}

.S9a4rf {
    opacity: 0;
    transition: opacity .2s
}

.a3FNcW {
    background: rgba(0,0,0,.65);
    border-radius: 10px;
    max-width: 600px;
    min-height: 56px;
    min-width: 120px;
    overflow: hidden;
    padding: 20px 12px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.FvgUnO {
    margin-bottom: 8px
}

._1s9CMG {
    color: #fff;
    margin: 0
}

.F6UwCO {
    display: flex;
    flex-direction: column;
    padding: 0 10px 10px
}

.tmmQep {
    align-items: center;
    display: flex;
    padding-bottom: 10px
}

.ZSvaez {
    display: flex;
    justify-content: center
}

._5vu2n3 {
    background-color: initial;
    border: 1px dashed;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px;
    max-width: 800px;
    padding: 10px 20px
}

.Hsxiv1 {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px
}

._1Pc3Ao {
    flex: 3;
    font-weight: 700;
    min-width: 200px;
    padding-right: 5px
}

.Ur5oxN {
    flex: 8;
    min-width: 200px
}

@keyframes DEC2JN {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.Cv0OTF {
    animation: DEC2JN 1s linear infinite;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top-color: #000;
    height: 25px;
    width: 25px
}

.HX-DPe {
    padding: 15px 10px 0
}

.yzljAl {
    cursor: pointer;
    padding: 8px
}

.EdqqzD {
    align-items: center;
    display: flex;
    justify-content: center
}

.JX1TIT {
    background-color: #f2f2f2;
    border: 0;
    border-radius: 50px;
    line-height: 40px;
    margin: 0 5px;
    outline: none;
    padding: 0 15px;
    width: 80%
}

.JX1TIT:focus {
    box-shadow: 0 0 0 1px #08f
}

.EaA1Nk {
    margin-top: 30px
}

.ITyJ8W {
    display: block;
    margin-bottom: 5px
}

.\+b2NFG {
    margin-right: 10px;
    padding: 5px;
    width: 90%
}

._0bmk4H {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px
}

.E4GDyd {
    padding: 0 0 5px 5px
}

._2ZDoJh:nth-child(odd) {
    background-color: #f3f7fd
}

.QoPaLC {
    padding: 8px;
    word-break: break-all
}

.bDd7ch,.klVro8 {
    width: 40%
}

.DysYuo,.FJgnVx {
    width: 60%
}

.qWsVml,.qvi0BX {
    cursor: pointer;
    padding: 8px;
    width: 36px
}

.nU3iUg {
    align-items: center;
    display: flex;
    margin: 30px 0
}

.DysYuo,.klVro8 {
    margin-right: 5px;
    padding: 5px
}

.QwkIQz {
    position: absolute;
    visibility: hidden
}

.wWXBxP {
    font-size: 12px;
    padding: 0 5px;
    width: 100%
}

.wWXBxP pre {
    overflow-x: hidden
}

.wWXBxP code,.wWXBxP span {
    overflow-wrap:;
    white-space: break-spaces!important
}

.mqo66c {
    display: inline-block;
    width: 6px
}

.qyGRd3 {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    bottom: 0;
    box-shadow: 0 5px 8px #818181;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    will-change: height;
    z-index: 16777270
}

.FEXC6c {
    height: 70%
}

.IJxU8K {
    transition: height .3s
}

.IJxU8K,.x9WVTS {
    height: 0
}

.rlaC8s {
    height: 70%;
    transition: height .3s
}

.G5Eaom {
    -ms-overflow-style: none;
    background-color: #f3f3f3;
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    touch-action: pan-x
}

.G5Eaom::-webkit-scrollbar {
    display: none
}

.P34OOr {
    align-items: center;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 70px
}

.uY7JMR {
    border-bottom: 1px solid #3375e0
}

.KsV8qW {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 50px
}

.-bTNsM {
    overflow-y: scroll
}

._1SNiy {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 17.5rem;
    padding: 1.25rem;
    text-align: center
}

._3-udG {
    height: 7.5rem;
    width: 7.5rem
}

._3NFns {
    height: 4.25rem;
    width: 4.25rem
}

._1UfFg {
    margin-top: 1rem;
    margin-top: var(--ns-d,1rem);
    width: 100%
}

._2Tym7 {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    margin: 0 0 .5rem;
    margin: 0 0 var(--ns-b,.5rem) 0;
    -webkit-line-clamp: 2
}

.WQyuP,._2Tym7 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.WQyuP {
    color: rgba(0,0,0,.54);
    color: var(--nc-text-tertiary,rgba(0,0,0,.54));
    margin: 0;
    -webkit-line-clamp: 3
}

.DQJcZ {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-top: var(--ns-d,1rem);
    max-width: 17.5rem;
    min-width: 7.5rem
}

.aEf9D {
    height: .5rem;
    height: var(--ns-b,.5rem)
}

._1LFM9 {
    height: .75rem;
    height: var(--ns-c,.75rem)
}

.Zofz7G,.yWvOxp {
    align-items: center;
    display: flex
}

.Bag5KS {
    margin-bottom: 15px;
    margin-top: 6px;
    position: relative
}

.yFxUJ9 {
    background: #fff;
    color: rgba(0,0,0,.4);
    display: none;
    font-size: 12px;
    left: 10px;
    padding: 0 3px;
    position: absolute;
    top: -6px
}

.QwONAI {
    display: block
}

.Z64YO8 {
    color: #ff424f
}

.Zofz7G {
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    height: 40px;
    position: relative;
    transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out
}

.Zofz7G:hover {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.05)
}

.v_HZ3b {
    border-color: #ff424f
}

.v_HZ3b::placeholder {
    color: #ff424f
}

.AGsK3e {
    border: 1px solid rgba(0,0,0,.54);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.12)
}

.M8X_Fq {
    background-color: initial;
    border: 0;
    box-sizing: border-box;
    color: #222;
    flex: 1;
    font-size: 14px;
    height: 38px;
    min-width: 0;
    outline: none;
    padding: 10px;
    width: 100%
}

.M8X_Fq::placeholder {
    color: #bbb
}

.M8X_Fq:read-only {
    color: #bbb
}

.M8X_Fq:-moz-read-only {
    color: #bbb
}

.M8X_Fq:disabled {
    color: rgba(0,0,0,.54);
    -webkit-text-fill-color: rgba(0,0,0,.54)
}

.r_o_6i::placeholder {
    color: #ff424f
}

.fpbK4Y {
    color: #ff424f;
    display: block;
    font-size: 12px;
    padding: 8px 0 2px
}

.yWvOxp {
    bottom: 0;
    padding-right: 9px;
    top: 0
}

.gmC4PW,.yWvOxp {
    position: absolute;
    right: 0
}

.gmC4PW {
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 2px;
    box-shadow: 0 0 4px rgba(0,0,0,.12);
    box-sizing: border-box;
    left: 0;
    max-height: 192px;
    overflow-y: auto;
    z-index: 1
}

.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
}

.shopee-dropdown {
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-dropdown .shopee-popover {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    max-height: 8.375rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .3125rem 0
}

.shopee-dropdown--opened .shopee-dropdown__entry--selected {
    border-color: #ee4d2d
}

.shopee-dropdown--has-selected .shopee-dropdown__entry--selected {
    color: rgba(0,0,0,.8)
}

.shopee-dropdown__entry {
    align-items: center;
    display: flex;
    padding: 0 .9375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-dropdown__entry span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-dropdown__entry .shopee-svg-icon {
    font-size: .75rem;
    margin-left: .3125rem
}

.shopee-dropdown__entry-icon {
    height: 1.125rem;
    margin-right: .375rem;
    object-fit: scale-down;
    width: 1.125rem
}

.shopee-dropdown__entry--selected {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: #bbb;
    height: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-dropdown__entry--selected:hover {
    border-color: #ee4d2d
}

.shopee-dropdown__entry--optional {
    padding-bottom: .3125rem;
    padding-top: .3125rem
}

.shopee-dropdown__entry--optional:hover {
    color: #ee4d2d
}

.shopee-dropdown__entry--optional .shopee-dropdown__entry-icon {
    margin-right: 1rem
}

.shopee-dropdown__entry--optional span {
    white-space: normal
}

.shopee-dropdown__entry--header {
    border-top: 1px solid rgba(0,0,0,.09);
    color: #929292;
    cursor: default;
    margin: 0 .9375rem;
    padding: .3125rem 0
}

.shopee-dropdown__entry--header:first-child {
    border-top: 0
}

.shopee-dropdown__entry--header:hover {
    color: #929292
}

.shopee-dropdown__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.b49EUc {
    display: flex;
    justify-content: space-between
}

.b49EUc,.b49EUc .shopee-popover {
    width: 100%
}

.b49EUc .shopee-dropdown {
    display: flex;
    width: 32%
}

.b49EUc .shopee-dropdown--opened .wMWEGT {
    border-width: 2px
}

.b49EUc .shopee-dropdown__entry {
    box-sizing: border-box;
    width: 100%
}

.hpnUjt {
    position: relative
}

.hpnUjt img {
    vertical-align: bottom
}

.x6bJR_ {
    visibility: hidden
}

.sFM9IT {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.y2T8tn {
    opacity: 0
}

.lI6EAf {
    opacity: 1;
    transition: opacity .2s ease
}

._uNeHn {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.j_fk6w ._2jubMt {
    bottom: 0;
    right: 0
}

._2jubMt,.j_fk6w ._2jubMt {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

._2jubMt {
    height: 100%;
    width: 100%
}

.GkTLDI {
    align-items: center;
    border-radius: 2px;
    box-sizing: border-box;
    color: #333;
    display: flex;
    flex: 1 0 auto;
    font-size: 14px;
    padding: 12px 14px
}

.YIMx1z {
    background-color: #fbfdff;
    border: 1px solid #cbe4f4
}

.YIMx1z .j8riXO {
    color: #05a
}

.AbtwDF {
    background-color: #fffdf8;
    border: 1px solid rgba(255,174,4,.3);
    flex-shrink: 0
}

.AbtwDF .j8riXO {
    color: #ffae04
}

.VyIJN6 {
    background-color: #fafdf7;
    border: 1px solid rgba(87,172,3,.3)
}

.VyIJN6 .j8riXO {
    border: 1px solid #6c0;
    border-radius: 50%;
    color: #6c0;
    height: 10px;
    padding: 2px;
    width: 10px
}

.caU8aN {
    background-color: #fff9f9;
    border: 1px solid rgba(255,66,79,.2)
}

.caU8aN .j8riXO {
    color: #ff424f
}

.j8riXO {
    height: 16px;
    margin-right: 10px;
    width: 16px;
    fill: currentColor;
    stroke: currentColor
}

.stardust-dropdown {
    position: relative
}

.stardust-dropdown__item-body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)
}

.stardust-dropdown__item-body--open {
    height: auto;
    opacity: 1
}

.stardust-popup {
    align-items: center;
    display: flex
}

.stardust-popup,.stardust-popup__overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-popup__overlay {
    background: rgba(0,0,0,.4)
}

.stardust-popup__dialog {
    background: #fff;
    border-radius: 4px;
    margin: auto 34px
}

.stardust-popup__dialog--wrapper {
    margin: 0 auto;
    max-width: 375px;
    width: 100%;
    z-index: 2
}

.stardust-popup__dialog--wrapper-top {
    padding: 20px 20px 0
}

.stardust-popup-title {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    text-align: center
}

.stardust-popup-content,.stardust-popup-title {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-popup-content {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    text-align: left
}

.stardust-popup-buttons {
    align-content: space-between;
    display: flex;
    margin-top: 26px
}

.stardust-popup-button {
    border-top: 1px solid rgba(0,0,0,.09);
    color: #ee4d2d;
    cursor: pointer;
    flex: 1 100%;
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.stardust-popup-button:nth-child(2) {
    border-left: 1px solid rgba(0,0,0,.09)
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

.loading-spinner-popup__container img {
    animation: rotating 2s linear infinite
}

.stardust-toggle-root-rw {
    background-color: #d9d9d9;
    border-radius: 40px;
    height: 30px;
    position: relative;
    transition: background-color .25s ease;
    width: 50px
}

.stardust-toggle-root-rw .stardust-toggle-toggle {
    background: #fff;
    border-radius: 50%;
    box-shadow: -1px 1px 2px 0 rgba(0,0,0,.5);
    height: 27px;
    position: absolute;
    transform: translate(1px,1.5px);
    transition: transform .25s ease;
    width: 27px
}

.stardust-toggle-root-rw.stardust-toggle-checked {
    background-color: #4fd262
}

.stardust-toggle-root-rw.stardust-toggle-checked .stardust-toggle-toggle {
    transform: translate(22px,1.5px)
}

.stardust-toggle-root-pc {
    background-color: #d9d9d9;
    border-radius: 40px;
    height: 24px;
    position: relative;
    transition: background-color .25s ease;
    width: 40px
}

.stardust-toggle-root-pc .stardust-toggle-toggle {
    background: #fff;
    border-radius: 50%;
    box-shadow: -1px 1px 2px 0 rgba(0,0,0,.5);
    height: 22px;
    position: absolute;
    transform: translate(1px,1px);
    transition: transform .25s ease;
    width: 22px
}

.stardust-toggle-root-pc.stardust-toggle-checked {
    background-color: #4fd262
}

.stardust-toggle-root-pc.stardust-toggle-checked .stardust-toggle-toggle {
    transform: translate(17px,1px)
}

.stardust-radio {
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 16px 12px
}

.stardust-radio--disabled {
    cursor: not-allowed;
    opacity: .35
}

.stardust-radio__detail {
    color: rgba(0,0,0,.54);
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-top: 8px
}

.stardust-radio__content {
    cursor: pointer
}

.stardust-radio-button {
    flex-shrink: 0;
    height: 18px;
    margin-right: 8px;
    position: relative;
    width: 18px
}

.stardust-radio-button__input {
    border: 1px solid transparent;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.stardust-radio-button__outer-circle {
    align-items: center;
    border: 2px solid rgba(0,0,0,.26);
    border-radius: 100%;
    box-sizing: border-box;
    display: flex;
    height: 18px;
    justify-content: center;
    width: 18px
}

.stardust-radio-button__outer-circle>.stardust-radio-button__inner-circle {
    background: #ee4d2d;
    border-radius: 100%;
    height: 6px;
    opacity: 0;
    width: 6px
}

.stardust-radio-button--checked .stardust-radio-button__outer-circle {
    border-color: #ee4d2d
}

.stardust-radio-button--checked>.stardust-radio-button__outer-circle>.stardust-radio-button__inner-circle {
    opacity: 1
}

.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:
}

._1zdBJ {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    background-color: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2Dkqc {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    margin-left: 2.5rem;
    margin-left: var(--ns-g,2.5rem);
    margin-right: 2.5rem;
    margin-right: var(--ns-g,2.5rem);
    max-height: 75%;
    max-width: 18.75rem;
    min-height: 8.125rem;
    min-width: 15rem;
    width: 100%
}

._2Dkqc,.d-Vo0 {
    overflow: hidden
}

.d-Vo0 {
    display: -webkit-box;
    margin-bottom: 1rem;
    margin-bottom: var(--ns-d,1rem);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2Xfwq {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    max-height: 15.625rem;
    min-height: 2.25rem;
    overflow-y: auto
}

._3pvMp {
    text-align: left
}

._1u0yb {
    text-align: center
}

._3Wssq {
    text-align: right
}

._2WWGU {
    padding: 1.25rem 1.25rem 1.5rem;
    padding: var(--ns-e,1.25rem) var(--ns-e,1.25rem) var(--ns-f,1.5rem) var(--ns-e,1.25rem);
    text-align: center
}

.Jl6On {
    display: flex;
    position: relative
}

.Jl6On:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    position: absolute;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    flex: 1;
    outline: none
}

.Jl6On._1ZxzA {
    flex-direction: row-reverse
}

.Jl6On._1ZxzA button {
    height: 2.96875rem
}

.Jl6On._1ZxzA button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1ZxzA button:first-child:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: scaleX(.5);
    width: .0625rem
}

.Jl6On._1ZxzA button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._24b2I button {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    height: 2.96875rem
}

.Jl6On._24b2I button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv {
    flex-direction: column;
    height: 5.9375rem
}

.Jl6On._3yCdv button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._3yCdv button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv button:nth-child(2):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On._1p6f1 {
    flex-direction: column;
    height: 8.96875rem
}

.Jl6On._1p6f1 button {
    position: relative
}

.Jl6On._1p6f1 button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1p6f1 button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._1p6f1 button:nth-child(2):after,.Jl6On._1p6f1 button:nth-child(3):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._1wbwU,._1wbwU ._2jlhf {
    width: 100%
}

.t5yKeP {
    border: 0;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap
}

.sNs4n6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 280px
}

.Q_sfYz {
    background-color: initial;
    border: 0;
    cursor: pointer;
    overflow: visible;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 20px
}

.Q_sfYz:active {
    opacity: .7
}

.v7_Vhg {
    right: 25px;
    top: 25px
}

.WvTDjj {
    stroke: #757575;
    height: 16px;
    width: 16px
}

.Eloc_c {
    left: 50%;
    padding: 15px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.mOLHsz {
    padding: 0 25px
}

.cOu4OD,.mOLHsz {
    text-align: center
}

.cOu4OD {
    color: rgba(0,0,0,.65);
    font-size: 16px;
    font-weight: 500;
    margin: 16px 0 0
}

.I_mb5L {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin: 8px 0 16px;
    text-align: center
}

.aUYOrV {
    background-color: #1b92f5;
    border-radius: 4px
}

.CbKamY {
    background-color: #ee4d2d;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    height: 2.625rem;
    line-height: 1.2;
    min-width: 4rem;
    outline: none;
    padding: 0;
    padding: 0 1rem;
    text-transform: capitalize
}

.CbKamY:not(.mfZvUl):active {
    background-color: #e2492b
}

.mfZvUl {
    cursor: not-allowed;
    opacity: .7
}

.W19DQt {
    text-transform: uppercase
}

.jQJvwl {
    width: 100%
}

.c9CWFE {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.Ji_Bpb {
    margin: 24px
}

.a77Ndh {
    margin-top: 24px
}

.KeH7A0 {
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 16px 24px;
    position: relative;
    width: 100%
}

.pwLMEy {
    display: none
}

.Riu_4A {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0
}

.DavkuT,.T7H8Ln {
    height: 24px
}

.T7H8Ln {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.65);
    padding: 0;
    width: 24px
}

.T7H8Ln:active,.T7H8Ln:hover {
    opacity: .8
}

.T7H8Ln:disabled {
    cursor: not-allowed
}

.nBAmk6 {
    margin-left: 12px
}

.shu59r {
    height: 24px;
    width: 24px
}

.Iftgmr {
    width: 280px
}

.LvbyJb {
    height: 150px;
    margin-bottom: 8px;
    width: 100%
}

.rgXTz2 {
    height: 48px;
    width: 100%
}

.u7caBR {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@keyframes glow {
    0%,to {
        background-color: #fafafa;
        border-color: #fafafa
    }

    50% {
        background-color: #f5f5f5;
        border-color: #f5f5f5
    }
}

.u7caBR {
    box-sizing: border-box;
    color: rgba(0,0,0,.54);
    height: 24px;
    position: relative;
    width: 100%
}

.ei1Xxc {
    cursor: pointer;
    font-size: 10px;
    line-height: 12px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.QPxs6m,.e6hXTm {
    height: 24px
}

.e6hXTm {
    background-color: initial;
    border: 0;
    padding: 0;
    width: 24px
}

.e6hXTm:active,.e6hXTm:hover {
    opacity: .8
}

.e6hXTm:disabled {
    cursor: not-allowed
}

.SA7Y3g {
    margin-left: 12px
}

.XPgy02 {
    height: 24px;
    width: 24px
}

.M1KsqW {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.c_eh3Q {
    margin: 24px
}

.zj7xpl {
    margin-bottom: 24px
}

.RTtlQl,.glVX08 {
    align-items: center;
    display: flex;
    justify-content: center
}

.p5oJp7 {
    position: relative
}

.pQ3gp4 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.TG3zt9 {
    background-color: rgba(0,0,0,.09)
}

.NvrkPP {
    opacity: 0
}

.Uh0MGC {
    transition: opacity .3s
}

.Uh0MGC,.WUElrI {
    opacity: 1
}

.P8aHpz {
    opacity: 0;
    transition: opacity .3s
}

.Nq_IjI {
    left: 0;
    top: 0;
    will-change: transform
}

.Nq_IjI,.uPuGqw {
    position: absolute
}

.uPuGqw {
    touch-action: none
}

.SjQ12t {
    background-color: rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 12px;
    margin-top: 8px;
    padding: 4px
}

.SjQ12t,.xlXjw6 {
    position: relative
}

.glVX08 {
    box-sizing: border-box;
    color: rgba(0,0,0,.65);
    cursor: default;
    font-size: 12px;
    left: 45px;
    padding: 0 12px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 230px
}

.YXUFOb,.glVX08 {
    height: 100%;
    position: absolute;
    top: 0
}

.YXUFOb {
    left: 0;
    opacity: .3;
    transform-origin: left center
}

.RTtlQl,.YXUFOb {
    will-change: transform
}

.RTtlQl {
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    cursor: pointer;
    position: relative;
    touch-action: none
}

.FXN16r {
    background-color: #ee4d2d
}

.VL0cgc {
    background-color: #1b92f5
}

.TFpes_ {
    background-color: #26aa99
}

.E2uIC8 {
    background-color: #16c42a
}

.fM6aUO {
    background-color: #ee2c4a
}

.EbxH2G {
    cursor: not-allowed
}

.BPPuwY {
    transition: transform .3s ease;
    transition-delay: .35s
}

@keyframes POXZKJ {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(40px)
    }
}

@keyframes YFbZVh {
    0% {
        left: 0
    }

    to {
        left: 40px
    }
}

@keyframes vYEwqi {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(1.90909)
    }
}

@keyframes g5rwBN {
    0% {
        width: 44px
    }

    to {
        width: 84px
    }
}

.QBWHKF {
    animation: POXZKJ .5s ease 4 alternate
}

.jdyHqd {
    animation: YFbZVh .5s ease 4 alternate
}

.Hwry_0 {
    animation: vYEwqi .5s ease 4 alternate;
    width: 44px
}

.JBAZn5 {
    animation: g5rwBN .5s ease 4 alternate;
    width: 44px
}

.Jd1l6Y {
    display: none
}

.uQlIAD {
    align-items: center;
    display: flex;
    justify-content: center
}

@keyframes fUk1fz {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    67% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(40px)
    }
}

@keyframes LgQ41p {
    0% {
        left: 8px;
        opacity: 1
    }

    67% {
        left: 8px;
        opacity: 1
    }

    to {
        left: 40px;
        opacity: 0
    }
}

@keyframes eueMCy {
    0% {
        opacity: 1;
        transform: translateX(-40px)
    }

    67% {
        opacity: 1;
        transform: translateX(-40px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes wakNGA {
    0% {
        left: -24px;
        opacity: 1
    }

    67% {
        left: -24px;
        opacity: 1
    }

    to {
        left: 8px;
        opacity: 1
    }
}

.Chys_7 {
    display: none
}

.uQlIAD {
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px
}

.nE59wk {
    animation: fUk1fz 1.2s linear infinite
}

.LHR9r3,.nE59wk {
    left: 8px;
    position: absolute;
    top: 8px
}

.LHR9r3 {
    animation: LgQ41p 1.2s linear infinite
}

.hdsYPZ {
    animation: eueMCy 1.2s linear infinite
}

.WJMXpH,.hdsYPZ {
    left: 8px;
    position: absolute;
    top: 8px
}

.WJMXpH {
    animation: wakNGA 1.2s linear infinite
}

.FDwYrb {
    height: 24px;
    width: 24px
}

.R1BMn2 {
    bottom: -16px;
    left: -12px;
    position: absolute
}

.Chys_7 {
    display: hidden
}

.IHRTco,.SpG1Qf {
    display: flex
}

.SpG1Qf {
    border-radius: 2px;
    box-sizing: border-box;
    justify-content: flex-start;
    padding: .75rem .9375rem
}

.vqbcFw {
    box-shadow: 0 1px 0 rgba(0,0,0,.1)
}

.IHRTco {
    margin-right: .625rem;
    width: 1rem
}

.bmXHAt {
    height: 1rem;
    width: 1rem
}

.Q0M8Q8 {
    color: #222;
    font-size: .875rem
}

.Q0M8Q8:first-letter {
    text-transform: capitalize
}

.F4jTom {
    color: #929292;
    font-size: .75rem;
    line-height: .875rem;
    margin-top: .3125rem
}

.jaqJeg {
    background-color: #fff9fa;
    border: 1px solid rgba(255,66,79,.2)
}

.TWNLNu {
    color: #ff424f;
    height: 1rem;
    width: 1rem
}

.ene3wm {
    background-color: #f9fcff;
    border: 1px solid #cbe4f4
}

.FLB7cJ {
    color: #06c;
    height: 1rem;
    width: 1rem
}

.GDvdUy {
    background-color: #fffefa;
    border: 1px solid rgba(224,168,0,.4)
}

.AZovUm {
    color: #ffbf00;
    height: 1rem;
    width: 1rem
}

.wSLzOe {
    background-color: #fcfffa;
    border: 1px solid rgba(87,172,3,.3)
}

.Q02XCF {
    color: #6c0;
    height: 1rem;
    width: 1rem
}

.QSCqAi {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.BmqTj7 {
    margin-bottom: 1.5625rem;
    max-width: 17.5rem;
    width: 100%
}

.q0t3s3 {
    margin: 1.5rem
}

.U1U350 {
    margin-bottom: 24px
}

.NmjlGu {
    height: 6.5rem;
    width: 17.5rem
}

.kTGiN7 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.SggTwZ {
    position: relative
}

.f2dZuX {
    height: 5.875rem;
    width: 15.6875rem
}

.VzkzmP {
    opacity: 0
}

.vPq3zg {
    transition: opacity .3s
}

.v5Fgc7,.vPq3zg {
    opacity: 1
}

.vy6YtR {
    opacity: 0;
    transition: opacity .3s
}

.DBDPfX,.vLcKjU {
    background-color: #fff;
    height: 100%;
    position: absolute;
    width: 100%
}

.CFNwFZ,.kppC_l {
    border-radius: 2px;
    margin-top: .75rem;
    width: 100%
}

.CFNwFZ {
    margin-bottom: .75rem
}

.kppC_l {
    margin-bottom: .5rem
}

.wq8npu {
    align-items: center
}

.Eyapay,.wq8npu {
    display: flex
}

.Eyapay {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    height: 2.25rem;
    overflow: hidden;
    width: 100%
}

._etdK1 {
    border-color: #ff424f
}

._etdK1,.bNAdr2 {
    box-shadow: 0 0 4px rgba(0,0,0,.14)
}

.bNAdr2 {
    border-color: rgba(0,0,0,.54)
}

.CIXAv4 {
    border: 0;
    filter: none;
    flex: 1;
    flex-shrink: 0;
    outline: none;
    padding: .75rem
}

.CIXAv4::placeholder {
    color: rgba(0,0,0,.26);
    padding-left: .1875rem
}

.CIXAv4:-webkit-autofill,.CIXAv4:-webkit-autofill:focus,.CIXAv4:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff;
    -webkit-box-shadow: inset 0 0 0 20px #fff
}

.CIXAv4::-ms-clear {
    display: none
}

.fdTasl {
    background: #fff6f7
}

.fdTasl:-webkit-autofill,.fdTasl:-webkit-autofill:focus,.fdTasl:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff6f7;
    -webkit-box-shadow: inset 0 0 0 20px #fff6f7
}

.LjHGdM {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: 1rem;
    padding: .25rem 0 0
}

.LjHGdM:first-letter {
    text-transform: capitalize
}

.wq8npu {
    background: transparent;
    border: 0;
    outline: none;
    padding: 0 .9375rem 0 .75rem
}

.t84_uL {
    background: #fff6f7
}

.PAju9q {
    height: .75rem;
    width: 1.25rem
}

.VkhOZ3 {
    height: .625rem;
    padding-top: .375rem;
    width: 1.25rem
}

.fgyMn1 {
    height: 1rem;
    width: 1rem
}

.vfIsXy {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.t8ScRd {
    margin: 24px
}

.ODHoFc {
    margin-bottom: 24px;
    width: 280px
}

.C6BBGX {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

.vIXeUk {
    height: 16px;
    margin-bottom: 28px
}

.XRDsF_,.tkKvFU {
    border-radius: 2px;
    margin-top: 36px;
    width: 100%
}

.tkKvFU {
    margin-bottom: 12px
}

.XRDsF_ {
    margin-bottom: 8px
}

.cAV3fs {
    align-items: center
}

.cAV3fs,.e56SfT {
    display: flex
}

.cAV3fs {
    background-color: #ee4d2d;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    justify-content: center;
    margin-right: 12px
}

.cAV3fs:hover {
    opacity: .9
}

.cAV3fs:active {
    opacity: 1
}

.O82yL3 {
    height: 36px;
    width: 36px
}

.QjMyhk {
    height: 32px;
    width: 32px
}

.L3QbJy {
    height: 15px;
    width: 12px
}

.dnMAKq {
    height: 12px;
    width: 10px
}

.Dep9TM {
    height: 20px;
    width: 20px
}

.UsjMXR {
    height: 17px;
    width: 16px
}

.LWcLhS {
    overflow: hidden;
    position: relative
}

.ctKCc7 {
    height: 36px;
    width: 188px
}

.JZvgBV {
    height: 32px;
    width: 170px
}

.CGxw0C {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.CGxw0C,.WOl7yB {
    position: absolute
}

.WOl7yB {
    bottom: 1px;
    left: 1px;
    overflow: hidden;
    right: 1px;
    top: 1px
}

.whCrGd {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Fcvt3s {
    background-color: rgba(0,0,0,.09)
}

.YYyrNk {
    background-color: #ee4d2d;
    transform: translateX(-100%)
}

.jI3gkV {
    display: none
}

.Pe_TqH,.wqnXmq {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.wqnXmq {
    background-color: rgba(0,0,0,.4)
}

.Pe_TqH {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 9000
}

.SVLN7Z {
    z-index: 1
}

.iNhBAK {
    opacity: 0
}

.RiEYtR {
    transition: opacity .15s
}

.RiEYtR,.hm0ZuS {
    opacity: 1
}

.cnKp87 {
    opacity: 0;
    transition: opacity .15s
}

.qgMbdM {
    transform: scale(.8)
}

.lTGWEo {
    transition: transform .2s
}

.KCIFKx,.lTGWEo {
    transform: scale(1)
}

.uZNqJQ {
    transform: scale(.8);
    transition: transform .2s
}

.NjuDCz {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 -2px;
    width: 90px
}

.w_Qhj0 {
    background-color: initial;
    border: 0;
    border-radius: 0;
    font-family: Arial;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: 0;
    outline: none;
    padding: 0 0 0 2px;
    width: 92px
}

.w_Qhj0::-ms-clear {
    display: none
}

.w_Qhj0::-webkit-credentials-auto-fill-button {
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden
}

.JxXmP2 {
    caret-color: transparent
}

.o7G27g {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    width: 100%
}

.wQna2K {
    border-top: 1px solid rgba(0,0,0,.26);
    width: 15px
}

.wQna2K,.wQna2K:last-child {
    margin-right: 0
}

@media only screen and (min-width: 180px) {
    .NjuDCz {
        align-items:center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -11px;
        width: 156px
    }

    .w_Qhj0 {
        background-color: initial;
        border: 0;
        border-radius: 0;
        font-family: Arial;
        font-size: 27px;
        font-weight: 400;
        letter-spacing: 12px;
        outline: none;
        padding: 0 0 0 14px;
        width: 164px
    }

    .w_Qhj0::-ms-clear {
        display: none
    }

    .w_Qhj0::-webkit-credentials-auto-fill-button {
        pointer-events: none;
        position: absolute;
        right: 0;
        visibility: hidden
    }

    .JxXmP2 {
        caret-color: transparent
    }

    .o7G27g {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .wQna2K {
        border-top: 1px solid rgba(0,0,0,.26);
        margin-right: 6px;
        width: 21px
    }

    .wQna2K:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 264px) {
    .NjuDCz {
        align-items:center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -20px;
        width: 222px
    }

    .w_Qhj0 {
        background-color: initial;
        border: 0;
        border-radius: 0;
        font-family: Arial;
        font-size: 27px;
        font-weight: 400;
        letter-spacing: 24px;
        outline: none;
        padding: 0 0 0 26px;
        width: 236px
    }

    .w_Qhj0::-ms-clear {
        display: none
    }

    .w_Qhj0::-webkit-credentials-auto-fill-button {
        pointer-events: none;
        position: absolute;
        right: 0;
        visibility: hidden
    }

    .JxXmP2 {
        caret-color: transparent
    }

    .o7G27g {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .wQna2K {
        border-top: 1px solid rgba(0,0,0,.26);
        margin-right: 12px;
        width: 27px
    }

    .wQna2K:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 320px) {
    .NjuDCz {
        align-items:center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -26px;
        width: 266px
    }

    .w_Qhj0 {
        background-color: initial;
        border: 0;
        border-radius: 0;
        font-family: Arial;
        font-size: 27px;
        font-weight: 400;
        letter-spacing: 32px;
        outline: none;
        padding: 0 0 0 34px;
        width: 284px
    }

    .w_Qhj0::-ms-clear {
        display: none
    }

    .w_Qhj0::-webkit-credentials-auto-fill-button {
        pointer-events: none;
        position: absolute;
        right: 0;
        visibility: hidden
    }

    .JxXmP2 {
        caret-color: transparent
    }

    .o7G27g {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .wQna2K {
        border-top: 1px solid rgba(0,0,0,.26);
        margin-right: 16px;
        width: 31px
    }

    .wQna2K:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 375px) {
    .NjuDCz {
        align-items:center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -32px;
        width: 310px
    }

    .w_Qhj0 {
        background-color: initial;
        border: 0;
        border-radius: 0;
        font-family: Arial;
        font-size: 27px;
        font-weight: 400;
        letter-spacing: 40px;
        outline: none;
        padding: 0 0 0 42px;
        width: 332px
    }

    .w_Qhj0::-ms-clear {
        display: none
    }

    .w_Qhj0::-webkit-credentials-auto-fill-button {
        pointer-events: none;
        position: absolute;
        right: 0;
        visibility: hidden
    }

    .JxXmP2 {
        caret-color: transparent
    }

    .o7G27g {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .wQna2K {
        border-top: 1px solid rgba(0,0,0,.26);
        margin-right: 20px;
        width: 35px
    }

    .wQna2K:last-child {
        margin-right: 0
    }
}

.Mi0An5 {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 328px
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

._2ZEaD {
    animation: _2ZEaD 1.5s infinite;
    background-color: #a4aaaa;
    background-image: linear-gradient(90deg,#a4aaaa,#000 25%,#a4aaaa 50%);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    transform: translateZ(0)
}

._2ZEaD .geCJg {
    background: #fff;
    isolation: isolate;
    mix-blend-mode: screen
}

._2ZEaD .M6lQx {
    background: #f1f0f0
}

@keyframes _2ZEaD {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.stardust-carousel,.stardust-carousel__item-list-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.stardust-carousel__item-list-wrapper {
    box-sizing: border-box;
    overflow-x: hidden
}

.stardust-carousel__item-list {
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: pan-y
}

.stardust-carousel__item {
    align-items: center;
    align-self: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    list-style: none;
    overflow: hidden
}

.stardust-carousel__item-inner-wrapper {
    height: 100%;
    width: 100%
}

.stardust-carousel__item-inner-wrapper--hide {
    display: none
}

.stardust-carousel:hover .stardust-carousel__arrow {
    opacity: 1
}

.stardust-carousel__arrow {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.09);
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: inline-flex;
    font-size: 20px;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 20px;
    fill: rgba(0,0,0,.87);
    background-color: #fff;
    transition: opacity .3s ease
}

.stardust-carousel__arrow>svg {
    color: #ee4d2d;
    flex: 0 1 auto;
    height: 75%;
    width: 75%
}

.stardust-carousel__arrow:hover {
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow:active {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow--type-2 {
    opacity: 1
}

.stardust-carousel__arrow--prev {
    left: -10px
}

.stardust-carousel__arrow--next {
    right: -10px
}

.stardust-carousel__arrow--disabled>svg {
    fill: rgba(0,0,0,.12)
}

.stardust-carousel__dots {
    bottom: 1rem;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%);
    transition: opacity .5s ease;
    width: 100%
}

.stardust-carousel__dot {
    background-color: hsla(0,0%,100%,.4);
    border: 1px solid hsla(0,0%,54%,.4);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .5rem;
    opacity: 1;
    width: .5rem
}

.stardust-carousel__dot:not(:first-child) {
    margin-left: .5rem
}

.stardust-carousel__dot--active {
    background-color: #ee4d2d;
    border-color: #ee4d2d;
    opacity: 1
}

.stardust-carousel__indexing {
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 12.4px;
    bottom: 10px;
    color: rgba(0,0,0,.65);
    color: #000;
    font-size: 14px;
    opacity: .65;
    padding: 3px 10px;
    position: absolute;
    right: 10px
}

.stardust-carousel__tabs {
    align-content: center;
    bottom: 0;
    display: flex;
    height: 30px;
    position: absolute;
    width: 100%
}

.stardust-carousel__tab {
    background-color: hsla(0,0%,100%,.5);
    cursor: pointer;
    flex: 1 0 0;
    font-size: 12px;
    overflow: hidden;
    text-align: center
}

.stardust-carousel__tab--active {
    background-color: #ee4d2d;
    color: #fff
}

.stardust-carousel__tab-name {
    line-height: 30px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/modules.d5aa5eabd31afee1.css.map*/
.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
}

.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
}

.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
}

.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
}

.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)
    }
}

.tpgcVs {
    max-height: 100%;
    width: 100%
}

.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
}

._PPt_v:hover {
    cursor: pointer
}

.PhxDN7 {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px
}

.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
}

.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/3d819965643f1287ea73.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
}

.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/9bdd8040b334d31946f4.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
}

.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:
}

.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)
}

.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
}

.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
}

.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
}

.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)
}

.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
}

.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
}

.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
    }
}

.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
}

.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-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;
    
}

.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
}

.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%
}

.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
}

.KrtGbA {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

.oHWDGJ {
    margin-top: .9375rem
}

.Bf9ap6 {
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: -1000
}

.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:
}

.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: rgba(0,0,0,.09);
    color: #ccc!important
}

.UAc5Wb svg,.suQW3X[disabled] svg {
    fill: #ccc
}

.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: #ee4d2d
}

.theme--ofs .u00pLG.R1imlW {
    color: #d0011b
}

.theme--s-mart .u00pLG.R1imlW {
    color: #066bc8
}

.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
}

.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
}

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/d4abcabbd3a449975eb8.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%
}

.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
}

.un8_EC {
    position: relative
}

.un8_EC img {
    vertical-align: bottom
}

.kJESEN {
    visibility: hidden
}

.tbMPBe {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.bKpPhl {
    opacity: 0
}

.hIHmw1 {
    opacity: 1;
    transition: opacity .2s ease
}

.hkqyG7 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.Vvw08a .EaDTzh {
    bottom: 0;
    right: 0
}

.EaDTzh,.Vvw08a .EaDTzh {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.EaDTzh {
    height: 100%;
    width: 100%
}

.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)
}

.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
}

.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
}

.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
}

.DpIkos,.NGVKmW {
    text-transform: capitalize
}

.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
}

.oAeYKc {
    color: rgba(0,0,0,.54)
}

.jq6GzU {
    position: relative
}

.jq6GzU img {
    vertical-align: bottom
}

.rN7oNn {
    visibility: hidden
}

.CV9Pc4 {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ibTp1R {
    opacity: 0
}

.mj28y7 {
    opacity: 1;
    transition: opacity .2s ease
}

.PNs6x5 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.J9tUWr .rGBJUR {
    bottom: 0;
    right: 0
}

.J9tUWr .rGBJUR,.rGBJUR {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.rGBJUR {
    height: 100%;
    width: 100%
}

.btn-tinted,.btn.btn-tinted {
    background: rgba(255,87,34,.1);
    background: var(--brand-primary-light-color);
    border: 1px solid var(--brand-primary-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 {
    padding-left: 20px
}

.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
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/513.2066b9f60cced3f43327.css.map*/


.item-card-special {
    background-color: #fff;
    cursor: pointer;
    position: relative
}

.item-card-special__link {
    color: rgba(0,0,0,.8);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.item-card-special__link:hover {
    transform: translateY(-.125rem);
    z-index: 1
}

.item-card-special__img {
    margin-bottom: .3125rem;
    padding-top: 0;
    position: relative
}

.item-card-special__img-container {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.item-card-special__img-container--image {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 0;
    width: 100%
}

.item-card-special__img-container--adult {
    background-color: #fff;
    height: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    width: 100px
}

.item-card-special__lower-padding {
    padding: 0 .625rem .625rem
}

.item-card-special__name {
    overflow: hidden;
    word-wrap:;
    display: -webkit-box;
    height: 2.1875rem;
    line-height: 1.125rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.item-card-special__name--special {
    height: 2rem;
    line-height: 1rem;
    margin-bottom: 4px;
    text-align: center
}

.item-card-special__section-price {
    align-items: center;
    display: flex;
    height: 1.5rem;
    overflow: hidden;
    position: relative
}

.item-card-special__section-price--special {
    display: block;
    height: 2.625rem
}

.item-card-special__current-price {
    color: #ee4d2d;
    flex-shrink: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-card-special__current-price--special {
    flex-grow: 1;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center
}

.item-card-special__current-price--ofs {
    color: #d0011b
}

.item-card-special__other-price {
    align-items: flex-end;
    display: flex;
    justify-content: center
}

.item-card-special__original-price {
    color: rgba(0,0,0,.54);
    overflow: hidden;
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    text-overflow: ellipsis
}

.item-card-special__original-price--special {
    text-align: center
}

.item-card-special__discount-label {
    background: #ee4d2d;
    border: 0;
    border-radius: 2px;
    color: #fff;
    margin-left: 3px;
    padding: 1px 3px
}

.item-card-special__discount-label--ofs {
    background: #d0011b
}

.item-card-special__lowest-price {
    bottom: 5px;
    height: 38px;
    left: 5px;
    position: absolute;
    width: 48px
}

.item-card-special__padding {
    cursor: pointer;
    padding: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.item-card-special:hover .card__name {
    color: #000
}

.product-shop-hot-sales {
    padding: .625rem 0
}

.product-shop-hot-sales__header {
    color: rgba(0,0,0,.4);
    font-size: inherit;
    font-weight: 400;
    margin: .625rem 0 0;
    padding: 0 1.25rem;
    text-transform: capitalize
}

.product-shop-hot-sales__item {
    outline: 0;
    overflow: visible;
    padding: 1.25rem 1.25rem 0;
    position: relative
}

.product-shop-hot-sales__item:focus-visible:before {
    border-radius: 2px;
    content: "";
    height: calc(100% - 2rem);
    left: calc(1.25rem - 8px);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(1.25rem - 8px);
    width: calc(100% - 2.5rem + 8px);
    z-index: 1
}

.product-shop-hot-sales__item:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.product-shop-hot-sales__item:hover {
    transform: none
}

.product-shop-hot-sales__item .item-card-special__lower-padding {
    padding: 0 .625rem
}

.product-shop-hot-sales__item .item-card-special__current-price--special,.product-shop-hot-sales__item .item-card-special__name--special {
    text-align: left
}

.product-shop-hot-sales__item .item-card-special__name--special {
    padding-top: .3125rem
}

.product-shop-hot-sales__item .item-card-special__current-price--special {
    font-size: 1rem
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/HotSales.65f7b11ccc60fa8b4849.css.map*/


.PJFhUR {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

._3sjFp {
    align-items: center;
    border-radius: .125rem;
    border-radius: var(--nr-normal,.125rem);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

.Re56EB {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.gOoSPx {
    color: #222;
    font-size: 1rem;
    text-align: center
}

.idLK2l {
    height: 15px
}

.EtYbJs,.idLK2l {
    white-space: nowrap
}

.EtYbJs {
    color: rgba(0,0,0,.87);
    color: #05a;
    font-size: 13px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.theme--s-mart .EtYbJs {
    color: #066bc8
}

.EtYbJs:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.R7vGdX {
    color: #05a;
    font-size: 14px
}

.EB95ts {
    height: 10px;
    margin: 0 5px;
    width: 10px
}

.oh0Xh2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jA1mTx {
    position: relative
}

.jA1mTx:hover {
    cursor: pointer
}

.jA1mTx .MMqomL {
    font-size: 12px;
    height: 25px;
    line-height: 25px
}

.YM40Nc {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.raRnQV {
    height: 100%;
    left: 0;
    object-fit: contain;
    object-position: center;
    right: 0;
    width: 100%
}

.NYFAyb,.raRnQV {
    position: absolute
}

.NYFAyb {
    height: 32px;
    left: 50%;
    top: 50%;
    transform: translate3d(-16px,-16px,0);
    width: 32px
}

.wOzCmT {
    border: 2px solid var(--brand-primary-color,#ee4d2d);
    bottom: 0;
    right: 0
}

.bh76f7,.wOzCmT {
    left: 0;
    position: absolute;
    top: 0
}

.bh76f7 {
    background: transparent;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.bh76f7:hover {
    background: hsla(0,0%,100%,.26)
}

.lZujh6 {
    align-items: center;
    background: rgba(0,0,0,.54);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: space-between;
    left: 0;
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    width: 100%
}

.WqggnM {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/f1a754a66c45599c570f.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 10px;
    width: 10px
}

.y8QiYh {
    text-align: right
}

.airUhU {
    margin: 5px -5px;
    position: relative
}

.grncJu {
    visibility: hidden
}

.UBG7wZ {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    width: 20%
}

.nVAzDy {
    background-color: rgba(0,0,0,.2)!important;
    border: 0;
    color: #fff;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.nVAzDy .shopee-svg-icon {
    font-size: 20px
}

.CAvqYR {
    left: 5px
}

.CAvqYR,.lWmpR1 {
    border: 0!important
}

.lWmpR1 {
    right: 5px
}

.AVQfIX {
    visibility: hidden
}

.idmlsn {
    border-right: 1px solid rgba(0,0,0,.09);
    padding: 0 30px
}

.rhG6k7 {
    color: #222;
    font-size: 16px
}

.Vo8Ebs {
    border: 0;
    height: 25px;
    margin-left: 5px;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 25px
}

.Vo8Ebs: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)
}

.feDSnr {
    flex: 1;
    justify-content: center
}

.feDSnr:hover {
    cursor: pointer
}

.w2JMKY {
    background-color: transparent;
    border: 0;
    display: flex;
    outline: 0;
    overflow: visible;
    position: relative
}

.w2JMKY: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)
}

.vgMiJB {
    margin-right: 10px
}

.zSRu9M {
    background-color: #ee4d2d;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1;
    padding: .1875rem .25rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.zSRu9M:before {
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    bottom: -.125rem;
    content: "";
    display: inline-block;
    left: .0625rem;
    position: absolute;
    transform: rotate(45deg)
}

.fY6r8Z {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.fY6r8Z:before {
    border-bottom-color: transparent;
    content: none;
    display: none
}

.GYplQ6 {
    font-size: .75rem
}

.GYplQ6>.vwpLzd {
    font-size: .5rem;
    margin-right: .1875rem
}

.UXwtlG {
    background-color: #d0011b
}

.XlwyWu svg,.Y22_3_ svg {
    height: .625rem;
    width: 3.5625rem
}

.SfJqdm {
    bottom: -1px;
    padding: .25rem .25rem 0
}

.SfJqdm svg {
    height: .75rem;
    width: 4.0625rem
}

.TnZYga {
    background-color: #ffa604;
    position: relative
}

.TnZYga:before {
    border: .13125rem solid transparent;
    border-bottom-color: #ae7600
}

.bwSPd9 {
    font-size: .875rem;
    font-weight: 400;
    height: 1rem
}

.GX0tAi {
    margin: 0 .4375rem
}

.QaT5qG {
    background-color: #44b5ff;
    cursor: pointer;
    display: inline;
    position: relative
}

.QaT5qG:before {
    border: .13125rem solid transparent;
    border-bottom-color: #0971c2
}

.QaT5qG:hover>.aTCWk7 {
    opacity: 1;
    z-index: 1
}

.QaT5qG>.JXw1TI {
    font-size: 7px
}

.aTCWk7 {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.26);
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    left: .5rem;
    min-width: 10rem;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    top: 1.375rem;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: -10
}

.aVy7ds {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem
}

.aVy7ds:last-child {
    margin: 0
}

.m8EH9L {
    color: #ee4d2d;
    margin-left: .75rem
}

.Q0B9CC {
    background: transparent;
    border: 1px solid #f5a623;
    box-sizing: border-box;
    color: #f5a623;
    height: 16px;
    line-height: 1;
    padding: 2px 5px
}

.Q0B9CC,.lmgUh6 {
    font-size: .75rem
}

.lmgUh6 {
    background-color: rgba(0,0,0,.87);
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    min-width: 1.25rem;
    text-align: center
}

.uQcvJ4 {
    border-radius: .1875rem
}

.nwGwCo {
    background-color: #ee4d2d
}

.dGYZnL {
    border-radius: .625rem
}

.GXmK0V {
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.SGmqHp {
    height: 32px;
    width: 36px
}

.apNIwW {
    background-color: rgba(255,212,36,.9)
}

.apNIwW:after {
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.UVRKDO {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.QHrKMe {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.YV6bpG {
    flex-direction: column-reverse
}

.mBZJbW,.nHRqoN,.wTmvLG {
    height: 100%;
    justify-content: center
}

.iedPxi {
    color: #fff
}

.zW22lw {
    color: #ee4d2d!important;
    display: inline!important;
    margin: 0
}

.LszWgh,._OfJCl,.og0_Gv {
    display: none
}

.Zq1gvN {
    height: 16px;
    width: 55px
}

.PdDw6K {
    height: 16px;
    width: 50px
}

.DEloFH,.y1CxHg {
    height: 16px;
    width: 69px
}

.qdqqI_ {
    height: 16px;
    width: 63px
}

.drhbaC {
    height: 16px;
    width: 64px
}

.D0aa06 {
    height: 20px;
    width: 73px
}

.AgwsxX {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10
}

.AgwsxX,.AgwsxX .duYjKq {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.AgwsxX .duYjKq {
    background-color: rgba(0,0,0,.65);
    border-radius: 5rem;
    color: #fff;
    font-size: 1.25rem;
    height: 6.25rem;
    line-height: 1.5rem;
    max-width: calc(100% - 5rem);
    min-width: 6.25rem;
    text-align: center
}

.AgwsxX .J6oEPC {
    border-radius: 6.25rem;
    max-width: calc(100% - 4.375rem);
    min-width: 6.8125rem
}

.AgwsxX .uwKfz2 {
    border-radius: 6.25rem;
    max-width: calc(100% - 2.875rem);
    min-width: 8.375rem
}

.AgwsxX .ppVlru {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.koVpuR {
    border: .0625rem solid;
    border-radius: .125rem;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.CVcv97 {
    color: #fff;
    flex: 1
}

.CVcv97,.Cc8eOJ {
    font-size: .625rem;
    line-height: .75rem;
    overflow: hidden;
    padding: .0625rem .25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Cc8eOJ {
    align-items: center;
    display: flex;
    position: relative
}

.Cc8eOJ .SV2TNu {
    border-right: 5px solid transparent;
    border-top: 5px solid;
    height: 0;
    left: -.0625rem;
    position: absolute;
    top: -.0625rem;
    width: 0
}

.Af5HXx {
    border: .03125rem solid #ee4d2d;
    border-radius: .0625rem;
    color: #ee4d2d;
    font-size: .625rem;
    height: .75rem;
    line-height: .75rem;
    padding: .125rem .25rem;
    text-align: center
}

.WBVL_7 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    max-height: 48px;
    max-width: 665px;
    overflow: hidden;
    overflow-wrap:;
    vertical-align: sub
}

._wgU9F {
    border-radius: 2px;
    display: inline-flex;
    margin-right: 10px;
    position: relative;
    transform: translateY(-2px)
}

.fclWZr {
    display: inline;
    margin-right: 8px
}

.Jwsdcs {
    font-size: 12px;
    vertical-align: middle
}

.g0xBrP {
    height: 20px;
    margin-left: 8px;
    width: 20px
}

.uxdyrX {
    margin-top: 3px
}

.uq_xEP {
    margin-right: 6px;
    vertical-align: middle
}

.ROemtp {
    height: 18px;
    margin-right: 10px
}

.UXYzvq {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: .625rem
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

.loading-spinner-popup__container img {
    animation: rotating 2s linear infinite
}

.YysGiT {
    background: none;
    border: unset;
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-left: auto
}

.SDvgWG {
    background-color: #fff;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    width: 440px
}

.SDvgWG .UsJGRc {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.09);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 24px
}

.SDvgWG .UsJGRc .B1rS0C,.SDvgWG .UsJGRc .mmrQla {
    cursor: pointer;
    flex-shrink: 0
}

.SDvgWG .UsJGRc .B1rS0C {
    margin-left: auto
}

.SDvgWG .UsJGRc .cr59hK {
    flex-grow: 1;
    max-width: 324px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG .UsJGRc .cr59hK:not(:first-child) {
    margin-left: 10px
}

.SDvgWG .kmLN0Z {
    height: 220px;
    padding: 10px 24px
}

.SDvgWG ul {
    height: 220px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 0
}

.SDvgWG li {
    cursor: pointer;
    line-height: 20px;
    list-style-type: none;
    overflow: hidden;
    padding: 10px 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG li:hover {
    color: #ee4d2d
}

.SDvgWG .dcQE6F {
    padding: 24px
}

.SDvgWG .dcQE6F textarea {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    height: 114px;
    line-height: 20px;
    outline: unset;
    padding: 12px;
    resize: none;
    width: 100%
}

.SDvgWG .dcQE6F textarea:focus {
    border-color: rgba(0,0,0,.54)
}

.SDvgWG .dcQE6F textarea.RvXdsh {
    border-color: #ee2c4a
}

.SDvgWG .dcQE6F textarea::placeholder {
    color: rgba(0,0,0,.26)
}

.SDvgWG .dcQE6F .ImeN3R {
    color: #ee2c4a
}

.SDvgWG .I0yZUl {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.09);
    display: flex;
    flex-direction: row-reverse;
    padding: 12px 24px
}

.pQNWXh {
    height: 120px;
    justify-content: center;
    width: 260px
}

.T1549_ {
    display: inline-flex
}

.T1549_,.sAOZ6s {
    position: relative
}

.sAOZ6s {
    margin-right: 1px
}

.ZDu7mK {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.R6CPBG,.VAir_o {
    background-repeat: no-repeat;
    background-size: contain;
    height: 14px;
    width: 14px
}

.R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b1bcd65233e15eb99b68.svg)
}

.theme--s-mart .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/3ae5126a0937c63fd895.svg)
}

.theme--ofs .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/44c46951c46c5a5e8129.svg)
}

.VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2a44ed8141cd3a3ed0c9.svg)
}

.theme--s-mart .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e0898f40b1711fbb7c40.svg)
}

.theme--ofs .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/76bc916eeb1487a396ef.svg)
}

.XLXeSo,.dG6ROf {
    background-repeat: no-repeat;
    background-size: contain;
    height: 13px!important;
    width: 13px!important
}

.dG6ROf {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/fb6d53c6a2749e183033.svg)!important
}

.XLXeSo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/56006b41056056d6c8ff.svg)!important
}

.asFzUa {
    margin-top: .625rem;
    min-height: 1.55rem;
    position: relative
}

.PjACP4,.e2p50f {
    align-items: flex-end;
    padding: 0 15px
}

.PjACP4:first-child,.e2p50f:first-child {
    padding-left: 0
}

.PjACP4:not(:first-child),.e2p50f:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.PjACP4,.e2p50f {
    align-items: center
}

.e2p50f {
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.F9RHbS {
    border-bottom: 1px solid #555;
    color: #222;
    font-size: 1rem;
    margin-right: 5px;
    padding-bottom: 1px
}

.dQEiAI {
    border-bottom-color: #ee4d2d;
    color: #ee4d2d
}

.theme--ofs .dQEiAI {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--s-mart .dQEiAI {
    border-bottom-color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.87)
}

.jMXp4d {
    border-bottom-color: #222!important;
    color: #222!important
}

.W7cTiS {
    fill: #ee4d2d
}

.theme--ofs .W7cTiS {
    fill: #d0011b
}

.theme--s-mart .W7cTiS {
    fill: #ffce3d
}

.vOrlgh {
    line-height: 1.4375rem
}

.vOrlgh,.x1i_He {
    color: #767676;
    font-size: .875rem;
    text-transform: capitalize
}

.x1i_He {
    margin-right: 5px;
    padding: 4px 0
}

.UAYfPc {
    color: rgba(0,0,0,.54);
    height: .75rem;
    margin-left: tpRem(6px);
    width: tpRem(12px)
}

.N052bu {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.s4ihzY {
    align-items: center;
    display: flex;
    padding-right: .9375rem
}

.acDggL {
    margin-left: .3125rem
}

.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
}

.NtkrDO {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 22px;
    max-height: 200px;
    padding: 20px;
    width: 300px;
    word-wrap:;
    overflow: auto;
    text-align: left
}

.NtkrDO a {
    color: #05a
}

.gdYMVU {
    height: 14px;
    width: 14px
}

.mnzVGI {
    align-items: center;
    padding: 0 15px
}

.mnzVGI:first-child {
    padding-left: 0
}

.mnzVGI:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.aleSBU {
    color: #767676;
    font-size: .875rem;
    margin-right: 5px;
    padding: 4px 0;
    text-transform: capitalize
}

.aleSBU .AcmPRb {
    color: #222;
    font-size: 1rem;
    margin-right: 5px;
    padding-bottom: 1px
}

.RqQS2I {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

@keyframes second-ten {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(0)
    }

    16.66% {
        transform: translateY(-17px)
    }

    31.66% {
        transform: translateY(-17px)
    }

    33.33% {
        transform: translateY(-34px)
    }

    48.33% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    65% {
        transform: translateY(-51px)
    }

    66.66% {
        transform: translateY(-68px)
    }

    81.66% {
        transform: translateY(-68px)
    }

    83.33% {
        transform: translateY(-85px)
    }

    98.33% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes second-digit {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes minute-ten {
    0% {
        transform: translateY(0)
    }

    16.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-17px)
    }

    33.305555% {
        transform: translateY(-17px)
    }

    33.333333% {
        transform: translateY(-34px)
    }

    49.972222% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    66.638888% {
        transform: translateY(-51px)
    }

    66.666666% {
        transform: translateY(-68px)
    }

    83.305555% {
        transform: translateY(-68px)
    }

    83.333333% {
        transform: translateY(-85px)
    }

    99.972222% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes minute-digit {
    0% {
        transform: translateY(0)
    }

    9.833% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.833% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.833% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.833% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.833% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.833% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.833% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.833% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.833% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.833% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-hundred {
    0% {
        transform: translateY(0)
    }

    9.999972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.999972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.999972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.999972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.999972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.999972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.999972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.999972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.999972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.999972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-ten {
    0% {
        transform: translateY(0)
    }

    9.99972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.99972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.99972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.99972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.99972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.99972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.99972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.99972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.99972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.99972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-digit {
    0% {
        transform: translateY(0)
    }

    9.9972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.9972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.9972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.9972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.9972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.9972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.9972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.9972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.9972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.9972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

.shopee-countdown-timer {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #000;
    cursor: default;
    display: flex
}

.shopee-countdown-timer__colon {
    background-position-y: 3px;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    height: 17px;
    margin: 0 2px;
    text-align: center;
    width: 3px
}

.shopee-countdown-timer__colon--flashing-off {
    opacity: 0
}

.shopee-countdown-timer__number {
    background: currentColor;
    border-radius: 2px;
    box-sizing: content-box;
    display: flex;
    font-size: 19px;
    height: 17px;
    justify-content: space-around;
    line-height: 20px;
    margin-bottom: 4px;
    min-width: 20px;
    overflow: hidden;
    padding: 1px 3px;
    text-align: center
}

.shopee-countdown-timer__number__deca,.shopee-countdown-timer__number__hexa {
    display: inline-block;
    height: 187px;
    overflow: hidden;
    width: 9px
}

.shopee-countdown-timer__number__deca--second {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: second-digit
}

.shopee-countdown-timer__number__hexa--second {
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-name: second-ten
}

.shopee-countdown-timer__number__deca--minute {
    animation-duration: 600s;
    animation-iteration-count: infinite;
    animation-name: minute-digit
}

.shopee-countdown-timer__number__hexa--minute {
    animation-duration: 3600s;
    animation-iteration-count: infinite;
    animation-name: minute-ten
}

.shopee-countdown-timer__number__deca--hour {
    animation-duration: 36000s;
    animation-iteration-count: infinite;
    animation-name: hour-digit
}

.shopee-countdown-timer__number__hexa--hour {
    animation-duration: 360000s;
    animation-iteration-count: infinite;
    animation-name: hour-ten
}

.shopee-countdown-timer__number__hund--hour {
    animation-duration: 3600000s;
    animation-iteration-count: infinite;
    animation-name: hour-hundred
}

.shopee-countdown-timer__number__item {
    height: 17px;
    position: relative;
    width: 9px
}

.shopee-countdown-timer__number__item svg {
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 17px;
    fill: #fff;
    stroke: #fff;
    overflow: visible
}

.colon-dot {
    background: currentColor;
    border-radius: 100%;
    height: 3px;
    left: 0;
    position: absolute;
    top: 10%;
    width: 3px
}

.colon-dot__wrapper {
    height: 50%;
    position: relative;
    width: 100%
}

.wV4oFQ {
    align-items: center;
    display: flex;
    height: 34px;
    padding: 0 20px
}

.wV4oFQ>* {
    flex-shrink: 0
}

.wV4oFQ .WA4LRA {
    flex-shrink: 1
}

.WA4LRA {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.WA4LRA:not(:first-child) {
    margin-left: 10px
}

.WvWYWM {
    height: 16px;
    margin-left: auto;
    width: 16px
}

.kCNv1_ {
    color: #fff;
    margin: 0 11px 0 5px;
    text-transform: uppercase
}

.buRqC6 .shopee-countdown-timer__number {
    margin-bottom: 0!important
}

.TYHGxr {
    background-repeat: no-repeat;
    height: 2.25rem;
    width: 100%
}

.x7M8PV {
    align-items: center;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4323ad4dc2b3c72d0474.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    display: flex;
    height: 2.25rem;
    margin-top: .625rem;
    padding: 0 1.25rem
}

.x7M8PV .BYTod0 {
    margin-bottom: 0
}

.QYq0yX {
    height: 1.3125rem;
    object-fit: contain;
    object-position: center;
    width: 7.625rem
}

.Er7dmT {
    border: 1px solid #fff;
    border-radius: .0625rem;
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    margin-left: .9375rem;
    padding: .125rem .25rem
}

.meXFK1 {
    margin-left: auto;
    margin-right: .375rem
}

.rchvXw {
    font-weight: lighter;
    margin-right: .625rem;
    text-transform: uppercase
}

.oc36a7 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 2.75rem;
    max-width: 41.5625rem;
    padding-right: .9375rem
}

.p9zkFm {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.K2ZHLr {
    text-align: right;
    width: 100%
}

.QjMzan {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/6a5b16e354493609ddfe.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    font-size: 1rem;
    height: 36px;
    margin-top: .625rem;
    padding: 0 20px
}

.MuD8h4 {
    display: flex;
    font-size: 1.25rem;
    margin-right: .625rem
}

.L1_lX8 {
    text-align: right
}

.DFQfff {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 21px;
    width: 110px
}

.BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9c166ca0a3c6cc3af938.svg)
}

.theme--ofs .BhIewg,.theme--s-mart .BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/a2db3c5da61ea3283d59.svg)
}

.KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8bb270ba4608c47a5403.svg)
}

.theme--ofs .KXhw16,.theme--s-mart .KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/ab4c931d6fec4b4c90a5.svg)
}

.msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0407a621b4442a066eb8.svg)
}

.theme--ofs .msTHzO,.theme--s-mart .msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/979c2e214ae591d71aa0.svg)
}

.c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/357d978f2aa5a0c04e4a.svg)
}

.theme--ofs .c68rxO,.theme--s-mart .c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/99af350ab822ca38a055.svg)
}

.EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4c6f1ae0a564806f3ee3.svg)
}

.theme--ofs .EUsrIT,.theme--s-mart .EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/fc17e1addec957a17b1a.svg)
}

.qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/759ea43d932fa2f500b4.svg)
}

.theme--ofs .qlCDpk,.theme--s-mart .qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dfe090b98951be4250ae.svg)
}

.ZRb8YF {
    color: rgba(0,0,0,.87);
    color: #555;
    display: block;
    display: flex;
    margin-top: 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ZRb8YF .flash-sale-logo {
    flex: 0 0 110px;
    width: 110px
}

.ZRb8YF .d24OWs {
    color: #555;
    height: 10px;
    vertical-align: middle;
    width: 10px
}

.ZRb8YF .d24OWs,.eLrI5y {
    flex: 0 1 auto;
    margin-left: 10px;
    min-width: 0
}

.eLrI5y:first-letter {
    text-transform: capitalize
}

.vDMxZN {
    align-items: center;
    color: #222;
    display: flex;
    margin-top: 10px
}

.eyMdEJ {
    margin: 0 10px
}

.CtKNpj {
    width: auto
}

.zjO6d8 {
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.zjO6d8: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)
}

.zjO6d8 .F1VA_W {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.a47gpx {
    margin-top: 20px
}

.IrmRMA {
    height: 22px;
    width: 82px
}

._7aiwyt {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.tD57fL {
    color: #222;
    margin-top: 10px
}

.tD57fL .cYNXE3 {
    fill: #ee4d2d
}

.theme--ofs .tD57fL .cYNXE3,.theme--s-mart .tD57fL .cYNXE3 {
    fill: #d0011b
}

.L8wIC6 {
    margin: 0 10px
}

.NCTaee {
    width: auto
}

.KnDbyw {
    height: 14px;
    width: 14px
}

.k5G9EU {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.k5G9EU: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)
}

.k5G9EU .iYjRPl {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.Xi8knp {
    margin-top: 20px
}

.Kcdc4E {
    color: #222;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.L5A3D0 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4449f8573c4eca4a6a01.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .L5A3D0,.theme--s-mart .L5A3D0 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b647148bd39e40205fdd.svg)
}

.ygGuPD {
    height: 12px;
    width: 32px
}

.theme--ofs .ygGuPD,.theme--s-mart .ygGuPD,.ygGuPD {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dbae024901819e83889b.svg)
}

.RSkYgF {
    height: 16px;
    width: 33px
}

.RSkYgF,.theme--ofs .RSkYgF,.theme--s-mart .RSkYgF {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/774b00f71863496b8881.svg)
}

.SBnVFu {
    align-items: center;
    display: flex
}

.gMbtUb {
    color: #ee4d2d;
    font-size: 14px;
    margin-right: 10px
}

.theme--ofs .gMbtUb,.theme--s-mart .gMbtUb {
    color: #d0011b
}

.yt97rI {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.kAeSAk {
    width: auto
}

.MeARD8 {
    height: 14px;
    width: 14px
}

.TbAVGJ {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.TbAVGJ: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)
}

.TbAVGJ .r8ukna {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.OeC6Rv {
    margin-top: 20px
}

.i1ATuL {
    margin-top: 10px
}

.qa6p_P {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/aa493bd105297046b511.svg);
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .qa6p_P,.theme--s-mart .qa6p_P {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/163d55e75c9ec0147c04.svg)
}

.VQRdEN {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8e3da046d68806fa2c21.svg);
    background-size: contain;
    height: 21px;
    width: 21px
}

.theme--ofs .VQRdEN,.theme--s-mart .VQRdEN {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2c50059049ce7cd7ba61.svg)
}

.WGUFQF {
    color: #ee4d2d;
    font-size: 14px
}

.theme--ofs .WGUFQF,.theme--s-mart .WGUFQF {
    color: #d0011b
}

.I2eUzC {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.sq8Un3 {
    align-items: flex-start;
    display: flex;
    margin-top: .625rem;
    min-height: 1.05rem
}

.sq8Un3 .RfzBCD {
    max-width: 75%
}

.sq8Un3 .dDsT9a {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.sq8Un3 .dDsT9a ._1T0it {
    color: #ee4d2d
}

.sq8Un3 .dDsT9a .ljlTQb {
    flex-shrink: 0;
    margin-left: .5rem
}

.SpXDAl {
    color: rgba(0,0,0,.65);
    margin-top: 10px
}

.VORYf4 {
    cursor: pointer;
    height: 20px;
    margin-left: 5px;
    width: 20px
}

.bmio7i {
    background-color: #fff;
    border: .5px solid rgba(0,0,0,.09);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.059);
    padding: 20px;
    width: 391px
}

.Aa5Bm3 {
    font-weight: 500;
    margin-bottom: 20px
}

.aTgGZz {
    margin: 10px 0
}

.t4bIH7 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.t4bIH7>* {
    flex-shrink: 0
}

.t4bIH7 ._XD6zA {
    color: rgba(0,0,0,.65);
    font-weight: 500
}

.t4bIH7 .fUgcCU {
    color: #ee4d2d
}

.SdwVt8 {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.eBIqW9 {
    margin-top: 20px
}

.VbPRhS {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.wNfSEo {
    color: #ee4d2d;
    font-size: 16px;
    font-weight: 500;
    margin-left: 4px
}

.U6i4na {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    text-align: right
}

.BcpmJT {
    background: rgba(0,0,0,.09);
    height: 1px;
    margin: 15px 0
}

.nCS24N {
    color: #066bc8!important
}

.Tqs6s8 {
    color: #d0011b!important
}

.kvHpZF {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 36px;
    width: 625px
}

.ZA5sW5 {
    color: #929292;
    font-size: 16px;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.IZPeQz {
    color: #ee4d2d;
    font-size: 30px;
    font-weight: 500
}

.theme--ofs .IZPeQz,.theme--s-mart .IZPeQz {
    color: #d0011b
}

.theme--s-mart .B67UQ0 {
    color: #066bc8!important
}

.bVtogu {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .bVtogu,.theme--s-mart .bVtogu {
    background-color: #d0011b
}

.cxP78O {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
    text-transform: capitalize
}

.jRlVo0 {
    align-items: center;
    display: flex
}

.jRlVo0>* {
    flex: none;
    white-space: nowrap
}

.vms4_3 {
    align-items: center;
    background-color: #feeeea;
    border-radius: 2px;
    color: #ee4d2d;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    justify-content: center;
    margin-left: 10px;
    padding: 0 4px
}

.vRJNuA {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 2.25rem;
    width: 625px
}

.aZodKB {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.G3En6C {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e5bfba190f3ddf617913.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    margin-right: 10px;
    width: 21px
}

.theme--ofs .G3En6C {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/88a2c5ced2d8aeb5f79b.svg)
}

.theme--s-mart .G3En6C {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0f6a5e70590ae549bec5.svg)
}

.bFB2ho {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.UgSYaV {
    color: rgba(0,0,0,.87);
    position: relative
}

.UgSYaV .__9aNK {
    color: rgba(0,0,0,.54);
    height: 1em;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translate(5px,-50%);
    width: 1em
}

.UgSYaV .CBRnBZ {
    height: 14px;
    width: 14px
}

.mPAfIA {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.VDApCl {
    align-items: center;
    display: flex;
    margin-top: 5px
}

.NzLZHV {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-right: 4px
}

.tEcN3c {
    width: 460px
}

.ZGAHfU {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 8px;
    column-gap: 8px;
    grid-row-gap: 4px;
    row-gap: 4px
}

.vILuOY {
    align-self: center;
    grid-row-end: 3;
    grid-row-start: 1
}

.YVIs3C {
    color: #ee4d2d
}

.k96mwU {
    height: 16px
}

.ocQX4L {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.IFdRIb {
    background: #fafafa;
    padding: 15px 20px;
    position: relative;
    z-index: 2
}

.Fd0MhG {
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.ZRsoSo {
    background-image: linear-gradient(-90deg,#e80f0f 2%,#d0011b 98%);
    color: #fff;
    height: 36px;
    padding: 0 20px
}

.i5_qDt {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 2.25rem;
    width: 625px
}

.U65iFh {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.kauuio {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .kauuio,.theme--s-mart .kauuio {
    color: #d0011b
}

.lcE25B {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .lcE25B,.theme--s-mart .lcE25B {
    background-color: #d0011b
}

.qEsBtY {
    margin-left: 15px;
    white-space: nowrap
}

.qEsBtY .badge-coins-back--large {
    box-sizing: border-box;
    font-size: .75rem;
    padding: 2px 4px
}

.EKz7KC {
    margin-left: 15px;
    white-space: nowrap
}

.AzQY24 {
    color: #929292;
    font-size: .75rem;
    margin-top: 10px
}

.Br423R {
    color: #555;
    font-size: 1.25rem;
    font-weight: 500;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.zaoCEh {
    color: #d0011b;
    font-size: 1.875rem
}

.hesaiJ {
    margin-top: 15px
}

.OQZiH1 {
    color: #555;
    margin-left: 15px
}

.dhyq2V {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
    text-transform: capitalize
}

.jw_y2_ {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    height: 20px;
    margin: 10px 0
}

.theme--ofs .jw_y2_ {
    color: #d0011b
}

.theme--s-mart .jw_y2_ {
    background: #f2f9ff;
    color: #066bc8
}

.jw_y2_>* {
    flex-shrink: 0
}

.ElhX93 {
    height: 20px;
    margin-right: 10px
}

.yJfHJc {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sqxPFv {
    color: #ee4d2d
}

.theme--ofs .sqxPFv {
    color: #d0011b
}

.theme--s-mart .sqxPFv {
    color: #066bc8
}

.xoSh6i {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin: 20px 0 25px
}

.iQpU4t {
    margin-right: 8px
}

.n35tHu {
    color: rgba(0,0,0,.65);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.bsAAoE {
    align-items: center;
    background-color: #f7fdfb;
    border-radius: 4px;
    display: flex;
    height: 58px;
    margin-top: 20px;
    padding: 0 15px
}

.fOgipq {
    font-weight: 500;
    margin: 0 5px 0 9px
}

.EF1ATM,.fOgipq {
    color: rgba(0,0,0,.87);
    font-size: 16px
}

.EF1ATM {
    flex: 1
}

.mUl4i2 {
    align-items: center;
    background-color: #fffbea;
    border-radius: 4px;
    display: flex;
    margin-top: 20px;
    min-height: 58px;
    padding: 0 15px
}

.zkgLB0 {
    font-weight: 500;
    margin: 0 5px 0 9px
}

.jXx2Tk,.zkgLB0 {
    color: rgba(0,0,0,.87);
    font-size: 16px
}

.jXx2Tk {
    flex: 1
}

.VvA4RM {
    background-color: #fffbea;
    color: #ee4d2d;
    font-size: 16px;
    line-height: 24px;
    margin-top: -15px;
    padding-bottom: 15px;
    padding-left: 60px
}

.HkHJg6 {
    align-items: center;
    display: flex;
    margin: 20px 0 25px
}

.K1Rm3M {
    height: 18px;
    margin-right: 8px;
    width: 18px
}

.Z4Qvak {
    color: #08f;
    margin-left: 4px
}

.RFtB8m {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 40px;
    padding: 0 15px
}

.RFtB8m:hover {
    cursor: pointer
}

.FIA9aM {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.pPGzNd {
    flex-shrink: 0;
    margin-right: 15px;
    max-height: 23px;
    max-width: 23px
}

.Ug6OeI {
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.px0yxd {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.fwuod7 {
    width: 66%
}

.ED51uK {
    font-weight: 500
}

.FQtUZP .o1D7nV {
    margin-right: 20px
}

.FQtUZP .KzKhX4 {
    font-weight: 500;
    margin-right: 2px
}

.FQtUZP .mC_csS {
    text-align: right
}

.u5Ij85 {
    opacity: .26
}

.SdkYEL {
    color: rgba(0,0,0,.54)
}

.R0yvAP {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 623px
}

.M4EZyL {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.R0yvAP .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

.prk9tO {
    min-height: 170px;
    width: 415px
}

.IF6ojx {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.j3SBEG {
    height: 360px;
    min-height: 0;
    padding: 0 30px 15px 15px
}

.qm6QLV {
    margin-left: 15px
}

.nHfAeP {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.TGiOM5 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 210px
}

.VFYEsP {
    padding-left: 20px
}

.hN1SOV {
    color: #333;
    margin-top: 20px
}

.jpxGdf {
    font-weight: 500
}

.SmGBM4 {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin: 0 30px 30px;
    width: 355px
}

.zIkywd {
    color: #333;
    line-height: 20px
}

.SSfI1U {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.SSfI1U .HjXj5I {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.GwcqEE,.WByRAC {
    height: 9px;
    margin-left: 6px
}

.rphiJ1 {
    box-sizing: border-box;
    padding: 30px 30px 20px;
    text-transform: capitalize;
    width: 350px
}

.U2D2mH {
    color: #222;
    font-size: 20px
}

.GbmMWt {
    color: #929292;
    margin-top: 30px
}

.P1Ozlo:first-child {
    width: 30%
}

.P1Ozlo:nth-child(2),.P1Ozlo:nth-child(3) {
    width: 35%
}

.fUtVgS {
    color: #222;
    width: 30%
}

._wnmWC {
    color: #ee4d2d;
    width: 35%
}

.izNOwG {
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 35%
}

.YCB1KC {
    margin-top: 25px
}

.iCq3ef {
    flex-direction: row-reverse;
    margin-top: 45px
}

.y5xqvT {
    align-items: center;
    display: flex;
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.d_wQcV {
    width: 20px
}

.iDZfa6 {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.Y04pHP {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.HICLAp {
    width: 20px
}

.w2GEso {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.YyI58r {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px
}

.ZyfAXa {
    color: #ee4d2d
}

.gHwVSs {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.PJ8nk6,.pcCHFm {
    color: #26aa99
}

.pcCHFm {
    font-weight: 500
}

.eGhnds {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

.N16O65 {
    align-items: center;
    display: flex;
    line-height: 16px;
    white-space: pre
}

.Vlxb9h {
    margin-right: 2px
}

.DOBmp8 {
    color: #26aa99;
    font-weight: 500
}

.Og3sXY {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.dsgr0q {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    max-height: 270px;
    width: 440px
}

.w6NXMl {
    font-size: 16px;
    font-weight: 500;
    padding: 32px 24px 16px
}

.vK_Uq5 {
    color: rgba(0,0,0,.6);
    margin-bottom: auto;
    overflow-y: auto;
    padding: 0 24px;
    
}

.FDVCY_ {
    padding: 24px
}

.Cp6IwQ {
    float: right
}

.SFi5Vg {
    cursor: default;
    font-size: .875rem;
    margin: 15px 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 458px
}

.SFi5Vg.apWeov {
    margin: 20px 24px;
    width: auto
}

.n9FCgW {
    align-items: flex-start;
    display: flex;
    margin-bottom: 4px
}

.Xf1wi6 {
    color: #222;
    font-weight: 500;
    max-width: 33.3%;
    padding-right: 10px
}

.DbbHsV,.Xf1wi6 {
    display: -webkit-box;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.DbbHsV {
    text-align: right
}

.N1S9ia,.tAmf62 {
    display: inline-block
}

.N1S9ia {
    color: rgba(0,0,0,.26);
    margin-right: 4px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    -webkit-text-decoration-color: rgba(0,0,0,.26);
    text-decoration-color: rgba(0,0,0,.26)
}

.kVeRiB {
    display: inline-block;
    font-weight: 500
}

.dl9jlo,.kVeRiB {
    color: rgba(0,0,0,.87)
}

.dl9jlo {
    font-size: 12px;
    line-height: 16px
}

.dl9jlo.LbaCtO {
    color: #26aa99
}

.VJJeDm {
    color: rgba(0,0,0,.54);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 4px;
    margin-top: 4px;
    
}

.VJJeDm * {
    color: rgba(0,0,0,.4)!important;
    font-size: 12px!important
}

.YULpJb {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.pl-promotion {
    flex: 0 1 auto
}

.SFi5Vg+.SFi5Vg {
    padding-top: 20px
}

.theme-ofs .VJJeDm {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.WMvnW3,.i413pm {
    margin-top: 4px
}

.WMvnW3 {
    font-size: 12px
}

.J3_XgW {
    align-items: center;
    display: flex
}

.zelV5S {
    cursor: pointer;
    height: 14px;
    margin-left: 4px;
    width: 14px
}

.MLOeJU {
    font-size: 12px
}

.J1fUNz {
    margin-right: 2px
}

.BtxWDu {
    align-items: center;
    display: flex;
    margin-left: auto
}

.TtmI6V {
    margin: 0 4px -1px 0
}

.pVEN7l {
    height: 20px
}

.hLl9Yz {
    border-bottom: 1px solid rgba(0,0,0,.09);
    font-size: .875rem;
    font-weight: 500;
    height: 3.25rem;
    line-height: 3.25rem
}

.hLl9Yz.diWK2j {
    border-bottom: 0;
    font-weight: 700;
    height: unset;
    line-height: 1rem;
    padding: 1.25rem 1.5rem
}

.CrBlKL {
    border-bottom: .0625rem solid rgba(0,0,0,.09)
}

.q5KiF7 {
    margin-bottom: .75rem;
    padding: 0 1.25rem
}

.q5KiF7.diWK2j {
    padding: 0
}

.Ej6Io5 {
    padding-top: .625rem
}

.Ej6Io5.diWK2j {
    padding-top: 0
}

.Ej6Io5.diWK2j>div:not(:first-child) {
    border-top: .03125rem solid rgba(0,0,0,.09)
}

.Ej6Io5.YJ9JEB :first-child {
    margin-top: 0
}

.wykjJM {
    margin: 0
}

.Rt_jnJ {
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.oJaVeR {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.ai5kXA {
    align-items: center;
    display: flex
}

.DkMKTu {
    color: #636363
}

.DkMKTu,.Vjww5c {
    margin-left: .625rem
}

.Vjww5c {
    display: inline-block;
    vertical-align: baseline
}

.Vjww5c .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.jZUECu {
    color: rgba(0,0,0,.54);
    fill: currentColor;
    stroke: none;
    height: .875rem;
    width: .875rem
}

.RC844M {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.RC844M ol,.RC844M ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.Z9LFVl {
    margin-bottom: .625rem
}

.fp3wtk {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.uvxHv_ {
    align-items: center;
    color: #636363;
    display: flex;
    margin: 0 0 0 10px
}

.fhEmmk {
    display: inline-block;
    margin-left: .5rem;
    vertical-align: baseline
}

.fhEmmk .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.N2y_MC {
    height: .875rem;
    width: .875rem
}

.MJLyzU {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.MJLyzU ol,.MJLyzU ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.nVIOok {
    display: flex
}

.nVIOok>div:first-child {
    margin-right: 1.25rem
}

.CWIkAx {
    width: 515px
}

.Z3_m8m {
    height: 0;
    opacity: 0
}

.oqSQTf {
    height: auto;
    opacity: 1;
    transition: height .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)
}

.BWGW5I {
    align-items: center;
    display: flex
}

.gbmoiL {
    padding: 0 20px 15px
}

.qPOUK4 {
    color: rgba(0,0,0,.54)
}

.vAmPSZ {
    color: #ee4d2d;
    margin-bottom: 10px
}

.vAmPSZ>.icon-preorder {
    font-size: 20px;
    margin: 0 14px 0 0
}

.wigEZ0 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 1fr
}

.Fy4A_Q {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1
}

.Fy4A_Q,.ohuenU {
    grid-row: 1;
    -ms-grid-row: 1;
    margin-bottom: 12px
}

.ohuenU {
    grid-column: 2;
    -ms-grid-column: 2;
    margin-left: 7px
}

.nDYwZC {
    align-items: center;
    color: #222;
    display: flex
}

.mU_CeI {
    color: rgba(0,0,0,.54);
    font-weight: 300;
    margin-top: 2px
}

.ylZz2_ {
    margin-left: 10px
}

.nzMrCh {
    white-space: normal
}

.H5IRYN {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2
}

.H5IRYN .fBlHLU,.H5IRYN .i9sDsG {
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    width: 20px
}

.JLop8B {
    grid-column: 2;
    -ms-grid-column: 2;
    grid-row: 2;
    -ms-grid-row: 2;
    margin-left: 7px
}

.Zg6PS1 {
    color: #636363;
    margin-right: 10px;
    text-transform: capitalize;
    width: 110px
}

.oTmzEO {
    position: relative
}

.C0ngbq {
    align-items: center;
    margin-bottom: 10px
}

.C0ngbq,.C0ngbq .shopee-drawer__contents {
    display: flex
}

.C0ngbq:last-child {
    margin: 0
}

.NH0wdP,.mMlgVz {
    margin-right: 5px
}

.nIv4eX {
    color: #000;
    font-weight: 500
}

.bAmXer {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bAmXer .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.bAmXer .icon-arrow-down,.bAmXer .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.bAmXer:hover .nIv4eX {
    color: #ee4d2d!important
}

.PZGOkt {
    color: #222;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.PZGOkt:hover {
    color: #ee4d2d
}

.PZGOkt .eTGwg9 {
    height: 12px;
    margin-left: 5px;
    width: 12px
}

.MdEora {
    border: 1px solid rgba(0,0,0,.09);
    margin: 5px 0 0 -5px
}

.XeC500 {
    max-height: 400px;
    max-width: 500px;
    overflow-y: auto
}

.Gty4hV {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    padding: 18px 20px 15px
}

.Gty4hV a {
    color: #4080ee
}

.HykkXO {
    display: inline-block;
    padding-top: 15px;
    text-align: center;
    width: 500px
}

.oye0NX {
    margin-bottom: 10px
}

.ZUOl2C {
    margin-bottom: 0
}

.dMKkAU {
    background-color: rgba(0,0,0,.09);
    height: 1px;
    margin-bottom: 15px
}

.lgD2zq {
    margin: 5px 0 15px
}

.theme--ofs .PZGOkt :hover {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .ZeFe2s {
    color: #d0011b
}

.PddMlc {
    margin-right: 5px
}

.my0ZcO {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.my0ZcO .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.my0ZcO .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.my0ZcO .RhLDj0 {
    height: .625rem;
    margin-left: 5px;
    pointer-events: none;
    width: .625rem
}

.my0ZcO .RhLDj0.IE8riR {
    transform: rotate(180deg)
}

.my0ZcO:hover .jEJ3Vm {
    color: #ee4d2d!important
}

.my0ZcO button {
    background-color: transparent;
    border: 0
}

.awxJLd {
    color: #000;
    font-weight: 500
}

.Jzfbds {
    background: transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998
}

.QjxyrX {
    position: relative
}

.LUAQqJ {
    display: inline-flex;
    flex-direction: row
}

.YRa9CH {
    color: #929292;
    margin-right: .3125rem;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.AGvOhq {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .5rem
}

.WjX0SZ {
    display: inline-block;
    font-size: 0;
    margin-top: toRem(-2px)
}

.WjX0SZ>svg {
    height: toRem(24px);
    width: toRem(24px)
}

.jQFffX {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1rem
}

.kAt8Li {
    color: rgba(0,0,0,.4);
    font-size: .75rem
}

.YMJfCu {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    margin-bottom: 10px
}

.F3NM4u {
    height: 20px;
    margin: 0 14px 0 0;
    width: 20px
}

.ytozli {
    border-bottom: 1px solid #efefef;
    padding: 15px
}

.gxPhDY {
    margin-right: 4px
}

.SsEdP1 {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.BYQWiH {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

._2yNQg {
    align-items: center;
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    display: inline-flex;
    height: 1.25em;
    width: 1.25em
}

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

.s6Zx9 {
    animation: _2yNQg .56s linear infinite;
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: .25em;
    margin-bottom: -.25em;
    margin-right: .25em;
    transform: translateY(.0001%);
    width: .25em
}

.s6Zx9:nth-child(2) {
    animation-delay: -.14s
}

.s6Zx9:nth-child(3) {
    animation-delay: -.28s;
    margin-right: 0
}

@keyframes _2yNQg {
    50% {
        transform: translateY(-.25em)
    }
}

.uVwYBh {
    align-items: flex-start;
    max-width: 625px
}

.JeKiRh {
    color: rgba(0,0,0,.54)
}

.o3ut9x {
    align-items: center;
    border: 0;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    justify-content: center;
    max-width: 100%;
    padding: 3px 7px;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.o3ut9x,.theme--ofs .o3ut9x {
    background: rgba(208,1,27,.08)
}

.theme--ofs .o3ut9x {
    color: #d0011b
}

.theme--s-mart .o3ut9x {
    background: #f2f9ff!important;
    color: #066bc8!important
}

.o3ut9x:after,.o3ut9x:before {
    background-image: radial-gradient(#fff 2px,transparent 0);
    background-position-x: -6px;
    background-size: 6px 6px;
    content: "";
    height: calc(100% - 5px);
    position: absolute;
    top: 2.5px;
    width: 6px
}

.o3ut9x:before {
    left: -3px
}

.o3ut9x:after {
    right: -3px
}

.xt4bbw {
    margin-left: toRem(4px)
}

.UvSsjz:focus-visible {
    border-radius: 2px;
    outline: 2px solid #000
}

.mini-voucher-with-popover {
    margin-right: .625rem;
    position: relative
}

.mini-vouchers {
    width: 100%
}

.mini-vouchers__label {
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0 .625rem 0 0;
    text-transform: capitalize;
    width: 6.25rem
}

.mini-vouchers__wrapper {
    height: 1.375rem;
    min-width: calc(100% - 245px)
}

.mini-vouchers__vouchers {
    display: flex;
    flex-shrink: 1;
    overflow: hidden;
    position: relative
}

.mini-vouchers__mask {
    background: linear-gradient(90deg,hsla(0,0%,100%,.001) 80%,#fff);
    height: 100%;
    position: absolute;
    width: calc(100% + 1px);
    z-index: 1
}

.mini-vouchers__show-all {
    align-items: center;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    flex-shrink: 0;
    margin-left: .3125rem;
    white-space: nowrap
}

.mini-vouchers__show-all>svg {
    margin-left: .625rem;
    width: 1em
}

.mini-vouchers .mini-vouchers__show-all {
    color: var(--brand-primary-color)
}

.K4EMzU {
    background-color: #ee4d2d;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 5px
}

.E_9Yd2 {
    color: #08f;
    margin-left: 20px
}

.ydqmvf {
    white-space: nowrap
}

.EyAHY1 {
    align-items: center;
    display: flex
}

.Dc4Fhg {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    font-weight: 500
}

.gBWM4s {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    padding-bottom: 12px
}

.gBWM4s a {
    color: #4080ee
}

.oKJkKO {
    background-color: #fff;
    max-height: 600px;
    width: 640px
}

.oKJkKO,.ytTzaP {
    display: flex;
    flex-direction: column
}

.ytTzaP {
    border-bottom: .5px solid rgba(0,0,0,.09);
    gap: 20px;
    padding: 24px 24px 20px
}

.fd8gRj {
    font-size: 18px;
    font-weight: 500
}

.tuPCbG {
    overflow-y: auto
}

.pnvN9e,.tuPCbG>div:not(:first-child) {
    border-top: .5px solid rgba(0,0,0,.09)
}

.pnvN9e {
    padding: 24px
}

.b1S7eh {
    float: right
}

.ZdhAws {
    border-bottom: 0;
    padding: 0
}

.lKTeBk {
    color: rgba(0,0,0,.54);
    height: 18px;
    width: 18px
}

.l2BH0S {
    overflow: hidden;
    text-overflow: ellipsis
}

.ob_Xzt {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    overflow: hidden
}

.s8IGr4 {
    align-items: flex-end;
    display: flex
}

.s8IGr4:hover {
    cursor: pointer
}

.wdIQQ9 {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.kmVbjq {
    align-items: flex-start;
    display: flex
}

.A1GDc0 {
    height: 20px;
    margin-left: 4px
}

.t9Xi9z {
    line-height: 21px
}

.lkKD9l {
    align-items: flex-start
}

.uQvFLM {
    display: flex
}

.snjEjZ {
    align-self: start;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.Vnqu24,._GVeNA {
    overflow: hidden;
    text-overflow: ellipsis
}

._GVeNA {
    align-items: center;
    display: flex;
    gap: 8px;
    max-width: 515px;
    white-space: nowrap
}

._GVeNA:hover {
    cursor: pointer
}

.bZMSyU {
    height: 20px;
    width: 20px
}

.tUagTH {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.LGvA5N {
    color: rgba(0,0,0,.54);
    height: 12px;
    width: 12px
}

.MxnU3J {
    display: flex
}

.OInbBb {
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.QTBNdq {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-right: auto
}

.AU9pr3 {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.RQkBav {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    max-width: 430px;
    overflow: hidden;
    
}

.RQkBav.AWr2k9 {
    max-width: none
}

.uzoSuz {
    align-self: center;
    height: 18px;
    margin-left: 12px;
    width: 18px
}

.pmqvjV {
    border: 1px solid rgba(0,0,0,.09);
    margin: 5px 0 0 -5px
}

.HpPP8d {
    display: flex;
    flex-direction: column;
    max-height: 360px;
    width: 515px
}

.TVuVF3 {
    border-bottom: .5px solid rgba(0,0,0,.09);
    font-weight: 700;
    margin: 20px 20px 0;
    padding-bottom: 16px
}

.Lkcd6o {
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
    padding: 20px
}

.yjMlzR {
    align-items: center;
    color: #222;
    display: flex;
    margin-bottom: 25px;
    margin-left: -4px;
    margin-top: -4px;
    padding: 4px
}

.yjMlzR:last-child {
    margin-bottom: 0
}

.OGxzJN {
    align-items: center;
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0 10px 0 0;
    text-transform: capitalize;
    width: 100px
}

.ZXrGhX {
    background: transparent;
    border: 1px solid #ee4d2d;
    border-color: var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    cursor: pointer;
    font-size: 14px;
    max-width: 450px;
    outline: 0;
    overflow: visible;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ZXrGhX: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)
}

.jbM8YZ {
    border: 1px solid var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    font-size: 14px;
    max-width: 450px;
    overflow: hidden;
    padding: 3px 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o8k8S4 {
    align-items: center;
    color: #555;
    display: flex
}

.G3Wedb {
    display: inline-block;
    font-size: 0;
    margin-right: 8px;
    padding: 0 5px
}

.ikrz0A {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.Q8e31z {
    margin-right: 12px
}

.w8_Dsz {
    color: rgba(0,0,0,.54);
    margin-right: 10px
}

.NGt3mo:hover {
    cursor: pointer
}

.Qk7Yut {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: toRem(14px);
    line-height: toRem(22px);
    max-height: 200px;
    overflow-y: auto;
    padding: toRem(20px);
    width: 475px;
    width: toRem(300px);
    word-wrap:;
    text-align: left
}

.Qk7Yut strong {
    font-weight: 500
}

.Qk7Yut .red {
    color: #ee4d2d
}

.Qk7Yut a {
    color: #08f
}

.BsElcS {
    min-height: 16.8px
}

.CyT4Dj {
    align-items: center;
    color: #555;
    display: flex
}

.rQOiME {
    margin-right: 5px
}

.tk9RLq {
    margin-right: 10px
}

.bzbDeN {
    color: #ffae04
}

.jU9Xv1:hover {
    cursor: pointer
}

.W5LiQM {
    padding-bottom: 15px
}

.uF9btB {
    background: #fff5f5;
    margin: 15px -35px 0 -20px;
    padding: 10px 35px 15px 20px
}

.jJ5NSQ {
    align-items: center;
    display: flex
}

.jJ5NSQ .shopee-popover {
    top: 1.875rem!important
}

.jJ5NSQ .shopee-popover--dropdown {
    left: unset!important;
    right: 0
}

.jJ5NSQ .shopee-popover--dropdown:before {
    top: -1rem
}

.jJ5NSQ .shopee-popover .voucher-ticket {
    flex-wrap: wrap;
    text-align: center;
    white-space: normal
}

.hI_RBc .shopee-popover--dropdown:after,.hI_RBc .shopee-popover--dropdown:before {
    left: 8.625rem;
    right: auto
}

.FacMDR .shopee-popover--dropdown:after {
    border-bottom-color: #f5f5f5
}

.mDUADU {
    max-width: 625px
}

.HA7c7x {
    min-height: 18.8px
}

.gIL8h3 {
    display: flex;
    flex-direction: column;
    margin: 25px 15px;
    row-gap: 15px
}

.kz1LRx {
    align-items: center;
    display: flex
}

.Kdpve_ {
    flex-shrink: 0;
    height: 20px;
    margin-right: 5px;
    width: 20px
}

.lji0M1 {
    color: #222;
    padding-right: 20px;
    text-transform: capitalize
}

.u83Maa {
    color: rgba(0,0,0,.54)
}

.QD0d7a {
    margin: 0 auto;
    width: 1200px
}

.QD0d7a,.gql643 {
    background: #fff;
    height: 65px
}

.gql643 {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 12px 70px 13px
}

.WS4rM_ {
    display: flex;
    height: 40px;
    width: 268px
}

.Io84eA {
    color: #066bc8;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.yMW1If {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.RrWF9N {
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: help
}

.lmE3DI {
    background: #fff;
    height: 65px
}

.PqHhDA .shopee-drawer__contents {
    width: 268px
}

.oZ2qq4 {
    background: #fff;
    padding: 12px
}

.fqmTt_ {
    align-items: start;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
    background: #fff;
    gap: 4px
}

.Nm4HEX {
    align-items: center;
    display: flex;
    font-size: 16px;
    min-width: 0
}

.Nm4HEX:first-child {
    justify-self: start
}

.Nm4HEX:nth-child(2) {
    justify-self: center
}

.Nm4HEX:nth-child(3) {
    justify-self: end
}

._7dS96 {
    min-width: 0
}

.XklnWA {
    color: #4a4a4a;
    cursor: help;
    display: flex;
    font-size: 16px;
    overflow: hidden;
    width: 100%
}

.XklnWA+.shopee-drawer__contents a {
    outline: 0;
    overflow: visible;
    position: relative
}

.XklnWA+.shopee-drawer__contents a: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)
}

._W1kLr {
    opacity: 0
}

.oZtSFx {
    flex-shrink: 0;
    height: 18px;
    margin-right: 5px;
    width: 18px
}

.jNRWxO {
    margin-top: 20px;
    padding: 0
}

._OguPS {
    flex-shrink: 0;
    padding: 15px;
    width: 450px
}

.YTDXQ0 {
    flex: 1 0 auto;
    width: 0
}

.tKNJvJ {
    box-sizing: border-box;
    padding: 20px 35px 0 20px;
    width: 100%
}

.y_zeJr {
    margin-top: 25px;
    padding: 0 20px
}

.CFIB2E {
    margin: 15px 0 30px
}

.DaLVBj {
    border-top: 1px solid rgba(0,0,0,.05);
    padding-top: 25px
}

.cbPX7v {
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 24px;
    width: auto
}

.cbPX7v .shopee-alert-popup__title {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.cbPX7v .shopee-alert-popup__message {
    color: rgba(0,0,0,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    min-width: 452px
}

.cbPX7v .shopee-alert-popup__button-horizontal-layout {
    flex-direction: row-reverse;
    margin-top: 16px
}

.cbPX7v .shopee-alert-popup__btn {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 40px;
    white-space: nowrap
}

.product-not-exist {
    height: 600px;
    position: relative;
    text-align: center;
    width: 100%
}

.product-not-exist__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.product-not-exist__text {
    cursor: default;
    margin-top: 20px
}

.dBfDWY {
    background-color: #fffefb;
    border: 1px solid rgba(224,168,0,.4);
    border-radius: 2px;
    color: #222;
    line-height: 18px;
    margin-bottom: -.625rem;
    margin-top: 20px;
    padding: 11px 15px
}

.OzG_WI {
    height: 14px;
    margin-right: 10px;
    overflow: visible;
    vertical-align: -1px;
    width: 14px
}

.SXDo3H {
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 24px;
    width: auto
}

.SXDo3H .shopee-alert-popup__title {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.SXDo3H .shopee-alert-popup__message {
    color: rgba(0,0,0,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    min-width: 452px
}

.SXDo3H .shopee-alert-popup__button-horizontal-layout {
    flex-direction: row-reverse;
    margin-top: 16px
}

.SXDo3H .shopee-alert-popup__btn {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 40px;
    white-space: nowrap
}

.OK2S5z {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.XsMEjP {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.EBRFWp {
    background-color: rgba(0,0,0,.3);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.cz7Ulg {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    padding: 0 20px
}

.cz7Ulg:disabled {
    opacity: .5;
    pointer-events: none
}

.o9RGvm {
    background: #ee4d2d;
    border: 0;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.o9RGvm: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)
}

.o9RGvm:not(.LOZP9g):hover {
    background: #f05d40
}

.o9RGvm:not(.LOZP9g):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.o9RGvm.LOZP9g {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.NvCpmF {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    color: #212121
}

.NvCpmF:active,.NvCpmF:hover {
    background: rgba(0,0,0,.02)
}

.NvCpmF:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.oBKomb {
    font-size: 16px;
    line-height: 24px
}

.NEJEI0 {
    width: 100%
}

.X4TmNY {
    font-size: 16px;
    line-height: 24px;
    padding: 24px;
    width: 440px
}

.GufqRt {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.a3f5I1 {
    color: rgba(0,0,0,.65)
}

.YU4z24 {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    margin-top: 24px
}

._1zdBJ {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    background-color: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2Dkqc {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    margin-left: 2.5rem;
    margin-left: var(--ns-g,2.5rem);
    margin-right: 2.5rem;
    margin-right: var(--ns-g,2.5rem);
    max-height: 75%;
    max-width: 18.75rem;
    min-height: 8.125rem;
    min-width: 15rem;
    width: 100%
}

._2Dkqc,.d-Vo0 {
    overflow: hidden
}

.d-Vo0 {
    display: -webkit-box;
    margin-bottom: 1rem;
    margin-bottom: var(--ns-d,1rem);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2Xfwq {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    max-height: 15.625rem;
    min-height: 2.25rem;
    overflow-y: auto
}

._3pvMp {
    text-align: left
}

._1u0yb {
    text-align: center
}

._3Wssq {
    text-align: right
}

._2WWGU {
    padding: 1.25rem 1.25rem 1.5rem;
    padding: var(--ns-e,1.25rem) var(--ns-e,1.25rem) var(--ns-f,1.5rem) var(--ns-e,1.25rem);
    text-align: center
}

.Jl6On {
    display: flex;
    position: relative
}

.Jl6On:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    position: absolute;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    flex: 1;
    outline: none
}

.Jl6On._1ZxzA {
    flex-direction: row-reverse
}

.Jl6On._1ZxzA button {
    height: 2.96875rem
}

.Jl6On._1ZxzA button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1ZxzA button:first-child:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: scaleX(.5);
    width: .0625rem
}

.Jl6On._1ZxzA button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._24b2I button {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    height: 2.96875rem
}

.Jl6On._24b2I button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv {
    flex-direction: column;
    height: 5.9375rem
}

.Jl6On._3yCdv button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._3yCdv button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv button:nth-child(2):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On._1p6f1 {
    flex-direction: column;
    height: 8.96875rem
}

.Jl6On._1p6f1 button {
    position: relative
}

.Jl6On._1p6f1 button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1p6f1 button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._1p6f1 button:nth-child(2):after,.Jl6On._1p6f1 button:nth-child(3):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._1wbwU,._1wbwU ._2jlhf {
    width: 100%
}

.Wfdz8b {
    margin-top: 20px
}

.w7ks6r {
    background-color: #fff;
    cursor: pointer;
    display: flex;
    padding: 1rem .875rem 1rem .75rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.xccTfr {
    flex-grow: 1;
    margin-left: .75rem;
    margin-right: 1rem
}

.SlwkHx {
    color: rgba(0,0,0,.87);
    margin-bottom: .25rem
}

.PLjDaD,.SlwkHx {
    font-size: .875rem
}

.PLjDaD {
    color: rgba(0,0,0,.54);
    word-break:
}

.jjGWyx {
    height: 1.25rem;
    width: 1.25rem
}

.yseyPt {
    align-self: center;
    height: .6875rem;
    width: .375rem
}

.SarUkj {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.lFP0t_ {
    padding-bottom: 133.33%
}

.IMAW1w,.ltOSWU {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.IMAW1w {
    display: block;
    object-fit: contain;
    object-position: center
}

.ltOSWU {
    align-items: center;
    display: flex;
    justify-content: center
}

.EoYuuW {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.kUpETP {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: space-between
}

.jvHbw2 {
    color: #929292;
    flex-shrink: 0
}

.GP6cHd {
    transform: rotate(180deg)
}

.stardust-dropdown {
    position: relative
}

.stardust-dropdown__item-body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)
}

.stardust-dropdown__item-body--open {
    height: auto;
    opacity: 1
}

.gbavatar,.gbstep1,.gbstep2,.gbstep3 {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4b96c5209105fcf85252.png) no-repeat;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.gbavatar {
    background-position: 0 0;
    background-size: cover;
    height: 100px;
    width: 100px
}

.gbstep1 {
    background-position: 0 -100px
}

.gbstep2 {
    background-position: -22px -100px
}

.gbstep3 {
    background-position: -44px -100px
}

.page-product__content--right>:not(:empty) {
    margin-left: .9375rem;
    width: 14.5rem
}

.page-product>.container {
    padding-bottom: 4.375rem
}

.page-product__breadcrumb {
    height: 1rem;
    margin-top: 1.25rem
}

.theme--s-mart .page-product__breadcrumb {
    color: #066bc8
}

.page-product__detail,.page-product__hot-sales,.page-product__info,.page-product__ratings,.page-product__recycle,.page-product__shop,.page-product__shop-voucher {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    margin-top: .9375rem;
    overflow: hidden;
    padding: .625rem
}

.page-product__content {
    display: flex;
    min-height: 40rem
}

.page-product__content--hidden {
    opacity: 0;
    pointer-events: none
}

.page-product__content--left {
    flex: 1;
    min-width: 0
}

.page-product__content--right>:not(:empty) {
    display: block!important
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/NormalPdpMain.909ab8ddc2aff84122d6.css.map*/

.QN2lPu {
    margin: 0
}

.QN2lPu img {
    pointer-events: none
}

.GqYslU {
    height: 100%;
    left: 0;
    object-fit: fill;
    position: absolute;
    right: 0;
    width: 100%
}

.ADA0OE {
    color: rgba(0,0,0,.87);
    color: #05a;
    margin-right: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.e8lZp3 {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.jMClEd {
    color: #08f
}

.ybxj32 {
    display: flex;
    margin-bottom: 1.125rem
}

.VJOnTD {
    box-sizing: border-box;
    color: rgba(0,0,0,.4);
    font-size: .875rem;
    padding-right: .75rem;
    width: 8.75rem;
    word-break:
}

.Dgs_Bt {
    color: #05a
}

.Dgs_Bt:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.kA1vc6 {
    text-transform: capitalize
}

.cvFwQa {
    border-top: 1px solid rgba(0,0,0,.05);
    font-size: 1rem;
    padding: .9375rem 0
}

.Ur3C1Z {
    display: flex;
    margin-bottom: 1.125rem
}

.Ur3C1Z span {
    color: rgba(0,0,0,.65)
}

.Gu3Txd {
    color: rgba(0,0,0,.4);
    margin-bottom: 1.125rem
}

.rT_Z4u {
    margin-bottom: 1.875rem
}

.ECg7Gs {
    
}

.I_DV_3 {
    padding: .9375rem .9375rem 0
}

.WjNdTR {
    background: rgba(0,0,0,.02);
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    padding: .875rem;
    text-transform: capitalize
}

.Gf4Ro0 {
    margin: 1.875rem .9375rem .9375rem
}

.Y2znRB {
    padding: 1rem .75rem;
    position: relative
}

.pDzgVw {
    left: .75rem;
    position: absolute;
    top: 1rem
}

.hlrJyJ {
    color: rgba(0,0,0,.87);
    height: 1rem
}

.s2FoN4 {
    color: rgba(0,0,0,.54);
    margin-top: .25rem
}

.s2FoN4 ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 1.5rem
}

.hlrJyJ,.s2FoN4 {
    margin-left: 2rem
}

.wAMdpk .shopee-header-section__header-link>.shopee-button-no-outline {
    color: var(--brand-primary-color,#ee4d2d)!important
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/PageProductBelowTheFold.29aee25fb65c8b2e2602.css.map*/


.r74CsV {
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: visible;
    padding: 20px 25px 25px!important
}

.pgFN2d {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 80px;
    margin-top: 20px;
    overflow: hidden;
    padding: 25px
}

.uLQaPg {
    border-right: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    max-width: 440px;
    padding-right: 25px
}

.uLQaPg.PB2BVj {
    border-right: 0
}

.lG5Xxv {
    flex-shrink: 0;
    margin-right: 20px;
    outline: 0;
    overflow: visible;
    position: relative
}

.lG5Xxv .y8f_ga {
    height: 80px;
    width: 80px
}

.lG5Xxv .dRAq0Y {
    height: 70px;
    width: 70px
}

.lG5Xxv:focus-visible:before {
    --focus-indicator-border-radius: 50%;
    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)
}

.aUEg4L {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.aUEg4L .official-shop-new-badge {
    display: flex;
    justify-content: center
}

.aUEg4L>div {
    white-space: normal
}

.kgHbpK {
    left: 50%;
    transform: translateX(-50%);
    width: auto
}

.kgHbpK>div {
    font-size: 9px;
    white-space: nowrap
}

.BziOxR {
    bottom: 0;
    height: 22px;
    position: absolute;
    right: 0;
    width: 22px
}

.VAPYCN {
    height: 18px
}

.PYEGyz {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    overflow: hidden
}

.fV3TIn {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.asNEHY {
    margin: 0!important
}

.Fsv0YO {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    text-transform: capitalize
}

.NyRGTK {
    display: flex;
    margin-top: 8px
}

.NyRGTK .wq_EQj {
    margin-right: 10px
}

.NyRGTK .Z6yFUs,.NyRGTK .wq_EQj {
    flex-direction: row;
    text-transform: capitalize
}

.NyRGTK .Z6yFUs span,.NyRGTK .wq_EQj span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.NyRGTK .EXxJrT,.NyRGTK .esfDPs {
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/7bf03ed38ca37787fe78.svg)
}

.theme--ofs .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/cca4d4ed5534d55ee735.svg)
}

.theme--s-mart .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/11f3b40281448cc1cf5a.svg)
}

.NyRGTK .ak9wsL {
    margin-left: 4px
}

.NGzCXN {
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-gap: 20px 50px;
    color: rgba(0,0,0,.4);
    gap: 20px 50px;
    padding-left: 25px
}

.NGzCXN,.oQUf1d {
    flex-grow: 1
}

.YnZi6x {
    cursor: default;
    display: flex;
    justify-content: space-between;
    outline: 0;
    overflow: visible;
    position: relative
}

.YnZi6x:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.aArpoe .Cs6w3G {
    cursor: pointer
}

.H2wS9j {
    background: transparent;
    border: 0;
    outline: 0;
    overflow: visible;
    position: relative
}

.H2wS9j:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.ffHYws {
    color: rgba(0,0,0,.4);
    margin-right: 12px;
    text-transform: capitalize
}

.Cs6w3G {
    color: var(--brand-primary-color);
    text-align: right;
    white-space: nowrap
}

.mMlpiZ {
    color: #757575;
    font-size: 14px
}

.hN2vPg,.mMlpiZ {
    align-items: center;
    display: flex
}

.hN2vPg {
    color: #d0011b;
    font-size: 12px;
    gap: 4px
}

.qO6yIz {
    height: 12px;
    width: 12px
}

.ty3Y5N {
    margin: 0 25px 25px
}

.H0wYar {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 1.875rem;
    width: 1.875rem
}

.H0wYar,.nkvGdS {
    position: relative
}

.nkvGdS {
    background-color: #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 100%;
    width: 100%
}

.Bk2cVc {
    stroke: #c6c6c6;
    font-size: 1.5rem;
    font-weight: 400;
    left: 50%;
    line-height: 2rem;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 24px;
    width: 24px
}

.Bk2cVc,.Qm507c {
    position: absolute
}

.Qm507c {
    border-radius: 50%;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.Qm507c:focus-visible {
    box-shadow: #fff 0 0 0 10px,var(--focus-indicator-color) 0 0 0 12px;
    outline: none
}

.gxSsbI {
    margin: 0 8px
}

.s4Wk4w a {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.a3axPi {
    align-items: center;
    background-color: #ee4d2d;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    margin: 25px 25px 0;
    padding: 10px 12px 12px
}

.SWDfyz {
    height: 17px;
    margin-right: 6px
}

.NOkmjm {
    color: #fff;
    font-size: 12px;
    margin-top: 6px
}

.ESEZ01 {
    height: 20px;
    margin-left: auto;
    width: 20px
}

.bFvnj7 {
    align-items: center;
    background-color: #f5f5f5;
    border: .5px solid rgba(0,0,0,.09);
    border-radius: 6px;
    display: flex;
    padding: 8px 12px
}

.zWgniE {
    border: 0
}

.T9IfkM {
    color: rgba(0,0,0,.87);
    flex-grow: 1;
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.YvSAP_ {
    font-size: 14px!important
}

.LXhrVK {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-left: 8px;
    margin-right: 2px;
    white-space: nowrap
}

.xgbl1g {
    border-radius: 8px;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.OH0mRQ {
    border-radius: 12px;
    height: 24px;
    width: 24px
}

.product-page-seller-info__holiday-mode {
    color: #f9a51b;
    font-size: 12px;
    margin: 5px 0 6px;
    text-transform: capitalize;
    vertical-align: middle
}

.product-page-seller-info__holiday-symbol {
    align-items: center;
    background-color: #f9a51b;
    border-radius: 50%;
    display: inline-flex;
    height: 12px;
    justify-content: center;
    line-height: 12px;
    margin-right: 5px;
    width: 12px
}

.product-page-seller-info__holiday-symbol img {
    flex: 0 1 auto;
    height: 10px;
    width: 10px
}

.product-page-seller-info__inactive-indicator {
    color: #ff424f;
    font-size: 12px;
    margin: 5px 0 6px
}

.product-page-seller-info__online {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.product-page-seller-info__green-dot {
    background-color: #42ab17;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.product-page-seller-info__inactive-symbol {
    background-color: #ff424f;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-right: 5px;
    text-align: center;
    width: 12px
}

.product-page-seller-info__inactive-symbol>.shopee-svg-icon {
    color: #fff;
    font-size: 8px
}

.product-page-seller-info__inactive-symbol .icon-exclamation-mark {
    height: 8px;
    width: 8px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/ProductShop.aa5eb7b4297bb45a17bf.css.map*/


.g7XUhU {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .5625rem rgba(0,0,0,.12);
    left: 0;
    padding: 1.5rem 1.5rem 1rem;
    position: absolute;
    top: 100%;
    width: 18.75rem;
    z-index: 999
}

.LB36JB {
    align-content: space-between
}

.LB36JB,.nHe5fh {
    align-items: center;
    display: flex
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .LB36JB,.nHe5fh {
        height: 1px
    }

    .LB36JB:after,.nHe5fh:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.kDNZvw {
    font-size: 12px;
    height: 22px;
    margin-top: 4px
}

.nHe5fh {
    padding-top: 4px
}

.qj9zWS {
    color: rgba(0,0,0,.65);
    padding-left: 7px
}

.K6Di8V {
    height: 12px;
    width: 12px
}

.GEF9Sh {
    color: #ee2c4a
}

._esAXe {
    margin-top: 24px;
    text-align: center
}

.M7gJTU,.M7gJTU:active,.M7gJTU:hover,.M7gJTU:visited {
    color: #08f;
    font-size: 12px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.gMtG2L {
    border: 1px solid rgba(0,0,0,.54);
    border-radius: 2px;
    box-sizing: border-box;
    flex: 1;
    font-size: 14px;
    height: 40px;
    min-width: 100px;
    outline: none;
    padding: 10px
}

.AF2RmT {
    border: 1px solid #ee2c4a
}

.ByujAO {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ByujAO {
        height: 1px
    }

    .ByujAO:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.ByujAO {
    background-color: #ee4d2d;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    margin-left: 16px;
    min-width: 107px;
    outline: 0;
    overflow-x: hidden;
    padding: 0
}

.Rx98H1 {
    background-color: #f7a696
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/ZipcodeSelector.b5a9d56b26a250604af6.css.map*/


.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.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
}

.kiCpFo {
    left: 0;
    position: absolute;
    top: 0
}

.d4CZbr {
    width: 3.625rem
}

.zvKpoU {
    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
}

.Z6v0iw {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.pxShte {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.UNGwiq {
    padding-right: 2.4375rem
}

.lOu1t2 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.GDeUTx {
    margin-bottom: .6875rem;
    overflow: hidden
}

.kEgt9x {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.eOSx7z,.lXWD5W {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.lXWD5W {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.eOSx7z {
    background-size: 100%
}

.MZYPMp {
    align-items: center;
    display: flex
}

.IQEmT_,.UE7SrN {
    height: 1rem;
    padding: .1875rem
}

.ZJXh5H.zvKpoU {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.ZJXh5H .Z6v0iw {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.ZJXh5H .lXWD5W {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.ZJXh5H .eOSx7z {
    height: 2.1875rem;
    width: 6.6875rem
}

.ZJXh5H .fweWCq {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.ZJXh5H .UNGwiq {
    padding-right: 1.4375rem
}

.ZJXh5H .lOu1t2 {
    justify-content: center
}

.ZJXh5H .kEgt9x {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.ZJXh5H .GDeUTx {
    margin-bottom: -.25rem
}

.ZJXh5H .IQEmT_,.ZJXh5H .SBb_pM,.ZJXh5H .UE7SrN {
    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
}

.ZJXh5H .SBb_pM {
    margin-right: 0
}

.icon-popup {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    justify-content: center;
    padding: 30px;
    width: 440px
}

.error-popup .icon-error {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-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
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.info-popup {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    flex-direction: column;
    font-size: 1rem;
    padding: 30px;
    width: 440px
}

.info-popup__head {
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    width: 100%
}

.info-popup__head .shopee-svg-icon {
    height: 24px;
    width: 24px
}

.info-popup__icon {
    margin-right: 10px
}

.info-popup__title {
    color: #333;
    font-size: 18px
}

.info-popup__message {
    color: #555;
    font-size: 16px
}

.info-popup__buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    width: 100%
}

.info-popup__btn {
    font-size: .875rem;
    margin: .46875rem;
    min-height: 2.5rem;
    text-transform: uppercase;
    width: 6.25rem
}

.success-popup__icon {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

.toast--hidden {
    opacity: 0;
    pointer-events: none
}

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    margin-bottom: 1.25rem
}

.kkObvr,.toast__icon {
    display: flex;
    justify-content: center
}

.kkObvr {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    height: 60px;
    text-align: center;
    width: 60px
}

.bYHPUH {
    height: 30px;
    width: 30px
}

.K3c1N_ {
    height: 40px;
    width: 40px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/pcmall-productdetailspage.2f489596ca823e3332a9.css.map*/


.shopee-mini-page-controller {
    align-items: center;
    display: flex
}

.shopee-mini-page-controller .shopee-button-outline {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-mini-page-controller .shopee-button-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-mini-page-controller .shopee-button-outline--disabled {
    pointer-events: none
}

.shopee-mini-page-controller__current {
    color: #ee4d2d
}

.shopee-mini-page-controller__next-btn,.shopee-mini-page-controller__prev-btn {
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    height: 2.125rem;
    width: 2.25rem
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled .shopee-svg-icon,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled .shopee-svg-icon {
    fill: #ccc
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:hover,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:hover {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.shopee-mini-page-controller__next-btn .shopee-svg-icon,.shopee-mini-page-controller__prev-btn .shopee-svg-icon {
    height: .625rem;
    width: .625rem;
    fill: #555;
    margin-top: .125rem
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__next-btn:hover,.shopee-mini-page-controller__prev-btn:active,.shopee-mini-page-controller__prev-btn:hover {
    background: #fdfdfd
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__prev-btn:active {
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-mini-page-controller__prev-btn {
    border-bottom-right-radius: 0;
    border-right: 1px solid #f2f2f2;
    border-top-right-radius: 0;
    margin-left: 1.25rem
}

.shopee-mini-page-controller__next-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-page-controller {
    display: flex;
    justify-content: center
}

.shopee-page-controller .shopee-icon-button {
    border: 0;
    color: rgba(0,0,0,.4);
    height: 1.875rem;
    min-width: 2.5rem;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-page-controller .shopee-icon-button:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-page-controller .shopee-icon-button .shopee-svg-icon {
    vertical-align: middle
}

.shopee-page-controller .shopee-icon-button--left {
    margin-right: .9375rem;
    text-align: right
}

.shopee-page-controller .shopee-icon-button--right {
    margin-left: .9375rem;
    text-align: left
}

.shopee-page-controller .shopee-icon-button--disabled {
    pointer-events: none
}

.shopee-page-controller .shopee-button-no-outline {
    color: rgba(0,0,0,.4)
}

.shopee-page-controller .shopee-button-no-outline,.shopee-page-controller .shopee-button-solid {
    font-size: 1.25rem;
    height: 1.875rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    min-width: 2.5rem;
    padding: 0;
    text-align: center
}

.shopee-page-controller .shopee-button-solid {
    color: #fff
}

.shopee-page-controller .shopee-button-no-outline--non-click {
    cursor: auto
}

.shopee-page-controller__ellipses {
    display: inline-block;
    margin: 0
}

.shopee-page-controller--v2 .shopee-icon-button {
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.54);
    height: 1.5rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-icon-button .shopee-svg-icon {
    width: .6875rem
}

.shopee-page-controller--v2 .shopee-icon-button--left {
    margin-right: .625rem
}

.shopee-page-controller--v2 .shopee-icon-button--right {
    margin-left: .625rem
}

.shopee-page-controller--v2 .shopee-button-no-outline {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-button-solid {
    border-radius: .0625rem;
    box-shadow: none;
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.IlUtxL {
    display: block;
    margin-bottom: .3125rem
}

.lxT1yS {
    background-color: #f5f5f5;
    display: flex;
    height: 3.4375rem;
    width: 20.125rem
}

.lxT1yS img {
    height: 3.4375rem;
    width: 3.4375rem
}

.lxT1yS .MbeSk3 {
    color: rgba(0,0,0,.8);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: .625rem;
    text-overflow: ellipsis
}

.lxT1yS .MbeSk3 .og9JkJ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lxT1yS .Z8yTFp {
    color: #757575;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis
}

.shopee-product-rating__follow_up_content_title {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    line-height: .875rem;
    margin-bottom: -.5rem;
    padding-left: .5rem;
    position: relative
}

.shopee-product-rating__follow_up_content_title:after {
    background: #ee4d2d;
    content: " ";
    height: .875rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .25rem
}

.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:
}

.AbAry0 {
    padding: 1.375rem 1.875rem 0;
    width: 27.0625rem
}

.wyF6UN {
    box-sizing: border-box;
    position: relative
}

.fMFMHA {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    font-weight: 400;
    height: 2rem;
    line-height: 1.25rem;
    margin-bottom: .625rem
}

.KVl3L2,.fMFMHA {
    background-color: #fff
}

.KVl3L2 {
    list-style: none;
    margin: 0;
    padding: 0
}

.E1T2Tw {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    justify-content: center;
    line-height: 1rem;
    padding: 1rem 0
}

.avoVcu {
    padding-right: .75rem
}

.mTLSvV {
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    top: -.25rem;
    width: 100%
}

.mTLSvV input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .5px solid rgba(0,0,0,.09);
    border-radius: .125rem;
    margin-bottom: .75rem;
    outline: none;
    padding: .75rem;
    width: 90%
}

.mTLSvV input:active,.mTLSvV input:focus {
    outline: none
}

.Z2v_Bc {
    align-items: center;
    background: #fff9f9;
    border: 1px solid rgba(255,66,79,.2);
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    padding: .625rem .9375rem
}

.ExnH4z {
    margin-right: .325rem
}

.shopee-product-rating {
    align-items: flex-start;
    border-bottom: 1px solid rgba(0,0,0,.09);
    display: flex;
    padding: 1rem 0 1rem 1.25rem
}

.shopee-product-rating:first-child {
    padding-top: 0
}

.shopee-product-rating__avatar {
    margin-right: .625rem;
    text-align: center;
    width: 2.5rem
}

.shopee-product-rating__avatar .shopee-avatar {
    border: 0;
    height: 2.5rem;
    width: 2.5rem
}

.shopee-product-rating__main {
    flex: 1
}

.shopee-product-rating__main .repeat-purchase-con {
    display: flex
}

.shopee-product-rating__main .repeat-purchase-con .repeat-purchase-area {
    align-items: center;
    display: flex
}

.shopee-product-rating__main .repeat-purchase-con .repeat-purchase-area .delimiter {
    color: rgba(0,0,0,.4);
    margin-left: .25rem;
    margin-right: .5rem
}

.shopee-product-rating__main .repeat-purchase-con .repeat-purchase-area .writing {
    color: #e79911;
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem
}

.shopee-product-rating__main .repeat-purchase-con .inherit-disclosure {
    align-items: center;
    color: rgba(0,0,0,.54);
    display: flex;
    font-size: .75rem;
    margin-left: .1875rem;
    margin-top: .3125rem
}

.shopee-product-rating__main .repeat-purchase-con .inherit-disclosure .inherit_review_icon {
    height: .75rem;
    margin-left: .25rem;
    width: .75rem
}

.shopee-product-rating__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    
    word-break:
}

.shopee-product-rating__button--reply {
    border: .5px solid #ee4d2d;
    color: #ee4d2d;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    width: 3.9375rem
}

.shopee-product-rating__button--reply:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-product-rating__author-name {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-product-rating__rating {
    margin-top: .375rem
}

.shopee-product-rating__rating .icon-rating-solid {
    color: #ee4d2d;
    margin-right: .125rem
}

.theme--ofs .shopee-product-rating__rating .icon-rating-solid {
    color: #d0011b
}

.theme--s-mart .shopee-product-rating__rating .icon-rating-solid {
    color: #ffce3d
}

.shopee-product-rating__rating .icon-rating {
    color: #ee4d2d;
    margin-right: .125rem;
    stroke: currentColor
}

.theme--ofs .shopee-product-rating__rating .icon-rating {
    color: #d0011b
}

.theme--s-mart .shopee-product-rating__rating .icon-rating {
    color: #ffce3d
}

.shopee-product-rating__content {
    margin-bottom: .875rem;
    margin-top: .875rem
}

.shopee-product-rating__image-list-wrapper {
    margin-top: .9375rem
}

.shopee-product-rating__image-list-wrapper .image-list-inline-zoom__image-wrapper,.shopee-product-rating__image-list-wrapper .shopee-image-list__image-wrapper {
    height: 4.5rem;
    width: 4.5rem
}

.shopee-product-rating__tags {
    display: flex;
    flex-wrap: wrap
}

.shopee-product-rating__tag {
    border: 1px solid rgba(0,0,0,.4);
    border-radius: .9375rem;
    color: rgba(0,0,0,.4);
    cursor: default;
    margin-bottom: .3125rem;
    max-width: 100%;
    padding: .25rem .625rem;
    text-overflow: ellipsis;
    word-break:
}

.shopee-product-rating__tag:not(:last-child) {
    margin-right: .625rem
}

.shopee-product-rating__image {
    cursor: pointer;
    height: 6.25rem;
    margin-right: .625rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 6.25rem
}

.shopee-product-rating__image:hover .product-comment-item__image-preview {
    display: block
}

.shopee-product-rating__image-thumbnail {
    height: 6.25rem;
    position: absolute;
    width: 6.25rem
}

.shopee-product-rating__image-preview {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    display: none;
    line-height: 1;
    padding: .3125rem;
    position: absolute;
    top: 6.25rem;
    z-index: 1
}

.shopee-product-rating__image-preview__picture {
    border: 1px solid rgba(0,0,0,.26);
    width: 18.125rem
}

.shopee-product-rating__image-preview__link {
    background-color: #fff;
    bottom: 0;
    color: rgba(0,0,0,.87);
    height: 1.875rem;
    line-height: 1.875rem;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 1.875rem
}

.shopee-product-rating__image-preview__link svg {
    color: rgba(0,0,0,.4);
    font-size: 1rem
}

.shopee-product-rating__time {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-bottom: .9375rem;
    margin-top: .25rem
}

.shopee-product-rating__actions {
    color: rgba(0,0,0,.4);
    display: flex;
    margin-top: 1.25rem
}

.shopee-product-rating__like-button {
    color: rgba(0,0,0,.2);
    cursor: pointer;
    margin-right: .25rem
}

.shopee-product-rating__like-button svg {
    fill: currentColor
}

.shopee-product-rating__like-button--liked {
    color: #ee4d2d
}

.shopee-product-rating__like-count {
    text-transform: capitalize
}

.shopee-product-rating__view-button {
    margin-right: .25rem
}

.shopee-product-rating__view-count {
    margin-right: .625rem
}

.shopee-product-rating__action-button-con {
    align-items: center;
    cursor: pointer;
    display: flex
}

.shopee-product-rating__action-button-con--text {
    color: #ee4d2d;
    font-size: .875rem;
    margin-left: .3125rem
}

.shopee-product-rating__action-button-primary {
    align-items: center;
    background-color: #fef6f5;
    border: 1px solid #ee4d2d;
    border-radius: 2px;
    color: #ee4d2d;
    cursor: pointer;
    display: flex;
    padding: 8px 16px;
    transition: all .3s
}

.shopee-product-rating__action-button-primary:hover {
    background-color: #fff
}

.shopee-product-rating__report-menu-button {
    cursor: pointer;
    margin-left: auto
}

.shopee-product-rating__report-menu-button .stardust-dropdown__item-body {
    background: #fff;
    display: none;
    overflow: visible;
    position: absolute;
    right: 0;
    z-index: 1
}

.shopee-product-rating__report-menu-button .stardust-dropdown__item-body--open {
    display: block
}

.shopee-product-rating__report-menu-dropdown {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
    color: rgba(0,0,0,.8);
    padding: .75rem 1.625rem;
    text-transform: capitalize;
    white-space: nowrap
}

.shopee-product-rating__report-success-toast {
    background: #fafdf7;
    border: 1px solid rgba(87,172,3,.3);
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    display: flex;
    padding: .875rem 1rem;
    white-space: nowrap
}

.shopee-product-rating__report-error-toast {
    background: #fff9f9;
    border: 1px solid rgba(255,66,79,.2)
}

.shopee-product-rating__report-success-icon {
    border: 1px solid #6c0;
    border-radius: .625rem;
    color: #6c0;
    height: 1rem;
    width: 1rem
}

.shopee-product-rating__report-error-icon,.shopee-product-rating__report-success-icon {
    align-items: center;
    display: flex;
    font-size: .625rem;
    justify-content: center;
    margin-right: .5rem
}

.shopee-product-rating__variation {
    color: rgba(0,0,0,.4);
    font-weight: 300
}

.theme--ofs .shopee-product-rating__like-button--liked {
    fill: #d0011b
}

._kc6eh {
    background-color: #f5f5f5;
    margin-bottom: .75rem;
    padding: .875rem .75rem;
    position: relative
}

._kc6eh:after {
    border: .28125rem solid transparent;
    border-bottom-color: #f5f5f5;
    content: "";
    display: inline-block;
    left: 2rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-100%)
}

.qi81TA {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    text-transform: capitalize
}

.xlNqq9 {
    color: rgba(0,0,0,.65);
    margin-top: .625rem;
    
    word-break:
}

.v2I4R2 {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: .25rem;
    display: flex;
    height: 3.125rem;
    margin-top: .75rem;
    max-width: 66.5rem;
    padding: 0 .5rem
}

.Nd_fvV {
    color: #595959;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.iyNyy3 {
    color: rgba(0,0,0,.259);
    height: .75rem;
    margin-left: .625rem;
    width: .75rem
}

.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-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;
    
}

.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
}

.qzq65Q {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 22px;
    max-height: 200px;
    padding: 20px;
    width: 300px;
    word-wrap:;
    overflow: auto;
    text-align: left
}

.qzq65Q a {
    color: #05a
}

.yxbHfd {
    height: 14px;
    width: 14px
}

.product-rating-overview {
    align-items: center;
    background-color: #fffbf8;
    border: 1px solid #f9ede5;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 1rem;
    min-height: 5rem;
    padding: 1.875rem
}

.theme--s-mart .product-rating-overview {
    background-color: #e6f0f9
}

.product-rating-overview__briefing {
    margin-right: 1.875rem;
    text-align: center
}

.product-rating-overview__score-wrapper {
    color: #ee4d2d;
    font-size: 1.125rem
}

.theme--ofs .product-rating-overview__score-wrapper {
    color: #d0011b
}

.theme--s-mart .product-rating-overview__score-wrapper {
    color: rgba(0,0,0,.87)
}

.product-rating-overview__score-wrapper .shopee-svg-icon {
    font-size: 1.25rem
}

.product-rating-overview__score-wrapper .shopee-rating-stars__star-wrapper {
    margin-right: .25rem
}

.product-rating-overview__rating-score {
    font-size: 1.875rem
}

.product-rating-overview__stars {
    font-size: 1.25rem;
    margin-top: .625rem
}

.product-rating-overview__text-overview {
    color: #ee4d2d;
    font-size: 1rem;
    margin-top: .75rem
}

.product-rating-overview__filters {
    flex: 1;
    margin-left: .9375rem
}

.product-rating-overview__filter {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    color: rgba(0,0,0,.8);
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    margin-bottom: .3125rem;
    margin-right: .5rem;
    margin-top: .3125rem;
    min-width: 6.25rem;
    padding: 0 .625rem;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.product-rating-overview__filter--active {
    border-color: var(--brand-primary-color,#ee4d2d);
    fill: var(--brand-primary-color,#ee4d2d);
    color: var(--brand-primary-color,#ee4d2d)
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-shoprating/_/467.fc265548b1988e1be389.css.map*/


.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.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
}

.xMW4u2 {
    left: 0;
    position: absolute;
    top: 0
}

.bjl0NP {
    width: 3.625rem
}

.R3LRRh {
    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
}

.HDv8DW {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.W79BEy {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.QXF4v3 {
    padding-right: 2.4375rem
}

.J9GTd8 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.i4r5d1 {
    margin-bottom: .6875rem;
    overflow: hidden
}

.PrtvVo {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.JFyGBZ,.JxiCjp {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.JFyGBZ {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.JxiCjp {
    background-size: 100%
}

.ZYo_yC {
    align-items: center;
    display: flex
}

.sWDR04,.wed5v3 {
    height: 1rem;
    padding: .1875rem
}

.evf394.R3LRRh {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.evf394 .HDv8DW {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.evf394 .JFyGBZ {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.evf394 .JxiCjp {
    height: 2.1875rem;
    width: 6.6875rem
}

.evf394 .VtplCo {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.evf394 .QXF4v3 {
    padding-right: 1.4375rem
}

.evf394 .J9GTd8 {
    justify-content: center
}

.evf394 .PrtvVo {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.evf394 .i4r5d1 {
    margin-bottom: -.25rem
}

.evf394 .dr4Lk6,.evf394 .sWDR04,.evf394 .wed5v3 {
    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
}

.evf394 .dr4Lk6 {
    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
}

.wPisDL {
    position: relative
}

.wPisDL img {
    vertical-align: bottom
}

.MpcwFJ {
    visibility: hidden
}

.oYmqZE {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.YMv5q2 {
    opacity: 0
}

.GQrJkR {
    opacity: 1;
    transition: opacity .2s ease
}

.pM7pI0 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.gZEhsS .w93Qin {
    bottom: 0;
    right: 0
}

.gZEhsS .w93Qin,.w93Qin {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.w93Qin {
    height: 100%;
    width: 100%
}

.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
}

.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-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.info-popup {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    flex-direction: column;
    font-size: 1rem;
    padding: 30px;
    width: 440px
}

.info-popup__head {
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    width: 100%
}

.info-popup__head .shopee-svg-icon {
    height: 24px;
    width: 24px
}

.info-popup__icon {
    margin-right: 10px
}

.info-popup__title {
    color: #333;
    font-size: 18px
}

.info-popup__message {
    color: #555;
    font-size: 16px
}

.info-popup__buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    width: 100%
}

.info-popup__btn {
    font-size: .875rem;
    margin: .46875rem;
    min-height: 2.5rem;
    text-transform: uppercase;
    width: 6.25rem
}

.success-popup__icon {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

.YknRSx {
    position: relative
}

.o5ubXd {
    background: #000;
    cursor: pointer;
    height: 100%;
    outline: none;
    width: 100%
}

.BdHLAq,.IxMgmu {
    height: 6.25rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-3.125rem,-3.125rem,0);
    width: 6.25rem
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.shopee-rating-media-list-image__content,.shopee-rating-media-list-image__wrapper {
    height: 100%;
    width: 100%
}

.shopee-rating-media-list-image__wrapper {
    position: relative
}

.shopee-rating-media-list-image__content {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0
}

.shopee-rating-media-list-image__content--blur {
    height: 100%;
    width: 100%
}

.shopee-rating-media-list-image__place-holder {
    background-color: #fafafa;
    height: 100%;
    position: relative;
    width: 100%
}

.shopee-rating-media-list-image__place-holder .icon-loading-image {
    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;
    stroke: #c6c6c6
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.rating-media-list-carousel-arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    line-height: 50px;
    margin-top: -25px;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 50%;
    transition: all .1s cubic-bezier(.4,0,.6,1);
    width: 50px
}

.rating-media-list-carousel-arrow>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    transition: width .1s cubic-bezier(.4,0,.6,1);
    fill: rgba(0,0,0,.54)
}

.rating-media-list-carousel-arrow--prev {
    left: 0
}

.rating-media-list-carousel-arrow--next {
    right: 0
}

.rating-media-list-carousel-arrow--hint {
    background-color: #fff;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    width: 25px
}

.rating-media-list-carousel-arrow--hint>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    height: .625rem;
    width: .625rem;
    fill: currentColor
}

.upysrj {
    text-transform: uppercase;
    width: 140px
}

Button[data-cy=IDLargeSubmitBtn] {
    width: 200px
}

.shopee-popup-form {
    background: #fff;
    border-radius: .125rem;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    padding: 30px 30px 0;
    width: 500px
}

.shopee-popup-form__header {
    align-items: center;
    display: flex;
    height: 60px
}

.shopee-popup-form__title {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: capitalize
}

.shopee-popup-form__subtitle {
    color: #bbb;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.0625rem;
    margin-top: -15px;
    text-transform: capitalize
}

.shopee-popup-form__back-btn {
    color: rgba(0,0,0,.4);
    cursor: pointer;
    display: inline-block;
    margin-right: .875rem
}

.shopee-popup-form__back-btn>.icon-back {
    font-size: .9375rem
}

.shopee-popup-form__main {
    flex: 1;
    margin-left: -50px;
    margin-right: -50px;
    overflow-y: auto;
    padding-left: 50px;
    padding-right: 50px;
    position: relative
}

.shopee-popup-form__main::-webkit-scrollbar {
    display: none
}

.shopee-popup-form__main-container {
    margin-bottom: 84px
}

.shopee-popup-form__prompt-message {
    background: #fffefb;
    border: 1px solid rgba(255,174,4,.2);
    border-radius: 2px;
    color: #764;
    display: flex;
    margin: 0 0 15px;
    padding: 12px
}

.shopee-popup-form__prompt-message-text {
    flex: 1
}

.shopee-popup-form__message {
    color: rgba(0,0,0,.54)
}

.shopee-popup-form__server-error {
    align-items: center;
    color: #ff424f;
    display: flex;
    justify-content: center;
    margin-bottom: 7px;
    width: 100%
}

.shopee-popup-form__subheader {
    color: rgba(0,0,0,.54);
    display: flex;
    margin: .375rem 0 .5rem
}

.shopee-popup-form__subheader-text {
    text-transform: capitalize
}

.shopee-popup-form__gap {
    flex: 1
}

.shopee-popup-form__footer {
    align-items: center;
    background: linear-gradient(hsla(0,0%,100%,.9),#fff);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 84px;
    justify-content: flex-end;
    left: 0;
    padding: 22px 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase
}

.shopee-popup-form__footer .shopee-button-outline,.shopee-popup-form__footer .shopee-popup-form__cancel,.shopee-popup-form__footer>.shopee-button-solid {
    box-sizing: border-box;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    outline: 0;
    padding: .75rem 0;
    text-transform: uppercase;
    width: 140px
}

.shopee-popup-form__inputs-row {
    display: flex
}

.shopee-popup-form--voice-otp {
    max-height: 260px
}

.shopee-popup-form--user-detail,.shopee-popup-form--verify {
    height: 21.25rem
}

.shopee-popup-form--bank-account,.shopee-popup-form--credit-card {
    height: 34.375rem
}

.shopee-popup-form--bank-account-id {
    height: 34.375rem;
    width: 640px
}

.shopee-popup-form__my-address-toggle {
    color: #ee4d2d;
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-popup-form__my-address-toggle:first-letter {
    text-transform: uppercase
}

.shopee-popup-form--user-detail-tw {
    height: 34.375rem
}

.icon-prompt-bell {
    height: 20px;
    margin-right: 5px;
    width: 22px
}

.rating-media-list-image-carousel {
    height: 100%;
    position: relative;
    width: 100%
}

.rating-media-list-image-carousel__item-list-wrapper {
    height: 100%;
    overflow: hidden
}

.rating-media-list-image-carousel__item-list {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.rating-media-list-image-carousel__item {
    align-self: center;
    float: left;
    height: 100%;
    list-style: none;
    overflow-x: hidden
}

.rating-media-list-image-carousel__item--fluid {
    flex: 0 1 auto;
    overflow-x: visible
}

.rating-media-list-image-carousel__item>div {
    height: 100%
}

.rating-media-list-image-carousel__item a,.rating-media-list-image-carousel__item img {
    -webkit-user-drag: none
}

.rating-media-list-image-carousel__dots {
    bottom: 1.25rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

.rating-media-list-image-carousel__dots--hidden {
    opacity: 0;
    pointer-events: none
}

.rating-media-list-image-carousel__dot {
    background-color: rgba(0,0,0,.26);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .625rem;
    width: .625rem
}

.rating-media-list-image-carousel__dot:not(:first-child) {
    margin-left: .3125rem
}

.rating-media-list-image-carousel__dot--active {
    background-color: #ee4d2d;
    opacity: 1
}

.rating-media-list-image-carousel__arrow {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.25rem;
    height: 3.75rem;
    justify-content: center;
    line-height: 3.75rem;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.1875rem;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

.rating-media-list-image-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.rating-media-list-image-carousel__arrow--prev {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    left: 0
}

.rating-media-list-image-carousel__arrow--next {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    right: 0
}

.HZhOa2 {
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.YUZF1I {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 1.875rem 1.875rem 1.5rem;
    width: 27.5rem
}

.YUZF1I .DFuIt4 {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    margin-bottom: 1.3125rem
}

.YUZF1I .qNrbT4 {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    margin-bottom: 1.6875rem
}

.YUZF1I .BqrkTr {
    display: flex;
    justify-content: flex-end
}

.YUZF1I .BqrkTr .HozkSw {
    background: #fff;
    border: "none";
    box-shadow: none;
    color: #555;
    height: 2.5rem;
    width: 9.375rem
}

.YUZF1I .BqrkTr ._BVHfu {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14);
    color: #fff
}

.rating-media-list__container {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.rating-media-list__image-wrapper {
    height: 4.5rem;
    margin: 0 .625rem .625rem 0;
    position: relative;
    width: 4.5rem
}

.rating-media-list__image-wrapper--container {
    height: 100%;
    position: relative;
    width: 100%
}

.rating-media-list__image-wrapper--image {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    vertical-align: initial;
    width: 100%
}

.rating-media-list__image-wrapper--inactive {
    cursor: zoom-in
}

.rating-media-list__image-wrapper--active {
    border: 2px solid #ee4d2d;
    box-sizing: border-box;
    cursor: zoom-out;
    padding: 2px
}

.rating-media-list__video-cover {
    align-items: center;
    background: rgba(0,0,0,.54);
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: .75rem;
    height: 1.25rem;
    justify-content: space-between;
    left: 0;
    line-height: 1.25rem;
    padding: 0 4px;
    position: absolute;
    right: 0;
    z-index: 1
}

.rating-media-list__zoomed-image {
    display: none;
    height: 100%;
    margin-left: -.6rem;
    max-height: 31.25rem;
    max-width: 32.25rem;
    width: 100%
}

.rating-media-list__zoomed-image--active {
    display: block;
    margin-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-media-list__zoomed-image-item,.rating-media-list__zoomed-video-item {
    max-height: 31.25rem;
    max-width: 32.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-media-list__zoomed-video-item {
    height: 31.25rem;
    width: 32.25rem
}

.mngPGv {
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.xeRgG7 {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 1.875rem 1.875rem 1.5rem;
    width: 27.5rem
}

.xeRgG7 .lpuQp7 {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    margin-bottom: 1.3125rem
}

.xeRgG7 .HLggVF {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    margin-bottom: .8125rem
}

.xeRgG7 .WncHwZ {
    display: flex;
    justify-content: flex-end
}

.xeRgG7 .WncHwZ .rPnv8I {
    background: #fff;
    border: 0;
    box-shadow: none;
    color: #555;
    height: 2.5rem;
    width: 9.375rem
}

.xeRgG7 .WncHwZ .wDxADU {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14);
    color: #fff
}

.ehJmGm {
    animation: HjzSc9 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%
}

.HcSdrS {
    vertical-align: bottom
}

.jQ_YH5 {
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRThFOEU4IiBkPSJNODMuNSAxMTAuMDcxYzEwLjIxNyAwIDE4LjUtOC4yODMgMTguNS0xOC41cy04LjI4My0xOC41LTE4LjUtMTguNVM2NSA4MS4zNTQgNjUgOTEuNTcxczguMjgzIDE4LjUgMTguNSAxOC41Ii8+PHBhdGggc3Ryb2tlPSIjRThFOEU4IiBkPSJNMTAgNzcuMDcxYTQgNCAwIDEgMCAwLTggNCA0IDAgMCAwIDAgOFoiLz48cGF0aCBmaWxsPSIjRThFOEU4IiBkPSJNMTExLjQ2NCA0My41MzVhMSAxIDAgMCAwIDAgMS40MTVsMi4xMjIgMi4xMjEtMi4xMjIgMi4xMjFhMSAxIDAgMCAwIDEuNDE1IDEuNDE1TDExNSA0OC40ODVsMi4xMjEgMi4xMjJhMS4wMDEgMS4wMDEgMCAwIDAgMS40MTUtMS40MTVsLTIuMTIyLTIuMTIgMi4xMjItMi4xMjJhMS4wMDEgMS4wMDEgMCAwIDAtMS40MTUtMS40MTVMMTE1IDQ1LjY1N2wtMi4xMjEtMi4xMjFhMSAxIDAgMCAwLTEuNDE1IDBabS05MS45OTktMjVhMSAxIDAgMCAwIDAgMS40MTVsMi4xMiAyLjEyMS0yLjEyIDIuMTIxYTEgMSAwIDAgMCAxLjQxNCAxLjQxNUwyMyAyMy40ODVsMi4xMjEgMi4xMjJhMSAxIDAgMCAwIDEuNDE1LTEuNDE1bC0yLjEyMi0yLjEyIDIuMTIyLTIuMTIyYTEgMSAwIDAgMC0xLjQxNS0xLjQxNUwyMyAyMC42NTdsLTIuMTIxLTIuMTIyYTEgMSAwIDAgMC0xLjQxNSAwWiIvPjxwYXRoIGZpbGw9IiNCREJEQkQiIGQ9Ik01MSAzOS4wNzF2LTE4YTEgMSAwIDAgMSAxLTFoMzhhMyAzIDAgMCAxIDMgM3Y0NC41MDRhMjQgMjQgMCAwIDAtMi0xLjI5M1YyMy4wN2ExIDEgMCAwIDAtMS0xSDUzdjE3YTUgNSAwIDAgMS01IDVIMzB2NTZhMSAxIDAgMCAwIDEgMWgyOC41MDRxLjc1MSAxLjA0MyAxLjYwNyAySDMxYTMgMyAwIDAgMS0zLTN2LTU3YTEgMSAwIDAgMSAxLTFoMTlhMyAzIDAgMCAwIDMtM1oiLz48cGF0aCBzdHJva2U9IiNCREJEQkQiIGQ9Im01MiAyMS4wNzEtMjMgMjIiLz48cmVjdCB3aWR0aD0iNDIiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjU3LjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjY1LjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMiIgeD0iMzkiIHk9IjczLjA3MSIgZmlsbD0iI0JEQkRCRCIgcng9IjEiLz48cGF0aCBzdHJva2U9IiNCREJEQkQiIGQ9Ik05MS41MTEgMTAwLjQ5MWM3LjI3MS02Ljc4IDcuNjY5LTE4LjE3Ljg4OS0yNS40NHMtMTguMTctNy42NjgtMjUuNDQtLjg4OC03LjY2OSAxOC4xNy0uODg5IDI1LjQ0YzYuNzggNy4yNzEgMTguMTcgNy42NjggMjUuNDQuODg4WiIvPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjIyIiB4PSI3MC41MTUiIHk9IjgwIiBmaWxsPSIjQkRCREJEIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDcwLjUxNSA4MCkiLz48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyMiIgeD0iODYuMDcxIiB5PSI3OC41ODYiIGZpbGw9IiNCREJEQkQiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA4Ni4wNzEgNzguNTg2KSIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60px 60px
}

.P37NgF {
    display: contents
}

@keyframes HjzSc9 {
    0% {
        background-position: 50%,100% 0
    }

    to {
        background-position: 50%,-100% 0
    }
}

.TQTPT9 {
    background-color: #f5f5f5;
    margin-bottom: .75rem;
    padding: .875rem .75rem;
    position: relative
}

.TQTPT9:after {
    border: .28125rem solid transparent;
    border-bottom-color: #f5f5f5;
    content: "";
    display: inline-block;
    left: 2rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-100%)
}

.xO9geG {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    text-transform: capitalize
}

.qiTixQ {
    color: rgba(0,0,0,.65);
    margin-top: .625rem;
    position: relative;
    box-sizing: border-box;
    margin: 15px 0;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.87);
    

}

.RwARlw {
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.hcEx_I {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 1.875rem 1.875rem 1.5rem;
    width: 27.5rem
}

.hcEx_I .T9HIzt {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    margin-bottom: 1.3125rem
}

.hcEx_I .Oolvcb {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    margin-bottom: .8125rem
}

.hcEx_I .a4D5as {
    display: flex;
    justify-content: flex-end
}

.hcEx_I .a4D5as .MFutG9 {
    background: #fff;
    border: 0;
    box-shadow: none;
    color: #555;
    height: 2.5rem;
    width: 9.375rem
}

.hcEx_I .a4D5as .WKVxzG {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14);
    color: #fff
}

.dMTuWJ {
    position: relative
}

.ZWdKv_ {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.zFp3PR {
    align-items: center;
    display: flex;
    flex-flow: "row nowrap"
}

.zFp3PR .wMM2UN {
    font-size: toRem(14px);
    margin: toRem(20px) auto toRem(7px);
    min-width: 180px
}

.zFp3PR .q4MF_i {
    align-items: center;
    display: flex;
    flex-flow: "row nowrap"
}

.zFp3PR .t6nNTC {
    margin-left: 10px;
    min-width: 100px
}

.qXgJA1 {
    background-color: #f5f5f5;
    margin-bottom: .75rem;
    padding: .875rem .75rem;
    position: relative
}

.qXgJA1:after {
    border: .28125rem solid transparent;
    border-bottom-color: #f5f5f5;
    content: "";
    display: inline-block;
    left: 2rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-100%)
}

.uKl6aA {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    text-transform: capitalize
}

.cSirg9 {
    color: rgba(0,0,0,.65);
    margin-top: .625rem;
    
    word-break:
}

.stardust-dropdown {
    position: relative
}

.stardust-dropdown__item-body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)
}

.stardust-dropdown__item-body--open {
    height: auto;
    opacity: 1
}

.shopee-product-rating__follow_up_content_title {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    line-height: .875rem;
    margin-bottom: -.5rem;
    margin-top: 1rem;
    padding-left: .5rem;
    position: relative
}

.shopee-product-rating__follow_up_content_title:after {
    background: #ee4d2d;
    content: " ";
    height: .875rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .25rem
}

.shopee-product-rating__medias {
    margin-top: .9375rem
}

.Zm4GSB {
    display: flex;
    margin: 1.75rem 0 .625rem 1rem
}

.njWjw_ {
    margin-right: .625rem;
    padding-top: 1.375rem;
    text-align: center;
    width: 2.5rem
}

.LNoC4G {
    height: 2.5rem;
    width: 2.5rem
}

.ypRaPx {
    border-top: 1px solid rgba(0,0,0,.05);
    flex: 1;
    padding-top: 1.375rem
}

.ypRaPx .rating-stars__container>div {
    margin: 0 .125rem 0 0
}

.tleNTD {
    color: #222;
    font-size: .75rem;
    line-height: .875rem;
    margin-bottom: .375rem;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uyPdAV {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    margin: .9375rem 0;
    
    word-break:
}

.JUl8xD {
    margin-top: .6875rem
}

.etz7q9 {
    margin-top: .9375rem
}

.yEXdce {
    display: flex;
    position: relative;
    width: 100%
}

.PQYLVf {
    flex: 1
}

.OR7ELQ {
    color: #bbb;
    font-size: .75rem;
    margin-top: .4375rem
}

.yEXdce>.shopee-button-outline {
    background-color: #fef6f5;
    border: 1px solid #ee4d2d;
    border-radius: 1px;
    color: #ee4d2d;
    flex-shrink: 0;
    height: 2rem
}

.hjCxnH {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: .9375rem
}

.hjCxnH>.shopee-button-no-outline {
    font-size: .75rem;
    text-transform: uppercase
}

.zofI9b {
    cursor: pointer;
    margin-left: auto
}

.zofI9b .stardust-dropdown__item-body {
    background: #fff;
    display: none;
    overflow: visible;
    position: absolute;
    right: 0;
    z-index: 1
}

.zofI9b .stardust-dropdown__item-body--open {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .375rem rgba(0,0,0,.09);
    display: block
}

.zofI9b .stardust-dropdown__item-header {
    text-align: right
}

.uAkO_r {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
    color: rgba(0,0,0,.8);
    padding: .75rem 1.625rem;
    text-transform: capitalize;
    white-space: nowrap
}

.Tl7Sbo {
    padding: 0 .375rem;
    position: relative
}

.WdyDU8 {
    background: #fafdf7;
    border: 1px solid rgba(87,172,3,.3);
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    left: 50%;
    padding: .75rem .9375rem;
    position: absolute;
    top: 100%;
    transform: translate(-50%,45%)
}

.yg6UFn {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1rem;
    margin-left: .625rem
}

.Cx1rBH,.yg6UFn {
    display: inline-block
}

.Cx1rBH {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .625rem;
    color: #929292;
    font-size: .75rem;
    margin-right: .625rem;
    padding: .25rem .625rem;
    word-break:
}

.nryILS {
    margin-bottom: .9375rem
}

.I83LOI {
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    line-height: 1.0625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.W0XhTD {
    border: 1px solid rgba(0,0,0,.09);
    display: inline-block;
    flex-shrink: 0;
    height: 3.5rem!important;
    margin-right: .625rem;
    position: relative;
    width: 3.5rem!important
}

.F45KP4 {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    vertical-align: initial;
    width: 100%
}

.suoW0p {
    word-wrap:;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.ebS_Lb {
    color: rgba(0,0,0,.8);
    font-size: 14px;
    font-weight: 400;
    word-break:
}

.gs2KUm {
    color: rgba(0,0,0,.26)
}

.input-with-validator {
    align-items: center;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    color: #222;
    display: flex;
    height: 40px;
    padding: 10px;
    position: relative;
    transition: border-color .1s ease
}

.input-with-validator--focus {
    border-color: rgba(0,0,0,.54);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.14)
}

.input-with-validator--error {
    background-color: #fff9fa;
    border-color: #ff424f
}

.input-with-validator input {
    background: transparent;
    border: 0;
    box-shadow: none;
    flex: 1;
    font-size: 14px;
    outline: none
}

.input-with-validator input:-moz-placeholder {
    color: #bbb
}

.input-with-validator input:-ms-input-placeholder {
    color: #bbb
}

.input-with-validator input::-webkit-input-placeholder {
    color: #bbb
}

.input-with-validator input::-moz-placeholder {
    color: #bbb
}

.input-with-validator:hover {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.05)
}

.input-with-validator__error-message {
    align-items: center;
    color: #ff424f;
    display: flex;
    font-size: 12px;
    height: 20px
}

.input-with-validator__info-message,.input-with-validator__success-message {
    font-size: 12px;
    height: 20px
}

.input-with-validator__cancel-button {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.product-rating-reply__input input:-moz-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input input:-ms-input-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input input::-webkit-input-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input input::-moz-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input--error .input-with-validator {
    border: 2px solid #ee4d2d
}

.product-rating-reply__error {
    color: #ff424f
}

.product-rating-reply__actions {
    display: flex;
    margin-top: .875rem
}

.product-rating-reply__actions>.product-rating-reply__button {
    display: inline-block;
    height: 2rem;
    justify-content: flex-start;
    line-height: 2rem;
    margin-right: .5625rem;
    text-align: center;
    text-transform: capitalize;
    width: 3.9375rem
}

.product-rating-reply__actions>.product-rating-reply__fatty {
    flex: 1
}

.product-rating-reply__actions>.product-rating-reply__memo {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    justify-content: flex-end
}

.LOTgrA {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.LOTgrA .shopee-avatar {
    flex-shrink: 0;
    margin-right: .625rem
}

.ymIIA_ {
    color: rgba(0,0,0,.54);
    flex: 1;
    min-width: 0
}

.caWDHI {
    background-color: #fff;
    border: 1px solid #ee4d2d;
    border-radius: 1px;
    color: #ee4d2d;
    cursor: pointer;
    font-size: .75rem;
    padding: .5rem .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.IUEPEY {
    border-top: 1px solid rgba(0,0,0,.05);
    margin: 1.125rem 0 0 2.5rem;
    padding-top: 1.125rem
}

.IUEPEY .rating-stars__container>div {
    margin: 0 .125rem 0 0
}

.Vpio2s {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    margin-top: .9375rem
}

.NE8ARh {
    margin-top: .6875rem
}

.IWpCq8 {
    color: #bbb;
    font-size: .75rem;
    margin-top: .4375rem
}

.c5o00Y {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: .9375rem
}

.c5o00Y>.shopee-button-no-outline {
    font-size: .75rem;
    text-transform: uppercase
}

.iBpXCe {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.14);
    border-radius: .125rem;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    color: #222;
    display: block;
    font-size: .875rem;
    height: 100%;
    margin: auto auto .75rem;
    min-height: 6.25rem;
    outline: 0;
    overflow: auto;
    padding: .9375rem;
    resize: none;
    transition: border-color .1s ease;
    width: 100%
}

.iBpXCe:-moz-placeholder {
    color: #bbb
}

.iBpXCe:-ms-input-placeholder {
    color: #bbb
}

.iBpXCe::-webkit-input-placeholder {
    color: #bbb
}

.iBpXCe::-moz-placeholder {
    color: #bbb
}

.iBpXCe:hover {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.05)
}

.iBpXCe:focus {
    border-color: rgba(0,0,0,.54);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.14)
}

.stardust-checkbox {
    align-items: center;
    color: rgba(0,0,0,.54);
    cursor: default;
    display: flex;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    max-width: 400px;
    position: relative
}

.stardust-checkbox__input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.stardust-checkbox__box {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.stardust-checkbox__box:hover {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.09)
}

.stardust-checkbox__box:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 9px
}

.stardust-checkbox--disabled {
    cursor: no-drop;
    opacity: .35
}

.stardust-checkbox--disabled .stardust-checkbox__box {
    background: #e7e7e7!important;
    box-shadow: none!important
}

.stardust-checkbox--disabled .stardust-checkbox__box:before {
    border-color: transparent
}

.stardust-checkbox--checked>.stardust-checkbox__box {
    background: #ee4d2d;
    border-color: #ee4d2d
}

.stardust-checkbox--checked>.stardust-checkbox__box:hover {
    box-shadow: none
}

.stardust-checkbox--checked>.stardust-checkbox__box:before {
    border-color: #fff
}

.BdM2lP {
    color: #929292;
    font-size: .875rem;
    text-align: right
}

.UEEXxo {
    color: #ee4d2d
}

.G6K_qq {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0
}

.G6K_qq,.GJew6O {
    overflow: hidden;
    position: absolute
}

.GJew6O>* {
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%
}

.xQnSXz {
    right: 50%
}

.xQnSXz>* {
    transform-origin: right
}

.d3hwLK {
    left: 50%
}

.d3hwLK>* {
    transform-origin: left
}

.Y5ceMw {
    display: flex;
    justify-content: flex-start
}

.Bpmgeo,.Y5ceMw {
    align-items: center
}

.Bpmgeo {
    background: #fef6f5;
    border: 1px solid #ee4d2d;
    box-sizing: border-box;
    color: #ee4d2d;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    margin-right: 8px;
    padding: 0 12px
}

.Bpmgeo .BiwStw {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 6px
}

.mXvRBf {
    display: none
}

.G95cR4 {
    align-items: center;
    background: #fff;
    border: 1px dashed rgba(0,0,0,.26);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    height: 54px;
    justify-content: center;
    margin-right: 6px;
    width: 54px
}

.G95cR4 .BiwStw {
    color: rgba(0,0,0,.26);
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px
}

.G95cR4 svg {
    height: 20px;
    width: 20px
}

._Y1LWz {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 54px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    width: 54px
}

._Y1LWz.P5gbxm {
    border: 1px dashed rgba(0,0,0,.26)
}

._Y1LWz img {
    height: 100%;
    width: 100%
}

._Y1LWz button {
    background: rgba(0,0,0,.4);
    border: 0;
    cursor: pointer;
    height: 16px;
    justify-content: center;
    outline: none;
    padding: 0;
    top: 0;
    width: 16px
}

._Y1LWz button,.pap6j9 {
    align-items: center;
    display: flex;
    position: absolute;
    right: 0
}

.pap6j9 {
    background: rgba(0,0,0,.54);
    bottom: 0;
    color: #fff;
    font-size: 10px;
    height: 20px;
    justify-content: space-between;
    left: 0;
    line-height: 12px;
    padding-right: 2px
}

.nNhuz7 {
    border: 1px solid rgba(0,0,0,.26)
}

.m0qypn,.nNhuz7 {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    margin: 0 0 .75rem;
    padding: .75rem;
    position: relative
}

.m0qypn {
    border: 2px solid #ee2c4a
}

.BsmFJD {
    margin: 0 0 .75rem;
    padding: 0;
    position: relative
}

.pFkDf6 {
    border: 0;
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: 0;
    overflow: hidden;
    padding: 0;
    resize: none;
    width: 100%
}

.pFkDf6:focus {
    border: 0;
    outline: none
}

.pFkDf6::placeholder {
    color: rgba(0,0,0,.26)
}

.fD7sMX {
    color: rgba(0,0,0,.87);
    left: 0;
    margin-bottom: .25rem;
    position: relative
}

.fD7sMX,.pzW7UR {
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    top: 0
}

.pzW7UR {
    color: rgba(0,0,0,.26);
    position: absolute;
    z-index: 1
}

.LQNDXX {
    background-color: rgba(0,0,0,.09);
    height: 1px;
    margin: 0 0 .75rem;
    padding: 0;
    width: 100%
}

._wP3Oz {
    margin-top: 1.25rem
}

.J5M4lP {
    background-color: #f5f5f5;
    padding: 1.25rem 1.5625rem .9375rem;
    position: relative
}

.rating-modal-handler__rating-anonymous-wrapper {
    align-items: center;
    display: flex;
    margin-top: 1.25rem
}

.rating-modal-handler__rating-anonymous-wrapper .rating-modal-handler__rating-anonymous-hint {
    color: rgba(0,0,0,.87);
    cursor: pointer;
    font-size: .875rem;
    margin-bottom: .25rem
}

.rating-modal-handler__rating-anonymous-wrapper .rating-modal-handler__rating-anonymous-username {
    color: rgba(0,0,0,.54);
    cursor: pointer;
    font-size: .75rem
}

.rating-modal-handler_media-err-content {
    color: #ee2c4a;
    font-family: Roboto;
    font-size: .875rem;
    margin-top: .875rem
}

.rating-comment-check-with-media-check {
    margin-top: .5rem
}

.rating-comment-check-with-media-check-logo {
    margin-bottom: .5rem
}

.rating-hint-text-coin {
    margin-top: .5rem
}

.GuwnmB {
    align-items: center;
    background: #fff8e4;
    border: 1px solid #f69113;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    padding: .5rem .75rem;
    position: relative;
    transition: all .2s
}

.bFqf7g {
    flex-shrink: 0;
    height: 1.25rem;
    margin-right: .5rem;
    width: 1.25rem
}

.Q1z1E5 {
    color: rgba(0,0,0,.87);
    flex: 1;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem
}

.DNmGAi {
    color: #ee4d2d
}

.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)
    }
}

.wcnOnW {
    height: 1.25rem;
    width: 1.25rem
}

.wcnOnW,.wcnOnW .RipHyo {
    cursor: pointer;
    display: inline-block
}

.wcnOnW .RipHyo {
    border-bottom: 2px solid #555;
    border-right: 2px solid #555;
    height: .525rem;
    transform: rotate(45deg);
    width: .525rem
}

.m2q7Gh {
    border: 2px solid rgba(0,0,0,.5);
    border-radius: 50%;
    color: rgba(0,0,0,.5);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: .9375rem;
    line-height: .9375rem;
    margin-left: .625rem;
    text-align: center;
    width: .9375rem
}

.wEQhHh {
    align-items: flex-start;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    padding: 1rem 1.25rem;
    right: 0;
    width: 30rem;
    z-index: 1000
}

.wEQhHh .ByB4Vf {
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding-bottom: .625rem;
    width: 100%
}

.wEQhHh .ByB4Vf .m_hU0Q {
    color: rgba(0,0,0,.8);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem
}

.wEQhHh .ByB4Vf .Q_kpc5 {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    line-height: 1rem;
    margin-top: .625rem
}

.wEQhHh .zroYrq {
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding-top: .625rem;
    width: 100%
}

.wEQhHh .zroYrq .o7g6Vs {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .625rem
}

.wEQhHh .zroYrq ._G9Asz {
    align-items: center;
    color: rgba(0,0,0,.65);
    display: flex;
    flex-direction: row;
    font-size: .875rem;
    justify-content: space-between;
    line-height: 1.25rem;
    margin-bottom: .625rem
}

.wEQhHh .zroYrq ._G9Asz .CXdsX_ {
    color: #ee4d2d;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem
}

.wEQhHh .aO3Yoo {
    color: rgba(0,0,0,.4);
    font-size: .75rem;
    line-height: 1rem;
    padding: .75rem 0
}

.fFC4f6 {
    font-size: 16px
}

.d5oZax {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.vlajSX {
    margin-top: 15px
}

.oiFnma {
    max-height: 37.5rem;
    max-height: calc(100vh - 120px);
    width: 45.625rem!important
}

.oiFnma .shopee-popup-form__header {
    height: unset;
    margin-bottom: 1.875rem
}

.sOvnRU {
    text-align: center
}

.nmGhXO {
    display: inline-block;
    padding: 30px 0
}

.texHG6 {
    color: #ee4d2d;
    cursor: pointer
}

.dauclT {
    align-items: center;
    bottom: 2.5rem;
    color: rgba(0,0,0,.5);
    display: flex;
    position: fixed;
    z-index: 100
}

.MOIN2r {
    margin-top: 1.25rem
}

.ynweAm {
    background-color: #f5f5f5;
    margin-bottom: 16px;
    margin-top: 12px;
    padding: 16px
}

.mjDsBq {
    align-items: center;
    color: rgba(0,0,0,.4);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.TpqF5a {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.N2CwzE {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-left: 8px;
    position: relative
}

.N2CwzE:after {
    background: #ee4d2d;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.Ec27a7 {
    border: .5px solid rgba(0,0,0,.05);
    height: 0;
    width: 100%
}

.ecmASt {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: column;
    height: 10.625rem;
    justify-content: center;
    width: 25.375rem
}

.OQJc3S {
    height: 3.125rem;
    margin-bottom: 1.4375rem;
    width: 3.125rem
}

.KvP4dB {
    color: #f6a700;
    font-size: 1.25rem
}

.bym9XP {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 8.4375rem
}

.fqsljO {
    height: 3.25rem;
    margin-bottom: .875rem;
    width: 3.25rem
}

.MYWtCx {
    color: #6c0;
    font-size: 1rem
}

@keyframes wqOEkG {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.NK1kxR {
    background: hsla(0,0%,100%,.4);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.DRhvQk,.NK1kxR {
    align-items: center;
    display: flex;
    justify-content: center
}

.DRhvQk {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 1px rgba(0,0,0,.09);
    height: 6.75rem;
    width: 6.75rem
}

.DRhvQk img {
    animation: wqOEkG 2s linear infinite
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-shoprating/_/967.f3dbe6fc57ca915f75cc.css.map*/
.product-ratings {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    margin-top: .9375rem;
    overflow: hidden;
    overflow: visible;
    padding: 1.5625rem
}

.product-ratings__header {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 1em
}

.product-ratings__header_score {
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    margin-right: .2em;
    text-transform: capitalize
}

.product-ratings__page-controller {
    justify-content: flex-end;
    margin-top: 1.25rem;
    text-align: right
}

.product-ratings__page-controller .shopee-button-solid,.product-ratings__page-controller .shopee-icon-button {
    margin: 0 .75rem
}

.product-ratings__page-controller .shopee-button-no-outline,.product-ratings__page-controller .shopee-button-solid {
    font-size: 1rem;
    height: 1.5rem;
    min-width: 1.5rem
}

.product-ratings__page-controller .shopee-button-solid {
    background-color: var(--brand-primary-color,#ee4d2d)!important
}

.product-ratings__page-controller .shopee-icon-button {
    border: 1px solid rgba(0,0,0,.09);
    font-size: .625rem;
    height: 1.5rem;
    min-width: 1.5rem
}

.product-ratings__page-controller .shopee-button-no-outline {
    color: rgba(0,0,0,.87);
    margin: 0
}

.product-ratings-comments-view__no-data {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 25rem;
    justify-content: center
}

.product-ratings-comments-view__no-data__icon {
    background-repeat: no-repeat;
    background-size: contain
}

.product-ratings-comments-view__no-data__text {
    color: rgba(0,0,0,.8);
    font-size: 1rem;
    margin-top: 1.25rem
}

.product-ratings-comments-view__no-data__desc {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin-top: .75rem
}

.product_ratings_icon_help {
    color: rgba(0,0,0,.54)
}

.product_ratings_drawer_container {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.product_ratings_drawer_container a {
    color: #05a;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.similar-product-ratings__header {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 1em;
    margin-top: 1em
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-shoprating/_/pcmall-productrating.5fe099b4c835112cba26.css.map*/


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: initial
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: initial
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: initial;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: initial
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

.sprite-product-sharing {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/12f585f9c56d4f30.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-product-sharing {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/391e34e8438d2795.png);
        background-size: 100%
    }
}

.sprite-product-sharing-fb {
    background-position: 0 0;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-fm {
    background-position: 0 -100%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-gp {
    background-position: 0 -200%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-pinterest {
    background-position: 0 -300%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-twitter {
    background-position: 0 -400%;
    height: 190px;
    width: 190px
}

.sprite-social {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ce6e47c2e0ac38a5.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e72e31ec527056bc.png);
        background-size: 100%
    }
}

.sprite-social-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-ig {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-line {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

.sprite-social-shopee {
    background-position: 2px -400%;
    height: 22px;
    width: 22px
}

.sprite-social-sms {
    background-position: 0 -500%;
    height: 22px;
    width: 22px
}

.sprite-social-white {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/29fb30eeb5787273.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social-white {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/194364636b5f2e40.png);
        background-size: 100%
    }
}

.sprite-social-white-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-white-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-white-shopee {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-white-sms {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px
}

.container-wrapper {
    min-width: 1200px
}

.row {
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

.col,.row {
    box-sizing: border-box;
    display: flex
}

.col {
    flex: 0 1 auto;
    flex-direction: column;
    flex-wrap: wrap
}

.row.reverse {
    flex-direction: row-reverse
}

.col.reverse {
    flex-direction: column-reverse
}

.col-xs-1-2,.col-xs-2,.col-xs-2-4,.col-xs-3,.col-xs-4,.col-xs-6,.col-xs-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: .3125rem;
    padding-right: .3125rem
}

.col-xs-1 {
    flex-basis: 8.333%;
    max-width: 8.333%
}

.col-xs-1-2 {
    flex-basis: 10%;
    max-width: 10%
}

.col-xs-2 {
    flex-basis: 16.666%;
    max-width: 16.666%
}

.col-xs-2-4 {
    flex-basis: 20%;
    max-width: 20%
}

.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    flex-basis: 33.333%;
    max-width: 33.333%
}

.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-8 {
    flex-basis: 66.667%;
    max-width: 66.667%
}

@media only screen and (min-width: 63em) {
    .col-md-2 {
        box-sizing:border-box;
        flex: 0 0 auto;
        flex-basis: 16.666%;
        max-width: 16.666%;
        padding-left: .3125rem;
        padding-right: .3125rem
    }
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9cff5f27f6ad3d59.eot);
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2188ea3f3f8ab51a.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5605865fb101be1a.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/927a054450f267d5.svg#Roboto-Light) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b21a0eefbec4f57f.eot);
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2313f68c10458709.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b796ce65a81adc41.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0de7f60790f8cb39.svg#Roboto-Regular) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0d2870f5e1759c7a.eot);
    src: local("Roboto Bold"),local("Roboto-Bold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/313d5de65a92aae6.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ed694f411e0b3a82.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/40deb8899be6c521.svg#Roboto-Bold) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9a9c9421bcdef79c.eot);
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/769ea541b3eef14d.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/03501557d620ee6b.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2ca9cc4a85156bbe.svg#Roboto-Medium) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 200;
    src: local("Titillium Web ExtraLight"),local("TitilliumWeb-ExtraLight"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5520703b5993e245.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/cb396c4aaab010c9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 200;
    src: local("Titillium Web ExtraLightItalic"),local("TitilliumWeb-ExtraLightItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/79f7fcdd171a385b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ff049fcef0b00476.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 300;
    src: local("Titillium Web Light"),local("TitilliumWeb-Light"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/fb9f532072fb0047.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8a8d74dcd86f5828.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 300;
    src: local("Titillium Web LightItalic"),local("TitilliumWeb-LightItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1833f395df238635.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8879465951e601b9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    src: local("Titillium Web Regular"),local("TitilliumWeb-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b54332120212464b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/591acde707f3a37e.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 400;
    src: local("Titillium Web Italic"),local("TitilliumWeb-Italic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/141d628cc69ada8e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/03ec0784700fcf3b.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 500;
    src: local("Titillium Web SemiBold"),local("TitilliumWeb-SemiBold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/24a0424ed772ea10.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/7d98229b27f8ffb4.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 500;
    src: local("Titillium Web SemiBoldItalic"),local("TitilliumWeb-SemiBoldItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4b45d31c252b198d.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a669133a26006767.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    src: local("Titillium Web Bold"),local("TitilliumWeb-Bold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/f450151ddd2e8e05.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/171cbc8ba715b911.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 600;
    src: local("Titillium Web BoldItalic"),local("TitilliumWeb-BoldItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9eeea1d9e3f7653e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0c43f7221cfdb4cc.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 700;
    src: local("Titillium Web Black"),local("TitilliumWeb-Black"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9ea237df494c5988.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2e1d923e4ec382c2.woff) format("woff")
}

body {
    font-size: .875rem;
    text-size-adjust: none;
    -webkit-text-size-adjust: none
}

body,html {
    color: rgba(0,0,0,.8);
    font-family: Helvetica Neue,Helvetica,Arial,文泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,儷黑 Pro,LiHei Pro,Heiti TC,微軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif;
    line-height: 1.2
}

.roboto body,html.roboto {
    font-family: Roboto,Helvetica Neue,Helvetica,Arial,文泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,儷黑 Pro,LiHei Pro,Heiti TC,微軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif
}

.stardust-button {
    font-family: inherit!important
}

.clearfix {
    clear: both
}

.hide {
    display: none
}

.expand {
    flex-grow: 1
}

.link-to-keep-parent-style {
    color: currentColor;
    text-decoration: inherit
}

.card {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.h-center {
    justify-content: center
}

.flex,.h-center {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-auto {
    flex: 1 1 auto
}

.flex-no-overflow {
    width: 0
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.v-flex {
    display: flex;
    flex-direction: column
}

.center,.v-center {
    align-items: center;
    display: flex
}

.center {
    justify-content: center
}

.text-trunc-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.skeleton {
    animation: glow 2s linear infinite;
    background-clip: padding-box!important;
    background-color: #fafafa!important;
    border-color: #fafafa!important;
    border-radius: 2px;
    box-shadow: none!important;
    color: transparent!important;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@keyframes glow {
    0%,to {
        background-color: #fafafa;
        border-color: #fafafa
    }

    50% {
        background-color: #f5f5f5;
        border-color: #f5f5f5
    }
}

.skeleton-line {
    height: .625rem
}

.skeleton-full {
    width: 100%
}

.skeleton-medium {
    width: 66.67%
}

.skeleton-short {
    width: 33.33%
}

:root {
    --focus-indicator-color: rgba(0,0,0,.87);
    --focus-indicator-stroke-width: 2px;
    --focus-indicator-spacing: 4px;
    --focus-indicator-border-radius: 2px;
    --brand-primary-color: #ee4d2d;
    --brand-primary-light-color: rgba(255,87,34,.1)
}

.theme--ofs {
    --brand-primary-color: #d0011b;
    --brand-primary-light-color: rgba(208,1,27,.08)
}

.theme--s-mart {
    --brand-primary-color: #066bc8;
    --brand-primary-light-color: #e6f0f9
}

body {
    background-color: #f5f5f5
}

body .stardust-popup {
    box-sizing: border-box;
    z-index: 10000
}

body .stardust-popup .stardust-popup__dialog--wrapper {
    box-sizing: border-box;
    max-width: 31.25rem;
    z-index: 10000
}

body .stardust-popup .stardust-popup__dialog {
    border-radius: 2px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.875rem
}

body .stardust-popup .stardust-popup__dialog--wrapper-top {
    font-size: 16px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: 2.5rem
}

body .stardust-popup .stardust-popup-title {
    text-align: left
}

body .stardust-popup .stardust-popup-buttons {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: 1.875rem;
    margin-right: 1.875rem;
    margin-top: 1.875rem
}

body .stardust-popup .stardust-popup-button {
    border: .0625rem solid rgba(0,0,0,.09);
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.03);
    box-sizing: border-box;
    flex: 0 1 6.25rem;
    font-size: 14px;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-left: 1rem;
    padding-left: .625rem;
    padding-right: .625rem;
    white-space: nowrap
}

body .stardust-popup .stardust-popup-button--main {
    background: #ee4d2d;
    color: #fff;
    text-transform: uppercase
}

body .stardust-popup .stardust-popup-button--main:hover {
    background: #f05d40
}

body .stardust-popup .stardust-popup-button--main:active {
    background: #e2492b
}

body .stardust-popup .stardust-popup-button--secondary {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    text-transform: uppercase
}

body .stardust-popup .stardust-popup-button--secondary:hover {
    background: rgba(0,0,0,.02);
    border-color: rgba(0,0,0,.09)
}

body .stardust-popup .stardust-popup-button--secondary:active {
    background: rgba(0,0,0,.02);
    border-color: rgba(0,0,0,.09);
    box-shadow: inset 0 .125rem .0625rem 0 rgba(0,0,0,.05)
}

.ofs-tw-logo {
    max-width: 150px
}

.icon-tw-mall-inline {
    height: .9375rem;
    width: 1.875rem
}

.shopee-svg-icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: currentColor;
    position: relative
}

.icon-all-cate {
    width: .75rem
}

.icon-notification-2 {
    height: 1.125rem;
    width: .875rem
}

.icon-notifications-wallet {
    stroke: #fff
}

.icon-order-order,.icon-order-paid,.icon-order-problem,.icon-order-rating,.icon-order-received,.icon-order-shipping {
    stroke: currentColor
}

.icon-shopee-logo {
    height: 4rem;
    width: 11.875rem;
    fill: #fff
}

.icon-line {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8b4b3dceaa953277.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.icon-shopee-logo--official-shop {
    height: 2.8125rem;
    width: 2.5rem;
    fill: #fff
}

.icon-location-marker {
    color: #ee4d2d;
    fill: currentColor
}

.icon-vn-privacy {
    background-position: 0 -110px
}

.icon-vn-shipping {
    background-position: 0 -122px
}

.icon-vn-tos {
    background-position: 0 -134px
}

.icon-vn-violation {
    background-position: 0 -146px
}

.icon-share-fb,.icon-share-gplus,.icon-share-messenger,.icon-share-pinterest,.icon-share-twitter {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a9aa082a68fac8e7.png) no-repeat;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 24px
}

.icon-share-messenger {
    background-position: 0 0
}

.icon-share-fb {
    background-position: -24px 0
}

.icon-share-gplus {
    background-position: 0 -24px
}

.icon-share-pinterest {
    background-position: -24px -24px
}

.icon-share-twitter {
    background-position: 0 -48px
}

.shopee-spacer {
    background-color: rgba(0,0,0,.12);
    display: inline-block;
    height: .625rem;
    width: 1px
}

.address-modal__form_input {
    width: 100%
}

.address-modal__form_input.hidden {
    height: 1px;
    left: -1000px;
    opacity: 0;
    position: absolute;
    top: -1000px;
    width: 1px
}

.address-modal .shopee-popup-form__main-container {
    margin-bottom: 0;
    padding-bottom: 84px
}

.shopee-address-picker {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    width: 20rem;
    z-index: 1
}

.shopee-address-picker__search-bar {
    background-color: #fff;
    padding: .3125rem .625rem
}

.shopee-address-picker__search-bar input {
    background-color: #f5f5f5;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    height: 1.875rem;
    line-height: 1.875rem;
    outline: none;
    padding: 0 .625rem;
    width: 100%
}

.shopee-address-picker__search-bar input::placeholder {
    color: rgba(0,0,0,.26)
}

.shopee-address-picker__current-level-list,.shopee-address-picker__search-result {
    list-style: none;
    margin: 0;
    max-height: 17.5rem;
    overflow-y: scroll;
    padding: 0
}

.shopee-address-picker__current-level-list-item,.shopee-address-picker__last-selected-address-level,.shopee-address-picker__search-result-item {
    cursor: pointer;
    padding: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-address-picker__last-selected-address-level {
    align-items: center;
    background-color: #f5f5f5;
    color: #ee4d2d;
    display: flex
}

.shopee-address-picker__last-selected-address-level .icon-arrow-left {
    font-size: .625rem;
    margin-right: .625rem
}

.notification-card {
    cursor: pointer;
    display: flex;
    padding: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.notification-card .shopee-image-placeholder {
    background-color: #f5f5f5
}

.notification-card .shopee-image-placeholder .shopee-svg-icon {
    font-size: 2.5rem
}

.notification-card:hover {
    background-color: #f8f8f8
}

.notification-card .shopee-avatar {
    flex-shrink: 0;
    height: 3.75rem;
    width: 3.75rem
}

.notification-card__connector {
    background: rgba(0,0,0,.09);
    bottom: 0;
    left: 3.75rem;
    position: absolute;
    top: 0;
    width: .0625rem
}

.notification-card__connector-dot {
    background: #e2e2e2;
    border-radius: 50%;
    height: .5rem;
    left: 3.5rem;
    margin-top: .375rem;
    position: absolute;
    width: .5rem
}

.notification-card__collapse {
    cursor: pointer;
    margin-left: .625rem
}

.notification-card__image {
    background-color: #fff;
    display: flex;
    flex-flow: row-reverse wrap-reverse;
    flex-shrink: 0;
    height: 5rem;
    justify-content: space-around;
    position: relative;
    width: 5rem
}

.notification-card__img-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    width: 100%
}

.notification-card__img-background--half {
    align-self: center;
    padding-top: 50%;
    width: 50%
}

.notification-card__detail {
    word-wrap:;
    flex-shrink: 1;
    margin-right: .625rem;
    min-width: 0;
    padding-left: 1.25rem
}

.notification-card__title {
    color: rgba(0,0,0,.8);
    font-size: 1rem;
    margin-bottom: .625rem
}

.notification-card__description {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-bottom: .625rem;
    max-width: 40.625rem
}

.notification-card__content {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-bottom: .3125rem
}

.notification-card__info {
    color: rgba(0,0,0,.54);
    display: flex;
    font-size: .875rem;
    line-height: 1
}

.notification-card__button {
    flex-shrink: 0;
    margin-left: auto
}

.notification-card__button .shopee-button-outline {
    background-color: #fff;
    box-sizing: border-box;
    font-size: .75rem;
    height: 1.875rem;
    min-width: 5rem;
    padding: 0 .4375rem;
    text-transform: capitalize
}

.notification-card__button .shopee-button-outline:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.notification-card__button .shopee-button-outline--complement {
    border-color: #00bfa5;
    color: #00bfa5
}

.notification-card--group-primary {
    position: relative
}

.notification-card--group-primary .notification-card__connector {
    top: 50%
}

.notification-card--group-primary .notification-card__connector--single {
    display: none
}

.notification-card__spinner {
    animation: spin .6s linear infinite;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/596cd3a8f0f9a6d6.png);
    height: .75rem;
    width: .75rem
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.notification-card--group-secondary {
    background: #f9f9f9;
    padding-left: 6.25rem;
    position: relative
}

.notification-card--group-secondary .notification-card__title {
    color: rgba(0,0,0,.54)
}

.notification-card--mini {
    padding: .5rem .625rem
}

.notification-card--mini .shopee-image-placeholder .shopee-svg-icon {
    font-size: 1.5rem
}

.notification-card--mini .shopee-avatar {
    height: 2.5rem;
    width: 2.5rem
}

.notification-card--mini .notification-card__image {
    border: .5px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    height: 2.5rem;
    width: 2.5rem
}

.notification-card--mini .notification-card__detail {
    padding-left: .375rem
}

.notification-card--mini .notification-card__title {
    font-size: .875rem;
    margin-bottom: .375rem
}

.notification-card--mini .notification-card__content {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .9375rem
}

.notification-card--mini .notification-card__description {
    margin-bottom: .375rem;
    max-width: 20rem
}

.notification-card--unread {
    background-color: #fff2ee
}

.shopee-popup {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 600
}

.shopee-popup__overlay {
    background-color: rgba(0,0,0,.4);
    height: 100%;
    width: 100%
}

.shopee-popup__container {
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    overflow: visible;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shopee-popup__close-btn {
    align-items: center;
    background-color: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 1.875rem;
    justify-content: center;
    line-height: 2.5rem;
    position: absolute;
    right: -.625rem;
    top: -.625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.875rem
}

.shopee-popup__close-btn .shopee-svg-icon {
    color: #fff;
    font-size: .75rem
}

.shopee-alert-popup {
    overflow: visible;
    padding: 1.25rem;
    width: 31.25rem
}

.shopee-alert-popup__title {
    color: #ee4d2d;
    font-size: 1.5rem;
    margin-top: 1.875rem
}

.shopee-alert-popup__message {
    font-size: 1rem;
    margin-top: 2.5rem
}

.shopee-alert-popup__message-list {
    display: flex;
    flex-direction: column;
    margin-top: 1.875rem
}

.shopee-alert-popup__button-vertical-layout {
    display: flex;
    flex-direction: column;
    margin-top: 6.25rem
}

.shopee-alert-popup__button-vertical-layout .shopee-alert-popup__button-spacer {
    height: 1.25rem
}

.shopee-alert-popup__button-vertical-layout .shopee-button-outline,.shopee-alert-popup__button-vertical-layout .shopee-button-solid {
    flex: 1;
    font-size: 1rem
}

.shopee-alert-popup__button-vertical-layout .shopee-button-outline {
    color: rgba(0,0,0,.8)
}

.shopee-alert-popup__button-horizontal-layout {
    display: flex;
    margin-top: 6.25rem
}

.shopee-alert-popup__button-horizontal-layout .shopee-alert-popup__button-spacer {
    width: .625rem
}

.shopee-alert-popup__button-horizontal-layout .shopee-button-outline,.shopee-alert-popup__button-horizontal-layout .shopee-button-solid {
    flex: 1;
    padding: .75rem 0;
    text-transform: capitalize
}

.shopee-no-scroll {
    overflow: hidden
}

.shopee-shop-collection-filter__collection,.shopee-shop-collection-filter__header {
    font-weight: 500
}

.shopee-shop-collection-filter__header {
    color: rgba(0,0,0,.8);
    padding: .875rem 0 1.125rem;
    text-transform: uppercase
}

.shopee-shop-collection-filter__collection {
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .8125rem;
    padding: .625rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-shop-collection-filter__collection--active {
    color: #ee4d2d
}

.shopee-shop-collection-filter__collection+.shopee-shop-collection-filter__collection {
    border-top: 1px solid rgba(0,0,0,.09)
}

.shop-collection-view {
    margin-bottom: .625rem
}

.shop-search-result-view__item {
    margin-top: .625rem
}

.shop-collection-list {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    max-height: 18.75rem;
    overflow: hidden;
    overflow-y: auto;
    width: 16.875rem
}

.shop-collection-list__item {
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    height: 3.75rem;
    overflow: hidden;
    padding-left: 3.75rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shop-collection-list__item:hover {
    background-color: #f8f8f8
}

.shop-collection-list__item:hover .shop-collection-list__item-desc-name {
    color: #ee4d2d
}

.shop-collection-list__item-image {
    background-color: #f5f5f5;
    height: 2.5rem;
    left: .625rem;
    position: absolute;
    top: .625rem;
    width: 2.5rem
}

.shop-collection-list__item-image>.shopee-svg-icon {
    font-size: 1.25rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shop-collection-list__item-image>img,.shop-collection-list__item-image__adult-mask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.shop-collection-list__item-image__adult-mask {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%
}

.shop-collection-list__item-image__adult-mask--18 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6066e69e47bdcc11.png)
}

.shop-collection-list__item-image__adult-mask--20 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c2c6fbe913449b5f.png)
}

.shop-collection-list__item-image__adult-mask--21 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3f85d623d716ceb7.png)
}

.shop-collection-list__item-desc {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.shop-collection-list__item-desc-name {
    color: rgba(0,0,0,.87);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shop-collection-list__item-desc-product {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-top: .125rem
}

.shopee-guarantee-icon {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/73b4bb25115d063d.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.order-detail-header {
    background-color: #fff;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}

.order-detail-header__state-container {
    box-sizing: border-box;
    padding: 5rem 2.8125rem 2.8125rem;
    position: relative
}

.order-detail-header__back-button,.order-detail-header__note {
    font-size: .875rem;
    line-height: 1rem;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem
}

.order-detail-header__separator {
    margin: 0 1em
}

.order-detail-header__back-button {
    align-items: center;
    color: rgba(0,0,0,.54);
    display: flex;
    left: 1.25rem
}

.order-detail-header__back-button:hover {
    cursor: pointer
}

.order-detail-header__back-button--arrow {
    font-size: .875rem;
    margin-right: .3125rem
}

.order-detail-header__status {
    color: #ee4d2d;
    text-transform: uppercase
}

.order-detail-header__invoice {
    padding: 0 .9375rem
}

.order-detail-header__invoice-inner {
    align-items: center;
    border-top: 1px dashed #eee;
    display: flex;
    justify-content: space-between;
    padding: .625rem .3125rem
}

.order-detail-header__invoice-title {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.order-detail-header__invoice-ph-title {
    display: inline-block;
    font-size: 12px
}

.order-detail-header__invoice-popover {
    background-color: #fff;
    border-radius: 4px;
    height: 231px;
    padding: 15px;
    width: 350px
}

.order-detail-header__invoice-disclaimer-header {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px
}

.order-detail-header__invoice-disclaimer-content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.order-detail-header__invoice-icon {
    margin-left: 8px;
    vertical-align: middle
}

.order-detail-header__action-container {
    background-color: #fffcf5;
    box-sizing: border-box;
    padding-top: 1.25rem
}

.order-detail-header__button-wrapper {
    background: #fff;
    flex-shrink: 0;
    font-size: .875rem;
    height: 2.5rem;
    margin-left: 1rem;
    width: 13.125rem
}

.order-detail-header__button-wrapper-container {
    align-items: flex-start;
    border-bottom: 1px dotted rgba(0,0,0,.09);
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: .625rem;
    padding: 0 1.25rem .625rem
}

.order-detail-header__button-wrapper-container--last {
    border-bottom: 0;
    padding-bottom: 1.25rem
}

.order-detail-header__group-buttons-wrapper-container {
    display: flex
}

.order-detail-header__text-info-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 1.25rem;
    text-align: left
}

.order-detail-header__text-info-wrapper p {
    margin: 0;
    padding: 0;
    width: 100%
}

.order-detail-header__text-info-wrapper-with-reason>span:first-child {
    font-weight: 600
}

.order-detail-header__button-content-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: capitalize
}

.order-detail-header__shopee-guarantee__icon {
    display: inline-block;
    height: 1.25rem;
    margin-right: .3125rem;
    width: 1.25rem
}

.order-detail-header__primary-icon {
    color: #ee4d2d;
    font-size: 1.25rem;
    margin: 0 .625rem 0 .3125rem
}

.order-detail-header__primary-shopee-guarantee-icon {
    height: 1.25rem;
    margin-right: .3125rem;
    width: 1.25rem
}

.purchase-card-buttons__wrapper {
    background: #fffefb;
    padding: 0 1.5rem
}

.purchase-card-buttons__total-payment {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    padding-top: 2.5rem
}

.purchase-card-buttons__shopee-guarantee-icon {
    height: 1.375rem;
    margin-right: .3125rem;
    width: 1.375rem
}

.purchase-card-buttons__label-price {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.25rem;
    margin-right: .625rem
}

.purchase-card-buttons__total-price {
    color: #ee4d2d;
    font-size: 1.875rem;
    line-height: 2rem
}

.purchase-card-buttons__container {
    align-content: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 1.125rem 0 1.25rem
}

.purchase-card-buttons__show-button-wrapper {
    background: #fff;
    height: 2.5rem;
    margin-left: .625rem;
    min-width: 10rem
}

.purchase-card-buttons__show-button-wrapper .shopee-button-outline,.purchase-card-buttons__show-button-wrapper .shopee-button-solid {
    box-sizing: border-box;
    padding: 0 .625rem
}

.purchase-card-buttons__text-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

.purchase-card-buttons__open-more-wrapper {
    height: 2.5rem;
    margin-left: .625rem;
    position: relative;
    width: 6.25rem
}

.purchase-card-buttons__open-more-button {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    height: 100%;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

.purchase-card-buttons__open-more-button__arrow {
    font-size: .625rem;
    margin-left: .3125rem
}

.purchase-card-buttons__inside-button-container {
    background: #fff;
    border: 1px solid #ee4d2d;
    display: none;
    left: 0;
    position: absolute;
    top: 2.5rem;
    z-index: 1
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__open-more-button {
    border: 1px solid #ee4d2d;
    border-bottom-color: #fff;
    color: #ee4d2d
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__inside-button-container {
    display: block
}

.purchase-card-buttons__inside-button {
    align-items: center;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    min-width: 11.25rem;
    padding: 0 .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-card-buttons__inside-button:hover {
    background: #f8f8f8;
    color: #ee4d2d
}

.purchase-card-buttons__button-content {
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: capitalize
}

.checkout-card__content-wrapper,.order-card__content-wrapper {
    background: #fff
}

.checkout-card__content,.order-card__content {
    padding: 1.25rem 1.25rem 0
}

.order-content-status {
    color: #ee4d2d;
    line-height: 1.5rem;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap
}

.checkout-card__order-wrapper:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.09);
    margin-bottom: 1.875rem
}

.checkout-card__order-wrapper:last-child,.order-card__container {
    border-bottom: 0
}

.purchase-text-info-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

.purchase-text-info {
    font-size: .75rem;
    line-height: .9375rem;
    word-wrap:;
    color: rgba(0,0,0,.54);
    max-width: 25rem
}

.purchase-text-info__hover-point {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-text-info__tooltip-content {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.purchase-text-info .shopee-drawer {
    display: inline-flex
}

.purchase-text-info:nth-child(2) {
    color: #ee4d2d
}

.purchase-empty-order__container {
    align-items: center;
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.purchase-empty-order__icon {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a6d6d3dcbc5cfbb2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 6.25rem;
    margin-bottom: 1.25rem;
    width: 6.25rem
}

.purchase-empty-order__text {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.0625rem
}

.shopee-order-detail__coin-info {
    background-color: #fff;
    box-sizing: border-box;
    margin-top: .625rem
}

.shopee-order-detail__coin-info-desc {
    align-items: center;
    display: flex
}

.shopee-order-detail__coin-info-icon {
    height: 1.5rem;
    margin-right: .625rem;
    width: 1.5rem
}

.shopee-order-detail__coin-info-label {
    font-size: 1.0625rem
}

.shopee-order-detail__coin-info-sublabel {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-left: .625rem
}

.shopee-order-detail__coin-info-spacer {
    flex: 1
}

.shopee-order-detail__coin-info-amount {
    color: #f6a700;
    font-size: 1.0625rem
}

.shopee-price--primary {
    color: #ee4d2d
}

.shopee-price--original {
    color: rgba(0,0,0,.26);
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.checkout-card__container,.order-card__container,.order-detail-header {
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    overflow: visible
}

.order-cancel-popup__dropdown {
    display: block
}

.order-cancel-popup__buttons {
    margin-top: 3.125rem
}

.rating-modal__header {
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.rating-modal__header--view {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding-top: 1.25rem
}

.rating-modal__title {
    color: rgba(0,0,0,.8);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .625rem;
    text-transform: capitalize
}

.rating-modal__created-time {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    padding-bottom: .625rem
}

.rating-modal__rating-action-container {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .875rem;
    position: absolute;
    right: .625rem;
    top: .625rem
}

.rating-modal__rating-action-container .shopee-button-solid {
    color: rgba(0,0,0,.8);
    font-size: .75rem;
    font-weight: 700;
    margin-left: .625rem;
    padding: .1875rem .3125rem
}

.rating-modal__rating-action-container .shopee-button-solid .shopee-svg-icon {
    font-size: .75rem;
    margin-right: 0
}

.rating-modal__rating-item-wrapper {
    width: 60%
}

.rating-modal__image-list-wrapper {
    flex-grow: 1;
    min-width: 80%
}

.rating-modal-edit-item__container {
    margin-top: 1.875rem
}

.rating-modal-edit-item__back-button-wrapper {
    background: #fff;
    left: 0;
    position: absolute;
    top: 1.125rem;
    width: 100%;
    z-index: 9999
}

.rating-modal-edit-item__back-button {
    color: rgba(0,0,0,.54);
    padding: .3125rem 1.25rem
}

.rating-modal-edit-item__back-button:hover {
    cursor: pointer
}

.rating-modal-edit-item__back-button-arrow {
    font-size: .875rem;
    margin-right: .3125rem
}

.rating-stars__container {
    display: flex
}

.rating-stars__container>div {
    margin: 0 .125rem
}

.rating-stars__star {
    stroke: currentColor
}

.rating-stars__star--clickable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-modal-handler__container {
    border-bottom: 1px dotted rgba(0,0,0,.09);
    padding-bottom: 1.875rem
}

.rating-modal-handler__container--last {
    border-bottom: 0
}

.rating-modal-handler__rating-stars-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 2.25rem;
    justify-content: center;
    letter-spacing: .25rem;
    padding: .625rem 0 1.25rem;
    position: relative
}

.rating-modal-handler__rating-prompt-text {
    color: rgba(0,0,0,.54);
    margin-bottom: 1.25rem;
    text-align: center
}

.shopee-rating-stars {
    display: inline-block;
    position: relative
}

.shopee-rating-stars__stars {
    display: flex
}

.shopee-rating-stars__star-wrapper {
    margin-right: 1px;
    position: relative
}

.shopee-rating-stars__star-wrapper>.shopee-rating-stars__lit {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.shopee-rating-stars__gold-star {
    color: #ffce3d;
    fill: #ffce3d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.shopee-rating-stars__dark-star {
    color: #d5d5d5;
    display: block
}

.shopee-rating-stars__primary-star {
    color: #ee4d2d;
    stroke: #ee4d2d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.theme--ofs .shopee-rating-stars__primary-star {
    color: #d0011b;
    stroke: #d0011b
}

.theme--s-mart .shopee-rating-stars__primary-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.shopee-rating-stars__hollow-star {
    color: #ee4d2d;
    display: block;
    stroke: currentColor
}

.theme--s-mart .shopee-rating-stars__hollow-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.daily-discover-page,.recommend-products-by-view {
    padding: 2.5rem 0 3.75rem
}

.daily-discover-page__content,.recommend-products-by-view__content {
    padding: 1.25rem 0 2.6875rem
}

.daily-discover-page__item-card-wrapper,.recommend-products-by-view__item-card-wrapper {
    margin-bottom: .625rem
}

.purchase-list-page__tabs-container {
    background: #fff;
    border-radius: .125rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    margin-bottom: .75rem;
    overflow: hidden
}

.purchase-list-page__tab {
    align-items: center;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.1875rem;
    overflow: hidden;
    padding: 1rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-list-page__tab:hover {
    color: #ee4d2d
}

.purchase-list-page__tab--selected {
    border-bottom: 2px solid #ee4d2d;
    color: #ee4d2d
}

.purchase-list-page__tab-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.purchase-list-page__tab-count {
    color: #ee4d2d;
    font-size: .9em;
    margin-left: .3em;
    vertical-align: initial
}

.purchase-list-page__search-bar {
    background: #eaeaea;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: #555;
    display: flex;
    padding: .75rem 0
}

.purchase-list-page__search-bar ::placeholder {
    color: #929292
}

.purchase-list-page__search-bar svg {
    margin-left: .9375rem;
    margin-right: .9375rem;
    stroke: #bbb
}

.purchase-list-page__search-bar input {
    align-content: center;
    background-color: inherit;
    border: 0;
    display: flex;
    flex: 1;
    font-size: .875rem;
    line-height: 1rem;
    outline: none
}

.purchase-list-page__search-bar-focus svg {
    stroke: #555
}

.purchase-list-page__search-result {
    color: #757575;
    font-size: 14px;
    margin-top: 1.25rem;
    text-align: center
}

.purchase-list-page__search-result div {
    display: inline
}

.purchase-list-page__search-result span {
    color: #555
}

.purchase-list-page__checkout-card-wrapper:last-child,.purchase-list-page__order-card-wrapper:last-child {
    margin-bottom: 0
}

.purchase-list-page__checkout-card-wrapper,.purchase-list-page__order-card-wrapper {
    margin-bottom: .625rem;
    margin-top: .75rem
}

.purchase-list-page__empty-page-wrapper {
    height: 37.5rem;
    margin-top: .75rem;
    width: 100%
}

.theme--ofs .shopee-cart-number-badge,.theme--ofs .shopee-notification-number-badge {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .footer {
    border-top-color: #d0011b
}

.theme--ofs .footer__category-list-item-main>a:hover,.theme--ofs .footer__category-list-item-sub>a:hover,.theme--ofs .icon-like,.theme--ofs .icon-preorder,.theme--ofs .navbar-wrapper .navbar__link--login:hover .navbar__link-text,.theme--ofs .navbar-wrapper .navbar__link--login>.navbar__link-text,.theme--ofs .product-comment-item__at-user,.theme--ofs .product-page .shopee-tab-container__header-item--active>.product-page__tab-link,.theme--ofs .shopee-address-picker__last-selected-address-level,.theme--ofs .shopee-badge--promotion__label-wrapper,.theme--ofs .shopee-badge--promotion__label-wrapper__off-label.shopee-badge--promotion__label-wrapper__off-label--zh-Hant,.theme--ofs .shopee-facet-filter__facet .shopee-checkbox__box--checked,.theme--ofs .shopee-filter-group__item .shopee-checkbox__box--checked,.theme--ofs .shopee-item-card__hidden-price-display,.theme--ofs .shopee-mini-page-controller__current,.theme--ofs .shopee-product-info-body__order-quantity .shopee-button-outline-mid,.theme--ofs .shopee-product-info-body__preorder,.theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover .shopee-product-info-body__ship-to-text,.theme--ofs .shopee-product-info__header__rating-desc,.theme--ofs .shopee-product-info__header__real-price,.theme--ofs .shopee-product-rating-overview__text-overview,.theme--ofs .shopee-product__shipping-option-current-channel-cost,.theme--ofs .shopee-rating-stars__hollow-star,.theme--ofs .shopee-search-correction__new-search,.theme--ofs .shopee-search-filter-status,.theme--ofs .shopee-search-result-header__text-highlight,.theme--ofs .shopee-search-user-brief__header-text-highlight,.theme--ofs .shopee-search-user-item .shopee-svg-icon:not(.icon-tick),.theme--ofs .shopee-search-user-item__follow-count-number,.theme--ofs .shopee-search-user-seller-info-item__primary-text,.theme--ofs .shopee-searchbar-hints__search-shop>.shopee-svg-icon,.theme--ofs .shopee-shop-collection-filter__collection--active,.theme--ofs .shopee-sort-by-options .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected):hover,.theme--ofs .wholesale-popup__price,.theme--ofs .wholesale-table__body-cell--price {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.theme--ofs .shopee-header-section__header-link>.shopee-button-no-outline {
    color: #d0011b
}

.theme--ofs .section-recommend-products__separator,.theme--ofs .shopee-sort-by-options .shopee-dropdown--has-selected>.shopee-dropdown__entry--selected,.theme--ofs .shopee-sort-by-options__option--selected {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .image-carousel__dot--active,.theme--ofs .shopee-page-controller>.shopee-button-solid,.theme--ofs .shopee-price-range-filter__button>.shopee-button-solid,.theme--ofs .shopee-search-empty-result-section__button .shopee-button-solid,.theme--ofs .shopee-search-reset>a>.shopee-button-solid {
    background-color: #d0011b
}

.theme--ofs .shopee-searchbar>.shopee-button-solid:hover {
    background-color: #c30018
}

.theme--ofs .shopee-product-rating-overview__filter--active {
    border-color: #d0011b;
    fill: #d0011b
}

.theme--ofs .product-page .shopee-tab-container__header-item--active,.theme--ofs .shopee-image-gallery__option-image-wrapper__selected-mask,.theme--ofs .shopee-lightbox-thumbnail__selected-mask,.theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover {
    border-color: #d0011b
}

.theme--ofs .btn-buynow,.theme--ofs .shopee-button-solid--primary {
    background-color: #d0011b
}

.theme--ofs .btn-buynow:hover,.theme--ofs .shopee-button-solid--primary:hover {
    background-color: #e00622
}

.theme--ofs .btn-buynow:active,.theme--ofs .shopee-button-solid--primary:active {
    background-color: #c30018
}

.theme--ofs .btn-add-to-cart,.theme--ofs .btn-chat-now {
    background-color: #fff3f3;
    border: 1px solid #d0011b;
    color: #d0011b
}

.theme--ofs .btn-add-to-cart:hover,.theme--ofs .btn-chat-now:hover {
    background-color: #fff
}

.theme--ofs .btn-add-to-cart:active,.theme--ofs .btn-chat-now:active {
    background-color: #ffe8e8
}

.theme--ofs .icon-web-chat,.theme--ofs .product-page-bundle-deal__see-all {
    color: #d0011b!important
}

.theme--ofs .product-page-bundle-deal__tag,.theme--ofs .shopee-item-card__bundle-deal,.theme--ofs .shopee-product-info__header__bundle-deal-tag {
    border-color: #d0011b!important;
    color: #d0011b!important
}

.theme--ofs .select-with-status__dropdown-item:hover {
    background: #d0011b
}

.theme--ofs .section-seller-overview__item-text-value,.theme--ofs .shop-collection-list__item:hover .shop-collection-list__item-desc-name,.theme--ofs .shop-page-shop-description__shop-name,.theme--ofs .shop-page__menu .shop-page__menu-item:hover,.theme--ofs .shopee-category-list__sub-category--active,.theme--ofs .shopee-sort-bar .shopee-sort-by-options .select-with-status__value {
    color: #d0011b
}

.theme--ofs .shop-page__menu .shop-page__menu-item--active {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .shopee-product-info__header__real-price {
    color: #d0011b
}

.theme--ofs .shopee-category-list__sub-category--active .shopee-category-list__sub-category__caret {
    fill: #d0011b
}

.theme--ofs .shopee-sort-bar .shopee-sort-by-options__option--selected {
    background: #d0011b
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.clear-btn-style {
    background: 0;
    border: 0
}

.sr-only,.visually-hidden {
    border: 0!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important
}

.wA1Z8K {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

.wA1Z8K .y9r1Xm {
    background-color: initial
}

.wyNsJd {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

.YRJPJB {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.DxDyiW {
    color: #222;
    font-size: 1rem;
    text-align: center
}

._9auf1 {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

._9auf1.O4cXjZ {
    margin-top: 7.4375rem
}

._9auf1.swtjYA {
    margin-top: 11.125rem
}

._6jOGAY {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

._6jOGAY .T3WmgL {
    background-color: initial
}

.shopee-progress-bar {
    background: linear-gradient(90deg,hsla(0,0%,100%,.3) 0,#fff 30%,#fff);
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 3px;
    left: -100%;
    position: fixed;
    top: 0;
    transition: transform 30s ease-out;
    width: 100%;
    z-index: 10000
}

.shopee-progress-bar--start {
    transform: translateX(60%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-start {
    transform: translateX(79%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--almost-done {
    transform: translateX(80%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-almost-done {
    transform: translateX(99%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--done {
    transform: translateX(100%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--done-up {
    transform: translateX(100%) translateY(-3px);
    transition: transform .2s ease-out
}

.shopee-progress-bar--reset {
    transform: translateX(0) translateY(0);
    transition: none
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: initial;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.SqO999 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.UsynuF {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.GIv4S4 {
    background-color: rgba(0,0,0,.14);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.XXSZie {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 .625rem 0 rgba(0,0,0,.14);
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.XXSZie .EWzoMT {
    color: #fff;
    font-size: 1.125rem
}

.language-selection {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 30px 15px;
    width: 100%
}

.language-selection__background {
    min-height: 240px;
    position: relative;
    width: 470px
}

.language-selection__background-map {
    width: 100%
}

.language-selection .icon-logo-vertical {
    height: 108px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-45px);
    width: 108px
}

.language-selection__title {
    font-size: 1.25rem;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center
}

.language-selection__list {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px
}

.language-selection__list .shopee-button-outline {
    font-size: .9375rem;
    font-weight: 400;
    height: 2.5rem
}

.language-selection__list-item {
    display: flex;
    flex-direction: column;
    height: 2.5rem;
    margin-top: 18px
}

.language-selection__list-item:first-child {
    margin-top: 0
}

.language-selection__close-button {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.language-selection__close-button .shopee-svg-icon {
    color: #fff;
    font-size: 1.125rem
}

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

.toast--hidden {
    opacity: 0;
    pointer-events: none
}

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    margin-bottom: 1.25rem
}

.action-toast__icon,.toast__icon {
    display: flex;
    justify-content: center
}

.action-toast__icon {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    height: 3.75rem;
    text-align: center;
    width: 3.75rem
}

.action-toast .icon-tick-bold {
    font-size: 1.875rem;
    line-height: 3.75rem
}

.action-toast .icon-exclamation-mark {
    font-size: 2.5rem;
    line-height: 3.75rem
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.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
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: initial;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.FUzulZ {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 31px;
    transform: translateX(-600px);
    z-index: 9999
}

.FUzulZ.z2A7sT {
    opacity: 1;
    pointer-events: all
}

.q7Q7_p {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.FUzulZ .b2riZM {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    font-size: 12px;
    line-height: 14px;
    outline: none;
    padding: 4px
}

.b4QA5F+.b4QA5F {
    padding-top: 10px
}

.ZXsZkq {
    box-sizing: border-box;
    display: inline-block;
    padding: 4px
}

.b2riZM:focus .ZXsZkq {
    border: 1px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 3px
}

.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--shopee-mart {
    background: #066bc8
}

.navbar-wrapper--without-search {
    background: #ee4d2d
}

.navbar-wrapper .navbar {
    color: #fff
}

.navbar-wrapper .navbar__link-icon,.navbar-wrapper .navbar__link-text {
    color: currentColor
}

.navbar-wrapper .navbar__link:after,.navbar-wrapper .navbar__link:before {
    display: none
}

.navbar-wrapper .navbar__link {
    cursor: pointer
}

.navbar-wrapper .navbar__link:hover {
    color: hsla(0,0%,100%,.7)
}

.navbar-wrapper .navbar__link--login .navbar__link-text {
    color: #ee4d2d;
    font-weight: 500
}

.navbar-wrapper .navbar__link--login:hover .navbar__link-text {
    color: #ee4d2d
}

.navbar-wrapper .navbar__link--login:active {
    background-color: hsla(0,0%,100%,.8)
}

.navbar-wrapper--light {
    background: #f0f0f0
}

.navbar-wrapper--light .navbar {
    color: rgba(0,0,0,.54)
}

.navbar-wrapper--light .navbar__link {
    color: currentColor;
    cursor: pointer
}

.navbar-wrapper--light .navbar__link--separator {
    color: rgba(0,0,0,.54)
}

.navbar-wrapper--light .navbar__link--hoverable:hover .navbar__link-text {
    color: #ee4d2d
}

.navbar-wrapper--light .navbar__link--hoverable:hover:before {
    display: none
}

.navbar-wrapper--light .navbar__link:hover {
    color: #ee4d2d
}

.navbar-wrapper--light .navbar__link-separator {
    border-right: 1px solid rgba(0,0,0,.12)
}

.navbar-wrapper--high-end-brand.navbar-wrapper {
    background-color: #000
}

.shopee-top--sticky .navbar-wrapper.container-wrapper,.shopee-top--sticky .ofs-header.container-wrapper {
    min-width: inherit
}

.shopee-top--sticky .navbar.container {
    max-width: 1200px;
    width: inherit
}

.nL0X7x {
    background: #066bc8
}

.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-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: 
}

.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
}

.xXLiVe: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
}

.xXLiVe:not(:first-child) {
    margin-left: .625rem
}

.L4HcCc {
    color: #fff;
    font-size: .8125rem;
    font-weight: 300;
    outline: 0;
    overflow: visible;
    padding: .25rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.L4HcCc: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)
}

.L4HcCc:last-child {
    border: 0
}

.L4HcCc:not(.RD3lG6):hover {
    color: hsla(0,0%,100%,.7);
    cursor: pointer
}

.L4HcCc>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
}

.RD3lG6 {
    border: 0
}

.FwLW4J,.RD3lG6 {
    padding-right: 0
}

._J5NJU .AjAeES,._J5NJU .R_kR4v,._J5NJU .UvWzPm,._J5NJU .VTXgqA,._J5NJU .kX_o93,._J5NJU .vjtzAS,._J5NJU .z2IDP6 {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

._J5NJU .kX_o93 {
    height: 27px;
    width: 28px
}

._J5NJU .AjAeES,._J5NJU .R_kR4v,._J5NJU .VTXgqA {
    height: 16px;
    width: 16px
}

._J5NJU .vjtzAS {
    height: 15px;
    width: 16px
}

._J5NJU .UvWzPm {
    height: 16px;
    width: 14px
}

._J5NJU .z2IDP6 {
    height: 16px;
    width: 16px
}

.navbar-wrapper--light .L4HcCc {
    border-color: hsla(0,0%,53%,.22);
    color: currentColor
}

.navbar-wrapper--light .L4HcCc:not(.RD3lG6):hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .L4HcCc,.navbar-wrapper--high-end-brand .L4HcCc:not(.RD3lG6):hover,.navbar-wrapper--high-end-brand.navbar-wrapper .navbar {
    color: currentColor
}

.navbar-wrapper--high-end-brand .L4HcCc:not(.RD3lG6):not(.FwLW4J):hover {
    opacity: .5
}

.navbar-wrapper--high-end-brand .header-navbar-background {
    color: currentColor
}

.navbar-wrapper--high-end-brand .header-navbar-background:after {
    background: currentColor;
    content: " ";
    display: block;
    height: 100%;
    mix-blend-mode: darken;
    width: 100%
}

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/74e7710903007bb7.png)
}

.header-navbar-facebook-png {
    background-position: 8.064516129032258% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-instagram-png {
    background-position: 58.064516129032256% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-line-png {
    background-position: 8.064516129032258% 96.875%;
    background-size: 487.5% 313.3333333333333%
}

.header-navbar-shopee-campus-header-png {
    background-position: 50% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-ticktok-png {
    background-position: 91.93548387096774% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-twitter-png {
    background-position: 100% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.Lf5H9V {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.o5bqKE {
    background: #fff;
    border-radius: 2px;
    margin-top: .625rem;
    padding: 2px;
    width: 11.25rem
}

.cymxV6 {
    height: 11.25rem;
    width: 11.25rem
}

.Lf5H9V {
    flex-wrap: wrap;
    padding: 0 .9375rem .3125rem
}

.FJ7bqd {
    margin-top: .3125rem;
    width: 4.375rem
}

.OoEIje {
    width: 100%
}

.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: initial;
    border: 0
}

.navbar .navbar__link.navbar__link--help {
    padding-left: 0
}

.navbar .navbar__link.navbar__link--help:focus-visible,.navbar .navbar__link.navbar__link--login:focus-visible,.navbar .navbar__link.navbar__link--signup:focus-visible {
    border-radius: 2px;
    box-shadow: var(--focus-indicator-color) 0 0 0 2px;
    outline: none
}

.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link-text {
    color: currentColor
}

.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--help,.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--notification>.stardust-popover>.stardust-popover__target>a {
    opacity: .5
}

.fNzlSz {
    align-items: center;
    color: #fff;
    display: flex;
    padding: .4375rem .625rem
}

.fNzlSz:hover {
    color: hsla(0,0%,100%,.7)
}

.navbar-wrapper--high-end-brand .fNzlSz,.navbar-wrapper--high-end-brand .fNzlSz:hover {
    color: currentColor
}

.navbar-wrapper--high-end-brand .fNzlSz:hover {
    opacity: .5
}

.fNzlSz .TJAG5g {
    align-items: center;
    display: flex
}

.fNzlSz ._LpLtp {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

.ujIKIQ {
    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
}

.ujIKIQ .G7lkQk {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .625rem;
    text-align: left
}

.ujIKIQ .G7lkQk.ptTNEB,.ujIKIQ .G7lkQk:hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .ujIKIQ .G7lkQk.ptTNEB,.navbar-wrapper--high-end-brand .ujIKIQ .G7lkQk:hover {
    color: #f4a386
}

.ujIKIQ .G7lkQk>span {
    border-radius: var(--focus-indicator-border-radius);
    margin: calc(var(--focus-indicator-spacing)*-1);
    padding: var(--focus-indicator-spacing)
}

.ujIKIQ .G7lkQk:focus-visible {
    outline: none
}

.ujIKIQ .G7lkQk:focus-visible>span {
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
}

.ujIKIQ:hover :not(:hover) {
    color: rgba(0,0,0,.87)
}

.FQFlNh,.YKx4ga,.ZJmrc9,.uGvjmv {
    margin: 0 auto;
    width: 75rem
}

.FQFlNh,.ZJmrc9,.uGvjmv {
    border-bottom: 1px solid rgba(0,0,0,.09);
    margin-top: 3.75rem;
    padding-bottom: 1.875rem
}

.Dtu9HW {
    background-color: #fff;
    border-top: 4px solid #ee4d2d;
    color: rgba(0,0,0,.54);
    min-width: 75rem
}

.wfGQ6T {
    border-top-color: var(--brand-primary-color)
}

.F3TirT {
    border-bottom: 1px solid rgba(0,0,0,.12);
    height: 7.5rem;
    width: 100%
}

.bE7OGq {
    background-color: #fbfbfb
}

.wdjmqE {
    border-top: unset
}

.YJmMMT .bE7OGq {
    background-color: #f5f5f5
}

.ZJmrc9 {
    margin-top: unset;
    padding-top: 3.75rem
}

.shopee-footer-section {
    padding-bottom: 1.875rem
}

.shopee-footer-section__heading {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.7;
    margin: 0
}

.shopee-footer-section__content {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1.4;
    margin: .625rem 0 0
}

.shopee-footer-section__content a {
    color: rgba(0,0,0,.8);
    color: rgba(0,0,0,.54);
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-footer-section__content a:hover {
    color: #ee4d2d
}

.t5pFIU {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

.kr8eST {
    flex: 1
}

._vn52f {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 0;
    z-index: -1
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/bundle.f563480427b3c80f.css.map*/
._3sjFp {
    align-items: center;
    border-radius: .125rem;
    border-radius: var(--nr-normal,.125rem);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: initial;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.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)
    }
}

.shopee-mini-page-controller {
    align-items: center;
    display: flex
}

.shopee-mini-page-controller .shopee-button-outline {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-mini-page-controller .shopee-button-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-mini-page-controller .shopee-button-outline--disabled {
    pointer-events: none
}

.shopee-mini-page-controller__current {
    color: #ee4d2d
}

.shopee-mini-page-controller__next-btn,.shopee-mini-page-controller__prev-btn {
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    height: 2.125rem;
    width: 2.25rem
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled .shopee-svg-icon,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled .shopee-svg-icon {
    fill: #ccc
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:hover,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:hover {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.shopee-mini-page-controller__next-btn .shopee-svg-icon,.shopee-mini-page-controller__prev-btn .shopee-svg-icon {
    height: .625rem;
    width: .625rem;
    fill: #555;
    margin-top: .125rem
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__next-btn:hover,.shopee-mini-page-controller__prev-btn:active,.shopee-mini-page-controller__prev-btn:hover {
    background: #fdfdfd
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__prev-btn:active {
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-mini-page-controller__prev-btn {
    border-bottom-right-radius: 0;
    border-right: 1px solid #f2f2f2;
    border-top-right-radius: 0;
    margin-left: 1.25rem
}

.shopee-mini-page-controller__next-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-page-controller {
    display: flex;
    justify-content: center
}

.shopee-page-controller .shopee-icon-button {
    border: 0;
    color: rgba(0,0,0,.4);
    height: 1.875rem;
    min-width: 2.5rem;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-page-controller .shopee-icon-button:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-page-controller .shopee-icon-button .shopee-svg-icon {
    vertical-align: middle
}

.shopee-page-controller .shopee-icon-button--left {
    margin-right: .9375rem;
    text-align: right
}

.shopee-page-controller .shopee-icon-button--right {
    margin-left: .9375rem;
    text-align: left
}

.shopee-page-controller .shopee-icon-button--disabled {
    pointer-events: none
}

.shopee-page-controller .shopee-button-no-outline {
    color: rgba(0,0,0,.4)
}

.shopee-page-controller .shopee-button-no-outline,.shopee-page-controller .shopee-button-solid {
    font-size: 1.25rem;
    height: 1.875rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    min-width: 2.5rem;
    padding: 0;
    text-align: center
}

.shopee-page-controller .shopee-button-solid {
    color: #fff
}

.shopee-page-controller .shopee-button-no-outline--non-click {
    cursor: auto
}

.shopee-page-controller__ellipses {
    display: inline-block;
    margin: 0
}

.shopee-page-controller--v2 .shopee-icon-button {
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.54);
    height: 1.5rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-icon-button .shopee-svg-icon {
    width: .6875rem
}

.shopee-page-controller--v2 .shopee-icon-button--left {
    margin-right: .625rem
}

.shopee-page-controller--v2 .shopee-icon-button--right {
    margin-left: .625rem
}

.shopee-page-controller--v2 .shopee-button-no-outline {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-button-solid {
    border-radius: .0625rem;
    box-shadow: none;
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.original-search-link {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem
}

.original-search-link__text {
    color: rgba(0,0,0,.54)
}

.original-search-link__link {
    color: #ee4d2d;
    cursor: pointer;
    margin-left: .25rem
}

.shopee-search-result-header {
    color: #555;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 1.5rem
}

.shopee-search-result-header__text-highlight {
    color: #ee4d2d
}

.shopee-search-result-header .icon-hint-bulb {
    color: #555;
    height: 1.375rem;
    margin: 0 .75rem 0 0;
    position: relative;
    top: .125rem;
    width: 1rem
}

.shopee-search-result-header .icon-voucher-tag {
    margin-right: .625rem;
    width: 1.125rem
}

.shopee-search-result-header__placeholder,.shopee-search-result-header__text {
    padding: .1875rem 0
}

.shopee-search-result-header__placeholder {
    height: 1.2rem
}

.shopee-search-result-header__text-emphasize,.shopee-search-result-header__text-highlight {
    font-weight: 700;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-search-result-header__text-emphasize {
    color: #222
}

.shopee-search-result-header__keyword {
    display: flex;
    flex-direction: row;
    margin-top: .75rem
}

.shopee-search-result-header__keyword-item {
    align-items: center;
    border: 1px solid #757575;
    border-radius: .125rem;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 2.125rem;
    margin-right: .5rem;
    padding: 0 .875rem
}

.shopee-search-empty-result-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 6.25rem 0 7.5rem
}

.shopee-search-empty-result-section__icon {
    width: 8.375rem
}

.shopee-search-empty-result-section__title {
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    margin: .9375rem 0 .625rem
}

.shopee-search-empty-result-section__hint {
    color: rgba(0,0,0,.54);
    font-size: 1.125rem
}

.shopee-search-empty-result-section__hint>span {
    font-weight: 700
}

.shopee-search-empty-result-section__or {
    color: rgba(0,0,0,.4);
    font-size: 1.125rem;
    margin-top: 15px
}

.shopee-search-empty-result-section__button {
    display: flex;
    flex-direction: row;
    margin: 1.5625rem 0 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-search-empty-result-section__button .shopee-button-solid {
    background: #ee4d2d;
    color: #fff;
    font-size: 1.125rem;
    height: 3rem;
    padding: 0 1.25rem
}

.shopee-search-recommendation .search-ymal-section__header {
    height: auto;
    padding: 0 0 1.25rem
}

.shopee-search-recommendation .search-ymal-section__header__title {
    color: #222;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase
}

.shopee-search-recommendation__item {
    margin-bottom: .625rem
}

.sort-price-select {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 2.125rem;
    justify-content: space-between;
    line-height: 2.125rem;
    min-width: 12.5rem;
    padding-left: .75rem;
    position: relative;
    text-align: left;
    transition: border-color .1s ease
}

.sort-price-select:hover {
    background: #fdfdfd
}

.sort-price-select__value {
    color: #ee4d2d;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sort-price-select__dropdown {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    max-height: var(--radix-select-content-available-height);
    overflow-y: auto;
    padding: .625rem 0;
    width: var(--radix-select-trigger-width);
    z-index: 10000
}

.sort-price-select__dropdown-item {
    align-items: center;
    box-sizing: border-box;
    color: #222;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    line-height: 2.125rem;
    padding: 0 .75rem 0 .9375rem;
    width: 100%
}

.sort-price-select__dropdown-item:hover {
    background: transparent;
    color: #ee4d2d
}

.sort-price-select__dropdown-item .shopee-svg-icon.icon-tick-bold {
    width: .6875rem;
    fill: #ee4d2d
}

.sort-price-select .shopee-svg-icon.icon-arrow-down-small {
    width: .75rem;
    fill: #555;
    margin-right: .75rem
}

.shopee-sort-by-options {
    align-items: stretch;
    display: flex;
    flex: 1;
    gap: .625rem;
    justify-content: flex-start
}

.shopee-sort-by-options .shopee-dropdown {
    flex: 1
}

.shopee-sort-by-options .shopee-dropdown .shopee-popover {
    padding: 0;
    width: 100%
}

.shopee-sort-by-options .shopee-dropdown__entry {
    background-color: #fff;
    border: 0;
    justify-content: center;
    padding: 0 .625rem;
    text-transform: uppercase
}

.shopee-sort-by-options .shopee-dropdown__entry--selected {
    color: rgba(0,0,0,.8);
    height: 100%
}

.shopee-sort-by-options .shopee-dropdown__entry--selected span {
    flex: 0 0 auto
}

.shopee-sort-by-options .shopee-dropdown__entry--selected:hover {
    background-color: rgba(0,0,0,.02)
}

.shopee-sort-by-options .shopee-dropdown__entry--optional {
    height: 3.125rem
}

.shopee-sort-by-options .shopee-dropdown--has-selected .shopee-dropdown__entry--selected {
    border-bottom: 2px solid #ee4d2d;
    box-sizing: border-box;
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status {
    margin-left: .625rem;
    min-width: 12.5rem
}

.shopee-sort-by-options .select-with-status__dropdown-item,.shopee-sort-by-options .select-with-status__placeholder,.shopee-sort-by-options .select-with-status__value {
    text-align: left
}

.shopee-sort-by-options .select-with-status__placeholder,.shopee-sort-by-options .select-with-status__value {
    color: rgba(0,0,0,.8);
    margin: 0 .625rem 0 .75rem;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-sort-by-options .select-with-status__value {
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status__dropdown {
    border: 0;
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin: 0;
    padding: .625rem 0
}

.shopee-sort-by-options .select-with-status__dropdown-item {
    cursor: pointer;
    padding: 0 .75rem 0 .9375rem
}

.shopee-sort-by-options .select-with-status__dropdown-item:hover {
    background: transparent;
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status__holder {
    background: #fff;
    margin: 0
}

.shopee-sort-by-options__option-group {
    display: flex;
    gap: .625rem;
    margin-left: .625rem
}

.shopee-sort-by-options__option {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 5.625rem;
    outline: 0;
    overflow: visible;
    padding: 0 .9375rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.shopee-sort-by-options__option:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-sort-by-options__option:active {
    background: #fdfdfd;
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-sort-by-options__option--selected.shopee-sort-by-options__option {
    background: #ee4d2d;
    color: #fff
}

.shopee-sort-by-options__option--selected.shopee-sort-by-options__option:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02)
}

.shopee-sort-by-options .select-with-status__holder,.shopee-sort-by-options__option {
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    height: 2.125rem;
    line-height: 2.125rem
}

.shopee-sort-by-options .select-with-status__holder:hover,.shopee-sort-by-options__option:hover {
    background: #fdfdfd
}

.ranking-criteria-container {
    align-items: stretch;
    display: flex
}

.ranking-criteria {
    align-items: center;
    color: currentColor;
    display: flex;
    justify-content: center;
    margin-left: .5rem;
    margin-right: .3125rem
}

.ranking-criteria .icon-help-center {
    height: 1.125rem;
    width: 1.125rem
}

.shopee-search-help-tooltip {
    background-color: #fff;
    border-radius: .25rem;
    box-sizing: border-box;
    line-height: 1.25rem;
    max-width: 28.125rem;
    padding: .75rem 1rem
}

.shopee-search-help-tooltip>a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

/*
! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
*/
.shopee_ic *,.shopee_ic :after,.shopee_ic :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

.shopee_ic :after,.shopee_ic :before {
    --tw-content: ""
}

.shopee_ic html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    tab-size: 4
}

.shopee_ic body {
    line-height: inherit;
    margin: 0
}

.shopee_ic hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

.shopee_ic abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline;
    text-decoration: underline dotted
}

.shopee_ic h1,.shopee_ic h2,.shopee_ic h3,.shopee_ic h4,.shopee_ic h5,.shopee_ic h6 {
    font-size: inherit;
    font-weight: inherit
}

.shopee_ic a {
    color: inherit;
    text-decoration: inherit
}

.shopee_ic b,.shopee_ic strong {
    font-weight: bolder
}

.shopee_ic code,.shopee_ic kbd,.shopee_ic pre,.shopee_ic samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

.shopee_ic small {
    font-size: 80%
}

.shopee_ic sub,.shopee_ic sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

.shopee_ic sub {
    bottom: -.25em
}

.shopee_ic sup {
    top: -.5em
}

.shopee_ic table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

.shopee_ic button,.shopee_ic input,.shopee_ic optgroup,.shopee_ic select,.shopee_ic textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.shopee_ic button,.shopee_ic select {
    text-transform: none
}

.shopee_ic [type=button],.shopee_ic [type=reset],.shopee_ic [type=submit],.shopee_ic button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

.shopee_ic :-moz-focusring {
    outline: auto
}

.shopee_ic :-moz-ui-invalid {
    box-shadow: none
}

.shopee_ic progress {
    vertical-align: initial
}

.shopee_ic ::-webkit-inner-spin-button,.shopee_ic ::-webkit-outer-spin-button {
    height: auto
}

.shopee_ic [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.shopee_ic ::-webkit-search-decoration {
    -webkit-appearance: none
}

.shopee_ic ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.shopee_ic summary {
    display: list-item
}

.shopee_ic blockquote,.shopee_ic dd,.shopee_ic dl,.shopee_ic figure,.shopee_ic h1,.shopee_ic h2,.shopee_ic h3,.shopee_ic h4,.shopee_ic h5,.shopee_ic h6,.shopee_ic hr,.shopee_ic p,.shopee_ic pre {
    margin: 0
}

.shopee_ic fieldset {
    margin: 0;
    padding: 0
}

.shopee_ic legend {
    padding: 0
}

.shopee_ic menu,.shopee_ic ol,.shopee_ic ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.shopee_ic textarea {
    resize: vertical
}

.shopee_ic input::placeholder,.shopee_ic textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

.shopee_ic [role=button],.shopee_ic button {
    cursor: pointer
}

.shopee_ic :disabled {
    cursor: default
}

.shopee_ic audio,.shopee_ic canvas,.shopee_ic embed,.shopee_ic iframe,.shopee_ic img,.shopee_ic object,.shopee_ic svg,.shopee_ic video {
    display: block;
    vertical-align: middle
}

.shopee_ic img,.shopee_ic video {
    height: auto;
    max-width: 100%
}

.shopee_ic [hidden] {
    display: none
}

.shopee_ic *,.shopee_ic :after,.shopee_ic :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.shopee_ic ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.shopee_ic .\!container {
    width: 100%!important
}

.shopee_ic .container {
    width: 100%
}

@media (min-width: 640px) {
    .shopee_ic .\!container {
        max-width:640px!important
    }

    .shopee_ic .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .shopee_ic .\!container {
        max-width:768px!important
    }

    .shopee_ic .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .shopee_ic .\!container {
        max-width:1024px!important
    }

    .shopee_ic .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .shopee_ic .\!container {
        max-width:1280px!important
    }

    .shopee_ic .container {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .shopee_ic .\!container {
        max-width:1536px!important
    }

    .shopee_ic .container {
        max-width: 1536px
    }
}

.shopee_ic .pointer-events-none {
    pointer-events: none
}

.shopee_ic .visible {
    visibility: visible
}

.shopee_ic .fixed {
    position: fixed
}

.shopee_ic .absolute {
    position: absolute
}

.shopee_ic .relative {
    position: relative
}

.shopee_ic .inset-1\/2 {
    bottom: 50%;
    left: 50%;
    right: 50%;
    top: 50%
}

.shopee_ic .inset-y-0 {
    bottom: 0;
    top: 0
}

.shopee_ic .-left-px {
    left: -1px
}

.shopee_ic .-top-\[11px\] {
    top: -11px
}

.shopee_ic .bottom-0 {
    bottom: 0
}

.shopee_ic .left-0 {
    left: 0
}

.shopee_ic .left-1 {
    left: .25rem
}

.shopee_ic .left-\[6px\] {
    left: 6px
}

.shopee_ic .right-0 {
    right: 0
}

.shopee_ic .right-1 {
    right: .25rem
}

.shopee_ic .right-2 {
    right: .5rem
}

.shopee_ic .top-0 {
    top: 0
}

.shopee_ic .top-2 {
    top: .5rem
}

.shopee_ic .top-\[calc\(100\%-6px\)\] {
    top: calc(100% - 6px)
}

.shopee_ic .z-0 {
    z-index: 0
}

.shopee_ic .z-10 {
    z-index: 10
}

.shopee_ic .z-20 {
    z-index: 20
}

.shopee_ic .z-30 {
    z-index: 30
}

.shopee_ic .z-\[-1\] {
    z-index: -1
}

.shopee_ic .z-\[1\] {
    z-index: 1
}

.shopee_ic .mx-0 {
    margin-left: 0;
    margin-right: 0
}

.shopee_ic .mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem
}

.shopee_ic .-ml-px {
    margin-left: -1px
}

.shopee_ic .-mr-px {
    margin-right: -1px
}

.shopee_ic .mb-0 {
    margin-bottom: 0
}

.shopee_ic .mb-0\.5 {
    margin-bottom: .125rem
}

.shopee_ic .mb-1 {
    margin-bottom: .25rem
}

.shopee_ic .mb-2 {
    margin-bottom: .5rem
}

.shopee_ic .mb-\[15px\] {
    margin-bottom: 15px
}

.shopee_ic .ml-0 {
    margin-left: 0
}

.shopee_ic .ml-0\.5 {
    margin-left: .125rem
}

.shopee_ic .ml-1 {
    margin-left: .25rem
}

.shopee_ic .ml-\[-1px\] {
    margin-left: -1px
}

.shopee_ic .ml-\[-3px\] {
    margin-left: -3px
}

.shopee_ic .ml-\[3px\] {
    margin-left: 3px
}

.shopee_ic .ml-auto {
    margin-left: auto
}

.shopee_ic .mr-0 {
    margin-right: 0
}

.shopee_ic .mr-0\.5 {
    margin-right: .125rem
}

.shopee_ic .mr-1 {
    margin-right: .25rem
}

.shopee_ic .mr-px {
    margin-right: 1px
}

.shopee_ic .mt-2 {
    margin-top: .5rem
}

.shopee_ic .mt-3 {
    margin-top: .75rem
}

.shopee_ic .mt-4 {
    margin-top: 1rem
}

.shopee_ic .mt-\[10px\] {
    margin-top: 10px
}

.shopee_ic .mt-\[3px\] {
    margin-top: 3px
}

.shopee_ic .mt-auto {
    margin-top: auto
}

.shopee_ic .box-border {
    box-sizing: border-box
}

.shopee_ic .box-content {
    box-sizing: initial
}

.shopee_ic .line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.shopee_ic .block {
    display: block
}

.shopee_ic .inline-block {
    display: inline-block
}

.shopee_ic .inline {
    display: inline
}

.shopee_ic .flex {
    display: flex
}

.shopee_ic .inline-flex {
    display: inline-flex
}

.shopee_ic .grid {
    display: grid
}

.shopee_ic .contents {
    display: contents
}

.shopee_ic .hidden {
    display: none
}

.shopee_ic .h-3 {
    height: .75rem
}

.shopee_ic .h-4 {
    height: 1rem
}

.shopee_ic .h-5 {
    height: 1.25rem
}

.shopee_ic .h-6 {
    height: 1.5rem
}

.shopee_ic .h-8 {
    height: 2rem
}

.shopee_ic .h-\[1\.75rem\] {
    height: 1.75rem
}

.shopee_ic .h-\[1\.875rem\] {
    height: 1.875rem
}

.shopee_ic .h-\[14px\] {
    height: 14px
}

.shopee_ic .h-\[2\.5rem\] {
    height: 2.5rem
}

.shopee_ic .h-\[3\.75rem\] {
    height: 3.75rem
}

.shopee_ic .h-\[54px\] {
    height: 54px
}

.shopee_ic .h-full {
    height: 100%
}

.shopee_ic .h-px {
    height: 1px
}

.shopee_ic .h-sp10 {
    height: .625rem
}

.shopee_ic .h-sp14 {
    height: .875rem
}

.shopee_ic .max-h-5 {
    max-height: 1.25rem
}

.shopee_ic .min-h-\[1\.75rem\] {
    min-height: 1.75rem
}

.shopee_ic .min-h-\[2\.25rem\] {
    min-height: 2.25rem
}

.shopee_ic .min-h-\[2\.5rem\] {
    min-height: 2.5rem
}

.shopee_ic .min-h-\[3\.25rem\] {
    min-height: 3.25rem
}

.shopee_ic .min-h-\[3\.5rem\] {
    min-height: 3.5rem
}

.shopee_ic .min-h-\[38px\] {
    min-height: 38px
}

.shopee_ic .min-h-\[4\.5rem\] {
    min-height: 4.5rem
}

.shopee_ic .min-h-\[44px\] {
    min-height: 44px
}

.shopee_ic .min-h-\[4rem\] {
    min-height: 4rem
}

.shopee_ic .min-h-\[52px\] {
    min-height: 52px
}

.shopee_ic .min-h-\[64px\] {
    min-height: 64px
}

.shopee_ic .w-1 {
    width: .25rem
}

.shopee_ic .w-20 {
    width: 5rem
}

.shopee_ic .w-24 {
    width: 6rem
}

.shopee_ic .w-28 {
    width: 7rem
}

.shopee_ic .w-32 {
    width: 8rem
}

.shopee_ic .w-44 {
    width: 11rem
}

.shopee_ic .w-5 {
    width: 1.25rem
}

.shopee_ic .w-6 {
    width: 1.5rem
}

.shopee_ic .w-96 {
    width: 24rem
}

.shopee_ic .w-\[14px\] {
    width: 14px
}

.shopee_ic .w-\[3\.875rem\] {
    width: 3.875rem
}

.shopee_ic .w-\[4\.25rem\] {
    width: 4.25rem
}

.shopee_ic .w-\[54px\] {
    width: 54px
}

.shopee_ic .w-full {
    width: 100%
}

.shopee_ic .min-w-0 {
    min-width: 0
}

.shopee_ic .max-w-\[40\%\] {
    max-width: 40%
}

.shopee_ic .max-w-\[60\%\] {
    max-width: 60%
}

.shopee_ic .max-w-\[calc\(100\%_-_17\.25rem\)\] {
    max-width: calc(100% - 17.25rem)
}

.shopee_ic .max-w-\[calc\(100\%_-_7\.5rem\)\] {
    max-width: calc(100% - 7.5rem)
}

.shopee_ic .max-w-\[calc\(100\%_-_9rem\)\] {
    max-width: calc(100% - 9rem)
}

.shopee_ic .max-w-full {
    max-width: 100%
}

.shopee_ic .max-w-none {
    max-width: none
}

.shopee_ic .flex-1 {
    flex: 1 1 0%
}

.shopee_ic .flex-none {
    flex: none
}

.shopee_ic .flex-shrink {
    flex-shrink: 1
}

.shopee_ic .flex-shrink-0,.shopee_ic .shrink-0 {
    flex-shrink: 0
}

.shopee_ic .flex-grow {
    flex-grow: 1
}

.shopee_ic .flex-grow-0 {
    flex-grow: 0
}

.shopee_ic .origin-bottom-right {
    transform-origin: bottom right
}

.shopee_ic .origin-top-left {
    transform-origin: top left
}

.shopee_ic .-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.shopee_ic .-translate-x-1\/2,.shopee_ic .-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.shopee_ic .rotate-180 {
    --tw-rotate: 180deg
}

.shopee_ic .rotate-180,.shopee_ic .scale-x-50 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .scale-x-50 {
    --tw-scale-x: .5
}

.shopee_ic .scale-y-50 {
    --tw-scale-y: .5
}

.shopee_ic .scale-y-50,.shopee_ic .transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .cursor-not-allowed {
    cursor: not-allowed
}

.shopee_ic .cursor-pointer {
    cursor: pointer
}

.shopee_ic .grid-cols-\[repeat\(auto-fit\2c 176px\)\] {
    grid-template-columns: repeat(auto-fit,176px)
}

.shopee_ic .flex-row {
    flex-direction: row
}

.shopee_ic .flex-col {
    flex-direction: column
}

.shopee_ic .place-content-center {
    align-content: center;
    justify-content: center;
    place-content: center
}

.shopee_ic .items-end {
    align-items: flex-end
}

.shopee_ic .items-center {
    align-items: center
}

.shopee_ic .items-baseline {
    align-items: baseline
}

.shopee_ic .items-stretch {
    align-items: stretch
}

.shopee_ic .justify-start {
    justify-content: flex-start
}

.shopee_ic .justify-end {
    justify-content: flex-end
}

.shopee_ic .justify-center {
    justify-content: center
}

.shopee_ic .justify-between {
    justify-content: space-between
}

.shopee_ic .gap-4 {
    gap: 1rem
}

.shopee_ic .space-x-0>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0px*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.125rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.125rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px*var(--tw-space-y-reverse));
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.125rem*var(--tw-space-y-reverse));
    margin-top: calc(.125rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-\[10px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(10px*var(--tw-space-y-reverse));
    margin-top: calc(10px*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-\[5px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(5px*var(--tw-space-y-reverse));
    margin-top: calc(5px*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-\[6px\]>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(6px*var(--tw-space-y-reverse));
    margin-top: calc(6px*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .self-center {
    align-self: center
}

.shopee_ic .overflow-hidden {
    overflow: hidden
}

.shopee_ic .overflow-clip {
    overflow: clip
}

.shopee_ic .truncate {
    overflow: hidden;
    white-space: nowrap
}

.shopee_ic .text-ellipsis,.shopee_ic .truncate {
    text-overflow: ellipsis
}

.shopee_ic .whitespace-nowrap {
    white-space: nowrap
}

.shopee_ic .break-words {
    overflow-wrap:
}

.shopee_ic .rounded {
    border-radius: .25rem
}

.shopee_ic .rounded-\[1px\] {
    border-radius: 1px
}

.shopee_ic .rounded-\[2px\] {
    border-radius: 2px
}

.shopee_ic .rounded-\[50\%\] {
    border-radius: 50%
}

.shopee_ic .rounded-full {
    border-radius: 9999px
}

.shopee_ic .rounded-md {
    border-radius: .375rem
}

.shopee_ic .rounded-sm {
    border-radius: .125rem
}

.shopee_ic .rounded-xl {
    border-radius: .75rem
}

.shopee_ic .rounded-r-\[100px\] {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px
}

.shopee_ic .rounded-bl-sm {
    border-bottom-left-radius: .125rem
}

.shopee_ic .rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.shopee_ic .rounded-tl-sm {
    border-top-left-radius: .125rem
}

.shopee_ic .rounded-tr-sm {
    border-top-right-radius: .125rem
}

.shopee_ic .border {
    border-width: 1px
}

.shopee_ic .border-0 {
    border-width: 0
}

.shopee_ic .border-\[0\.5px\] {
    border-width: .5px
}

.shopee_ic .border-l {
    border-left-width: 1px
}

.shopee_ic .border-solid {
    border-style: solid
}

.shopee_ic .border-\[\#30B566\] {
    --tw-border-opacity: 1;
    border-color: rgba(48,181,102,var(--tw-border-opacity))
}

.shopee_ic .border-shopee-black26 {
    border-color: rgba(0,0,0,.26)
}

.shopee_ic .border-shopee-black9 {
    border-color: rgba(0,0,0,.09)
}

.shopee_ic .border-shopee-primary {
    --tw-border-opacity: 1;
    border-color: rgba(238,77,45,var(--tw-border-opacity))
}

.shopee_ic .bg-\[\#eb1717\] {
    --tw-bg-opacity: 1;
    background-color: rgba(235,23,23,var(--tw-bg-opacity))
}

.shopee_ic .bg-\[\#ee4d2d5c\] {
    background-color: rgba(238,77,45,.361)
}

.shopee_ic .bg-\[\#ee4d2d\] {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,var(--tw-bg-opacity))
}

.shopee_ic .bg-black\/\[0\.65\] {
    background-color: rgba(0,0,0,.65)
}

.shopee_ic .bg-shopee-black26 {
    background-color: rgba(0,0,0,.26)
}

.shopee_ic .bg-shopee-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(6,107,200,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-deep-pink {
    --tw-bg-opacity: 1;
    background-color: rgba(255,237,235,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-deep-red {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-grey {
    --tw-bg-opacity: 1;
    background-color: rgba(250,250,250,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-official-shop {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-pink {
    --tw-bg-opacity: 1;
    background-color: rgba(254,238,234,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-voucher-yellow {
    --tw-bg-opacity: 1;
    background-color: rgba(246,145,19,var(--tw-bg-opacity))
}

.shopee_ic .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.shopee_ic .bg-gradient-to-b {
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.shopee_ic .from-white\/0 {
    --tw-gradient-from: hsla(0,0%,100%,0) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0,0%,100%,0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.shopee_ic .to-black\/60 {
    --tw-gradient-to: rgba(0,0,0,.6) var(--tw-gradient-to-position)
}

.shopee_ic .bg-contain {
    background-size: contain
}

.shopee_ic .bg-cover {
    background-size: cover
}

.shopee_ic .bg-center {
    background-position: 50%
}

.shopee_ic .bg-no-repeat {
    background-repeat: no-repeat
}

.shopee_ic .stroke-none {
    stroke: none
}

.shopee_ic .object-contain {
    object-fit: contain
}

.shopee_ic .p-0 {
    padding: 0
}

.shopee_ic .p-0\.5 {
    padding: .125rem
}

.shopee_ic .p-1 {
    padding: .25rem
}

.shopee_ic .p-2 {
    padding: .5rem
}

.shopee_ic .p-5 {
    padding: 1.25rem
}

.shopee_ic .p-\[1px\],.shopee_ic .p-px {
    padding: 1px
}

.shopee_ic .p-sp10 {
    padding: .625rem
}

.shopee_ic .px-0 {
    padding-left: 0;
    padding-right: 0
}

.shopee_ic .px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.shopee_ic .px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.shopee_ic .px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.shopee_ic .px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}

.shopee_ic .px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.shopee_ic .px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.shopee_ic .px-px {
    padding-left: 1px;
    padding-right: 1px
}

.shopee_ic .py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.shopee_ic .py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.shopee_ic .py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.shopee_ic .py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.shopee_ic .py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.shopee_ic .py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.shopee_ic .py-\[10px\] {
    padding-bottom: 10px;
    padding-top: 10px
}

.shopee_ic .py-\[1px\] {
    padding-bottom: 1px;
    padding-top: 1px
}

.shopee_ic .pb-1 {
    padding-bottom: .25rem
}

.shopee_ic .pb-\[6px\] {
    padding-bottom: 6px
}

.shopee_ic .pl-0 {
    padding-left: 0
}

.shopee_ic .pl-0\.5 {
    padding-left: .125rem
}

.shopee_ic .pl-2 {
    padding-left: .5rem
}

.shopee_ic .pl-px {
    padding-left: 1px
}

.shopee_ic .pr-0 {
    padding-right: 0
}

.shopee_ic .pr-1 {
    padding-right: .25rem
}

.shopee_ic .pr-\[1px\] {
    padding-right: 1px
}

.shopee_ic .pr-\[4px\] {
    padding-right: 4px
}

.shopee_ic .pr-\[6px\] {
    padding-right: 6px
}

.shopee_ic .pt-1 {
    padding-top: .25rem
}

.shopee_ic .pt-2 {
    padding-top: .5rem
}

.shopee_ic .pt-\[40\%\] {
    padding-top: 40%
}

.shopee_ic .pt-\[6px\] {
    padding-top: 6px
}

.shopee_ic .pt-full {
    padding-top: 100%
}

.shopee_ic .text-center {
    text-align: center
}

.shopee_ic .align-middle {
    vertical-align: middle
}

.shopee_ic .text-2xl\/9 {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.shopee_ic .text-\[0\.5rem\]\/\[0\.5rem\] {
    font-size: .5rem;
    line-height: .5rem
}

.shopee_ic .text-\[0\.625rem\] {
    font-size: .625rem
}

.shopee_ic .text-\[10px\] {
    font-size: 10px
}

.shopee_ic .text-\[10px\]\/3 {
    font-size: 10px;
    line-height: .75rem
}

.shopee_ic .text-\[8px\]\/\[8px\] {
    font-size: 8px;
    line-height: 8px
}

.shopee_ic .text-\[9px\]\/3 {
    font-size: 9px;
    line-height: .75rem
}

.shopee_ic .text-\[9px\]\/sp10 {
    font-size: 9px;
    line-height: .625rem
}

.shopee_ic .text-base\/4 {
    font-size: 1rem;
    line-height: 1rem
}

.shopee_ic .text-base\/5 {
    font-size: 1rem;
    line-height: 1.25rem
}

.shopee_ic .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.shopee_ic .text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.shopee_ic .text-sm\/4 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-sm\/\[1\.875rem\] {
    font-size: .875rem;
    line-height: 1.875rem
}

.shopee_ic .text-sm\/sp14 {
    font-size: .875rem;
    line-height: .875rem
}

.shopee_ic .text-sp10,.shopee_ic .text-sp10\/3 {
    font-size: .625rem;
    line-height: .75rem
}

.shopee_ic .text-sp12\/\[40px\] {
    font-size: .75rem;
    line-height: 40px
}

.shopee_ic .text-sp14 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-xl\/5 {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.shopee_ic .text-xl\/6 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

.shopee_ic .text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.shopee_ic .text-xs\/3 {
    font-size: .75rem;
    line-height: .75rem
}

.shopee_ic .text-xs\/4 {
    font-size: .75rem;
    line-height: 1rem
}

.shopee_ic .text-xs\/5 {
    font-size: .75rem;
    line-height: 1.25rem
}

.shopee_ic .text-xs\/sp14 {
    font-size: .75rem;
    line-height: .875rem
}

.shopee_ic .text-xs\/sp18 {
    font-size: .75rem;
    line-height: 1.125rem
}

.shopee_ic .font-bold {
    font-weight: 700
}

.shopee_ic .font-extralight {
    font-weight: 200
}

.shopee_ic .font-light {
    font-weight: 300
}

.shopee_ic .font-medium {
    font-weight: 500
}

.shopee_ic .font-normal {
    font-weight: 400
}

.shopee_ic .font-thin {
    font-weight: 100
}

.shopee_ic .uppercase {
    text-transform: uppercase
}

.shopee_ic .capitalize {
    text-transform: capitalize
}

.shopee_ic .leading-3 {
    line-height: .75rem
}

.shopee_ic .leading-4 {
    line-height: 1rem
}

.shopee_ic .leading-7 {
    line-height: 1.75rem
}

.shopee_ic .leading-\[14px\] {
    line-height: 14px
}

.shopee_ic .leading-\[16px\] {
    line-height: 16px
}

.shopee_ic .text-\[\#30B566\] {
    --tw-text-opacity: 1;
    color: rgba(48,181,102,var(--tw-text-opacity))
}

.shopee_ic .text-\[\#656565\] {
    --tw-text-opacity: 1;
    color: rgba(101,101,101,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-black26 {
    color: rgba(0,0,0,.26)
}

.shopee_ic .text-shopee-black54 {
    color: rgba(0,0,0,.54)
}

.shopee_ic .text-shopee-black65 {
    color: rgba(0,0,0,.65)
}

.shopee_ic .text-shopee-black87 {
    color: rgba(0,0,0,.87)
}

.shopee_ic .text-shopee-deep-grey {
    --tw-text-opacity: 1;
    color: rgba(93,93,93,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-green {
    --tw-text-opacity: 1;
    color: rgba(38,170,153,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-grey {
    --tw-text-opacity: 1;
    color: rgba(250,250,250,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-mask-grey {
    --tw-text-opacity: 1;
    color: rgba(189,189,189,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-primary {
    --tw-text-opacity: 1;
    color: rgba(238,77,45,var(--tw-text-opacity))
}

.shopee_ic .text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.shopee_ic .line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.shopee_ic .opacity-0 {
    opacity: 0
}

.shopee_ic .opacity-70 {
    opacity: .7
}

.shopee_ic .opacity-\[0\.82\] {
    opacity: .82
}

.shopee_ic .outline {
    outline-style: solid
}

.shopee_ic .drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))
}

.shopee_ic .drop-shadow-md,.shopee_ic .drop-shadow-sm {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.shopee_ic .drop-shadow-sm {
    --tw-drop-shadow: drop-shadow(0 1px 1px rgba(0,0,0,.05))
}

.shopee_ic .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.shopee_ic .transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.shopee_ic .duration-100 {
    transition-duration: .1s
}

.shopee_ic .ease-sharp-motion-curve {
    transition-timing-function: cubic-bezier(.4,0,.6,1)
}

.shopee_ic .last\:mb-0:last-child {
    margin-bottom: 0
}

.shopee_ic .hover\:z-\[1\]:hover {
    z-index: 1
}

.shopee_ic .hover\:-translate-y-\[1px\]:hover {
    --tw-translate-y: -1px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .hover\:cursor-not-allowed:hover {
    cursor: not-allowed
}

.shopee_ic .hover\:border-shopee-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgba(238,77,45,var(--tw-border-opacity))
}

.shopee_ic .hover\:shadow-hover:hover {
    --tw-shadow: 0 1px 20px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 20px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shopee_ic .active\:translate-y-0:active {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .active\:shadow-active:active {
    --tw-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 5px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shopee_ic .group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.search-ymal-section {
    padding-top: 1.25rem
}

.search-ymal-section h2 {
    font-size: unset;
    font-weight: unset;
    margin: unset
}

.search-ymal-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.search-ymal-section__header:before {
    background-color: #ee4d2d;
    content: none;
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.search-ymal-section__header__title {
    color: rgba(0,0,0,.54);
    flex: 1;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section--simple {
    padding-top: 1.25rem
}

.shopee-header-section--simple>.shopee-header-section__header:before {
    content: none
}

.shopee-header-section--simple .shopee-header-section__header__title {
    color: rgba(0,0,0,.54);
    font-size: 1rem;
    font-weight: 500
}

.shopee-header-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.shopee-header-section__header:before {
    background-color: #ee4d2d;
    content: "";
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.shopee-header-section__header__title {
    flex: 1;
    font-size: 1.25rem;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section__header-link {
    color: rgba(0,0,0,.87);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-header-section__header .shopee-button-outline {
    background-color: #fff;
    border-color: rgba(0,0,0,.09);
    border-radius: .9375rem;
    color: #ee4d2d;
    height: 1.875rem
}

.shopee-header-section__header .shopee-button-outline--rounded {
    background-color: #fff
}

.shopee-header-section__header .shopee-button-no-outline {
    color: #ee4d2d
}

.shopee-header-section__header .shopee-button-no-outline,.shopee-header-section__header .shopee-button-outline--rounded {
    align-items: center;
    display: flex;
    text-transform: capitalize
}

.shopee-header-section__header .shopee-button-no-outline .icon-arrow-right,.shopee-header-section__header .shopee-button-outline--rounded .icon-arrow-right {
    font-size: .625rem
}

.shopee-header-section__header a {
    color: #ee4d2d;
    -webkit-text-decoration: none!important;
    text-decoration: none!important
}

.c74k6d {
    color: #000;
    font-weight: 500
}

.gb4RWp,.pDKgeh {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-sort-bar {
    align-items: center;
    background: rgba(0,0,0,.03);
    border-radius: 2px;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    padding: .8125rem 1.25rem
}

.shopee-sort-bar__label {
    color: #555;
    margin: 0 .3125rem 0 0
}

.shopee-sort-bar--placeholder {
    height: 2.125rem
}

.shopee-search-item-result ol,.shopee-search-item-result ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.shopee-search-item-result .shopee-page-controller {
    margin: 1.25rem 0 3.75rem
}

.shopee-search-item-result__items {
    margin: .5rem 0 0
}

.shopee-search-item-result__item {
    margin: .3125rem 0
}

.shopee-search-item-result>.spinner-container {
    min-height: 212.375rem
}

.shopee-search-item-result .shopee-search-item-result__items {
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

.GrfTek {
    margin-top: 2.5rem
}

.auto-parts-slot {
    margin: .875rem 0
}

.QIkbKR {
    margin: 1.875rem auto;
    max-width: none;
    width: 24.375rem
}

.YIxMck {
    height: 6.25rem;
    margin: 0 auto
}

.OljBHl {
    margin: 3.125rem auto;
    max-width: none
}

.stardust-input__element {
    background: #f6f6f6;
    border: 2px solid rgba(0,0,0,.09);
    border-radius: 4px;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    padding: 4px 8px;
    resize: none
}

.stardust-input__element:focus {
    border-color: #f9c5bb;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #f9c5bb;
    outline: 0
}

.stardust-input__element--invalid,.stardust-input__element--invalid:focus,.stardust-input__element:invalid {
    background-color: #fff1f1;
    border-color: #ff424f;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #ff424f;
    outline: 0
}

.stardust-input__element--disabled,.stardust-input__element:disabled {
    background-color: #ddd;
    cursor: not-allowed
}

.stardust-input__invalid-message {
    color: #ff424f;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300
}

.stardust-alphabet-scroll-bar {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 15px
}

.stardust-alphabet-scroll-bar__letter {
    color: #888;
    cursor: pointer;
    font-weight: 300
}

.stardust-alphabet-scroll-bar__letter--active {
    color: #333;
    font-weight: 400
}

.stardust-alphabet-scroll {
    position: relative
}

.stardust-alphabet-scroll__list {
    overflow-y: auto
}

.stardust-checkbox {
    align-items: center;
    color: rgba(0,0,0,.54);
    cursor: default;
    display: flex;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    max-width: 400px;
    position: relative
}

.stardust-checkbox__input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.stardust-checkbox__box {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.stardust-checkbox__box:hover {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.09)
}

.stardust-checkbox__box:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 9px
}

.stardust-checkbox--disabled {
    cursor: no-drop;
    opacity: .35
}

.stardust-checkbox--disabled .stardust-checkbox__box {
    background: #e7e7e7!important;
    box-shadow: none!important
}

.stardust-checkbox--disabled .stardust-checkbox__box:before {
    border-color: transparent
}

.stardust-checkbox--checked>.stardust-checkbox__box {
    background: #ee4d2d;
    border-color: #ee4d2d
}

.stardust-checkbox--checked>.stardust-checkbox__box:hover {
    box-shadow: none
}

.stardust-checkbox--checked>.stardust-checkbox__box:before {
    border-color: #fff
}

._8BtX6 {
    align-items: center;
    background: rgba(0,0,0,.4);
    background: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0 2.5rem;
    padding: 0 var(--ns-g,2.5rem);
    position: fixed;
    right: 0;
    top: 0
}

._1EXGi {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    box-sizing: border-box;
    padding: 2.5rem;
    padding: var(--ns-g,2.5rem);
    text-align: center
}

.B5Zkp {
    max-width: 18.75rem;
    min-width: 7.5rem;
    padding: 1.25rem;
    padding: var(--ns-e,1.25rem)
}

._1C-Oy {
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1C-Oy,._1NM_1 {
    margin-top: .5rem;
    margin-top: var(--ns-b,.5rem)
}

._1NM_1 {
    color: rgba(0,0,0,.54);
    color: var(--nc-text-tertiary,rgba(0,0,0,.54))
}

._2yNQg {
    align-items: center;
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    display: inline-flex;
    height: 1.25em;
    width: 1.25em
}

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

.s6Zx9 {
    animation: _2yNQg .56s linear infinite;
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: .25em;
    margin-bottom: -.25em;
    margin-right: .25em;
    transform: translateY(.0001%);
    width: .25em
}

.s6Zx9:nth-child(2) {
    animation-delay: -.14s
}

.s6Zx9:nth-child(3) {
    animation-delay: -.28s;
    margin-right: 0
}

@keyframes _2yNQg {
    50% {
        transform: translateY(-.25em)
    }
}

.c-cxO7 {
    cursor: pointer;
    opacity: .7;
    position: fixed;
    right: 0;
    top: 25%;
    transform: translateY(-50%);
    z-index: 16777270
}

.EnDndX {
    border-bottom: 1px solid #ddd;
    font-size: .75rem;
    line-height: 20px;
    padding: 5px 10px;
    white-space: break-spaces;
    word-break: break-all
}

._4r5pwj {
    background-color: #fff8e4;
    color: #f69113
}

.cyNkVw {
    background-color: #fff4f4;
    color: #ee2c4a
}

.ZpHoV9 {
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 5px
}

.ytsZhR {
    height: calc(100% - 60px);
    overflow: scroll
}

.bD3Mrk {
    display: flex;
    height: 60px;
    padding: 5px 0
}

._81d9pO {
    align-items: center;
    align-self: flex-end;
    border: 0;
    border-radius: 5px;
    display: inline-flex;
    display: flex;
    height: 35px;
    justify-content: center;
    margin: 10px 0 10px auto;
    outline: 0;
    padding: 5px 10px
}

.gWEhT3 {
    background-color: #ee4d2d;
    color: #fff
}

.gWEhT3:hover {
    opacity: .91
}

.gWEhT3:active {
    background-color: #e2492b;
    opacity: 1
}

.gWEhT3:disabled {
    background-color: rgba(0,0,0,.06);
    color: rgba(0,0,0,.5)
}

.ddKVE6 {
    background-color: rgba(0,0,0,.12)
}

.ddKVE6:active {
    background-color: rgba(0,0,0,.18)
}

.ddKVE6:disabled {
    background-color: rgba(0,0,0,.06);
    color: rgba(0,0,0,.5)
}

._8Oi\+4n {
    font-size: 1rem;
    margin: 5px
}

.Pz6\+Ax {
    flex: 1;
    margin: 0 5px;
    resize: none
}

._6BSV1T {
    height: 100%;
    margin: 0 5px
}

.fHcgC4 {
    font-size: .75rem;
    width: 100%
}

.bSbUX4 {
    padding: 0 0 5px 5px
}

.TjHZSJ {
    cursor: pointer;
    line-height: 20px
}

.TjHZSJ,._8DaW1C {
    border: 1px solid #ddd
}

._8DaW1C {
    padding: 5px;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.HVSaeq {
    width: 80%;
    word-break: break-all
}

.Wnbman,.\+inHd7 {
    width: 10%
}

._05ijjU {
    margin-bottom: 5px
}

.QNBGsI {
    padding: 5px 10px
}

.u\+93zK {
    font-weight: 700
}

.isfzDO,.o4kKlY,.u\+93zK {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.isfzDO,.o4kKlY {
    margin-top: 5px;
    padding-left: 10px
}

.o4kKlY {
    white-space: break-spaces
}

.isfzDO {
    white-space: nowrap
}

.rRAK3k {
    font-weight: 700;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.douTz9 {
    color: red
}

._8OuhiO {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 35px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 16777271
}

.mThecX {
    opacity: 0
}

.rUS6Gu {
    transition: opacity .2s
}

.Zelaup,.rUS6Gu {
    opacity: 1
}

.S9a4rf {
    opacity: 0;
    transition: opacity .2s
}

.a3FNcW {
    background: rgba(0,0,0,.65);
    border-radius: 10px;
    max-width: 600px;
    min-height: 56px;
    min-width: 120px;
    overflow: hidden;
    padding: 20px 12px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.FvgUnO {
    margin-bottom: 8px
}

._1s9CMG {
    color: #fff;
    margin: 0
}

.F6UwCO {
    display: flex;
    flex-direction: column;
    padding: 0 10px 10px
}

.tmmQep {
    align-items: center;
    display: flex;
    padding-bottom: 10px
}

.ZSvaez {
    display: flex;
    justify-content: center
}

._5vu2n3 {
    background-color: initial;
    border: 1px dashed;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px;
    max-width: 800px;
    padding: 10px 20px
}

.Hsxiv1 {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px
}

._1Pc3Ao {
    flex: 3;
    font-weight: 700;
    min-width: 200px;
    padding-right: 5px
}

.Ur5oxN {
    flex: 8;
    min-width: 200px
}

@keyframes DEC2JN {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.Cv0OTF {
    animation: DEC2JN 1s linear infinite;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top-color: #000;
    height: 25px;
    width: 25px
}

.HX-DPe {
    padding: 15px 10px 0
}

.yzljAl {
    cursor: pointer;
    padding: 8px
}

.EdqqzD {
    align-items: center;
    display: flex;
    justify-content: center
}

.JX1TIT {
    background-color: #f2f2f2;
    border: 0;
    border-radius: 50px;
    line-height: 40px;
    margin: 0 5px;
    outline: none;
    padding: 0 15px;
    width: 80%
}

.JX1TIT:focus {
    box-shadow: 0 0 0 1px #08f
}

.EaA1Nk {
    margin-top: 30px
}

.ITyJ8W {
    display: block;
    margin-bottom: 5px
}

.\+b2NFG {
    margin-right: 10px;
    padding: 5px;
    width: 90%
}

._0bmk4H {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px
}

.E4GDyd {
    padding: 0 0 5px 5px
}

._2ZDoJh:nth-child(odd) {
    background-color: #f3f7fd
}

.QoPaLC {
    padding: 8px;
    word-break: break-all
}

.bDd7ch,.klVro8 {
    width: 40%
}

.DysYuo,.FJgnVx {
    width: 60%
}

.qWsVml,.qvi0BX {
    cursor: pointer;
    padding: 8px;
    width: 36px
}

.nU3iUg {
    align-items: center;
    display: flex;
    margin: 30px 0
}

.DysYuo,.klVro8 {
    margin-right: 5px;
    padding: 5px
}

.QwkIQz {
    position: absolute;
    visibility: hidden
}

.wWXBxP {
    font-size: 12px;
    padding: 0 5px;
    width: 100%
}

.wWXBxP pre {
    overflow-x: hidden
}

.wWXBxP code,.wWXBxP span {
    overflow-wrap:;
    white-space: break-spaces!important
}

.mqo66c {
    display: inline-block;
    width: 6px
}

.qyGRd3 {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    bottom: 0;
    box-shadow: 0 5px 8px #818181;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    will-change: height;
    z-index: 16777270
}

.FEXC6c {
    height: 70%
}

.IJxU8K {
    transition: height .3s
}

.IJxU8K,.x9WVTS {
    height: 0
}

.rlaC8s {
    height: 70%;
    transition: height .3s
}

.G5Eaom {
    -ms-overflow-style: none;
    background-color: #f3f3f3;
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    touch-action: pan-x
}

.G5Eaom::-webkit-scrollbar {
    display: none
}

.P34OOr {
    align-items: center;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 70px
}

.uY7JMR {
    border-bottom: 1px solid #3375e0
}

.KsV8qW {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 50px
}

.-bTNsM {
    overflow-y: scroll
}

._1SNiy {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 17.5rem;
    padding: 1.25rem;
    text-align: center
}

._3-udG {
    height: 7.5rem;
    width: 7.5rem
}

._3NFns {
    height: 4.25rem;
    width: 4.25rem
}

._1UfFg {
    margin-top: 1rem;
    margin-top: var(--ns-d,1rem);
    width: 100%
}

._2Tym7 {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    margin: 0 0 .5rem;
    margin: 0 0 var(--ns-b,.5rem) 0;
    -webkit-line-clamp: 2
}

.WQyuP,._2Tym7 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.WQyuP {
    color: rgba(0,0,0,.54);
    color: var(--nc-text-tertiary,rgba(0,0,0,.54));
    margin: 0;
    -webkit-line-clamp: 3
}

.DQJcZ {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-top: var(--ns-d,1rem);
    max-width: 17.5rem;
    min-width: 7.5rem
}

.aEf9D {
    height: .5rem;
    height: var(--ns-b,.5rem)
}

._1LFM9 {
    height: .75rem;
    height: var(--ns-c,.75rem)
}

.Zofz7G,.yWvOxp {
    align-items: center;
    display: flex
}

.Bag5KS {
    margin-bottom: 15px;
    margin-top: 6px;
    position: relative
}

.yFxUJ9 {
    background: #fff;
    color: rgba(0,0,0,.4);
    display: none;
    font-size: 12px;
    left: 10px;
    padding: 0 3px;
    position: absolute;
    top: -6px
}

.QwONAI {
    display: block
}

.Z64YO8 {
    color: #ff424f
}

.Zofz7G {
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    height: 40px;
    position: relative;
    transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out
}

.Zofz7G:hover {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.05)
}

.v_HZ3b {
    border-color: #ff424f
}

.v_HZ3b::placeholder {
    color: #ff424f
}

.AGsK3e {
    border: 1px solid rgba(0,0,0,.54);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.12)
}

.M8X_Fq {
    background-color: initial;
    border: 0;
    box-sizing: border-box;
    color: #222;
    flex: 1;
    font-size: 14px;
    height: 38px;
    min-width: 0;
    outline: none;
    padding: 10px;
    width: 100%
}

.M8X_Fq::placeholder {
    color: #bbb
}

.M8X_Fq:read-only {
    color: #bbb
}

.M8X_Fq:-moz-read-only {
    color: #bbb
}

.M8X_Fq:disabled {
    color: rgba(0,0,0,.54);
    -webkit-text-fill-color: rgba(0,0,0,.54)
}

.r_o_6i::placeholder {
    color: #ff424f
}

.fpbK4Y {
    color: #ff424f;
    display: block;
    font-size: 12px;
    padding: 8px 0 2px
}

.yWvOxp {
    bottom: 0;
    padding-right: 9px;
    top: 0
}

.gmC4PW,.yWvOxp {
    position: absolute;
    right: 0
}

.gmC4PW {
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 2px;
    box-shadow: 0 0 4px rgba(0,0,0,.12);
    box-sizing: border-box;
    left: 0;
    max-height: 192px;
    overflow-y: auto;
    z-index: 1
}

.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
}

.shopee-dropdown {
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-dropdown .shopee-popover {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    max-height: 8.375rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .3125rem 0
}

.shopee-dropdown--opened .shopee-dropdown__entry--selected {
    border-color: #ee4d2d
}

.shopee-dropdown--has-selected .shopee-dropdown__entry--selected {
    color: rgba(0,0,0,.8)
}

.shopee-dropdown__entry {
    align-items: center;
    display: flex;
    padding: 0 .9375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-dropdown__entry span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-dropdown__entry .shopee-svg-icon {
    font-size: .75rem;
    margin-left: .3125rem
}

.shopee-dropdown__entry-icon {
    height: 1.125rem;
    margin-right: .375rem;
    object-fit: scale-down;
    width: 1.125rem
}

.shopee-dropdown__entry--selected {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: #bbb;
    height: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-dropdown__entry--selected:hover {
    border-color: #ee4d2d
}

.shopee-dropdown__entry--optional {
    padding-bottom: .3125rem;
    padding-top: .3125rem
}

.shopee-dropdown__entry--optional:hover {
    color: #ee4d2d
}

.shopee-dropdown__entry--optional .shopee-dropdown__entry-icon {
    margin-right: 1rem
}

.shopee-dropdown__entry--optional span {
    white-space: normal
}

.shopee-dropdown__entry--header {
    border-top: 1px solid rgba(0,0,0,.09);
    color: #929292;
    cursor: default;
    margin: 0 .9375rem;
    padding: .3125rem 0
}

.shopee-dropdown__entry--header:first-child {
    border-top: 0
}

.shopee-dropdown__entry--header:hover {
    color: #929292
}

.shopee-dropdown__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.b49EUc {
    display: flex;
    justify-content: space-between
}

.b49EUc,.b49EUc .shopee-popover {
    width: 100%
}

.b49EUc .shopee-dropdown {
    display: flex;
    width: 32%
}

.b49EUc .shopee-dropdown--opened .wMWEGT {
    border-width: 2px
}

.b49EUc .shopee-dropdown__entry {
    box-sizing: border-box;
    width: 100%
}

.hpnUjt {
    position: relative
}

.hpnUjt img {
    vertical-align: bottom
}

.x6bJR_ {
    visibility: hidden
}

.sFM9IT {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.y2T8tn {
    opacity: 0
}

.lI6EAf {
    opacity: 1;
    transition: opacity .2s ease
}

._uNeHn {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.j_fk6w ._2jubMt {
    bottom: 0;
    right: 0
}

._2jubMt,.j_fk6w ._2jubMt {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

._2jubMt {
    height: 100%;
    width: 100%
}

.GkTLDI {
    align-items: center;
    border-radius: 2px;
    box-sizing: border-box;
    color: #333;
    display: flex;
    flex: 1 0 auto;
    font-size: 14px;
    padding: 12px 14px
}

.YIMx1z {
    background-color: #fbfdff;
    border: 1px solid #cbe4f4
}

.YIMx1z .j8riXO {
    color: #05a
}

.AbtwDF {
    background-color: #fffdf8;
    border: 1px solid rgba(255,174,4,.3);
    flex-shrink: 0
}

.AbtwDF .j8riXO {
    color: #ffae04
}

.VyIJN6 {
    background-color: #fafdf7;
    border: 1px solid rgba(87,172,3,.3)
}

.VyIJN6 .j8riXO {
    border: 1px solid #6c0;
    border-radius: 50%;
    color: #6c0;
    height: 10px;
    padding: 2px;
    width: 10px
}

.caU8aN {
    background-color: #fff9f9;
    border: 1px solid rgba(255,66,79,.2)
}

.caU8aN .j8riXO {
    color: #ff424f
}

.j8riXO {
    height: 16px;
    margin-right: 10px;
    width: 16px;
    fill: currentColor;
    stroke: currentColor
}

.stardust-dropdown {
    position: relative
}

.stardust-dropdown__item-body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)
}

.stardust-dropdown__item-body--open {
    height: auto;
    opacity: 1
}

.stardust-popup {
    align-items: center;
    display: flex
}

.stardust-popup,.stardust-popup__overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-popup__overlay {
    background: rgba(0,0,0,.4)
}

.stardust-popup__dialog {
    background: #fff;
    border-radius: 4px;
    margin: auto 34px
}

.stardust-popup__dialog--wrapper {
    margin: 0 auto;
    max-width: 375px;
    width: 100%;
    z-index: 2
}

.stardust-popup__dialog--wrapper-top {
    padding: 20px 20px 0
}

.stardust-popup-title {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    text-align: center
}

.stardust-popup-content,.stardust-popup-title {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-popup-content {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    text-align: left
}

.stardust-popup-buttons {
    align-content: space-between;
    display: flex;
    margin-top: 26px
}

.stardust-popup-button {
    border-top: 1px solid rgba(0,0,0,.09);
    color: #ee4d2d;
    cursor: pointer;
    flex: 1 100%;
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 46px;
    line-height: 46px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.stardust-popup-button:nth-child(2) {
    border-left: 1px solid rgba(0,0,0,.09)
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

.loading-spinner-popup__container img {
    animation: rotating 2s linear infinite
}

.stardust-toggle-root-rw {
    background-color: #d9d9d9;
    border-radius: 40px;
    height: 30px;
    position: relative;
    transition: background-color .25s ease;
    width: 50px
}

.stardust-toggle-root-rw .stardust-toggle-toggle {
    background: #fff;
    border-radius: 50%;
    box-shadow: -1px 1px 2px 0 rgba(0,0,0,.5);
    height: 27px;
    position: absolute;
    transform: translate(1px,1.5px);
    transition: transform .25s ease;
    width: 27px
}

.stardust-toggle-root-rw.stardust-toggle-checked {
    background-color: #4fd262
}

.stardust-toggle-root-rw.stardust-toggle-checked .stardust-toggle-toggle {
    transform: translate(22px,1.5px)
}

.stardust-toggle-root-pc {
    background-color: #d9d9d9;
    border-radius: 40px;
    height: 24px;
    position: relative;
    transition: background-color .25s ease;
    width: 40px
}

.stardust-toggle-root-pc .stardust-toggle-toggle {
    background: #fff;
    border-radius: 50%;
    box-shadow: -1px 1px 2px 0 rgba(0,0,0,.5);
    height: 22px;
    position: absolute;
    transform: translate(1px,1px);
    transition: transform .25s ease;
    width: 22px
}

.stardust-toggle-root-pc.stardust-toggle-checked {
    background-color: #4fd262
}

.stardust-toggle-root-pc.stardust-toggle-checked .stardust-toggle-toggle {
    transform: translate(17px,1px)
}

.stardust-radio {
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 16px 12px
}

.stardust-radio--disabled {
    cursor: not-allowed;
    opacity: .35
}

.stardust-radio__detail {
    color: rgba(0,0,0,.54);
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-top: 8px
}

.stardust-radio__content {
    cursor: pointer
}

.stardust-radio-button {
    flex-shrink: 0;
    height: 18px;
    margin-right: 8px;
    position: relative;
    width: 18px
}

.stardust-radio-button__input {
    border: 1px solid transparent;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.stardust-radio-button__outer-circle {
    align-items: center;
    border: 2px solid rgba(0,0,0,.26);
    border-radius: 100%;
    box-sizing: border-box;
    display: flex;
    height: 18px;
    justify-content: center;
    width: 18px
}

.stardust-radio-button__outer-circle>.stardust-radio-button__inner-circle {
    background: #ee4d2d;
    border-radius: 100%;
    height: 6px;
    opacity: 0;
    width: 6px
}

.stardust-radio-button--checked .stardust-radio-button__outer-circle {
    border-color: #ee4d2d
}

.stardust-radio-button--checked>.stardust-radio-button__outer-circle>.stardust-radio-button__inner-circle {
    opacity: 1
}

.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:
}

._1zdBJ {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    background-color: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2Dkqc {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    margin-left: 2.5rem;
    margin-left: var(--ns-g,2.5rem);
    margin-right: 2.5rem;
    margin-right: var(--ns-g,2.5rem);
    max-height: 75%;
    max-width: 18.75rem;
    min-height: 8.125rem;
    min-width: 15rem;
    width: 100%
}

._2Dkqc,.d-Vo0 {
    overflow: hidden
}

.d-Vo0 {
    display: -webkit-box;
    margin-bottom: 1rem;
    margin-bottom: var(--ns-d,1rem);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2Xfwq {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    max-height: 15.625rem;
    min-height: 2.25rem;
    overflow-y: auto
}

._3pvMp {
    text-align: left
}

._1u0yb {
    text-align: center
}

._3Wssq {
    text-align: right
}

._2WWGU {
    padding: 1.25rem 1.25rem 1.5rem;
    padding: var(--ns-e,1.25rem) var(--ns-e,1.25rem) var(--ns-f,1.5rem) var(--ns-e,1.25rem);
    text-align: center
}

.Jl6On {
    display: flex;
    position: relative
}

.Jl6On:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    position: absolute;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    flex: 1;
    outline: none
}

.Jl6On._1ZxzA {
    flex-direction: row-reverse
}

.Jl6On._1ZxzA button {
    height: 2.96875rem
}

.Jl6On._1ZxzA button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1ZxzA button:first-child:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: scaleX(.5);
    width: .0625rem
}

.Jl6On._1ZxzA button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._24b2I button {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    height: 2.96875rem
}

.Jl6On._24b2I button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv {
    flex-direction: column;
    height: 5.9375rem
}

.Jl6On._3yCdv button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._3yCdv button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv button:nth-child(2):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On._1p6f1 {
    flex-direction: column;
    height: 8.96875rem
}

.Jl6On._1p6f1 button {
    position: relative
}

.Jl6On._1p6f1 button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1p6f1 button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._1p6f1 button:nth-child(2):after,.Jl6On._1p6f1 button:nth-child(3):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._1wbwU,._1wbwU ._2jlhf {
    width: 100%
}

.t5yKeP {
    border: 0;
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap
}

.sNs4n6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 280px
}

.Q_sfYz {
    background-color: initial;
    border: 0;
    cursor: pointer;
    overflow: visible;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 20px
}

.Q_sfYz:active {
    opacity: .7
}

.v7_Vhg {
    right: 25px;
    top: 25px
}

.WvTDjj {
    stroke: #757575;
    height: 16px;
    width: 16px
}

.Eloc_c {
    left: 50%;
    padding: 15px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.mOLHsz {
    padding: 0 25px
}

.cOu4OD,.mOLHsz {
    text-align: center
}

.cOu4OD {
    color: rgba(0,0,0,.65);
    font-size: 16px;
    font-weight: 500;
    margin: 16px 0 0
}

.I_mb5L {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin: 8px 0 16px;
    text-align: center
}

.aUYOrV {
    background-color: #1b92f5;
    border-radius: 4px
}

.CbKamY {
    background-color: #ee4d2d;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    height: 2.625rem;
    line-height: 1.2;
    min-width: 4rem;
    outline: none;
    padding: 0;
    padding: 0 1rem;
    text-transform: capitalize
}

.CbKamY:not(.mfZvUl):active {
    background-color: #e2492b
}

.mfZvUl {
    cursor: not-allowed;
    opacity: .7
}

.W19DQt {
    text-transform: uppercase
}

.jQJvwl {
    width: 100%
}

.c9CWFE {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.Ji_Bpb {
    margin: 24px
}

.a77Ndh {
    margin-top: 24px
}

.KeH7A0 {
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 16px 24px;
    position: relative;
    width: 100%
}

.pwLMEy {
    display: none
}

.Riu_4A {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0
}

.DavkuT,.T7H8Ln {
    height: 24px
}

.T7H8Ln {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.65);
    padding: 0;
    width: 24px
}

.T7H8Ln:active,.T7H8Ln:hover {
    opacity: .8
}

.T7H8Ln:disabled {
    cursor: not-allowed
}

.nBAmk6 {
    margin-left: 12px
}

.shu59r {
    height: 24px;
    width: 24px
}

.Iftgmr {
    width: 280px
}

.LvbyJb {
    height: 150px;
    margin-bottom: 8px;
    width: 100%
}

.rgXTz2 {
    height: 48px;
    width: 100%
}

.u7caBR {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@keyframes glow {
    0%,to {
        background-color: #fafafa;
        border-color: #fafafa
    }

    50% {
        background-color: #f5f5f5;
        border-color: #f5f5f5
    }
}

.u7caBR {
    box-sizing: border-box;
    color: rgba(0,0,0,.54);
    height: 24px;
    position: relative;
    width: 100%
}

.ei1Xxc {
    cursor: pointer;
    font-size: 10px;
    line-height: 12px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.QPxs6m,.e6hXTm {
    height: 24px
}

.e6hXTm {
    background-color: initial;
    border: 0;
    padding: 0;
    width: 24px
}

.e6hXTm:active,.e6hXTm:hover {
    opacity: .8
}

.e6hXTm:disabled {
    cursor: not-allowed
}

.SA7Y3g {
    margin-left: 12px
}

.XPgy02 {
    height: 24px;
    width: 24px
}

.M1KsqW {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.c_eh3Q {
    margin: 24px
}

.zj7xpl {
    margin-bottom: 24px
}

.RTtlQl,.glVX08 {
    align-items: center;
    display: flex;
    justify-content: center
}

.p5oJp7 {
    position: relative
}

.pQ3gp4 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.TG3zt9 {
    background-color: rgba(0,0,0,.09)
}

.NvrkPP {
    opacity: 0
}

.Uh0MGC {
    transition: opacity .3s
}

.Uh0MGC,.WUElrI {
    opacity: 1
}

.P8aHpz {
    opacity: 0;
    transition: opacity .3s
}

.Nq_IjI {
    left: 0;
    top: 0;
    will-change: transform
}

.Nq_IjI,.uPuGqw {
    position: absolute
}

.uPuGqw {
    touch-action: none
}

.SjQ12t {
    background-color: rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 12px;
    margin-top: 8px;
    padding: 4px
}

.SjQ12t,.xlXjw6 {
    position: relative
}

.glVX08 {
    box-sizing: border-box;
    color: rgba(0,0,0,.65);
    cursor: default;
    font-size: 12px;
    left: 45px;
    padding: 0 12px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 230px
}

.YXUFOb,.glVX08 {
    height: 100%;
    position: absolute;
    top: 0
}

.YXUFOb {
    left: 0;
    opacity: .3;
    transform-origin: left center
}

.RTtlQl,.YXUFOb {
    will-change: transform
}

.RTtlQl {
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    cursor: pointer;
    position: relative;
    touch-action: none
}

.FXN16r {
    background-color: #ee4d2d
}

.VL0cgc {
    background-color: #1b92f5
}

.TFpes_ {
    background-color: #26aa99
}

.E2uIC8 {
    background-color: #16c42a
}

.fM6aUO {
    background-color: #ee2c4a
}

.EbxH2G {
    cursor: not-allowed
}

.BPPuwY {
    transition: transform .3s ease;
    transition-delay: .35s
}

@keyframes POXZKJ {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(40px)
    }
}

@keyframes YFbZVh {
    0% {
        left: 0
    }

    to {
        left: 40px
    }
}

@keyframes vYEwqi {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(1.90909)
    }
}

@keyframes g5rwBN {
    0% {
        width: 44px
    }

    to {
        width: 84px
    }
}

.QBWHKF {
    animation: POXZKJ .5s ease 4 alternate
}

.jdyHqd {
    animation: YFbZVh .5s ease 4 alternate
}

.Hwry_0 {
    animation: vYEwqi .5s ease 4 alternate;
    width: 44px
}

.JBAZn5 {
    animation: g5rwBN .5s ease 4 alternate;
    width: 44px
}

.Jd1l6Y {
    display: none
}

.uQlIAD {
    align-items: center;
    display: flex;
    justify-content: center
}

@keyframes fUk1fz {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    67% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(40px)
    }
}

@keyframes LgQ41p {
    0% {
        left: 8px;
        opacity: 1
    }

    67% {
        left: 8px;
        opacity: 1
    }

    to {
        left: 40px;
        opacity: 0
    }
}

@keyframes eueMCy {
    0% {
        opacity: 1;
        transform: translateX(-40px)
    }

    67% {
        opacity: 1;
        transform: translateX(-40px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes wakNGA {
    0% {
        left: -24px;
        opacity: 1
    }

    67% {
        left: -24px;
        opacity: 1
    }

    to {
        left: 8px;
        opacity: 1
    }
}

.Chys_7 {
    display: none
}

.uQlIAD {
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px
}

.nE59wk {
    animation: fUk1fz 1.2s linear infinite
}

.LHR9r3,.nE59wk {
    left: 8px;
    position: absolute;
    top: 8px
}

.LHR9r3 {
    animation: LgQ41p 1.2s linear infinite
}

.hdsYPZ {
    animation: eueMCy 1.2s linear infinite
}

.WJMXpH,.hdsYPZ {
    left: 8px;
    position: absolute;
    top: 8px
}

.WJMXpH {
    animation: wakNGA 1.2s linear infinite
}

.FDwYrb {
    height: 24px;
    width: 24px
}

.R1BMn2 {
    bottom: -16px;
    left: -12px;
    position: absolute
}

.Chys_7 {
    display: hidden
}

.IHRTco,.SpG1Qf {
    display: flex
}

.SpG1Qf {
    border-radius: 2px;
    box-sizing: border-box;
    justify-content: flex-start;
    padding: .75rem .9375rem
}

.vqbcFw {
    box-shadow: 0 1px 0 rgba(0,0,0,.1)
}

.IHRTco {
    margin-right: .625rem;
    width: 1rem
}

.bmXHAt {
    height: 1rem;
    width: 1rem
}

.Q0M8Q8 {
    color: #222;
    font-size: .875rem
}

.Q0M8Q8:first-letter {
    text-transform: capitalize
}

.F4jTom {
    color: #929292;
    font-size: .75rem;
    line-height: .875rem;
    margin-top: .3125rem
}

.jaqJeg {
    background-color: #fff9fa;
    border: 1px solid rgba(255,66,79,.2)
}

.TWNLNu {
    color: #ff424f;
    height: 1rem;
    width: 1rem
}

.ene3wm {
    background-color: #f9fcff;
    border: 1px solid #cbe4f4
}

.FLB7cJ {
    color: #06c;
    height: 1rem;
    width: 1rem
}

.GDvdUy {
    background-color: #fffefa;
    border: 1px solid rgba(224,168,0,.4)
}

.AZovUm {
    color: #ffbf00;
    height: 1rem;
    width: 1rem
}

.wSLzOe {
    background-color: #fcfffa;
    border: 1px solid rgba(87,172,3,.3)
}

.Q02XCF {
    color: #6c0;
    height: 1rem;
    width: 1rem
}

.QSCqAi {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.BmqTj7 {
    margin-bottom: 1.5625rem;
    max-width: 17.5rem;
    width: 100%
}

.q0t3s3 {
    margin: 1.5rem
}

.U1U350 {
    margin-bottom: 24px
}

.NmjlGu {
    height: 6.5rem;
    width: 17.5rem
}

.kTGiN7 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.SggTwZ {
    position: relative
}

.f2dZuX {
    height: 5.875rem;
    width: 15.6875rem
}

.VzkzmP {
    opacity: 0
}

.vPq3zg {
    transition: opacity .3s
}

.v5Fgc7,.vPq3zg {
    opacity: 1
}

.vy6YtR {
    opacity: 0;
    transition: opacity .3s
}

.DBDPfX,.vLcKjU {
    background-color: #fff;
    height: 100%;
    position: absolute;
    width: 100%
}

.CFNwFZ,.kppC_l {
    border-radius: 2px;
    margin-top: .75rem;
    width: 100%
}

.CFNwFZ {
    margin-bottom: .75rem
}

.kppC_l {
    margin-bottom: .5rem
}

.wq8npu {
    align-items: center
}

.Eyapay,.wq8npu {
    display: flex
}

.Eyapay {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    height: 2.25rem;
    overflow: hidden;
    width: 100%
}

._etdK1 {
    border-color: #ff424f
}

._etdK1,.bNAdr2 {
    box-shadow: 0 0 4px rgba(0,0,0,.14)
}

.bNAdr2 {
    border-color: rgba(0,0,0,.54)
}

.CIXAv4 {
    border: 0;
    filter: none;
    flex: 1;
    flex-shrink: 0;
    outline: none;
    padding: .75rem
}

.CIXAv4::placeholder {
    color: rgba(0,0,0,.26);
    padding-left: .1875rem
}

.CIXAv4:-webkit-autofill,.CIXAv4:-webkit-autofill:focus,.CIXAv4:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff;
    -webkit-box-shadow: inset 0 0 0 20px #fff
}

.CIXAv4::-ms-clear {
    display: none
}

.fdTasl {
    background: #fff6f7
}

.fdTasl:-webkit-autofill,.fdTasl:-webkit-autofill:focus,.fdTasl:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff6f7;
    -webkit-box-shadow: inset 0 0 0 20px #fff6f7
}

.LjHGdM {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: 1rem;
    padding: .25rem 0 0
}

.LjHGdM:first-letter {
    text-transform: capitalize
}

.wq8npu {
    background: transparent;
    border: 0;
    outline: none;
    padding: 0 .9375rem 0 .75rem
}

.t84_uL {
    background: #fff6f7
}

.PAju9q {
    height: .75rem;
    width: 1.25rem
}

.VkhOZ3 {
    height: .625rem;
    padding-top: .375rem;
    width: 1.25rem
}

.fgyMn1 {
    height: 1rem;
    width: 1rem
}

.vfIsXy {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.t8ScRd {
    margin: 24px
}

.ODHoFc {
    margin-bottom: 24px;
    width: 280px
}

.C6BBGX {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

.vIXeUk {
    height: 16px;
    margin-bottom: 28px
}

.XRDsF_,.tkKvFU {
    border-radius: 2px;
    margin-top: 36px;
    width: 100%
}

.tkKvFU {
    margin-bottom: 12px
}

.XRDsF_ {
    margin-bottom: 8px
}

.cAV3fs {
    align-items: center
}

.cAV3fs,.e56SfT {
    display: flex
}

.cAV3fs {
    background-color: #ee4d2d;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    justify-content: center;
    margin-right: 12px
}

.cAV3fs:hover {
    opacity: .9
}

.cAV3fs:active {
    opacity: 1
}

.O82yL3 {
    height: 36px;
    width: 36px
}

.QjMyhk {
    height: 32px;
    width: 32px
}

.L3QbJy {
    height: 15px;
    width: 12px
}

.dnMAKq {
    height: 12px;
    width: 10px
}

.Dep9TM {
    height: 20px;
    width: 20px
}

.UsjMXR {
    height: 17px;
    width: 16px
}

.LWcLhS {
    overflow: hidden;
    position: relative
}

.ctKCc7 {
    height: 36px;
    width: 188px
}

.JZvgBV {
    height: 32px;
    width: 170px
}

.CGxw0C {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.CGxw0C,.WOl7yB {
    position: absolute
}

.WOl7yB {
    bottom: 1px;
    left: 1px;
    overflow: hidden;
    right: 1px;
    top: 1px
}

.whCrGd {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Fcvt3s {
    background-color: rgba(0,0,0,.09)
}

.YYyrNk {
    background-color: #ee4d2d;
    transform: translateX(-100%)
}

.jI3gkV {
    display: none
}

.Pe_TqH,.wqnXmq {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.wqnXmq {
    background-color: rgba(0,0,0,.4)
}

.Pe_TqH {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 9000
}

.SVLN7Z {
    z-index: 1
}

.iNhBAK {
    opacity: 0
}

.RiEYtR {
    transition: opacity .15s
}

.RiEYtR,.hm0ZuS {
    opacity: 1
}

.cnKp87 {
    opacity: 0;
    transition: opacity .15s
}

.qgMbdM {
    transform: scale(.8)
}

.lTGWEo {
    transition: transform .2s
}

.KCIFKx,.lTGWEo {
    transform: scale(1)
}

.uZNqJQ {
    transform: scale(.8);
    transition: transform .2s
}

.NjuDCz {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 -2px;
    width: 90px
}

.w_Qhj0 {
    background-color: initial;
    border: 0;
    border-radius: 0;
    font-family: Arial;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: 0;
    outline: none;
    padding: 0 0 0 2px;
    width: 92px
}

.w_Qhj0::-ms-clear {
    display: none
}

.w_Qhj0::-webkit-credentials-auto-fill-button {
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden
}

.JxXmP2 {
    caret-color: transparent
}

.o7G27g {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    width: 100%
}

.wQna2K {
    border-top: 1px solid rgba(0,0,0,.26);
    width: 15px
}

.wQna2K,.wQna2K:last-child {
    margin-right: 0
}

@media only screen and (min-width: 180px) {
    .NjuDCz {
        align-items:center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -11px;
        width: 156px
    }

    .w_Qhj0 {
        background-color: initial;
        border: 0;
        border-radius: 0;
        font-family: Arial;
        font-size: 27px;
        font-weight: 400;
        letter-spacing: 12px;
        outline: none;
        padding: 0 0 0 14px;
        width: 164px
    }

    .w_Qhj0::-ms-clear {
        display: none
    }

    .w_Qhj0::-webkit-credentials-auto-fill-button {
        pointer-events: none;
        position: absolute;
        right: 0;
        visibility: hidden
    }

    .JxXmP2 {
        caret-color: transparent
    }

    .o7G27g {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .wQna2K {
        border-top: 1px solid rgba(0,0,0,.26);
        margin-right: 6px;
        width: 21px
    }

    .wQna2K:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 264px) {
    .NjuDCz {
        align-items:center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -20px;
        width: 222px
    }

    .w_Qhj0 {
        background-color: initial;
        border: 0;
        border-radius: 0;
        font-family: Arial;
        font-size: 27px;
        font-weight: 400;
        letter-spacing: 24px;
        outline: none;
        padding: 0 0 0 26px;
        width: 236px
    }

    .w_Qhj0::-ms-clear {
        display: none
    }

    .w_Qhj0::-webkit-credentials-auto-fill-button {
        pointer-events: none;
        position: absolute;
        right: 0;
        visibility: hidden
    }

    .JxXmP2 {
        caret-color: transparent
    }

    .o7G27g {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .wQna2K {
        border-top: 1px solid rgba(0,0,0,.26);
        margin-right: 12px;
        width: 27px
    }

    .wQna2K:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 320px) {
    .NjuDCz {
        align-items:center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -26px;
        width: 266px
    }

    .w_Qhj0 {
        background-color: initial;
        border: 0;
        border-radius: 0;
        font-family: Arial;
        font-size: 27px;
        font-weight: 400;
        letter-spacing: 32px;
        outline: none;
        padding: 0 0 0 34px;
        width: 284px
    }

    .w_Qhj0::-ms-clear {
        display: none
    }

    .w_Qhj0::-webkit-credentials-auto-fill-button {
        pointer-events: none;
        position: absolute;
        right: 0;
        visibility: hidden
    }

    .JxXmP2 {
        caret-color: transparent
    }

    .o7G27g {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .wQna2K {
        border-top: 1px solid rgba(0,0,0,.26);
        margin-right: 16px;
        width: 31px
    }

    .wQna2K:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 375px) {
    .NjuDCz {
        align-items:center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 -32px;
        width: 310px
    }

    .w_Qhj0 {
        background-color: initial;
        border: 0;
        border-radius: 0;
        font-family: Arial;
        font-size: 27px;
        font-weight: 400;
        letter-spacing: 40px;
        outline: none;
        padding: 0 0 0 42px;
        width: 332px
    }

    .w_Qhj0::-ms-clear {
        display: none
    }

    .w_Qhj0::-webkit-credentials-auto-fill-button {
        pointer-events: none;
        position: absolute;
        right: 0;
        visibility: hidden
    }

    .JxXmP2 {
        caret-color: transparent
    }

    .o7G27g {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .wQna2K {
        border-top: 1px solid rgba(0,0,0,.26);
        margin-right: 20px;
        width: 35px
    }

    .wQna2K:last-child {
        margin-right: 0
    }
}

.Mi0An5 {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 328px
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

._2ZEaD {
    animation: _2ZEaD 1.5s infinite;
    background-color: #a4aaaa;
    background-image: linear-gradient(90deg,#a4aaaa,#000 25%,#a4aaaa 50%);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    transform: translateZ(0)
}

._2ZEaD .geCJg {
    background: #fff;
    isolation: isolate;
    mix-blend-mode: screen
}

._2ZEaD .M6lQx {
    background: #f1f0f0
}

@keyframes _2ZEaD {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.stardust-carousel,.stardust-carousel__item-list-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.stardust-carousel__item-list-wrapper {
    box-sizing: border-box;
    overflow-x: hidden
}

.stardust-carousel__item-list {
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: pan-y
}

.stardust-carousel__item {
    align-items: center;
    align-self: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    list-style: none;
    overflow: hidden
}

.stardust-carousel__item-inner-wrapper {
    height: 100%;
    width: 100%
}

.stardust-carousel__item-inner-wrapper--hide {
    display: none
}

.stardust-carousel:hover .stardust-carousel__arrow {
    opacity: 1
}

.stardust-carousel__arrow {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.09);
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: inline-flex;
    font-size: 20px;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 20px;
    fill: rgba(0,0,0,.87);
    background-color: #fff;
    transition: opacity .3s ease
}

.stardust-carousel__arrow>svg {
    color: #ee4d2d;
    flex: 0 1 auto;
    height: 75%;
    width: 75%
}

.stardust-carousel__arrow:hover {
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow:active {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow--type-2 {
    opacity: 1
}

.stardust-carousel__arrow--prev {
    left: -10px
}

.stardust-carousel__arrow--next {
    right: -10px
}

.stardust-carousel__arrow--disabled>svg {
    fill: rgba(0,0,0,.12)
}

.stardust-carousel__dots {
    bottom: 1rem;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%);
    transition: opacity .5s ease;
    width: 100%
}

.stardust-carousel__dot {
    background-color: hsla(0,0%,100%,.4);
    border: 1px solid hsla(0,0%,54%,.4);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .5rem;
    opacity: 1;
    width: .5rem
}

.stardust-carousel__dot:not(:first-child) {
    margin-left: .5rem
}

.stardust-carousel__dot--active {
    background-color: #ee4d2d;
    border-color: #ee4d2d;
    opacity: 1
}

.stardust-carousel__indexing {
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 12.4px;
    bottom: 10px;
    color: rgba(0,0,0,.65);
    color: #000;
    font-size: 14px;
    opacity: .65;
    padding: 3px 10px;
    position: absolute;
    right: 10px
}

.stardust-carousel__tabs {
    align-content: center;
    bottom: 0;
    display: flex;
    height: 30px;
    position: absolute;
    width: 100%
}

.stardust-carousel__tab {
    background-color: hsla(0,0%,100%,.5);
    cursor: pointer;
    flex: 1 0 0;
    font-size: 12px;
    overflow: hidden;
    text-align: center
}

.stardust-carousel__tab--active {
    background-color: #ee4d2d;
    color: #fff
}

.stardust-carousel__tab-name {
    line-height: 30px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/modules.d5aa5eabd31afee1.css.map*/


.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
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/9662.fe06f6c6cb447ce4.css.map*/


.odeeVp {
    display: flex
}

.N1AuDJ {
    margin: 3.75rem auto .625rem;
    padding-bottom: 3.75rem;
    width: 75rem
}

.W4wsb0 {
    font-weight: 700
}

.odeeVp {
    margin: 0 -.3125rem
}

.D63j6g {
    display: flex;
    flex-wrap: wrap
}

.pUdyxe {
    box-sizing: border-box;
    padding: .3125rem;
    width: 20%
}

.p30zd9 {
    font-size: .75rem
}

.OgPQOK {
    font-weight: 700;
    margin: .625rem 0 .125rem;
    padding: .125rem 0;
    text-transform: uppercase
}

.OgPQOK,.XxHVgL {
    color: rgba(0,0,0,.54)
}

.XxHVgL {
    display: block;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

.XxHVgL:hover {
    color: #ee4d2d
}

.D63j6g {
    line-height: 1.5;
    margin-bottom: .625rem;
    width: 100%
}

.ZVJliM {
    color: rgba(0,0,0,.54);
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ZVJliM:hover {
    color: #ee4d2d
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/8856.eb1536bb178f5351.css.map*/
.ZFpBoO {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.ZFpBoO: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)
}

.ZFpBoO:first-child {
    margin-left: 0
}

.XUr4uw {
    flex: 1
}

.XUr4uw,.vIk6L6 {
    display: flex;
    width: 100%
}

.vIk6L6 {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip;
    position: relative
}

.QaSByp {
    flex: 1
}

.QaSByp,.zZbJYF {
    display: flex;
    width: 100%
}

.zZbJYF {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.uaKe53,.zZbJYF {
    position: relative
}

.uaKe53 {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.uaKe53: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)
}

.uaKe53:first-child {
    margin-left: 0
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/7464.e2712bbc93d27679.css.map*/


.vw-links{z-index:100}
/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/6929.152da00ae5c232ee.css.map*/

.YNFXNe {
    margin: 30px 0
}

._B4yPg {
    font-size: 14px
}

.Hoou_w,.uNvAVe {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.Hoou_w a,.uNvAVe a {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.Hoou_w a:hover,.uNvAVe a:hover {
    color: #ee4d2d
}

.uNvAVe li {
    margin-bottom: 8px
}

.uNvAVe li a {
    display: flex
}

.uNvAVe li .bJYu9z {
    flex-basis: 800px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uNvAVe li .frp7kz {
    color: rgba(0,0,0,.87)!important;
    flex-shrink: 0;
    font-weight: 500
}

.Hoou_w {
    display: flex;
    flex-wrap: wrap
}

.Hoou_w li {
    padding: 0 5px;
    position: relative
}

.Hoou_w li:not(:first-child):before {
    background-color: rgba(0,0,0,.54);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/6318.cce3fcc0aa92bbf3.css.map*/


.USqAzC {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

.USqAzC:hover {
    background-color: #f8f8f8
}

.pR8gbb {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.Q7bgt_ {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.iF8iJd {
    font-weight: 500;
    white-space: nowrap
}

.UCi9jU,.iF8iJd {
    overflow: hidden;
    text-overflow: ellipsis
}

.UCi9jU {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.ftrV5H {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.Z5BRIH {
    color: #ee4d2d
}

.zc86LS {
    font-size: 9px;
    margin: 0 5px
}

.IIBaHM,.zc86LS {
    color: rgba(0,0,0,.54)
}

.IIBaHM,.UwAswe {
    font-size: .75rem
}

.UwAswe {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

.UwAswe>.shopee-button-no-outline {
    font-weight: 400;
    padding: 0;
    white-space: nowrap
}

.RUaIcM {
    flex: 1
}

.sbBEUj {
    margin-top: .625rem
}

.GrzYUE {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ojj9XR {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.lSRDcq {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.cart-drawer-container {
    padding: 10px 0
}

.cart-drawer {
    cursor: pointer;
    margin: 0 0 0 5px;
    outline: 0;
    overflow: visible;
    position: relative
}

.cart-drawer:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.cart-drawer .shopee-cart-number-badge {
    left: -1.25rem;
    top: -.6875rem
}

.cart-drawer .icon-shopping-cart-2 {
    color: #fff;
    stroke: #fff
}

.cart-drawer__popover {
    z-index: 400!important
}

.AQC0jV {
    padding: 3.75rem 0;
    text-align: center
}

.kMqgP4 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c44984f18d2d2211.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.kb7Gmx {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.iHoTDB.iHoTDB {
    flex-shrink: 0;
    max-width: unset
}

.Clb1oh {
    line-height: normal;
    text-align: left
}

.Z6w4JQ {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.SY0ku0 {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

._quvf9 {
    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
}

._quvf9>.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
}

.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
}

.vKd74q {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.ZS5Tzf {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

#shopee-searchbar-selected-option {
    background-color: #fbfbfb
}

.shopee-searchbar {
    --focus-indicator-spacing: 3px;
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.shopee-searchbar--focus .shopee-searchbar-input:before {
    border-radius: 2px;
    bottom: -4px;
    content: "";
    left: -4px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: -4px;
    z-index: 1
}

.shopee-searchbar>.btn svg {
    margin: 0 auto
}

.shopee-searchbar__main {
    display: flex;
    flex: 1
}

.shopee-searchbar__search-button {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-searchbar__search-button:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-searchbar-input {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding: 0 .625rem;
    position: relative
}

.shopee-searchbar-input__input {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.shopee-searchbar-input__input:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-hints {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.shopee-searchbar-hints__header {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

.shopee-searchbar-hints__history-entry {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__history-entry__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry__typed-text {
    font-weight: 500
}

.shopee-searchbar-hints__history-entry__category-name {
    color: rgba(0,0,0,.26);
    margin-top: .25rem
}

.shopee-searchbar-hints__entry,.shopee-searchbar-hints__search-prefill,.shopee-searchbar-hints__search-shop {
    color: rgba(0,0,0,.87);
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__entry:hover,.shopee-searchbar-hints__search-prefill:hover,.shopee-searchbar-hints__search-shop:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__entry__bold-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__search-shop {
    align-items: center;
    display: flex
}

.shopee-searchbar-hints__search-shop .shopee-svg-icon {
    color: #ee4d2d;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.shopee-searchbar-hints__entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.shopee-searchbar-hints__entry--history {
    text-overflow: ellipsis
}

.shopee-searchbar-hints__entry__product-name {
    flex: 0 1 auto
}

.shopee-searchbar-hints__entry__typed-product-name {
    font-weight: 500
}

.shopee-searchbar-hints__entry__category-name {
    color: rgba(0,0,0,.26);
    flex: 0 1 auto;
    margin-top: .25rem
}

.shopee-searchbar-hints__search-prefill {
    align-items: center;
    display: flex;
    padding-right: 15px
}

.shopee-searchbar-hints__search-prefill img {
    margin-left: auto
}

.shopee-searchbar-hints__search-prefill .shopee-searchbar-hints__text {
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-user-hints {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-left: 1px solid rgba(0,0,0,.09);
    border-right: 1px solid rgba(0,0,0,.09)
}

.shopee-searchbar-user-hints__entry {
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-searchbar-selector {
    align-items: center;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    height: 100%;
    max-width: 9.375rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    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
}

.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
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/5807.8f0d6b1c39bda2bd.css.map*/


.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
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/4116.a3213befce8463a7.css.map*/


.BCgLjy {
    align-items: center;
    background: none;
    border: 0;
    color: #ee4d2d;
    display: flex;
    justify-content: center;
    outline: none;
    padding: 0
}

.Tyu8FV {
    font-size: .75rem;
    margin-right: .625rem;
    text-transform: capitalize
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/3422.4aa8236239cdc578.css.map*/


.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
}

.vKd74q {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.ZS5Tzf {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

#shopee-searchbar-selected-option {
    background-color: #fbfbfb
}

.shopee-searchbar {
    --focus-indicator-spacing: 3px;
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.shopee-searchbar--focus .shopee-searchbar-input:before {
    border-radius: 2px;
    bottom: -4px;
    content: "";
    left: -4px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: -4px;
    z-index: 1
}

.shopee-searchbar>.btn svg {
    margin: 0 auto
}

.shopee-searchbar__main {
    display: flex;
    flex: 1
}

.shopee-searchbar__search-button {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-searchbar__search-button:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-searchbar-input {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding: 0 .625rem;
    position: relative
}

.shopee-searchbar-input__input {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.shopee-searchbar-input__input:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-hints {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.shopee-searchbar-hints__header {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

.shopee-searchbar-hints__history-entry {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__history-entry__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry__typed-text {
    font-weight: 500
}

.shopee-searchbar-hints__history-entry__category-name {
    color: rgba(0,0,0,.26);
    margin-top: .25rem
}

.shopee-searchbar-hints__entry,.shopee-searchbar-hints__search-prefill,.shopee-searchbar-hints__search-shop {
    color: rgba(0,0,0,.87);
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__entry:hover,.shopee-searchbar-hints__search-prefill:hover,.shopee-searchbar-hints__search-shop:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__entry__bold-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__search-shop {
    align-items: center;
    display: flex
}

.shopee-searchbar-hints__search-shop .shopee-svg-icon {
    color: #ee4d2d;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.shopee-searchbar-hints__entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.shopee-searchbar-hints__entry--history {
    text-overflow: ellipsis
}

.shopee-searchbar-hints__entry__product-name {
    flex: 0 1 auto
}

.shopee-searchbar-hints__entry__typed-product-name {
    font-weight: 500
}

.shopee-searchbar-hints__entry__category-name {
    color: rgba(0,0,0,.26);
    flex: 0 1 auto;
    margin-top: .25rem
}

.shopee-searchbar-hints__search-prefill {
    align-items: center;
    display: flex;
    padding-right: 15px
}

.shopee-searchbar-hints__search-prefill img {
    margin-left: auto
}

.shopee-searchbar-hints__search-prefill .shopee-searchbar-hints__text {
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-user-hints {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-left: 1px solid rgba(0,0,0,.09);
    border-right: 1px solid rgba(0,0,0,.09)
}

.shopee-searchbar-user-hints__entry {
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-searchbar-selector {
    align-items: center;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    height: 100%;
    max-width: 9.375rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    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
}

.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
}

.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
}

.USqAzC {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

.USqAzC:hover {
    background-color: #f8f8f8
}

.pR8gbb {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.Q7bgt_ {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.iF8iJd {
    font-weight: 500;
    white-space: nowrap
}

.UCi9jU,.iF8iJd {
    overflow: hidden;
    text-overflow: ellipsis
}

.UCi9jU {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.ftrV5H {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.Z5BRIH {
    color: #ee4d2d
}

.zc86LS {
    font-size: 9px;
    margin: 0 5px
}

.IIBaHM,.zc86LS {
    color: rgba(0,0,0,.54)
}

.IIBaHM,.UwAswe {
    font-size: .75rem
}

.UwAswe {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

.UwAswe>.shopee-button-no-outline {
    font-weight: 400;
    padding: 0;
    white-space: nowrap
}

.RUaIcM {
    flex: 1
}

.sbBEUj {
    margin-top: .625rem
}

.GrzYUE {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ojj9XR {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.lSRDcq {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.cart-drawer-container {
    padding: 10px 0
}

.cart-drawer {
    cursor: pointer;
    margin: 0 0 0 5px;
    outline: 0;
    overflow: visible;
    position: relative
}

.cart-drawer:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.cart-drawer .shopee-cart-number-badge {
    left: -1.25rem;
    top: -.6875rem
}

.cart-drawer .icon-shopping-cart-2 {
    color: #fff;
    stroke: #fff
}

.cart-drawer__popover {
    z-index: 400!important
}

.AQC0jV {
    padding: 3.75rem 0;
    text-align: center
}

.kMqgP4 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c44984f18d2d2211.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.kb7Gmx {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.iHoTDB.iHoTDB {
    flex-shrink: 0;
    max-width: unset
}

.Clb1oh {
    line-height: normal;
    text-align: left
}

.Z6w4JQ {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.SY0ku0 {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

._quvf9 {
    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
}

._quvf9>.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
}

.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/74e7710903007bb7.png)
}

.header-navbar-facebook-png {
    background-position: 8.064516129032258% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-instagram-png {
    background-position: 58.064516129032256% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-line-png {
    background-position: 8.064516129032258% 96.875%;
    background-size: 487.5% 313.3333333333333%
}

.header-navbar-shopee-campus-header-png {
    background-position: 50% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-ticktok-png {
    background-position: 91.93548387096774% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-twitter-png {
    background-position: 100% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.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: initial;
    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: initial;
    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
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/2987.db0de937d0330859.css.map*/



.O766Zk {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    padding: 2.5rem 0;
    text-align: center
}

.O766Zk.q9cUJv {
    background-color: #f5f5f5
}

.Oyrm62 {
    align-items: flex-start;
    display: flex;
    margin: 0 -.3125rem;
    width: 100%
}

.Oyrm62,.WgSr6D {
    padding: .3125rem
}

.WgSr6D {
    box-sizing: border-box;
    width: 15.625rem
}

.WgSr6D:first-child:nth-last-child(6),.WgSr6D:first-child:nth-last-child(6)~.WgSr6D,.WgSr6D:last-child {
    width: 12.5rem
}

.JlKgZM {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem
}

.JlKgZM.PoE0oU {
    margin-top: 0
}

.ufuEdD {
    text-transform: uppercase
}

.wdBnpK,.yIJgtJ {
    align-content: center;
    display: flex
}

.tYFPu_ {
    color: rgba(0,0,0,.65);
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.wdBnpK {
    font-size: .75rem;
    margin-bottom: .75rem
}

.iuA041 {
    text-transform: capitalize
}

.yIJgtJ {
    color: rgba(0,0,0,.65);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.yIJgtJ:hover {
    color: #ee4d2d
}

.AlFaz4 {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.Uh8ZGt {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Ei2TcA,.HOyEnn {
    align-items: center
}

.Ei2TcA,.HOyEnn,.n9X8as {
    display: flex
}

.n9X8as {
    flex-wrap: wrap
}

.Ei2TcA,.HOyEnn {
    justify-content: center
}

.n9X8as {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

.Ei2TcA {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 1.875rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
    padding: .25rem;
    width: 3.75rem
}

.Ei2TcA.WjMDsK {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.Ei2TcA.OhXKFJ {
    margin-right: .1875rem
}

.HOyEnn {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%
}

.HOyEnn img {
    max-height: 100%;
    max-width: 100%
}

.FP4VvO {
    align-items: center
}

.DLMbEy,.FP4VvO {
    display: flex
}

.DLMbEy {
    flex-direction: row
}

.FP4VvO {
    justify-content: center
}

.DLMbEy {
    margin-bottom: 1rem;
    width: 100%
}

.DLMbEy:hover {
    cursor: pointer
}

.Wn14IO {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 5rem;
    margin-right: .75rem;
    padding: .25rem;
    width: 5rem
}

.uJiWCw {
    display: inline-block;
    vertical-align: top;
    width: 4.75rem
}

.avO6Dn {
    margin-left: .8125rem
}

.FP4VvO {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem;
    width: 4.25rem
}

.FP4VvO:last-child {
    margin-bottom: 0
}

.FP4VvO img {
    max-height: 100%;
    max-width: 100%
}

.HHvjo7 {
    display: flex;
    flex-direction: row;
    width: 100%
}

.HHvjo7:hover {
    cursor: pointer
}

.nJkQem {
    margin-top: 2rem;
    width: 5.25rem
}

.mUnW9g {
    margin: auto;
    width: 75rem
}

.URvGxz {
    align-items: flex-start
}

.URvGxz,.hLS7q8 {
    display: flex;
    flex-wrap: wrap
}

.hLS7q8 {
    justify-content: center
}

.URvGxz {
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.54);
    justify-content: space-between;
    padding: 2.5rem 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .URvGxz {
        border-top:.5px solid rgba(0,0,0,.1)
    }
}

.fPod4n {
    line-height: 1.125rem
}

.xRiB5w {
    flex-basis: 100%;
    margin-bottom: .75rem
}

.Pc3d01 {
    flex-shrink: 0;
    margin-right: 25px
}

.Pc3d01.DTID0Y {
    color: rgba(25,37,55,.5);
    margin-right: 0
}

.Pc3d01.DTID0Y a {
    color: rgba(25,37,55,.5);
    font-size: 14
}

.Pc3d01.DTID0Y a:hover {
    color: #ee4d2d
}

.whkXnv {
    flex: 1 0 auto;
    text-align: right
}

.FvfvFP {
    padding: 0 5px
}

.FvfvFP:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.2)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .FvfvFP:not(:last-child) {
        border-right:.5px solid rgba(0,0,0,.2)
    }
}

._nqc9j {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: none;
    text-decoration: none
}

._87kPP {
    align-items: flex-start;
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.eSyUAZ {
    align-items: center
}

.HdOpID,.eSyUAZ {
    display: flex
}

.HdOpID {
    flex-direction: row
}

.eSyUAZ {
    justify-content: center
}

.HdOpID {
    margin-bottom: 1rem;
    width: 100%
}

.HdOpID:hover {
    cursor: pointer
}

.A0dPWV {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 5rem;
    margin-right: .75rem;
    padding: .25rem;
    width: 5rem
}

.Gnw4mX {
    display: inline-block;
    vertical-align: top;
    width: 4.75rem
}

.Ugqqd0 {
    margin-left: .8125rem
}

.eSyUAZ {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem;
    width: 4.25rem
}

.eSyUAZ:last-child {
    margin-bottom: 0
}

.eSyUAZ img {
    max-height: 100%;
    max-width: 100%
}

.sWg3MU {
    display: flex;
    flex-direction: row;
    width: 100%
}

.sWg3MU:hover {
    cursor: pointer
}

.Z2deEa {
    margin-top: 2rem;
    width: 5.25rem
}

.M2zJBi,.tmN8VN {
    align-items: center
}

.M2zJBi,.WVurW1,.tmN8VN {
    display: flex
}

.WVurW1 {
    flex-wrap: wrap
}

.M2zJBi,.tmN8VN {
    justify-content: center
}

.WVurW1 {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

.tmN8VN {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 1.875rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
    padding: .25rem;
    width: 3.75rem
}

.tmN8VN.H1NHx_ {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.tmN8VN.smEtKg {
    margin-right: .1875rem
}

.M2zJBi {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%
}

.M2zJBi img {
    max-height: 100%;
    max-width: 100%
}

.Oy4Glu,.wwvJPh {
    align-content: center;
    display: flex
}

.aXuRlG {
    color: rgba(0,0,0,.65);
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Oy4Glu {
    font-size: .75rem;
    margin-bottom: .75rem
}

.MV1875 {
    text-transform: capitalize
}

.wwvJPh {
    color: rgba(0,0,0,.65);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.wwvJPh:hover {
    color: #ee4d2d
}

.Mo9TzE {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.w5fLuy {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kboczO {
    box-sizing: border-box;
    padding: .3125rem;
    width: 15.625rem
}

.kboczO:first-child:nth-last-child(6),.kboczO:first-child:nth-last-child(6)~.kboczO,.kboczO:last-child {
    width: 12.5rem
}

.jduvdz {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem
}

.jduvdz.yGP1JP {
    margin-top: 0
}

.piLkFj {
    text-transform: uppercase
}

.O62Y3W {
    display: flex;
    margin: 0 -.3125rem;
    padding: .3125rem;
    width: 100%
}

.O62Y3W,.OuYRe2 {
    align-items: flex-start
}

.OuYRe2 {
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.EAv5q_ {
    align-items: flex-start
}

.EAv5q_,.scLMUW {
    display: flex;
    flex-wrap: wrap
}

.scLMUW {
    justify-content: center
}

.EAv5q_ {
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.54);
    justify-content: space-between;
    padding: 2.5rem 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .EAv5q_ {
        border-top:.5px solid rgba(0,0,0,.1)
    }
}

.YTAuKe {
    line-height: 1.125rem
}

.UVnHQZ {
    flex-basis: 100%;
    margin-bottom: .75rem
}

.nn7SCk {
    flex-shrink: 0;
    margin-right: 25px
}

.nn7SCk.n3YX5C {
    color: rgba(25,37,55,.5);
    margin-right: 0
}

.nn7SCk.n3YX5C a {
    color: rgba(25,37,55,.5);
    font-size: 14
}

.nn7SCk.n3YX5C a:hover {
    color: #ee4d2d
}

.Y3gAAT {
    flex: 1 0 auto;
    text-align: right
}

.Wz3iwl {
    padding: 0 5px
}

.Wz3iwl:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.2)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .Wz3iwl:not(:last-child) {
        border-right:.5px solid rgba(0,0,0,.2)
    }
}

.RoCetw {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: none;
    text-decoration: none
}

.v0VKHm {
    margin: auto;
    width: 75rem
}

.footer-br-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/d8a5ec6168ea0db8.png)
}

.footer-br-ebanx-png {
    background-position: 3.7037037037037037% 11.494252873563218%;
    background-size: 590.9090909090909% 400%
}

.footer-br-f-png {
    background-position: 32.42320819112628% 11.904761904761905%;
    background-size: 1015.625% 362.5%
}

.footer-br-ins-png {
    background-position: 3.4129692832764507% 70.23809523809524%;
    background-size: 1015.625% 362.5%
}

.footer-br-kwai-png {
    background-position: 21.160409556313994% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-lin-png {
    background-position: 38.907849829351534% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-mastercard-png {
    background-position: 67.96536796536796% 16.129032258064516%;
    background-size: 345.74468085106383% 214.8148148148148%
}

.footer-br-tiktok-png {
    background-position: 56.65529010238908% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-twitter-png {
    background-position: 74.40273037542661% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-visa-png {
    background-position: 100% 85.71428571428571%;
    background-size: 590.9090909090909% 644.4444444444445%
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/986.2d5d6551b3efd541.css.map*/


.eSyUAZ {
    align-items: center
}

.HdOpID,.eSyUAZ {
    display: flex
}

.HdOpID {
    flex-direction: row
}

.eSyUAZ {
    justify-content: center
}

.HdOpID {
    margin-bottom: 1rem;
    width: 100%
}

.HdOpID:hover {
    cursor: pointer
}

.A0dPWV {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 5rem;
    margin-right: .75rem;
    padding: .25rem;
    width: 5rem
}

.Gnw4mX {
    display: inline-block;
    vertical-align: top;
    width: 4.75rem
}

.Ugqqd0 {
    margin-left: .8125rem
}

.eSyUAZ {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem;
    width: 4.25rem
}

.eSyUAZ:last-child {
    margin-bottom: 0
}

.eSyUAZ img {
    max-height: 100%;
    max-width: 100%
}

.sWg3MU {
    display: flex;
    flex-direction: row;
    width: 100%
}

.sWg3MU:hover {
    cursor: pointer
}

.Z2deEa {
    margin-top: 2rem;
    width: 5.25rem
}

.M2zJBi,.tmN8VN {
    align-items: center
}

.M2zJBi,.WVurW1,.tmN8VN {
    display: flex
}

.WVurW1 {
    flex-wrap: wrap
}

.M2zJBi,.tmN8VN {
    justify-content: center
}

.WVurW1 {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

.tmN8VN {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 1.875rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
    padding: .25rem;
    width: 3.75rem
}

.tmN8VN.H1NHx_ {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.tmN8VN.smEtKg {
    margin-right: .1875rem
}

.M2zJBi {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%
}

.M2zJBi img {
    max-height: 100%;
    max-width: 100%
}

.Oy4Glu,.wwvJPh {
    align-content: center;
    display: flex
}

.aXuRlG {
    color: rgba(0,0,0,.65);
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Oy4Glu {
    font-size: .75rem;
    margin-bottom: .75rem
}

.MV1875 {
    text-transform: capitalize
}

.wwvJPh {
    color: rgba(0,0,0,.65);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.wwvJPh:hover {
    color: #ee4d2d
}

.Mo9TzE {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.w5fLuy {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kboczO {
    box-sizing: border-box;
    padding: .3125rem;
    width: 15.625rem
}

.kboczO:first-child:nth-last-child(6),.kboczO:first-child:nth-last-child(6)~.kboczO,.kboczO:last-child {
    width: 12.5rem
}

.jduvdz {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem
}

.jduvdz.yGP1JP {
    margin-top: 0
}

.piLkFj {
    text-transform: uppercase
}

.O62Y3W {
    display: flex;
    margin: 0 -.3125rem;
    padding: .3125rem;
    width: 100%
}

.O62Y3W,.OuYRe2 {
    align-items: flex-start
}

.OuYRe2 {
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.EAv5q_ {
    align-items: flex-start
}

.EAv5q_,.scLMUW {
    display: flex;
    flex-wrap: wrap
}

.scLMUW {
    justify-content: center
}

.EAv5q_ {
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.54);
    justify-content: space-between;
    padding: 2.5rem 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .EAv5q_ {
        border-top:.5px solid rgba(0,0,0,.1)
    }
}

.YTAuKe {
    line-height: 1.125rem
}

.UVnHQZ {
    flex-basis: 100%;
    margin-bottom: .75rem
}

.nn7SCk {
    flex-shrink: 0;
    margin-right: 25px
}

.nn7SCk.n3YX5C {
    color: rgba(25,37,55,.5);
    margin-right: 0
}

.nn7SCk.n3YX5C a {
    color: rgba(25,37,55,.5);
    font-size: 14
}

.nn7SCk.n3YX5C a:hover {
    color: #ee4d2d
}

.Y3gAAT {
    flex: 1 0 auto;
    text-align: right
}

.Wz3iwl {
    padding: 0 5px
}

.Wz3iwl:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.2)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .Wz3iwl:not(:last-child) {
        border-right:.5px solid rgba(0,0,0,.2)
    }
}

.RoCetw {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: none;
    text-decoration: none
}

.v0VKHm {
    margin: auto;
    width: 75rem
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/914.cc930491a025bfbe.css.map*/
.O766Zk {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    padding: 2.5rem 0;
    text-align: center
}

.O766Zk.q9cUJv {
    background-color: #f5f5f5
}

.Oyrm62 {
    align-items: flex-start;
    display: flex;
    margin: 0 -.3125rem;
    width: 100%
}

.Oyrm62,.WgSr6D {
    padding: .3125rem
}

.WgSr6D {
    box-sizing: border-box;
    width: 15.625rem
}

.WgSr6D:first-child:nth-last-child(6),.WgSr6D:first-child:nth-last-child(6)~.WgSr6D,.WgSr6D:last-child {
    width: 12.5rem
}

.JlKgZM {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem
}

.JlKgZM.PoE0oU {
    margin-top: 0
}

.ufuEdD {
    text-transform: uppercase
}

.wdBnpK,.yIJgtJ {
    align-content: center;
    display: flex
}

.tYFPu_ {
    color: rgba(0,0,0,.65);
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.wdBnpK {
    font-size: .75rem;
    margin-bottom: .75rem
}

.iuA041 {
    text-transform: capitalize
}

.yIJgtJ {
    color: rgba(0,0,0,.65);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.yIJgtJ:hover {
    color: #ee4d2d
}

.AlFaz4 {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.Uh8ZGt {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Ei2TcA,.HOyEnn {
    align-items: center
}

.Ei2TcA,.HOyEnn,.n9X8as {
    display: flex
}

.n9X8as {
    flex-wrap: wrap
}

.Ei2TcA,.HOyEnn {
    justify-content: center
}

.n9X8as {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

.Ei2TcA {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 1.875rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
    padding: .25rem;
    width: 3.75rem
}

.Ei2TcA.WjMDsK {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.Ei2TcA.OhXKFJ {
    margin-right: .1875rem
}

.HOyEnn {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%
}

.HOyEnn img {
    max-height: 100%;
    max-width: 100%
}

.FP4VvO {
    align-items: center
}

.DLMbEy,.FP4VvO {
    display: flex
}

.DLMbEy {
    flex-direction: row
}

.FP4VvO {
    justify-content: center
}

.DLMbEy {
    margin-bottom: 1rem;
    width: 100%
}

.DLMbEy:hover {
    cursor: pointer
}

.Wn14IO {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 5rem;
    margin-right: .75rem;
    padding: .25rem;
    width: 5rem
}

.uJiWCw {
    display: inline-block;
    vertical-align: top;
    width: 4.75rem
}

.avO6Dn {
    margin-left: .8125rem
}

.FP4VvO {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem;
    width: 4.25rem
}

.FP4VvO:last-child {
    margin-bottom: 0
}

.FP4VvO img {
    max-height: 100%;
    max-width: 100%
}

.HHvjo7 {
    display: flex;
    flex-direction: row;
    width: 100%
}

.HHvjo7:hover {
    cursor: pointer
}

.nJkQem {
    margin-top: 2rem;
    width: 5.25rem
}

.mUnW9g {
    margin: auto;
    width: 75rem
}

.URvGxz {
    align-items: flex-start
}

.URvGxz,.hLS7q8 {
    display: flex;
    flex-wrap: wrap
}

.hLS7q8 {
    justify-content: center
}

.URvGxz {
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.54);
    justify-content: space-between;
    padding: 2.5rem 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .URvGxz {
        border-top:.5px solid rgba(0,0,0,.1)
    }
}

.fPod4n {
    line-height: 1.125rem
}

.xRiB5w {
    flex-basis: 100%;
    margin-bottom: .75rem
}

.Pc3d01 {
    flex-shrink: 0;
    margin-right: 25px
}

.Pc3d01.DTID0Y {
    color: rgba(25,37,55,.5);
    margin-right: 0
}

.Pc3d01.DTID0Y a {
    color: rgba(25,37,55,.5);
    font-size: 14
}

.Pc3d01.DTID0Y a:hover {
    color: #ee4d2d
}

.whkXnv {
    flex: 1 0 auto;
    text-align: right
}

.FvfvFP {
    padding: 0 5px
}

.FvfvFP:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.2)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .FvfvFP:not(:last-child) {
        border-right:.5px solid rgba(0,0,0,.2)
    }
}

._nqc9j {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: none;
    text-decoration: none
}

._87kPP {
    align-items: flex-start;
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.eSyUAZ {
    align-items: center
}

.HdOpID,.eSyUAZ {
    display: flex
}

.HdOpID {
    flex-direction: row
}

.eSyUAZ {
    justify-content: center
}

.HdOpID {
    margin-bottom: 1rem;
    width: 100%
}

.HdOpID:hover {
    cursor: pointer
}

.A0dPWV {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 5rem;
    margin-right: .75rem;
    padding: .25rem;
    width: 5rem
}

.Gnw4mX {
    display: inline-block;
    vertical-align: top;
    width: 4.75rem
}

.Ugqqd0 {
    margin-left: .8125rem
}

.eSyUAZ {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem;
    width: 4.25rem
}

.eSyUAZ:last-child {
    margin-bottom: 0
}

.eSyUAZ img {
    max-height: 100%;
    max-width: 100%
}

.sWg3MU {
    display: flex;
    flex-direction: row;
    width: 100%
}

.sWg3MU:hover {
    cursor: pointer
}

.Z2deEa {
    margin-top: 2rem;
    width: 5.25rem
}

.M2zJBi,.tmN8VN {
    align-items: center
}

.M2zJBi,.WVurW1,.tmN8VN {
    display: flex
}

.WVurW1 {
    flex-wrap: wrap
}

.M2zJBi,.tmN8VN {
    justify-content: center
}

.WVurW1 {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

.tmN8VN {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 1.875rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
    padding: .25rem;
    width: 3.75rem
}

.tmN8VN.H1NHx_ {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.tmN8VN.smEtKg {
    margin-right: .1875rem
}

.M2zJBi {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%
}

.M2zJBi img {
    max-height: 100%;
    max-width: 100%
}

.Oy4Glu,.wwvJPh {
    align-content: center;
    display: flex
}

.aXuRlG {
    color: rgba(0,0,0,.65);
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Oy4Glu {
    font-size: .75rem;
    margin-bottom: .75rem
}

.MV1875 {
    text-transform: capitalize
}

.wwvJPh {
    color: rgba(0,0,0,.65);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.wwvJPh:hover {
    color: #ee4d2d
}

.Mo9TzE {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.w5fLuy {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kboczO {
    box-sizing: border-box;
    padding: .3125rem;
    width: 15.625rem
}

.kboczO:first-child:nth-last-child(6),.kboczO:first-child:nth-last-child(6)~.kboczO,.kboczO:last-child {
    width: 12.5rem
}

.jduvdz {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem
}

.jduvdz.yGP1JP {
    margin-top: 0
}

.piLkFj {
    text-transform: uppercase
}

.O62Y3W {
    display: flex;
    margin: 0 -.3125rem;
    padding: .3125rem;
    width: 100%
}

.O62Y3W,.OuYRe2 {
    align-items: flex-start
}

.OuYRe2 {
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.EAv5q_ {
    align-items: flex-start
}

.EAv5q_,.scLMUW {
    display: flex;
    flex-wrap: wrap
}

.scLMUW {
    justify-content: center
}

.EAv5q_ {
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.54);
    justify-content: space-between;
    padding: 2.5rem 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .EAv5q_ {
        border-top:.5px solid rgba(0,0,0,.1)
    }
}

.YTAuKe {
    line-height: 1.125rem
}

.UVnHQZ {
    flex-basis: 100%;
    margin-bottom: .75rem
}

.nn7SCk {
    flex-shrink: 0;
    margin-right: 25px
}

.nn7SCk.n3YX5C {
    color: rgba(25,37,55,.5);
    margin-right: 0
}

.nn7SCk.n3YX5C a {
    color: rgba(25,37,55,.5);
    font-size: 14
}

.nn7SCk.n3YX5C a:hover {
    color: #ee4d2d
}

.Y3gAAT {
    flex: 1 0 auto;
    text-align: right
}

.Wz3iwl {
    padding: 0 5px
}

.Wz3iwl:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.2)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .Wz3iwl:not(:last-child) {
        border-right:.5px solid rgba(0,0,0,.2)
    }
}

.RoCetw {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: none;
    text-decoration: none
}

.v0VKHm {
    margin: auto;
    width: 75rem
}

.footer-br-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/d8a5ec6168ea0db8.png)
}

.footer-br-ebanx-png {
    background-position: 3.7037037037037037% 11.494252873563218%;
    background-size: 590.9090909090909% 400%
}

.footer-br-f-png {
    background-position: 32.42320819112628% 11.904761904761905%;
    background-size: 1015.625% 362.5%
}

.footer-br-ins-png {
    background-position: 3.4129692832764507% 70.23809523809524%;
    background-size: 1015.625% 362.5%
}

.footer-br-kwai-png {
    background-position: 21.160409556313994% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-lin-png {
    background-position: 38.907849829351534% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-mastercard-png {
    background-position: 67.96536796536796% 16.129032258064516%;
    background-size: 345.74468085106383% 214.8148148148148%
}

.footer-br-tiktok-png {
    background-position: 56.65529010238908% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-twitter-png {
    background-position: 74.40273037542661% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-visa-png {
    background-position: 100% 85.71428571428571%;
    background-size: 590.9090909090909% 644.4444444444445%
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/986.2d5d6551b3efd541.css.map*/


.KmJOqu {
    margin-left: -.3125rem;
    margin-right: -.3125rem;
    padding-top: .3125rem
}

.N9Rps4 {
    line-height: 1
}

.product-recommend-items__item-wrapper>a {
    display: block;
    height: 100%;
    outline: 0;
    overflow: visible;
    position: relative;
    width: 100%
}

.product-recommend-items__item-wrapper>a:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% - .625rem);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    position: absolute;
    width: 100%
}

.recommend-header {
    align-items: baseline;
    display: flex
}

.recommend-header__update-time {
    color: rgba(0,0,0,.4);
    display: inline-block;
    font-size: .75rem;
    line-height: .875rem;
    margin-left: .625rem;
    margin-top: .125rem;
    text-transform: none
}

.recommend-header__update-time:first-letter {
    text-transform: uppercase
}

.update-time__time {
    margin-left: .25rem
}

.recommendation-by-carousel {
    margin-top: 20px
}

.recommendation-by-carousel .image-carousel__item {
    padding: 5px 5px 0!important;
    width: 16.66667%
}

.recommendation-by-carousel .shopee-header-section__content {
    margin: -.4375rem;
    position: relative
}

.QLiXDZ {
    padding-top: .3125rem
}

.N_YeYe {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .3125rem;
    width: 16.66667%
}

.JUdlJK {
    width: 20%
}

.qxqfzM {
    width: 25%
}

.TJs5lR {
    margin: .625rem auto 0;
    max-width: none;
    width: 24.375rem
}

.raAasu {
    display: flex;
    height: 3.5rem;
    position: relative
}

.raAasu .KFWoVc {
    background-color: #ee4d2d;
    border-radius: .625rem;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 400;
    font-weight: 500;
    left: 50%;
    letter-spacing: .01em;
    line-height: 1;
    margin: auto;
    padding: 1.125rem 1.25rem;
    position: absolute;
    text-transform: capitalize;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.raAasu .uppkxc {
    border-top: 1px dotted rgba(0,0,0,.26);
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

.Fqoym5,.XxaYDw {
    margin: 0 auto
}

.Fqoym5 {
    display: block;
    width: 7.5rem
}

.ySra_b {
    color: #555;
    font-size: 1rem;
    margin-top: 1.5rem;
    text-align: center
}

.lhjKMp {
    padding: 2.5rem 0 3.75rem
}

.lhjKMp .srZaal {
    padding: 2.5rem 0
}

.khtuYQ {
    padding-bottom: .625rem
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-rcmd/_/pcmall-rcmd-pdp-ymal.cc9692f972dc78a73d1b.legacy.css.map*/
.KmJOqu {
    margin-left: -.3125rem;
    margin-right: -.3125rem;
    padding-top: .3125rem
}

.N9Rps4 {
    line-height: 1
}

.product-recommend-items__item-wrapper>a {
    display: block;
    height: 100%;
    outline: 0;
    overflow: visible;
    position: relative;
    width: 100%
}

.product-recommend-items__item-wrapper>a:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% - .625rem);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    position: absolute;
    width: 100%
}

.recommend-header {
    align-items: baseline;
    display: flex
}

.recommend-header__update-time {
    color: rgba(0,0,0,.4);
    display: inline-block;
    font-size: .75rem;
    line-height: .875rem;
    margin-left: .625rem;
    margin-top: .125rem;
    text-transform: none
}

.recommend-header__update-time:first-letter {
    text-transform: uppercase
}

.update-time__time {
    margin-left: .25rem
}

.recommendation-by-carousel {
    margin-top: 20px
}

.recommendation-by-carousel .image-carousel__item {
    padding: 5px 5px 0!important;
    width: 16.66667%
}

.recommendation-by-carousel .shopee-header-section__content {
    margin: -.4375rem;
    position: relative
}

.QLiXDZ {
    padding-top: .3125rem
}

.N_YeYe {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .3125rem;
    width: 16.66667%
}

.JUdlJK {
    width: 20%
}

.qxqfzM {
    width: 25%
}

.TJs5lR {
    margin: .625rem auto 0;
    max-width: none;
    width: 24.375rem
}

.raAasu {
    display: flex;
    height: 3.5rem;
    position: relative
}

.raAasu .KFWoVc {
    background-color: #ee4d2d;
    border-radius: .625rem;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 400;
    font-weight: 500;
    left: 50%;
    letter-spacing: .01em;
    line-height: 1;
    margin: auto;
    padding: 1.125rem 1.25rem;
    position: absolute;
    text-transform: capitalize;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.raAasu .uppkxc {
    border-top: 1px dotted rgba(0,0,0,.26);
    left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

.Fqoym5,.XxaYDw {
    margin: 0 auto
}

.Fqoym5 {
    display: block;
    width: 7.5rem
}

.ySra_b {
    color: #555;
    font-size: 1rem;
    margin-top: 1.5rem;
    text-align: center
}

.lhjKMp {
    padding: 2.5rem 0 3.75rem
}

.lhjKMp .srZaal {
    padding: 2.5rem 0
}

.khtuYQ {
    padding-bottom: .625rem
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-rcmd/_/pcmall-rcmd-pdp-ftss.cc9692f972dc78a73d1b.legacy.css.map*/
.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + 2px);
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: -1px;
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: -1px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: 1px;
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: -1px;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + 2px);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: initial;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.shopee-header-section--simple {
    padding-top: 1.25rem
}

.shopee-header-section--simple>.shopee-header-section__header:before {
    content: none
}

.shopee-header-section--simple .shopee-header-section__header__title {
    color: rgba(0,0,0,.54);
    font-size: 1rem;
    font-weight: 500
}

.shopee-header-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.shopee-header-section__header:before {
    background-color: #ee4d2d;
    content: "";
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.shopee-header-section__header__title {
    flex: 1;
    font-size: 1.25rem;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section__header-link {
    color: rgba(0,0,0,.87);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-header-section__header .shopee-button-outline {
    background-color: #fff;
    border-color: rgba(0,0,0,.09);
    border-radius: .9375rem;
    color: #ee4d2d;
    height: 1.875rem
}

.shopee-header-section__header .shopee-button-outline--rounded {
    background-color: #fff
}

.shopee-header-section__header .shopee-button-no-outline {
    color: #ee4d2d
}

.shopee-header-section__header .shopee-button-no-outline,.shopee-header-section__header .shopee-button-outline--rounded {
    align-items: center;
    display: flex;
    text-transform: capitalize
}

.shopee-header-section__header .shopee-button-no-outline .icon-arrow-right,.shopee-header-section__header .shopee-button-outline--rounded .icon-arrow-right {
    font-size: .625rem
}

.shopee-header-section__header a {
    color: #ee4d2d;
    -webkit-text-decoration: none!important;
    text-decoration: none!important
}

.a11y-carousel-arrow {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    line-height: 50px;
    margin-top: -25px;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 50%;
    transition: all .1s cubic-bezier(.4,0,.6,1);
    width: 50px;
    z-index: 5
}

.a11y-carousel-arrow>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    transition: width .1s cubic-bezier(.4,0,.6,1);
    fill: rgba(0,0,0,.54)
}

.a11y-carousel-arrow--prev {
    left: 0
}

.a11y-carousel-arrow--next {
    right: 0
}

.a11y-carousel-arrow--hint {
    background-color: #fff;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    width: 25px
}

.a11y-carousel-arrow--hint>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    height: .625rem;
    width: .625rem;
    fill: currentColor
}

.a11y-image-carousel {
    height: 100%;
    position: relative;
    width: 100%
}

.a11y-image-carousel .hidesb {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.a11y-image-carousel .hidesb-wk::-webkit-scrollbar {
    display: none
}

.a11y-image-carousel__item-list-wrapper {
    height: 100%;
    overflow: hidden;
    touch-action: pan-y
}

.a11y-image-carousel__item-list {
    display: flex;
    height: 100%;
    margin: 0;
    overflow-x: scroll;
    padding: 0;
    position: relative;
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.a11y-image-carousel__item {
    float: left;
    list-style: none;
    min-width: 200px;
    overflow-x: hidden;
    touch-action: pan-y
}

.a11y-image-carousel__item--fluid {
    flex: 0 1 auto;
    overflow-x: visible
}

.a11y-image-carousel__item>div {
    height: 100%
}

.a11y-image-carousel__item a,.a11y-image-carousel__item img {
    -webkit-user-drag: none
}

.a11y-image-carousel__dots {
    bottom: 1.25rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

.a11y-image-carousel__dots--hidden {
    opacity: 0;
    pointer-events: none
}

.a11y-image-carousel__dot {
    background-color: rgba(0,0,0,.26);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .625rem;
    width: .625rem
}

.a11y-image-carousel__dot:not(:first-child) {
    margin-left: .3125rem
}

.a11y-image-carousel__dot--active {
    background-color: #ee4d2d;
    opacity: 1
}

.a11y-image-carousel__arrow {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.25rem;
    height: 3.75rem;
    justify-content: center;
    line-height: 3.75rem;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2.1875rem;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

.a11y-image-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.a11y-image-carousel__arrow--prev {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    left: 0
}

.a11y-image-carousel__arrow--next {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    right: 0
}

.VIleDu:focus-visible {
    outline: none;
    position: relative
}

.VIleDu:focus-visible:after {
    border: .125rem solid var(--focus-indicator-color);
    border-radius: .125rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    height: calc(100% + .75rem);
    left: -.375rem;
    pointer-events: none;
    position: absolute;
    top: -.375rem;
    width: calc(100% + .75rem)
}

.au6P2T .ITZVng.ITZVng {
    color: #ee4d2d
}

.au6P2T .shopee-header-section__content {
    background-color: #fff;
    display: flex
}

.au6P2T .stardust-carousel .stardust-carousel__arrow {
    height: 1.5625rem;
    opacity: 1!important;
    transition: all .1s cubic-bezier(.4,0,.6,1);
    width: 1.5625rem
}

.au6P2T .stardust-carousel .stardust-carousel__arrow .stardust-icon {
    color: rgba(0,0,0,.54);
    height: .625rem;
    width: .625rem
}

.au6P2T .stardust-carousel .stardust-carousel__arrow--disabled {
    opacity: 0!important
}

.au6P2T .stardust-carousel:hover .stardust-carousel__arrow {
    margin-top: -.78125rem;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.cp3vQp {
    height: 1.875rem;
    width: 1.5rem
}

.RzgLW3 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/rcmd/b3c9562746c271224aa8.png)
}

.ACPdwY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/rcmd/740276d9a00ff0044adb.png)
}

.ACPdwY.CsWEtQ {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/rcmd/f83d399d4c3e098d165e.png)
}

.okr6I7 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/rcmd/c94bde4fe656534d535e.png)
}

.okr6I7.CsWEtQ {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/rcmd/e8481c83838bc373571b.png)
}

.UGq5XV {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/rcmd/06720e49514cbd94b755.png)
}

.ACPdwY,.RzgLW3,.UGq5XV,.okr6I7 {
    background-repeat: no-repeat;
    background-size: 1.5rem 1.875rem
}

.BgsIGy {
    background: linear-gradient(105deg,#eee,#e5e5e5);
    border: 0;
    border-radius: .5rem;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 500;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    width: 2rem
}

.vMzfXH {
    position: relative
}

.vMzfXH img {
    vertical-align: bottom
}

.XoSdl4 {
    visibility: hidden
}

.sTrcRh {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.kijLcL {
    opacity: 0
}

.rBY6Tq {
    opacity: 1;
    transition: opacity .2s ease
}

.c5qqK8 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.qhJpKO .fRrx4v {
    bottom: 0;
    right: 0
}

.fRrx4v,.qhJpKO .fRrx4v {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.fRrx4v {
    height: 100%;
    width: 100%
}

._O6OdC {
    padding: 1.25rem .625rem
}

._O6OdC:focus-visible {
    outline-color: rgba(0,0,0,.87);
    outline-offset: -2px
}

.gla8hm {
    display: flex
}

.Zz3Oqx,.gla8hm {
    position: relative
}

.Zz3Oqx {
    padding-top: 100%;
    width: 100%
}

.Qky79w {
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.Qky79w,.wp7t0i {
    position: absolute;
    width: 100%
}

.wp7t0i {
    background-color: rgba(0,0,0,.26);
    bottom: 0;
    color: #fff;
    height: 1.5625rem;
    left: 0;
    text-align: center
}

.mXocXb,.wp7t0i {
    font-weight: 500;
    line-height: 1.5625rem
}

.mXocXb {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #555;
    font-size: 1.125rem;
    margin-top: 1.25rem;
    text-align: left;
    text-transform: capitalize;
    word-break:
}

.aXWqZc {
    background-size: 2rem 2.5rem;
    height: 2.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2rem;
    z-index: 1
}

.Sk3hO5 {
    display: flex;
    width: 100%
}

.Bd39R4 {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.Bd39R4:last-child {
    border: 0
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-rcmd/_/pcmall-rcmd-home-top-products-module.6fb1e32821c87fa4300a.legacy.css.map*/
.carousel-arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    line-height: 50px;
    margin-top: -25px;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 50%;
    transition: all .1s cubic-bezier(.4,0,.6,1);
    width: 50px
}

.carousel-arrow>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    transition: width .1s cubic-bezier(.4,0,.6,1);
    fill: rgba(0,0,0,.54)
}

.carousel-arrow--prev {
    left: 0
}

.carousel-arrow--next {
    right: 0
}

.carousel-arrow--hint {
    background-color: #fff;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    width: 25px
}

.carousel-arrow--hint>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    height: .625rem;
    width: .625rem;
    fill: currentColor
}

.image-carousel {
    height: 100%;
    position: relative;
    width: 100%
}

.image-carousel__item-list-wrapper {
    height: 100%;
    overflow: hidden;
    touch-action: pan-y
}

.image-carousel__item-list {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.image-carousel__item {
    float: left;
    list-style: none;
    overflow-x: hidden;
    touch-action: pan-y
}

.image-carousel__item--fluid {
    flex: 0 1 auto;
    overflow-x: visible
}

.image-carousel__item>div {
    height: 100%
}

.image-carousel__item a,.image-carousel__item img {
    -webkit-user-drag: none
}

.image-carousel__dots {
    bottom: 1.25rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

.image-carousel__dots--hidden {
    opacity: 0;
    pointer-events: none
}

.image-carousel__dot {
    background-color: rgba(0,0,0,.26);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .625rem;
    width: .625rem
}

.image-carousel__dot:not(:first-child) {
    margin-left: .3125rem
}

.image-carousel__dot--active {
    background-color: #ee4d2d;
    opacity: 1
}

.image-carousel__arrow {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.25rem;
    height: 3.75rem;
    justify-content: center;
    line-height: 3.75rem;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2.1875rem;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

.image-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.image-carousel__arrow--prev {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    left: 0
}

.image-carousel__arrow--next {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    right: 0
}

.stardust-carousel,.stardust-carousel__item-list-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.stardust-carousel__item-list-wrapper {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden
}

.stardust-carousel__item-list {
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: pan-y
}

.stardust-carousel__item {
    align-items: center;
    align-self: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    list-style: none;
    overflow: hidden
}

.stardust-carousel__item-inner-wrapper {
    height: 100%;
    width: 100%
}

.stardust-carousel__item-inner-wrapper--hide {
    display: none
}

.stardust-carousel:hover .stardust-carousel__arrow {
    opacity: 1
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.stardust-carousel__arrow {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.09);
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: inline-flex;
    font-size: 20px;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20px;
    fill: rgba(0,0,0,.87);
    background-color: #fff;
    transition: opacity .3s ease
}

.stardust-carousel__arrow>svg {
    color: #ee4d2d;
    flex: 0 1 auto;
    height: 75%;
    width: 75%
}

.stardust-carousel__arrow:hover {
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow:active {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow--type-2 {
    opacity: 1
}

.stardust-carousel__arrow--prev {
    left: -10px
}

.stardust-carousel__arrow--next {
    right: -10px
}

.stardust-carousel__arrow--disabled>svg {
    fill: rgba(0,0,0,.12)
}

.stardust-carousel__dots {
    bottom: 1rem;
    left: 50%;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    transition: opacity .5s ease;
    width: 100%
}

.stardust-carousel__dot {
    background-color: hsla(0,0%,100%,.4);
    border: 1px solid hsla(0,0%,54%,.4);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .5rem;
    opacity: 1;
    width: .5rem
}

.stardust-carousel__dot:not(:first-child) {
    margin-left: .5rem
}

.stardust-carousel__dot--active {
    background-color: #ee4d2d;
    border-color: #ee4d2d;
    opacity: 1
}

.stardust-carousel__indexing {
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 12.4px;
    bottom: 10px;
    color: rgba(0,0,0,.65);
    color: #000;
    font-size: 14px;
    opacity: .65;
    padding: 3px 10px;
    position: absolute;
    right: 10px
}

.stardust-carousel__tabs {
    align-content: center;
    bottom: 0;
    display: flex;
    height: 30px;
    position: absolute;
    width: 100%
}

.stardust-carousel__tab {
    background-color: hsla(0,0%,100%,.5);
    cursor: pointer;
    flex: 1 0 0;
    font-size: 12px;
    overflow: hidden;
    text-align: center
}

.stardust-carousel__tab--active {
    background-color: #ee4d2d;
    color: #fff
}

.stardust-carousel__tab-name {
    line-height: 30px
}

.shopee-image-placeholder {
    background-color: #fafafa;
    font-size: 3.8125rem;
    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: inherit;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.shopee-image-placeholder>.icon-default-image {
    stroke: #fff
}

.vMzfXH {
    position: relative
}

.vMzfXH img {
    vertical-align: bottom
}

.XoSdl4 {
    visibility: hidden
}

.sTrcRh {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.kijLcL {
    opacity: 0
}

.rBY6Tq {
    opacity: 1;
    transition: opacity .2s ease
}

.c5qqK8 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.qhJpKO .fRrx4v {
    bottom: 0;
    right: 0
}

.fRrx4v,.qhJpKO .fRrx4v {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.fRrx4v {
    height: 100%;
    width: 100%
}

.full-home-banners__main-banner-image,.home-banners__lazy-image {
    padding-top: 29.5%;
    width: 100%
}

.full-home-banners {
    display: flex;
    line-height: 0;
    max-height: 235px;
    min-height: 235px
}

.full-home-banners img {
    object-position: bottom
}

.full-home-banners__main-banner {
    border-radius: .125rem;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    flex-basis: 0;
    flex-grow: 2;
    flex-shrink: 1;
    overflow: hidden
}

.full-home-banners__main-banner .stardust-carousel__item-inner-wrapper {
    display: inline;
    display: initial
}

.full-home-banners__main-banner .stardust-carousel__arrow {
    background-color: rgba(0,0,0,.18);
    border-radius: 0;
    border-radius: initial;
    height: 3.75rem;
    width: 2.1875rem
}

.full-home-banners__main-banner .stardust-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.full-home-banners__main-banner .stardust-carousel__arrow--prev {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    left: 0
}

.full-home-banners__main-banner .stardust-carousel__arrow--next {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    right: 0
}

.full-home-banners__main-banner .stardust-carousel__arrow>svg {
    color: #fff;
    height: 1em;
    width: 1em
}

.full-home-banners__banner-image {
    display: block;
    height: 100%
}

.full-home-banners__banner-image>div {
    display: flex;
    height: 100%
}

.full-home-banners__full-height,.full-home-banners__right-banner-image {
    height: 100%
}

.full-home-banners__right-banner-image {
    background-position: bottom
}

.full-home-banners__light-background {
    background-color: #fafafa
}

.full-home-banners__main-banner-image {
    background-position: bottom
}

.full-home-banners .shopee-image-placeholder {
    padding-top: 29.5%
}

.full-home-banners .shopee-image-placeholder.transparent-bg {
    background-color: initial
}

.full-home-banners__right-wrapper {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    display: flex;
    flex-basis: 0;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    margin-left: .3125rem
}

.full-home-banners__right-wrapper>.shopee-image-placeholder {
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    flex: 1 1 50%;
    overflow: hidden;
    padding-top: 0;
    width: 100%
}

.full-home-banners__right-wrapper>.shopee-image-placeholder:last-child {
    margin-top: .3125rem
}

.full-home-banners__right-banner {
    background-position: 50%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: rgba(0,0,0,.87);
    display: block;
    flex: 1 1 50%;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.full-home-banners__right-banner:first-child {
    border-top-right-radius: 2px;
    overflow: hidden
}

.full-home-banners__right-banner:last-child {
    border-bottom-right-radius: 2px;
    margin-top: .3125rem;
    overflow: hidden
}

.skeleton-base__container-fallback {
    height: 100%;
    width: 100%
}

.skeleton-base__shape {
    height: inherit;
    width: inherit
}

.skeleton-base__shape.skeleton-base__shape-animated {
    -webkit-animation: skeleton__loading 1s ease .2s infinite;
    animation: skeleton__loading 1s ease .2s infinite;
    background-color: #fafafa;
    background-image: linear-gradient(90deg,#fafafa,#f1f0f0 25%,#fafafa 50%);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 200% 100%
}

.skeleton-base__shape.skeleton-base__shape-static {
    background-color: #fafafa
}

.skeleton-base__shape.skeleton-base__shape-rounded {
    border-radius: .125rem
}

.skeleton-base__shape.skeleton-base__shape-circle {
    border-radius: 100%
}

@-webkit-keyframes skeleton__loading {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

@keyframes skeleton__loading {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.rj0STZ {
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    margin: 10px auto 0;
    min-height: 108px;
    width: 1200px
}

.rj0STZ a {
    color: inherit;
    text-decoration: inherit
}

.rj0STZ.lRHW2H {
    flex-wrap: wrap;
    justify-content: normal;
    padding: 16px 0 26px
}

.rj0STZ.lRHW2H a {
    display: flex;
    justify-content: space-around;
    max-width: 25%;
    min-width: 16.66667%
}

.rj0STZ.lRHW2H.pGDqoW a {
    width: 20%
}

.rj0STZ.lRHW2H.Zr5do_ a {
    width: 25%
}

.cTTFzi:hover {
    -webkit-transform: translateY(-.0625rem);
    transform: translateY(-.0625rem)
}

.zi8QWc {
    border-radius: 50%;
    height: 45px;
    width: 45px
}

.UwDOEB {
    margin: 18px auto 8px
}

._01h3D9 {
    display: inline-block;
    margin: 31px 14px 31px 0;
    vertical-align: middle
}

.pphalu {
    color: #222;
    letter-spacing: 0;
    text-align: center
}

.G3DDlv {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .8125rem;
    line-height: .875rem;
    margin-bottom: 8px;
    max-width: 150px;
    word-wrap:;
    overflow: hidden;
    white-space: pre-line
}

.ILDGWZ {
    line-height: 1.1875rem
}

.BhHnmb {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: left;
    vertical-align: middle
}

.oqT_Cc {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 180px;
    word-wrap:;
    overflow: hidden
}

.OHXGwa {
    border-radius: 0;
    height: 100%
}

.SXXVPQ {
    border-radius: 50%
}

.A0Ql1h,.SXXVPQ {
    height: 100%
}

.LRPzMf {
    height: 1.25rem;
    width: 100%
}

.eeKBbm {
    height: .875rem;
    width: 100%
}

.V79p2n {
    display: flex
}

.qMGTKy {
    height: 27rem;
    width: 21.75rem
}

.home-banners {
    line-height: 0;
    margin-left: .625rem
}

.home-banners__top-banner {
    border-radius: .125rem;
    border-top-right-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden
}

.home-banners__banner-image {
    display: block
}

.home-banners__lazy-image {
    padding-top: 29.5%;
    width: 100%
}

.home-banners .shopee-image-placeholder {
    padding-top: 29.5%
}

.home-banners__bottom-wrapper {
    padding-top: .3125rem;
    position: relative
}

.home-banners__bottom-wrapper>.shopee-image-placeholder {
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: inline-block;
    overflow: hidden;
    padding-top: 14.75%;
    width: calc(50% - .15625rem)
}

.home-banners__bottom-wrapper>.shopee-image-placeholder:last-child {
    margin-left: .3125rem
}

.home-banners__bottom-banner {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: .125rem;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: rgba(0,0,0,.87);
    display: block;
    display: inline-block;
    overflow: hidden;
    padding-top: 14.75%;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: calc(50% - .15625rem)
}

.home-banners__bottom-banner:last-child {
    border-bottom-right-radius: 2px;
    margin-left: .3125rem;
    overflow: hidden
}

.category-banners__banner-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-top: 29.16667%;
    width: 100%
}

.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.shopee-header-section--simple {
    padding-top: 1.25rem
}

.shopee-header-section--simple>.shopee-header-section__header:before {
    content: none
}

.shopee-header-section--simple .shopee-header-section__header__title {
    color: rgba(0,0,0,.54);
    font-size: 1rem;
    font-weight: 500
}

.shopee-header-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.shopee-header-section__header:before {
    background-color: #ee4d2d;
    content: "";
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.shopee-header-section__header__title {
    flex: 1;
    font-size: 1.25rem;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section__header-link {
    color: rgba(0,0,0,.87);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-header-section__header .shopee-button-outline {
    background-color: #fff;
    border-color: rgba(0,0,0,.09);
    border-radius: .9375rem;
    color: #ee4d2d;
    height: 1.875rem
}

.shopee-header-section__header .shopee-button-outline--rounded {
    background-color: #fff
}

.shopee-header-section__header .shopee-button-no-outline {
    color: #ee4d2d
}

.shopee-header-section__header .shopee-button-no-outline,.shopee-header-section__header .shopee-button-outline--rounded {
    align-items: center;
    display: flex;
    text-transform: capitalize
}

.shopee-header-section__header .shopee-button-no-outline .icon-arrow-right,.shopee-header-section__header .shopee-button-outline--rounded .icon-arrow-right {
    font-size: .625rem
}

.shopee-header-section__header a {
    color: #ee4d2d;
    -webkit-text-decoration: none!important;
    text-decoration: none!important
}

.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);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    outline: 0;
    text-transform: capitalize
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    max-width: 190px;
    min-width: 60px;
    padding: 0 15px
}

.btn--m {
    height: 40px;
    max-width: 220px;
    min-width: 70px;
    padding: 0 20px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l,.btn--xl {
    max-width: 250px;
    min-width: 80px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + 2px);
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: -1px;
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: -1px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: 1px;
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: -1px;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + 2px);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: initial;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.shopee-mini-page-controller {
    align-items: center;
    display: flex
}

.shopee-mini-page-controller__current {
    color: #ee4d2d
}

.shopee-mini-page-controller__next-btn,.shopee-mini-page-controller__prev-btn {
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    height: 2.125rem;
    width: 2.25rem
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled .shopee-svg-icon,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled .shopee-svg-icon {
    fill: #ccc
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:hover,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:hover {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.shopee-mini-page-controller__next-btn .shopee-svg-icon,.shopee-mini-page-controller__prev-btn .shopee-svg-icon {
    height: .625rem;
    width: .625rem;
    fill: #555;
    margin-top: .125rem
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__next-btn:hover,.shopee-mini-page-controller__prev-btn:active,.shopee-mini-page-controller__prev-btn:hover {
    background: #fdfdfd
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__prev-btn:active {
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-mini-page-controller__prev-btn {
    border-bottom-right-radius: 0;
    border-right: 1px solid #f2f2f2;
    border-top-right-radius: 0;
    margin-left: 1.25rem
}

.shopee-mini-page-controller__next-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-page-controller {
    display: flex;
    justify-content: center
}

.shopee-page-controller .shopee-icon-button {
    border: 0;
    color: rgba(0,0,0,.4);
    height: 1.875rem;
    min-width: 2.5rem
}

.shopee-page-controller .shopee-icon-button .shopee-svg-icon {
    vertical-align: middle
}

.shopee-page-controller .shopee-icon-button--left {
    margin-right: .9375rem;
    text-align: right
}

.shopee-page-controller .shopee-icon-button--right {
    margin-left: .9375rem;
    text-align: left
}

.shopee-page-controller .shopee-button-no-outline {
    color: rgba(0,0,0,.4)
}

.shopee-page-controller .shopee-button-no-outline,.shopee-page-controller .shopee-button-solid {
    font-size: 1.25rem;
    height: 1.875rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    min-width: 2.5rem;
    padding: 0;
    text-align: center
}

.shopee-page-controller .shopee-button-solid {
    color: #fff
}

.shopee-page-controller .shopee-button-no-outline--non-click {
    cursor: auto
}

.shopee-page-controller__ellipses {
    display: inline-block;
    margin: 0
}

.shopee-page-controller--v2 .shopee-icon-button {
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.54);
    height: 1.5rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-icon-button .shopee-svg-icon {
    width: .6875rem
}

.shopee-page-controller--v2 .shopee-icon-button--left {
    margin-right: .625rem
}

.shopee-page-controller--v2 .shopee-icon-button--right {
    margin-left: .625rem
}

.shopee-page-controller--v2 .shopee-button-no-outline {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-button-solid {
    border-radius: .0625rem;
    box-shadow: none;
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

@-webkit-keyframes movement {
    0% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    to {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@keyframes movement {
    0% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    to {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: initial;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    -webkit-animation: movement .4s linear infinite;
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.spinner-container {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1.875rem 0;
    width: 100%
}

.spinner-container .stardust-spinner__main {
    background: transparent
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-rcmd/_/2778.1990490071eb6b61e1f6.legacy.css.map*/
.shopee_ic *,.shopee_ic :after,.shopee_ic :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

.shopee_ic :after,.shopee_ic :before {
    --tw-content: ""
}

.shopee_ic html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4
}

.shopee_ic body {
    line-height: inherit;
    margin: 0
}

.shopee_ic hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

.shopee_ic abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline;
    text-decoration: underline dotted
}

.shopee_ic h1,.shopee_ic h2,.shopee_ic h3,.shopee_ic h4,.shopee_ic h5,.shopee_ic h6 {
    font-size: inherit;
    font-weight: inherit
}

.shopee_ic a {
    color: inherit;
    text-decoration: inherit
}

.shopee_ic b,.shopee_ic strong {
    font-weight: bolder
}

.shopee_ic code,.shopee_ic kbd,.shopee_ic pre,.shopee_ic samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

.shopee_ic small {
    font-size: 80%
}

.shopee_ic sub,.shopee_ic sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.shopee_ic sub {
    bottom: -.25em
}

.shopee_ic sup {
    top: -.5em
}

.shopee_ic table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

.shopee_ic button,.shopee_ic input,.shopee_ic optgroup,.shopee_ic select,.shopee_ic textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.shopee_ic button,.shopee_ic select {
    text-transform: none
}

.shopee_ic [type=button],.shopee_ic [type=reset],.shopee_ic [type=submit],.shopee_ic button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

.shopee_ic :-moz-focusring {
    outline: auto
}

.shopee_ic :-moz-ui-invalid {
    box-shadow: none
}

.shopee_ic progress {
    vertical-align: baseline
}

.shopee_ic ::-webkit-inner-spin-button,.shopee_ic ::-webkit-outer-spin-button {
    height: auto
}

.shopee_ic [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.shopee_ic ::-webkit-search-decoration {
    -webkit-appearance: none
}

.shopee_ic ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.shopee_ic summary {
    display: list-item
}

.shopee_ic blockquote,.shopee_ic dd,.shopee_ic dl,.shopee_ic figure,.shopee_ic h1,.shopee_ic h2,.shopee_ic h3,.shopee_ic h4,.shopee_ic h5,.shopee_ic h6,.shopee_ic hr,.shopee_ic p,.shopee_ic pre {
    margin: 0
}

.shopee_ic fieldset {
    margin: 0;
    padding: 0
}

.shopee_ic legend {
    padding: 0
}

.shopee_ic menu,.shopee_ic ol,.shopee_ic ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.shopee_ic textarea {
    resize: vertical
}

.shopee_ic input::placeholder,.shopee_ic textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

.shopee_ic [role=button],.shopee_ic button {
    cursor: pointer
}

.shopee_ic :disabled {
    cursor: default
}

.shopee_ic audio,.shopee_ic canvas,.shopee_ic embed,.shopee_ic iframe,.shopee_ic img,.shopee_ic object,.shopee_ic svg,.shopee_ic video {
    display: block;
    vertical-align: middle
}

.shopee_ic img,.shopee_ic video {
    height: auto;
    max-width: 100%
}

.shopee_ic [hidden] {
    display: none
}

.shopee_ic *,.shopee_ic :after,.shopee_ic :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.shopee_ic ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.shopee_ic .pointer-events-none {
    pointer-events: none
}

.shopee_ic .fixed {
    position: fixed
}

.shopee_ic .absolute {
    position: absolute
}

.shopee_ic .relative {
    position: relative
}

.shopee_ic .inset-1\/2 {
    bottom: 50%;
    left: 50%;
    right: 50%;
    top: 50%
}

.shopee_ic .inset-y-0 {
    bottom: 0;
    top: 0
}

.shopee_ic .-left-px {
    left: -1px
}

.shopee_ic .bottom-0 {
    bottom: 0
}

.shopee_ic .left-0 {
    left: 0
}

.shopee_ic .right-0 {
    right: 0
}

.shopee_ic .right-2 {
    right: .5rem
}

.shopee_ic .top-0 {
    top: 0
}

.shopee_ic .top-2 {
    top: .5rem
}

.shopee_ic .top-full {
    top: 100%
}

.shopee_ic .z-0 {
    z-index: 0
}

.shopee_ic .z-10 {
    z-index: 10
}

.shopee_ic .z-20 {
    z-index: 20
}

.shopee_ic .z-30 {
    z-index: 30
}

.shopee_ic .z-\[1\] {
    z-index: 1
}

.shopee_ic .mx-0 {
    margin-left: 0;
    margin-right: 0
}

.shopee_ic .mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem
}

.shopee_ic .mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.shopee_ic .mb-1 {
    margin-bottom: .25rem
}

.shopee_ic .mb-2 {
    margin-bottom: .5rem
}

.shopee_ic .mb-\[15px\] {
    margin-bottom: 15px
}

.shopee_ic .ml-0 {
    margin-left: 0
}

.shopee_ic .ml-0\.5 {
    margin-left: .125rem
}

.shopee_ic .ml-1 {
    margin-left: .25rem
}

.shopee_ic .ml-\[-3px\] {
    margin-left: -3px
}

.shopee_ic .ml-\[3px\] {
    margin-left: 3px
}

.shopee_ic .ml-auto {
    margin-left: auto
}

.shopee_ic .mr-0 {
    margin-right: 0
}

.shopee_ic .mr-0\.5 {
    margin-right: .125rem
}

.shopee_ic .mr-1 {
    margin-right: .25rem
}

.shopee_ic .mt-3 {
    margin-top: .75rem
}

.shopee_ic .mt-auto {
    margin-top: auto
}

.shopee_ic .box-border {
    box-sizing: border-box
}

.shopee_ic .box-content {
    box-sizing: content-box
}

.shopee_ic .line-clamp-2 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.shopee_ic .block {
    display: block
}

.shopee_ic .inline-block {
    display: inline-block
}

.shopee_ic .inline {
    display: inline
}

.shopee_ic .flex {
    display: flex
}

.shopee_ic .grid {
    display: grid
}

.shopee_ic .contents {
    display: contents
}

.shopee_ic .hidden {
    display: none
}

.shopee_ic .h-3 {
    height: .75rem
}

.shopee_ic .h-4 {
    height: 1rem
}

.shopee_ic .h-5 {
    height: 1.25rem
}

.shopee_ic .h-8 {
    height: 2rem
}

.shopee_ic .h-\[1\.875rem\] {
    height: 1.875rem
}

.shopee_ic .h-\[3\.75rem\] {
    height: 3.75rem
}

.shopee_ic .h-\[54px\] {
    height: 54px
}

.shopee_ic .h-full {
    height: 100%
}

.shopee_ic .h-sp10 {
    height: .625rem
}

.shopee_ic .h-sp14 {
    height: .875rem
}

.shopee_ic .max-h-5 {
    max-height: 1.25rem
}

.shopee_ic .min-h-\[1\.75rem\] {
    min-height: 1.75rem
}

.shopee_ic .min-h-\[2\.25rem\] {
    min-height: 2.25rem
}

.shopee_ic .min-h-\[2\.5rem\] {
    min-height: 2.5rem
}

.shopee_ic .min-h-\[3\.25rem\] {
    min-height: 3.25rem
}

.shopee_ic .min-h-\[3\.5rem\] {
    min-height: 3.5rem
}

.shopee_ic .min-h-\[4\.5rem\] {
    min-height: 4.5rem
}

.shopee_ic .min-h-\[4rem\] {
    min-height: 4rem
}

.shopee_ic .w-1 {
    width: .25rem
}

.shopee_ic .w-44 {
    width: 11rem
}

.shopee_ic .w-5 {
    width: 1.25rem
}

.shopee_ic .w-6 {
    width: 1.5rem
}

.shopee_ic .w-96 {
    width: 24rem
}

.shopee_ic .w-\[3\.875rem\] {
    width: 3.875rem
}

.shopee_ic .w-\[4\.25rem\] {
    width: 4.25rem
}

.shopee_ic .w-\[54px\] {
    width: 54px
}

.shopee_ic .w-full {
    width: 100%
}

.shopee_ic .min-w-0 {
    min-width: 0
}

.shopee_ic .max-w-\[40\%\] {
    max-width: 40%
}

.shopee_ic .max-w-\[60\%\] {
    max-width: 60%
}

.shopee_ic .max-w-\[calc\(100\%_-_17\.25rem\)\] {
    max-width: calc(100% - 17.25rem)
}

.shopee_ic .max-w-\[calc\(100\%_-_7\.5rem\)\] {
    max-width: calc(100% - 7.5rem)
}

.shopee_ic .max-w-full {
    max-width: 100%
}

.shopee_ic .flex-1 {
    flex: 1 1 0%
}

.shopee_ic .flex-none {
    flex: none
}

.shopee_ic .flex-shrink {
    flex-shrink: 1
}

.shopee_ic .flex-shrink-0,.shopee_ic .shrink-0 {
    flex-shrink: 0
}

.shopee_ic .flex-grow {
    flex-grow: 1
}

.shopee_ic .flex-grow-0,.shopee_ic .grow-0 {
    flex-grow: 0
}

.shopee_ic .-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.shopee_ic .-translate-x-1\/2,.shopee_ic .-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.shopee_ic .rotate-180 {
    --tw-rotate: 180deg
}

.shopee_ic .rotate-180,.shopee_ic .scale-x-50 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .scale-x-50 {
    --tw-scale-x: .5
}

.shopee_ic .transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .cursor-not-allowed {
    cursor: not-allowed
}

.shopee_ic .cursor-pointer {
    cursor: pointer
}

.shopee_ic .grid-cols-\[repeat\(auto-fit\2c 176px\)\] {
    grid-template-columns: repeat(auto-fit,176px)
}

.shopee_ic .flex-row {
    flex-direction: row
}

.shopee_ic .flex-col {
    flex-direction: column
}

.shopee_ic .place-content-center {
    align-content: center;
    justify-content: center;
    place-content: center
}

.shopee_ic .items-start {
    align-items: flex-start
}

.shopee_ic .items-end {
    align-items: flex-end
}

.shopee_ic .items-center {
    align-items: center
}

.shopee_ic .items-baseline {
    align-items: baseline
}

.shopee_ic .justify-start {
    justify-content: flex-start
}

.shopee_ic .justify-center {
    justify-content: center
}

.shopee_ic .justify-between {
    justify-content: space-between
}

.shopee_ic .gap-4 {
    gap: 1rem
}

.shopee_ic .space-x-0>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0px*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.125rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.125rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .self-center {
    align-self: center
}

.shopee_ic .overflow-hidden {
    overflow: hidden
}

.shopee_ic .truncate {
    overflow: hidden;
    white-space: nowrap
}

.shopee_ic .text-ellipsis,.shopee_ic .truncate {
    text-overflow: ellipsis
}

.shopee_ic .whitespace-nowrap {
    white-space: nowrap
}

.shopee_ic .break-words {
    overflow-wrap:
}

.shopee_ic .rounded-\[1px\] {
    border-radius: 1px
}

.shopee_ic .rounded-\[50\%\] {
    border-radius: 50%
}

.shopee_ic .rounded-full {
    border-radius: 9999px
}

.shopee_ic .rounded-md {
    border-radius: .375rem
}

.shopee_ic .rounded-sm {
    border-radius: .125rem
}

.shopee_ic .rounded-bl-sm {
    border-bottom-left-radius: .125rem
}

.shopee_ic .rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.shopee_ic .rounded-tl-sm {
    border-top-left-radius: .125rem
}

.shopee_ic .rounded-tr-sm {
    border-top-right-radius: .125rem
}

.shopee_ic .border {
    border-width: 1px
}

.shopee_ic .border-0 {
    border-width: 0
}

.shopee_ic .border-l {
    border-left-width: 1px
}

.shopee_ic .border-solid {
    border-style: solid
}

.shopee_ic .border-shopee-black26 {
    border-color: rgba(0,0,0,.26)
}

.shopee_ic .border-shopee-black9 {
    border-color: rgba(0,0,0,.09)
}

.shopee_ic .border-shopee-primary {
    --tw-border-opacity: 1;
    border-color: rgba(238,77,45,var(--tw-border-opacity))
}

.shopee_ic .bg-\[\#eb1717\] {
    --tw-bg-opacity: 1;
    background-color: rgba(235,23,23,var(--tw-bg-opacity))
}

.shopee_ic .bg-\[\#ee4d2d5c\] {
    background-color: rgba(238,77,45,.361)
}

.shopee_ic .bg-\[\#ee4d2d\] {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,var(--tw-bg-opacity))
}

.shopee_ic .bg-black\/\[0\.65\] {
    background-color: rgba(0,0,0,.65)
}

.shopee_ic .bg-shopee-black26 {
    background-color: rgba(0,0,0,.26)
}

.shopee_ic .bg-shopee-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(6,107,200,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-deep-red {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-grey {
    --tw-bg-opacity: 1;
    background-color: rgba(250,250,250,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-official-shop {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-pink {
    --tw-bg-opacity: 1;
    background-color: rgba(254,238,234,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-voucher-yellow {
    --tw-bg-opacity: 1;
    background-color: rgba(246,145,19,var(--tw-bg-opacity))
}

.shopee_ic .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.shopee_ic .bg-contain {
    background-size: contain
}

.shopee_ic .bg-cover {
    background-size: cover
}

.shopee_ic .bg-center {
    background-position: 50%
}

.shopee_ic .bg-no-repeat {
    background-repeat: no-repeat
}

.shopee_ic .stroke-none {
    stroke: none
}

.shopee_ic .object-contain {
    object-fit: contain
}

.shopee_ic .p-0 {
    padding: 0
}

.shopee_ic .p-0\.5 {
    padding: .125rem
}

.shopee_ic .p-2 {
    padding: .5rem
}

.shopee_ic .p-5 {
    padding: 1.25rem
}

.shopee_ic .p-\[1px\] {
    padding: 1px
}

.shopee_ic .px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.shopee_ic .px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.shopee_ic .py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.shopee_ic .py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.shopee_ic .py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.shopee_ic .py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.shopee_ic .py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.shopee_ic .pb-1 {
    padding-bottom: .25rem
}

.shopee_ic .pr-1 {
    padding-right: .25rem
}

.shopee_ic .pt-1 {
    padding-top: .25rem
}

.shopee_ic .pt-2 {
    padding-top: .5rem
}

.shopee_ic .pt-full {
    padding-top: 100%
}

.shopee_ic .text-center {
    text-align: center
}

.shopee_ic .align-middle {
    vertical-align: middle
}

.shopee_ic .text-2xl\/9 {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.shopee_ic .text-\[0\.5rem\]\/\[0\.5rem\] {
    font-size: .5rem;
    line-height: .5rem
}

.shopee_ic .text-\[0\.625rem\] {
    font-size: .625rem
}

.shopee_ic .text-\[10px\] {
    font-size: 10px
}

.shopee_ic .text-base\/5 {
    font-size: 1rem;
    line-height: 1.25rem
}

.shopee_ic .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.shopee_ic .text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.shopee_ic .text-sm\/4 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-sm\/\[1\.875rem\] {
    font-size: .875rem;
    line-height: 1.875rem
}

.shopee_ic .text-sm\/sp14 {
    font-size: .875rem;
    line-height: .875rem
}

.shopee_ic .text-sp10,.shopee_ic .text-sp10\/3 {
    font-size: .625rem;
    line-height: .75rem
}

.shopee_ic .text-sp12\/\[40px\] {
    font-size: .75rem;
    line-height: 40px
}

.shopee_ic .text-sp14 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-xl\/5 {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.shopee_ic .text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.shopee_ic .text-xs\/3 {
    font-size: .75rem;
    line-height: .75rem
}

.shopee_ic .text-xs\/5 {
    font-size: .75rem;
    line-height: 1.25rem
}

.shopee_ic .text-xs\/sp14 {
    font-size: .75rem;
    line-height: .875rem
}

.shopee_ic .text-xs\/sp18 {
    font-size: .75rem;
    line-height: 1.125rem
}

.shopee_ic .font-bold {
    font-weight: 700
}

.shopee_ic .font-extralight {
    font-weight: 200
}

.shopee_ic .font-light {
    font-weight: 300
}

.shopee_ic .font-medium {
    font-weight: 500
}

.shopee_ic .font-normal {
    font-weight: 400
}

.shopee_ic .font-thin {
    font-weight: 100
}

.shopee_ic .uppercase {
    text-transform: uppercase
}

.shopee_ic .capitalize {
    text-transform: capitalize
}

.shopee_ic .leading-3 {
    line-height: .75rem
}

.shopee_ic .leading-4 {
    line-height: 1rem
}

.shopee_ic .leading-7 {
    line-height: 1.75rem
}

.shopee_ic .leading-\[14px\] {
    line-height: 14px
}

.shopee_ic .leading-\[16px\] {
    line-height: 16px
}

.shopee_ic .text-\[\#656565\] {
    --tw-text-opacity: 1;
    color: rgba(101,101,101,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-black26 {
    color: rgba(0,0,0,.26)
}

.shopee_ic .text-shopee-black54 {
    color: rgba(0,0,0,.54)
}

.shopee_ic .text-shopee-black87 {
    color: rgba(0,0,0,.87)
}

.shopee_ic .text-shopee-green {
    --tw-text-opacity: 1;
    color: rgba(38,170,153,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-primary {
    --tw-text-opacity: 1;
    color: rgba(238,77,45,var(--tw-text-opacity))
}

.shopee_ic .text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.shopee_ic .line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.shopee_ic .opacity-0 {
    opacity: 0
}

.shopee_ic .opacity-70 {
    opacity: .7
}

.shopee_ic .opacity-\[0\.82\] {
    opacity: .82
}

.shopee_ic .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.shopee_ic .duration-100 {
    transition-duration: .1s
}

.shopee_ic .ease-sharp-motion-curve {
    transition-timing-function: cubic-bezier(.4,0,.6,1)
}

.shopee_ic .before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.shopee_ic .before\:left-1:before {
    content: var(--tw-content);
    left: .25rem
}

.shopee_ic .before\:right-1:before {
    content: var(--tw-content);
    right: .25rem
}

.shopee_ic .before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.shopee_ic .before\:h-px:before {
    content: var(--tw-content);
    height: 1px
}

.shopee_ic .before\:origin-top-left:before {
    content: var(--tw-content);
    transform-origin: top left
}

.shopee_ic .before\:scale-y-50:before {
    --tw-scale-y: .5;
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .before\:bg-current:before {
    background-color: currentColor;
    content: var(--tw-content)
}

.shopee_ic .before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.shopee_ic .after\:absolute:after{content:var(--tw-content);position:absolute}.shopee_ic .after\:bottom-0:after{bottom:0;content:var(--tw-content)}.shopee_ic .after\:left-1:after{content:var(--tw-content);left:.25rem}.shopee_ic .after\:right-1:after{content:var(--tw-content);right:.25rem}.shopee_ic .after\:h-px:after{content:var(--tw-content);height:1px}.shopee_ic .after\:origin-bottom-right:after{content:var(--tw-content);transform-origin:bottom right}.shopee_ic .after\:scale-y-50:after{--tw-scale-y:.5;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shopee_ic .after\:bg-current:after{background-color:currentColor;content:var(--tw-content)}.shopee_ic .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.shopee_ic .last\:mb-0:last-child{margin-bottom:0}.shopee_ic .hover\:z-\[1\]:hover{z-index:1}.shopee_ic .hover\:-translate-y-\[1px\]:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shopee_ic .hover\:cursor-not-allowed:hover{cursor:not-allowed}.shopee_ic .hover\:border-shopee-primary:hover{--tw-border-opacity:1;border-color:rgba(238,77,45,var(--tw-border-opacity))}.shopee_ic .hover\:shadow-hover:hover{--tw-shadow:0 1px 20px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shopee_ic .active\:translate-y-0:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shopee_ic .active\:shadow-active:active{--tw-shadow:0 1px 5px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shopee_ic .group:hover .group-hover\:opacity-100{opacity:1}
/*# sourceMappingURL=https://files.webfe..shopee.io/modules-federation/bundle/0/shopee__item-card-s-mart-v2/pc/0.1.11.js.map*/.shopee_ic *,.shopee_ic :after,.shopee_ic :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

.shopee_ic :after,.shopee_ic :before {
    --tw-content: ""
}

.shopee_ic html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4
}

.shopee_ic body {
    line-height: inherit;
    margin: 0
}

.shopee_ic hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

.shopee_ic abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline;
    text-decoration: underline dotted
}

.shopee_ic h1,.shopee_ic h2,.shopee_ic h3,.shopee_ic h4,.shopee_ic h5,.shopee_ic h6 {
    font-size: inherit;
    font-weight: inherit
}

.shopee_ic a {
    color: inherit;
    text-decoration: inherit
}

.shopee_ic b,.shopee_ic strong {
    font-weight: bolder
}

.shopee_ic code,.shopee_ic kbd,.shopee_ic pre,.shopee_ic samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

.shopee_ic small {
    font-size: 80%
}

.shopee_ic sub,.shopee_ic sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.shopee_ic sub {
    bottom: -.25em
}

.shopee_ic sup {
    top: -.5em
}

.shopee_ic table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

.shopee_ic button,.shopee_ic input,.shopee_ic optgroup,.shopee_ic select,.shopee_ic textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.shopee_ic button,.shopee_ic select {
    text-transform: none
}

.shopee_ic [type=button],.shopee_ic [type=reset],.shopee_ic [type=submit],.shopee_ic button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

.shopee_ic :-moz-focusring {
    outline: auto
}

.shopee_ic :-moz-ui-invalid {
    box-shadow: none
}

.shopee_ic progress {
    vertical-align: baseline
}

.shopee_ic ::-webkit-inner-spin-button,.shopee_ic ::-webkit-outer-spin-button {
    height: auto
}

.shopee_ic [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.shopee_ic ::-webkit-search-decoration {
    -webkit-appearance: none
}

.shopee_ic ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.shopee_ic summary {
    display: list-item
}

.shopee_ic blockquote,.shopee_ic dd,.shopee_ic dl,.shopee_ic figure,.shopee_ic h1,.shopee_ic h2,.shopee_ic h3,.shopee_ic h4,.shopee_ic h5,.shopee_ic h6,.shopee_ic hr,.shopee_ic p,.shopee_ic pre {
    margin: 0
}

.shopee_ic fieldset {
    margin: 0;
    padding: 0
}

.shopee_ic legend {
    padding: 0
}

.shopee_ic menu,.shopee_ic ol,.shopee_ic ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.shopee_ic textarea {
    resize: vertical
}

.shopee_ic input::placeholder,.shopee_ic textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

.shopee_ic [role=button],.shopee_ic button {
    cursor: pointer
}

.shopee_ic :disabled {
    cursor: default
}

.shopee_ic audio,.shopee_ic canvas,.shopee_ic embed,.shopee_ic iframe,.shopee_ic img,.shopee_ic object,.shopee_ic svg,.shopee_ic video {
    display: block;
    vertical-align: middle
}

.shopee_ic img,.shopee_ic video {
    height: auto;
    max-width: 100%
}

.shopee_ic [hidden] {
    display: none
}

.shopee_ic *,.shopee_ic :after,.shopee_ic :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.shopee_ic ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.shopee_ic .pointer-events-none {
    pointer-events: none
}

.shopee_ic .fixed {
    position: fixed
}

.shopee_ic .absolute {
    position: absolute
}

.shopee_ic .relative {
    position: relative
}

.shopee_ic .inset-1\/2 {
    bottom: 50%;
    left: 50%;
    right: 50%;
    top: 50%
}

.shopee_ic .inset-y-0 {
    bottom: 0;
    top: 0
}

.shopee_ic .-left-px {
    left: -1px
}

.shopee_ic .bottom-0 {
    bottom: 0
}

.shopee_ic .left-0 {
    left: 0
}

.shopee_ic .right-0 {
    right: 0
}

.shopee_ic .right-2 {
    right: .5rem
}

.shopee_ic .top-0 {
    top: 0
}

.shopee_ic .top-2 {
    top: .5rem
}

.shopee_ic .top-full {
    top: 100%
}

.shopee_ic .z-0 {
    z-index: 0
}

.shopee_ic .z-10 {
    z-index: 10
}

.shopee_ic .z-20 {
    z-index: 20
}

.shopee_ic .z-30 {
    z-index: 30
}

.shopee_ic .z-\[1\] {
    z-index: 1
}

.shopee_ic .mx-0 {
    margin-left: 0;
    margin-right: 0
}

.shopee_ic .mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem
}

.shopee_ic .mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.shopee_ic .mb-1 {
    margin-bottom: .25rem
}

.shopee_ic .mb-2 {
    margin-bottom: .5rem
}

.shopee_ic .mb-\[15px\] {
    margin-bottom: 15px
}

.shopee_ic .ml-0 {
    margin-left: 0
}

.shopee_ic .ml-0\.5 {
    margin-left: .125rem
}

.shopee_ic .ml-1 {
    margin-left: .25rem
}

.shopee_ic .ml-\[-3px\] {
    margin-left: -3px
}

.shopee_ic .ml-\[3px\] {
    margin-left: 3px
}

.shopee_ic .ml-auto {
    margin-left: auto
}

.shopee_ic .mr-0 {
    margin-right: 0
}

.shopee_ic .mr-0\.5 {
    margin-right: .125rem
}

.shopee_ic .mr-1 {
    margin-right: .25rem
}

.shopee_ic .mt-3 {
    margin-top: .75rem
}

.shopee_ic .mt-auto {
    margin-top: auto
}

.shopee_ic .box-border {
    box-sizing: border-box
}

.shopee_ic .box-content {
    box-sizing: content-box
}

.shopee_ic .line-clamp-2 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.shopee_ic .block {
    display: block
}

.shopee_ic .inline-block {
    display: inline-block
}

.shopee_ic .inline {
    display: inline
}

.shopee_ic .flex {
    display: flex
}

.shopee_ic .grid {
    display: grid
}

.shopee_ic .contents {
    display: contents
}

.shopee_ic .hidden {
    display: none
}

.shopee_ic .h-3 {
    height: .75rem
}

.shopee_ic .h-4 {
    height: 1rem
}

.shopee_ic .h-5 {
    height: 1.25rem
}

.shopee_ic .h-8 {
    height: 2rem
}

.shopee_ic .h-\[1\.875rem\] {
    height: 1.875rem
}

.shopee_ic .h-\[3\.75rem\] {
    height: 3.75rem
}

.shopee_ic .h-\[54px\] {
    height: 54px
}

.shopee_ic .h-full {
    height: 100%
}

.shopee_ic .h-sp10 {
    height: .625rem
}

.shopee_ic .h-sp14 {
    height: .875rem
}

.shopee_ic .max-h-5 {
    max-height: 1.25rem
}

.shopee_ic .min-h-\[1\.75rem\] {
    min-height: 1.75rem
}

.shopee_ic .min-h-\[2\.25rem\] {
    min-height: 2.25rem
}

.shopee_ic .min-h-\[2\.5rem\] {
    min-height: 2.5rem
}

.shopee_ic .min-h-\[3\.25rem\] {
    min-height: 3.25rem
}

.shopee_ic .min-h-\[3\.5rem\] {
    min-height: 3.5rem
}

.shopee_ic .min-h-\[4\.5rem\] {
    min-height: 4.5rem
}

.shopee_ic .min-h-\[4rem\] {
    min-height: 4rem
}

.shopee_ic .w-1 {
    width: .25rem
}

.shopee_ic .w-44 {
    width: 11rem
}

.shopee_ic .w-5 {
    width: 1.25rem
}

.shopee_ic .w-6 {
    width: 1.5rem
}

.shopee_ic .w-96 {
    width: 24rem
}

.shopee_ic .w-\[3\.875rem\] {
    width: 3.875rem
}

.shopee_ic .w-\[4\.25rem\] {
    width: 4.25rem
}

.shopee_ic .w-\[54px\] {
    width: 54px
}

.shopee_ic .w-full {
    width: 100%
}

.shopee_ic .min-w-0 {
    min-width: 0
}

.shopee_ic .max-w-\[40\%\] {
    max-width: 40%
}

.shopee_ic .max-w-\[60\%\] {
    max-width: 60%
}

.shopee_ic .max-w-\[calc\(100\%_-_17\.25rem\)\] {
    max-width: calc(100% - 17.25rem)
}

.shopee_ic .max-w-\[calc\(100\%_-_7\.5rem\)\] {
    max-width: calc(100% - 7.5rem)
}

.shopee_ic .max-w-full {
    max-width: 100%
}

.shopee_ic .flex-1 {
    flex: 1 1 0%
}

.shopee_ic .flex-none {
    flex: none
}

.shopee_ic .flex-shrink {
    flex-shrink: 1
}

.shopee_ic .flex-shrink-0,.shopee_ic .shrink-0 {
    flex-shrink: 0
}

.shopee_ic .flex-grow {
    flex-grow: 1
}

.shopee_ic .flex-grow-0,.shopee_ic .grow-0 {
    flex-grow: 0
}

.shopee_ic .-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.shopee_ic .-translate-x-1\/2,.shopee_ic .-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.shopee_ic .rotate-180 {
    --tw-rotate: 180deg
}

.shopee_ic .rotate-180,.shopee_ic .scale-x-50 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .scale-x-50 {
    --tw-scale-x: .5
}

.shopee_ic .transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .cursor-not-allowed {
    cursor: not-allowed
}

.shopee_ic .cursor-pointer {
    cursor: pointer
}

.shopee_ic .grid-cols-\[repeat\(auto-fit\2c 176px\)\] {
    grid-template-columns: repeat(auto-fit,176px)
}

.shopee_ic .flex-row {
    flex-direction: row
}

.shopee_ic .flex-col {
    flex-direction: column
}

.shopee_ic .place-content-center {
    align-content: center;
    justify-content: center;
    place-content: center
}

.shopee_ic .items-start {
    align-items: flex-start
}

.shopee_ic .items-end {
    align-items: flex-end
}

.shopee_ic .items-center {
    align-items: center
}

.shopee_ic .items-baseline {
    align-items: baseline
}

.shopee_ic .justify-start {
    justify-content: flex-start
}

.shopee_ic .justify-center {
    justify-content: center
}

.shopee_ic .justify-between {
    justify-content: space-between
}

.shopee_ic .gap-4 {
    gap: 1rem
}

.shopee_ic .space-x-0>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0px*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.125rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.125rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.shopee_ic .space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.shopee_ic .self-center {
    align-self: center
}

.shopee_ic .overflow-hidden {
    overflow: hidden
}

.shopee_ic .truncate {
    overflow: hidden;
    white-space: nowrap
}

.shopee_ic .text-ellipsis,.shopee_ic .truncate {
    text-overflow: ellipsis
}

.shopee_ic .whitespace-nowrap {
    white-space: nowrap
}

.shopee_ic .break-words {
    overflow-wrap:
}

.shopee_ic .rounded-\[1px\] {
    border-radius: 1px
}

.shopee_ic .rounded-\[50\%\] {
    border-radius: 50%
}

.shopee_ic .rounded-full {
    border-radius: 9999px
}

.shopee_ic .rounded-md {
    border-radius: .375rem
}

.shopee_ic .rounded-sm {
    border-radius: .125rem
}

.shopee_ic .rounded-bl-sm {
    border-bottom-left-radius: .125rem
}

.shopee_ic .rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.shopee_ic .rounded-tl-sm {
    border-top-left-radius: .125rem
}

.shopee_ic .rounded-tr-sm {
    border-top-right-radius: .125rem
}

.shopee_ic .border {
    border-width: 1px
}

.shopee_ic .border-0 {
    border-width: 0
}

.shopee_ic .border-l {
    border-left-width: 1px
}

.shopee_ic .border-solid {
    border-style: solid
}

.shopee_ic .border-shopee-black26 {
    border-color: rgba(0,0,0,.26)
}

.shopee_ic .border-shopee-black9 {
    border-color: rgba(0,0,0,.09)
}

.shopee_ic .border-shopee-primary {
    --tw-border-opacity: 1;
    border-color: rgba(238,77,45,var(--tw-border-opacity))
}

.shopee_ic .bg-\[\#eb1717\] {
    --tw-bg-opacity: 1;
    background-color: rgba(235,23,23,var(--tw-bg-opacity))
}

.shopee_ic .bg-\[\#ee4d2d5c\] {
    background-color: rgba(238,77,45,.361)
}

.shopee_ic .bg-\[\#ee4d2d\] {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,var(--tw-bg-opacity))
}

.shopee_ic .bg-black\/\[0\.65\] {
    background-color: rgba(0,0,0,.65)
}

.shopee_ic .bg-shopee-black26 {
    background-color: rgba(0,0,0,.26)
}

.shopee_ic .bg-shopee-blue {
    --tw-bg-opacity: 1;
    background-color: rgba(6,107,200,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-deep-red {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-grey {
    --tw-bg-opacity: 1;
    background-color: rgba(250,250,250,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-official-shop {
    --tw-bg-opacity: 1;
    background-color: rgba(208,1,27,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-pink {
    --tw-bg-opacity: 1;
    background-color: rgba(254,238,234,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-primary {
    --tw-bg-opacity: 1;
    background-color: rgba(238,77,45,var(--tw-bg-opacity))
}

.shopee_ic .bg-shopee-voucher-yellow {
    --tw-bg-opacity: 1;
    background-color: rgba(246,145,19,var(--tw-bg-opacity))
}

.shopee_ic .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.shopee_ic .bg-contain {
    background-size: contain
}

.shopee_ic .bg-cover {
    background-size: cover
}

.shopee_ic .bg-center {
    background-position: 50%
}

.shopee_ic .bg-no-repeat {
    background-repeat: no-repeat
}

.shopee_ic .stroke-none {
    stroke: none
}

.shopee_ic .object-contain {
    object-fit: contain
}

.shopee_ic .p-0 {
    padding: 0
}

.shopee_ic .p-0\.5 {
    padding: .125rem
}

.shopee_ic .p-2 {
    padding: .5rem
}

.shopee_ic .p-5 {
    padding: 1.25rem
}

.shopee_ic .p-\[1px\] {
    padding: 1px
}

.shopee_ic .px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.shopee_ic .px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.shopee_ic .py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.shopee_ic .py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.shopee_ic .py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.shopee_ic .py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.shopee_ic .py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.shopee_ic .pb-1 {
    padding-bottom: .25rem
}

.shopee_ic .pr-1 {
    padding-right: .25rem
}

.shopee_ic .pt-1 {
    padding-top: .25rem
}

.shopee_ic .pt-2 {
    padding-top: .5rem
}

.shopee_ic .pt-full {
    padding-top: 100%
}

.shopee_ic .text-center {
    text-align: center
}

.shopee_ic .align-middle {
    vertical-align: middle
}

.shopee_ic .text-2xl\/9 {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.shopee_ic .text-\[0\.5rem\]\/\[0\.5rem\] {
    font-size: .5rem;
    line-height: .5rem
}

.shopee_ic .text-\[0\.625rem\] {
    font-size: .625rem
}

.shopee_ic .text-\[10px\] {
    font-size: 10px
}

.shopee_ic .text-base\/5 {
    font-size: 1rem;
    line-height: 1.25rem
}

.shopee_ic .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.shopee_ic .text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.shopee_ic .text-sm\/4 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-sm\/\[1\.875rem\] {
    font-size: .875rem;
    line-height: 1.875rem
}

.shopee_ic .text-sm\/sp14 {
    font-size: .875rem;
    line-height: .875rem
}

.shopee_ic .text-sp10,.shopee_ic .text-sp10\/3 {
    font-size: .625rem;
    line-height: .75rem
}

.shopee_ic .text-sp12\/\[40px\] {
    font-size: .75rem;
    line-height: 40px
}

.shopee_ic .text-sp14 {
    font-size: .875rem;
    line-height: 1rem
}

.shopee_ic .text-xl\/5 {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.shopee_ic .text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.shopee_ic .text-xs\/3 {
    font-size: .75rem;
    line-height: .75rem
}

.shopee_ic .text-xs\/5 {
    font-size: .75rem;
    line-height: 1.25rem
}

.shopee_ic .text-xs\/sp14 {
    font-size: .75rem;
    line-height: .875rem
}

.shopee_ic .text-xs\/sp18 {
    font-size: .75rem;
    line-height: 1.125rem
}

.shopee_ic .font-bold {
    font-weight: 700
}

.shopee_ic .font-extralight {
    font-weight: 200
}

.shopee_ic .font-light {
    font-weight: 300
}

.shopee_ic .font-medium {
    font-weight: 500
}

.shopee_ic .font-normal {
    font-weight: 400
}

.shopee_ic .font-thin {
    font-weight: 100
}

.shopee_ic .uppercase {
    text-transform: uppercase
}

.shopee_ic .capitalize {
    text-transform: capitalize
}

.shopee_ic .leading-3 {
    line-height: .75rem
}

.shopee_ic .leading-4 {
    line-height: 1rem
}

.shopee_ic .leading-7 {
    line-height: 1.75rem
}

.shopee_ic .leading-\[14px\] {
    line-height: 14px
}

.shopee_ic .leading-\[16px\] {
    line-height: 16px
}

.shopee_ic .text-\[\#656565\] {
    --tw-text-opacity: 1;
    color: rgba(101,101,101,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-black26 {
    color: rgba(0,0,0,.26)
}

.shopee_ic .text-shopee-black54 {
    color: rgba(0,0,0,.54)
}

.shopee_ic .text-shopee-black87 {
    color: rgba(0,0,0,.87)
}

.shopee_ic .text-shopee-green {
    --tw-text-opacity: 1;
    color: rgba(38,170,153,var(--tw-text-opacity))
}

.shopee_ic .text-shopee-primary {
    --tw-text-opacity: 1;
    color: rgba(238,77,45,var(--tw-text-opacity))
}

.shopee_ic .text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.shopee_ic .line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.shopee_ic .opacity-0 {
    opacity: 0
}

.shopee_ic .opacity-70 {
    opacity: .7
}

.shopee_ic .opacity-\[0\.82\] {
    opacity: .82
}

.shopee_ic .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.shopee_ic .duration-100 {
    transition-duration: .1s
}

.shopee_ic .ease-sharp-motion-curve {
    transition-timing-function: cubic-bezier(.4,0,.6,1)
}

.shopee_ic .before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.shopee_ic .before\:left-1:before {
    content: var(--tw-content);
    left: .25rem
}

.shopee_ic .before\:right-1:before {
    content: var(--tw-content);
    right: .25rem
}

.shopee_ic .before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.shopee_ic .before\:h-px:before {
    content: var(--tw-content);
    height: 1px
}

.shopee_ic .before\:origin-top-left:before {
    content: var(--tw-content);
    transform-origin: top left
}

.shopee_ic .before\:scale-y-50:before {
    --tw-scale-y: .5;
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.shopee_ic .before\:bg-current:before {
    background-color: currentColor;
    content: var(--tw-content)
}

.shopee_ic .before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.shopee_ic .after\:absolute:after{content:var(--tw-content);position:absolute}.shopee_ic .after\:bottom-0:after{bottom:0;content:var(--tw-content)}.shopee_ic .after\:left-1:after{content:var(--tw-content);left:.25rem}.shopee_ic .after\:right-1:after{content:var(--tw-content);right:.25rem}.shopee_ic .after\:h-px:after{content:var(--tw-content);height:1px}.shopee_ic .after\:origin-bottom-right:after{content:var(--tw-content);transform-origin:bottom right}.shopee_ic .after\:scale-y-50:after{--tw-scale-y:.5;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shopee_ic .after\:bg-current:after{background-color:currentColor;content:var(--tw-content)}.shopee_ic .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.shopee_ic .last\:mb-0:last-child{margin-bottom:0}.shopee_ic .hover\:z-\[1\]:hover{z-index:1}.shopee_ic .hover\:-translate-y-\[1px\]:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shopee_ic .hover\:cursor-not-allowed:hover{cursor:not-allowed}.shopee_ic .hover\:border-shopee-primary:hover{--tw-border-opacity:1;border-color:rgba(238,77,45,var(--tw-border-opacity))}.shopee_ic .hover\:shadow-hover:hover{--tw-shadow:0 1px 20px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shopee_ic .active\:translate-y-0:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.shopee_ic .active\:shadow-active:active{--tw-shadow:0 1px 5px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shopee_ic .group:hover .group-hover\:opacity-100{opacity:1}
/*# sourceMappingURL=https://files.webfe..shopee.io/modules-federation/bundle/0/shopee__item-card-s-mart-v2/pc/0.1.11.js.map*/



.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.hD2Y0w {
    left: 0;
    position: absolute;
    top: 0
}

.wpcUJb {
    width: 3.625rem
}

.EapB0m {
    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
}

.f4W0Nx {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.d4PqHM {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.NpMZAS {
    padding-right: 2.4375rem
}

.f2QWKz {
    align-items: center;
    display: flex;
    flex-direction: column
}

.uu1ye7 {
    margin-bottom: .6875rem;
    overflow: hidden
}

.y7gXed {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.EGtL_w,.uZnObp {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.EGtL_w {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.uZnObp {
    background-size: 100%
}

.KxGoKs {
    align-items: center;
    display: flex
}

.ko5EyI,.pS6dAg {
    height: 1rem;
    padding: .1875rem
}

.zvDtEA.EapB0m {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.zvDtEA .f4W0Nx {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.zvDtEA .EGtL_w {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.zvDtEA .uZnObp {
    height: 2.1875rem;
    width: 6.6875rem
}

.zvDtEA .MJox0R {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.zvDtEA .NpMZAS {
    padding-right: 1.4375rem
}

.zvDtEA .f2QWKz {
    justify-content: center
}

.zvDtEA .y7gXed {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.zvDtEA .uu1ye7 {
    margin-bottom: -.25rem
}

.zvDtEA .B_hELM,.zvDtEA .ko5EyI,.zvDtEA .pS6dAg {
    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
}

.zvDtEA .B_hELM {
    margin-right: 0
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.aFFnrT {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

._3sjFp {
    align-items: center;
    border-radius: .125rem;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

.Re56EB {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.gOoSPx {
    color: #222;
    font-size: 1rem;
    text-align: center
}

.idLK2l {
    height: 15px
}

.EtYbJs,.idLK2l {
    white-space: nowrap
}

.EtYbJs {
    color: rgba(0,0,0,.87);
    color: #05a;
    font-size: 13px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.theme--s-mart .EtYbJs {
    color: #066bc8
}

.EtYbJs:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.R7vGdX {
    color: #05a;
    font-size: 14px
}

.EB95ts {
    height: 10px;
    margin: 0 5px;
    width: 10px
}

.oh0Xh2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TYHGxr {
    background-repeat: no-repeat;
    height: 2.25rem;
    width: 100%
}

@keyframes second-ten {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(0)
    }

    16.66% {
        transform: translateY(-17px)
    }

    31.66% {
        transform: translateY(-17px)
    }

    33.33% {
        transform: translateY(-34px)
    }

    48.33% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    65% {
        transform: translateY(-51px)
    }

    66.66% {
        transform: translateY(-68px)
    }

    81.66% {
        transform: translateY(-68px)
    }

    83.33% {
        transform: translateY(-85px)
    }

    98.33% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes second-digit {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes minute-ten {
    0% {
        transform: translateY(0)
    }

    16.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-17px)
    }

    33.305555% {
        transform: translateY(-17px)
    }

    33.333333% {
        transform: translateY(-34px)
    }

    49.972222% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    66.638888% {
        transform: translateY(-51px)
    }

    66.666666% {
        transform: translateY(-68px)
    }

    83.305555% {
        transform: translateY(-68px)
    }

    83.333333% {
        transform: translateY(-85px)
    }

    99.972222% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes minute-digit {
    0% {
        transform: translateY(0)
    }

    9.833% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.833% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.833% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.833% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.833% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.833% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.833% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.833% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.833% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.833% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-hundred {
    0% {
        transform: translateY(0)
    }

    9.999972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.999972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.999972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.999972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.999972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.999972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.999972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.999972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.999972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.999972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-ten {
    0% {
        transform: translateY(0)
    }

    9.99972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.99972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.99972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.99972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.99972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.99972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.99972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.99972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.99972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.99972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-digit {
    0% {
        transform: translateY(0)
    }

    9.9972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.9972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.9972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.9972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.9972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.9972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.9972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.9972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.9972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.9972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

.shopee-countdown-timer {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #000;
    cursor: default;
    display: flex
}

.shopee-countdown-timer__colon {
    background-position-y: 3px;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    height: 17px;
    margin: 0 2px;
    text-align: center;
    width: 3px
}

.shopee-countdown-timer__colon--flashing-off {
    opacity: 0
}

.shopee-countdown-timer__number {
    background: currentColor;
    border-radius: 2px;
    box-sizing: content-box;
    display: flex;
    font-size: 19px;
    height: 17px;
    justify-content: space-around;
    line-height: 20px;
    margin-bottom: 4px;
    min-width: 20px;
    overflow: hidden;
    padding: 1px 3px;
    text-align: center
}

.shopee-countdown-timer__number__deca,.shopee-countdown-timer__number__hexa {
    display: inline-block;
    height: 187px;
    overflow: hidden;
    width: 9px
}

.shopee-countdown-timer__number__deca--second {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: second-digit
}

.shopee-countdown-timer__number__hexa--second {
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-name: second-ten
}

.shopee-countdown-timer__number__deca--minute {
    animation-duration: 600s;
    animation-iteration-count: infinite;
    animation-name: minute-digit
}

.shopee-countdown-timer__number__hexa--minute {
    animation-duration: 3600s;
    animation-iteration-count: infinite;
    animation-name: minute-ten
}

.shopee-countdown-timer__number__deca--hour {
    animation-duration: 36000s;
    animation-iteration-count: infinite;
    animation-name: hour-digit
}

.shopee-countdown-timer__number__hexa--hour {
    animation-duration: 360000s;
    animation-iteration-count: infinite;
    animation-name: hour-ten
}

.shopee-countdown-timer__number__hund--hour {
    animation-duration: 3600000s;
    animation-iteration-count: infinite;
    animation-name: hour-hundred
}

.shopee-countdown-timer__number__item {
    height: 17px;
    position: relative;
    width: 9px
}

.shopee-countdown-timer__number__item svg {
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 17px;
    fill: #fff;
    stroke: #fff;
    overflow: visible
}

.colon-dot {
    background: currentColor;
    border-radius: 100%;
    height: 3px;
    left: 0;
    position: absolute;
    top: 10%;
    width: 3px
}

.colon-dot__wrapper {
    height: 50%;
    position: relative;
    width: 100%
}

.x7M8PV {
    align-items: center;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4323ad4dc2b3c72d0474.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    display: flex;
    height: 2.25rem;
    margin-top: .625rem;
    padding: 0 1.25rem
}

.x7M8PV .BYTod0 {
    margin-bottom: 0
}

.QYq0yX {
    height: 1.3125rem;
    object-fit: contain;
    object-position: center;
    width: 7.625rem
}

.Er7dmT {
    border: 1px solid #fff;
    border-radius: .0625rem;
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    margin-left: .9375rem;
    padding: .125rem .25rem
}

.meXFK1 {
    margin-left: auto;
    margin-right: .375rem
}

.rchvXw {
    font-weight: lighter;
    margin-right: .625rem;
    text-transform: uppercase
}

.oc36a7 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 2.75rem;
    max-width: 41.5625rem;
    padding-right: .9375rem
}

.p9zkFm {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.K2ZHLr {
    text-align: right;
    width: 100%
}

.QjMzan {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/6a5b16e354493609ddfe.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    font-size: 1rem;
    height: 36px;
    margin-top: .625rem;
    padding: 0 20px
}

.MuD8h4 {
    display: flex;
    font-size: 1.25rem;
    margin-right: .625rem
}

.L1_lX8 {
    text-align: right
}

.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
}

.btn-tinted,.btn.btn-tinted {
    background: rgba(255,87,34,.1);
    background: var(--brand-primary-light-color);
    border: 1px solid var(--brand-primary-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
}

.fnrLi4 {
    padding-left: 20px
}

.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
}

.RFtB8m {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 40px;
    padding: 0 15px
}

.RFtB8m:hover {
    cursor: pointer
}

.FIA9aM {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.pPGzNd {
    flex-shrink: 0;
    margin-right: 15px;
    max-height: 23px;
    max-width: 23px
}

.Ug6OeI {
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.px0yxd {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.fwuod7 {
    width: 66%
}

.ED51uK {
    font-weight: 500
}

.FQtUZP .o1D7nV {
    margin-right: 20px
}

.FQtUZP .KzKhX4 {
    font-weight: 500;
    margin-right: 2px
}

.FQtUZP .mC_csS {
    text-align: right
}

.u5Ij85 {
    opacity: .26
}

.R0yvAP {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 623px
}

.M4EZyL {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.R0yvAP .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

.prk9tO {
    min-height: 170px;
    width: 415px
}

.IF6ojx {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.j3SBEG {
    height: 360px;
    min-height: 0;
    padding: 0 30px 15px 15px
}

.qm6QLV {
    margin-left: 15px
}

.nHfAeP {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.TGiOM5 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 210px
}

.VFYEsP {
    padding-left: 20px
}

.hN1SOV {
    color: #333;
    margin-top: 20px
}

.jpxGdf {
    font-weight: 500
}

.SmGBM4 {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin: 0 30px 30px;
    width: 355px
}

.zIkywd {
    color: #333;
    line-height: 20px
}

.SSfI1U {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.SSfI1U .HjXj5I {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.KrtGbA {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

.oHWDGJ {
    margin-top: .9375rem
}

.Bf9ap6 {
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: -1000
}

.OgBXec {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 48px;
    padding: 0 12px
}

.OgBXec:hover {
    cursor: pointer
}

.HCI5LA {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.HkXJEX {
    font-size: 14px;
    margin-right: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.FCPqX3 {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.qwFJmq {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: .75rem;
    width: 5.875rem
}

.oAzNCW {
    width: 1.5rem
}

.H7bAjF {
    margin-top: .5rem;
    text-align: center
}

.Meg1Qh {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 794px
}

.QD7cFW {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.Meg1Qh .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

._0CFs8 {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.aOjCJj {
    height: 360px;
    min-height: 0;
    padding: 0 0 15px 15px
}

.rtRdUY {
    margin-left: 15px
}

.iJK0vB {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.ZWrHF4 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 260px
}

.vBGbBf {
    padding-left: 20px
}

.RDvi79 {
    color: #333;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.C_ZJMe {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.C_ZJMe .Uua34d {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.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;
    text-transform: capitalize;
    width: 110px
}

.GwcqEE,.WByRAC {
    height: 9px;
    margin-left: 6px
}

.rphiJ1 {
    box-sizing: border-box;
    padding: 30px 30px 20px;
    text-transform: capitalize;
    width: 350px
}

.U2D2mH {
    color: #222;
    font-size: 20px
}

.GbmMWt {
    color: #929292;
    margin-top: 30px
}

.P1Ozlo:first-child {
    width: 30%
}

.P1Ozlo:nth-child(2),.P1Ozlo:nth-child(3) {
    width: 35%
}

.fUtVgS {
    color: #222;
    width: 30%
}

._wnmWC {
    color: #ee4d2d;
    width: 35%
}

.izNOwG {
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 35%
}

.YCB1KC {
    margin-top: 25px
}

.iCq3ef {
    flex-direction: row-reverse;
    margin-top: 45px
}

.NtkrDO {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 22px;
    max-height: 200px;
    padding: 20px;
    width: 300px;
    word-wrap:;
    overflow: auto;
    text-align: left
}

.NtkrDO a {
    color: #05a
}

.gdYMVU {
    height: 14px;
    width: 14px
}

.y5xqvT {
    align-items: center;
    display: flex;
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.d_wQcV {
    width: 20px
}

.iDZfa6 {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.Y04pHP {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.HICLAp {
    width: 20px
}

.w2GEso {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.YyI58r {
    color: rgba(0,0,0,.87);
    line-height: 1.25rem;
    margin-top: .75rem
}

.SFi5Vg,.YyI58r {
    font-size: .875rem
}

.SFi5Vg {
    cursor: default;
    display: flex;
    flex-direction: column;
    margin: .75rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 28.625rem
}

.n9FCgW {
    align-items: flex-start;
    display: flex
}

.Xf1wi6 {
    font-weight: 500;
    max-width: 33.3%;
    padding-right: .625rem
}

.DbbHsV,.Xf1wi6 {
    display: -webkit-box;
    font-size: .875rem;
    line-height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.DbbHsV {
    margin-left: auto;
    max-width: 66%
}

.N1S9ia {
    color: rgba(0,0,0,.26);
    margin-right: 2px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.N1S9ia,.kVeRiB {
    display: inline-block
}

.kVeRiB {
    color: #ee4d2d
}

.kVeRiB:only-child {
    color: rgba(0,0,0,.87)
}

.dl9jlo {
    margin-top: .5rem
}

.VJJeDm,.dl9jlo {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.VJJeDm {
    display: inline-block;
    margin-top: .4375rem;
    white-space: 
}

.YULpJb {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-top: .625rem
}

.pl-promotion {
    flex: 0 1 auto
}

.SFi5Vg+.SFi5Vg {
    padding-top: .625rem
}

.theme-ofs .VJJeDm {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.hLl9Yz {
    border-bottom: 1px solid rgba(0,0,0,.09);
    font-size: .875rem;
    font-weight: 500;
    height: 3.25rem;
    line-height: 3.25rem
}

.q5KiF7 {
    margin-bottom: .75rem;
    padding: 0 1.25rem
}

.Ej6Io5 {
    padding-top: .625rem
}

.wykjJM {
    margin: 0
}

.wykjJM:not(:first-child) {
    margin-top: 1.5625rem
}

.wOMafz {
    font-weight: 400!important
}

.Rt_jnJ {
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.oJaVeR {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.ai5kXA {
    align-items: center;
    display: flex
}

.DkMKTu {
    color: #636363
}

.DkMKTu,.Vjww5c {
    margin-left: .625rem
}

.Vjww5c {
    display: inline-block;
    vertical-align: baseline
}

.Vjww5c .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.jZUECu {
    color: rgba(0,0,0,.54);
    fill: currentColor;
    stroke: none;
    height: .875rem;
    width: .875rem
}

.RC844M {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.RC844M ol,.RC844M ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.Z9LFVl {
    margin-bottom: .625rem
}

.fp3wtk {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.uvxHv_ {
    align-items: center;
    color: #636363;
    display: flex;
    margin: 0 0 0 10px
}

.fhEmmk {
    display: inline-block;
    margin-left: .5rem;
    vertical-align: baseline
}

.fhEmmk .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.N2y_MC {
    height: .875rem;
    width: .875rem
}

.MJLyzU {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.MJLyzU ol,.MJLyzU ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.nVIOok {
    display: flex
}

.nVIOok>div:first-child {
    margin-right: 1.25rem
}

._7aiwyt {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.CWIkAx {
    width: 515px
}

.Z3_m8m {
    height: 0;
    opacity: 0
}

.oqSQTf {
    height: auto;
    opacity: 1;
    transition: height .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)
}

.BWGW5I {
    align-items: center;
    display: flex
}

.gbmoiL {
    padding: 0 20px
}

.qPOUK4 {
    color: rgba(0,0,0,.54)
}

.vAmPSZ {
    color: #ee4d2d;
    margin-bottom: 10px
}

.vAmPSZ>.icon-preorder {
    font-size: 20px;
    margin: 0 14px 0 0
}

.wigEZ0 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 1fr
}

.Fy4A_Q {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1
}

.Fy4A_Q,.ohuenU {
    grid-row: 1;
    -ms-grid-row: 1;
    margin-bottom: 12px
}

.ohuenU {
    grid-column: 2;
    -ms-grid-column: 2;
    margin-left: 7px
}

.nDYwZC {
    align-items: center;
    color: #222;
    display: flex
}

.mU_CeI {
    color: rgba(0,0,0,.54);
    font-weight: 300;
    margin-top: 2px
}

.ylZz2_ {
    margin-left: 10px
}

.nzMrCh {
    white-space: normal
}

.H5IRYN {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2
}

.H5IRYN .fBlHLU,.H5IRYN .i9sDsG {
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    width: 20px
}

.JLop8B {
    grid-column: 2;
    -ms-grid-column: 2;
    grid-row: 2;
    -ms-grid-row: 2;
    margin-left: 7px
}

.Zg6PS1 {
    color: #636363;
    margin-right: 10px;
    text-transform: capitalize;
    width: 110px
}

.oTmzEO {
    position: relative
}

.C0ngbq {
    align-items: center;
    margin-bottom: 10px
}

.C0ngbq,.C0ngbq .shopee-drawer__contents {
    display: flex
}

.C0ngbq:last-child {
    margin: 0
}

.NH0wdP,.mMlgVz {
    margin-right: 5px
}

.nIv4eX {
    color: #000;
    font-weight: 500
}

.bAmXer {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bAmXer .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.bAmXer .icon-arrow-down,.bAmXer .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.bAmXer:hover .nIv4eX {
    color: #ee4d2d!important
}

.PZGOkt {
    color: #222;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.PZGOkt:hover {
    color: #ee4d2d
}

.PZGOkt .eTGwg9 {
    height: 12px;
    margin-left: 5px;
    width: 12px
}

.MdEora {
    border: 1px solid rgba(0,0,0,.09);
    margin: 5px 0 0 -5px;
    padding-bottom: 15px
}

.XeC500 {
    max-height: 400px;
    max-width: 500px;
    overflow-y: auto
}

.Gty4hV {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    padding: 18px 20px 0
}

.Gty4hV a {
    color: #4080ee
}

.HykkXO {
    display: inline-block;
    padding-top: 15px;
    text-align: center;
    width: 500px
}

.theme--ofs .PZGOkt :hover {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .ZeFe2s {
    color: #d0011b
}

.PddMlc {
    margin-right: 5px
}

.my0ZcO {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.my0ZcO .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.my0ZcO .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.my0ZcO .RhLDj0 {
    height: .625rem;
    margin-left: 5px;
    pointer-events: none;
    width: .625rem
}

.my0ZcO .RhLDj0.IE8riR {
    transform: rotate(180deg)
}

.my0ZcO:hover .jEJ3Vm {
    color: #ee4d2d!important
}

.my0ZcO button {
    background-color: transparent;
    border: 0
}

.awxJLd {
    color: #000;
    font-weight: 500
}

.Jzfbds {
    background: transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998
}

.LUAQqJ {
    display: inline-flex;
    flex-direction: row
}

.YRa9CH {
    color: #929292;
    margin-right: .3125rem;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.AGvOhq {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .5rem
}

.WjX0SZ {
    display: inline-block;
    font-size: 0;
    margin-top: toRem(-2px)
}

.WjX0SZ>svg {
    height: toRem(24px);
    width: toRem(24px)
}

.jQFffX {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1rem
}

.YMJfCu {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    margin-bottom: 10px
}

.F3NM4u {
    height: 20px;
    margin: 0 14px 0 0;
    width: 20px
}

.ytozli {
    border-bottom: 1px solid #efefef;
    padding: 15px
}

.gxPhDY {
    margin-right: 4px
}

.SsEdP1 {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: 14px;
    line-height: 16px
}

.BYQWiH {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

._2yNQg {
    align-items: center;
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    display: inline-flex;
    height: 1.25em;
    width: 1.25em
}

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

.s6Zx9 {
    animation: _2yNQg .56s linear infinite;
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: .25em;
    margin-bottom: -.25em;
    margin-right: .25em;
    transform: translateY(.0001%);
    width: .25em
}

.s6Zx9:nth-child(2) {
    animation-delay: -.14s
}

.s6Zx9:nth-child(3) {
    animation-delay: -.28s;
    margin-right: 0
}

@keyframes _2yNQg {
    50% {
        transform: translateY(-.25em)
    }
}

.uVwYBh {
    align-items: flex-start;
    max-width: 625px
}

.JeKiRh {
    color: rgba(0,0,0,.54)
}

.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:
}

.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: rgba(0,0,0,.09);
    color: #ccc
}

.UAc5Wb svg,.suQW3X[disabled] svg {
    fill: #ccc
}

.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
}

.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
}

.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
}

.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)
}

.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
}

.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)
}

.tElCxK {
    display: none
}

.voucher-ticket {
    max-width: 100%
}

.voucher-ticket .copy-field__button,.voucher-ticket__code,.voucher-ticket__promo-off {
    text-transform: uppercase
}

.voucher-ticket--fancy {
    align-items: stretch;
    background: #ee4d2d;
    border: .3125rem solid #ee4d2d;
    display: flex
}

.voucher-ticket--fancy__main {
    align-items: center;
    color: #fff;
    display: flex;
    flex: 0 0 42%;
    flex-direction: column;
    justify-content: center
}

.voucher-ticket--fancy__main-label {
    font-weight: 300;
    text-transform: uppercase
}

.voucher-ticket--fancy__detail {
    background: #fff;
    flex: 1 0 auto;
    overflow: hidden;
    padding: .625rem .625rem .9375rem;
    position: relative;
    z-index: 1
}

.voucher-ticket--fancy__bottom-border,.voucher-ticket--fancy__top-border {
    height: .3125rem;
    position: absolute;
    width: 8.625rem;
    z-index: 2
}

.voucher-ticket--fancy__top-border {
    right: .25rem;
    top: -.3125rem
}

.voucher-ticket--fancy__bottom-border {
    bottom: -.3125rem;
    left: 0
}

.voucher-ticket--fancy .voucher-ticket__code-wrapper {
    align-items: flex-end;
    border-top: 1px dashed rgba(0,0,0,.14);
    display: flex;
    justify-content: space-between;
    margin: .375rem 0 0;
    padding: .375rem 0 0
}

.voucher-ticket--fancy .voucher-ticket__code-label {
    font-weight: 500
}

.voucher-ticket--fancy .voucher-ticket__code {
    color: #ee4d2d;
    font-size: .875rem;
    font-weight: 700
}

.voucher-ticket--fancy .voucher-ticket__promo {
    line-height: 1em;
    position: relative;
    top: .2em
}

.voucher-ticket--fancy .voucher-promo-coins-cashback__label {
    font-size: .75rem;
    line-height: .875rem
}

.voucher-ticket--fancy.copy-field {
    display: block
}

.voucher-ticket--fancy.copy-field .copy-field__trigger {
    align-items: stretch;
    display: flex;
    height: 100%
}

.voucher-ticket--seller {
    border-radius: .125rem
}

.voucher-ticket--seller .copy-field {
    bottom: .9375rem;
    min-width: 3.75rem;
    position: absolute;
    right: .875rem;
    z-index: 2
}

.voucher-ticket--seller .voucher-ticket__promo {
    display: grid;
    font-size: 1.75rem;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto .875rem;
    min-height: 4.1875rem
}

.voucher-ticket--seller .voucher-ticket__promo--medium {
    font-size: 2rem
}

.voucher-ticket--seller .voucher-ticket__promo--medium .voucher-promo-value {
    line-height: 2rem
}

.voucher-ticket--seller .voucher-ticket__promo--large {
    font-size: 3.25rem
}

.voucher-ticket--seller .voucher-ticket__promo--large .voucher-promo-value {
    line-height: 3.25rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value {
    align-self: end;
    font-weight: 700;
    position: relative;
    top: .5rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--cashback {
    align-items: center;
    display: flex;
    grid-column: 1/2;
    grid-row: 1/2;
    margin-right: .25rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--percent {
    grid-column: 1/2;
    grid-row: 1/3
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--absolute-value {
    grid-column: 1/2;
    grid-row: 1/2
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--percent {
    align-self: end;
    font-size: 1.5625rem;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: .125rem;
    margin-left: .5rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--percent svg {
    display: block;
    fill: #fff
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--off {
    font-size: .875rem;
    font-weight: 700;
    grid-column: 2/3;
    grid-row: 2/3;
    line-height: 1rem;
    margin-left: .5rem;
    text-transform: uppercase
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coins-cashback {
    align-items: flex-end;
    display: flex;
    font-size: .75rem;
    grid-column: 1/3;
    grid-row: 3/4;
    justify-content: center;
    line-height: .875rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coin-cashback-percentage-sign {
    align-self: end;
    font-size: 1.5625rem;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: .4375rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coin-cashback-percentage-sign svg {
    display: block;
    fill: #fff
}

.voucher-ticket--seller .voucher-ticket__expiry {
    color: #929292;
    flex: 1;
    font-size: .8125rem
}

.voucher-ticket--seller .voucher-ticket--seller-basic {
    align-items: center;
    display: flex
}

.voucher-ticket--seller .voucher-ticket--fancy__main {
    justify-content: space-between;
    padding: 1.25rem 0
}

.voucher-ticket--seller .voucher-ticket--fancy__main-label {
    letter-spacing: .0625rem
}

.voucher-ticket--seller .voucher-ticket--fancy__detail {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: space-between
}

.voucher-ticket--seller-mini {
    align-items: center;
    border: .0625rem solid #ee4d2d;
    border-width: .0625rem 0;
    box-sizing: border-box;
    color: #ee4d2d;
    display: flex;
    font-weight: 700;
    height: 2.1875rem;
    justify-content: center;
    padding: 0 .5rem;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.voucher-ticket--seller-mini__border-left,.voucher-ticket--seller-mini__border-right {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2
}

.voucher-ticket--seller-mini__border-left svg,.voucher-ticket--seller-mini__border-right svg {
    height: 35px;
    width: 5px;
    fill: #ee4d2d
}

.voucher-ticket--seller-mini__border-left {
    left: 0
}

.voucher-ticket--seller-mini__border-right {
    right: 0;
    transform: rotate(180deg)
}

.voucher-ticket--seller-mini__border-right svg {
    float: right
}

.voucher-ticket--seller-mini-solid {
    align-items: center;
    background: rgba(208,1,27,.08);
    border: 0;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    justify-content: center;
    padding: 3px 7px;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.voucher-ticket--seller-mini-solid:after,.voucher-ticket--seller-mini-solid:before {
    background-image: radial-gradient(#fff 2px,transparent 0);
    background-position-x: -6px;
    background-size: 6px 6px;
    content: "";
    height: calc(100% - 5px);
    position: absolute;
    top: 2.5px;
    width: 6px
}

.voucher-ticket--seller-mini-solid:before {
    left: -3px
}

.voucher-ticket--seller-mini-solid:after {
    right: -3px
}

.voucher-ticket--seller-mini-solid .voucher-promo-label--coins-cashback,.voucher-ticket--seller-mini-solid .voucher-promo-label--off {
    margin-left: .25rem
}

.voucher-ticket--TW.voucher-ticket--seller .voucher-promo-label--off {
    font-size: 1.25rem
}

.voucher-ticket--VN.voucher-ticket--seller .copy-field__button {
    font-size: .75rem
}

.theme--ofs .voucher-ticket__code {
    color: #d0011b
}

.theme--ofs .voucher-ticket--fancy {
    background: #d0011b;
    border-color: #d0011b
}

.theme--ofs .voucher-ticket--fancy__bottom-border,.theme--ofs .voucher-ticket--fancy__top-border {
    fill: #d0011b
}

.theme--ofs .voucher-ticket .stardust-button {
    background: #d0011b
}

.theme--ofs .voucher-ticket--seller-mini {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .voucher-ticket--seller-mini__border-left svg,.theme--ofs .voucher-ticket--seller-mini__border-right svg {
    fill: #d0011b
}

.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
}

.UvSsjz:focus-visible {
    border-radius: 2px;
    outline: 2px solid #000
}

.mini-voucher-with-popover {
    margin-right: .625rem;
    position: relative
}

.mini-vouchers {
    width: 100%
}

.mini-vouchers__label {
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
    width: 110px
}

.mini-vouchers__wrapper {
    height: 1.375rem;
    min-width: calc(100% - 245px)
}

.mini-vouchers__vouchers {
    display: flex;
    flex-shrink: 1;
    overflow: hidden;
    position: relative
}

.mini-vouchers__mask {
    background: linear-gradient(90deg,hsla(0,0%,100%,.001) 80%,#fff);
    height: 100%;
    position: absolute;
    width: calc(100% + 1px);
    z-index: 1
}

.mini-vouchers__show-all {
    align-items: center;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    flex-shrink: 0;
    margin-left: .3125rem;
    white-space: nowrap
}

.mini-vouchers__show-all>svg {
    margin-left: .625rem;
    width: 1em
}

.theme--ofs .mini-vouchers .voucher-briefing__code,.theme--ofs .mini-vouchers .voucher-briefing__discount,.theme--ofs .mini-vouchers .voucher-ticket,.theme--ofs .mini-vouchers .voucher-ticket__promo {
    color: #d0011b
}

.theme--s-mart .mini-vouchers .voucher-briefing__code,.theme--s-mart .mini-vouchers .voucher-briefing__discount,.theme--s-mart .mini-vouchers .voucher-ticket,.theme--s-mart .mini-vouchers .voucher-ticket__promo {
    color: #fff
}

.mini-vouchers .mini-vouchers__show-all {
    color: var(--brand-primary-color)
}

.theme--ofs .mini-vouchers .voucher-ticket--seller-mini-solid {
    background: rgba(208,1,27,.08)
}

.theme--s-mart .mini-vouchers .voucher-ticket--seller-mini-solid {
    background: #f69113
}

.K4EMzU {
    background-color: #ee4d2d;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 5px
}

.E_9Yd2 {
    color: #08f;
    margin-left: 20px
}

.yjMlzR {
    align-items: center;
    color: #222;
    display: flex;
    margin-bottom: 25px;
    margin-left: -4px;
    margin-top: -4px;
    padding: 4px
}

.yjMlzR:last-child {
    margin-bottom: 0
}

.OGxzJN {
    align-items: center;
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
    width: 110px
}

.ZXrGhX {
    background: transparent;
    border: 1px solid #ee4d2d;
    border-color: var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    cursor: pointer;
    font-size: 14px;
    max-width: 450px;
    outline: 0;
    overflow: visible;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ZXrGhX: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)
}

.jbM8YZ {
    border: 1px solid var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    font-size: 14px;
    max-width: 450px;
    overflow: hidden;
    padding: 3px 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o8k8S4 {
    align-items: center;
    color: #555;
    display: flex
}

.G3Wedb {
    display: inline-block;
    font-size: 0;
    margin-right: 8px;
    padding: 0 5px
}

.ikrz0A {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.Q8e31z {
    margin-right: 12px
}

.w8_Dsz {
    color: rgba(0,0,0,.54);
    margin-right: 10px
}

.NGt3mo:hover {
    cursor: pointer
}

.Qk7Yut {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: toRem(14px);
    line-height: toRem(22px);
    max-height: 200px;
    overflow-y: auto;
    padding: toRem(20px);
    width: 475px;
    width: toRem(300px);
    word-wrap:;
    text-align: left
}

.Qk7Yut strong {
    font-weight: 500
}

.Qk7Yut .red {
    color: #ee4d2d
}

.Qk7Yut a {
    color: #08f
}

.CyT4Dj {
    align-items: center;
    color: #555;
    display: flex
}

.rQOiME {
    margin-right: 5px
}

.tk9RLq {
    margin-right: 10px
}

.bzbDeN {
    color: #ffae04
}

.jU9Xv1:hover {
    cursor: pointer
}

.W5LiQM {
    padding-bottom: 15px
}

.uF9btB {
    background: #fff5f5;
    margin: 15px -35px 0 -20px;
    padding: 10px 35px 15px 20px
}

.jJ5NSQ {
    align-items: center;
    display: flex
}

.jJ5NSQ .shopee-popover {
    top: 1.875rem!important
}

.jJ5NSQ .shopee-popover--dropdown {
    left: unset!important;
    right: 0
}

.jJ5NSQ .shopee-popover--dropdown:before {
    top: -1rem
}

.jJ5NSQ .shopee-popover .voucher-ticket {
    flex-wrap: wrap;
    text-align: center;
    white-space: normal
}

.hI_RBc .shopee-popover--dropdown:after,.hI_RBc .shopee-popover--dropdown:before {
    left: 8.625rem;
    right: auto
}

.FacMDR .shopee-popover--dropdown:after {
    border-bottom-color: #f5f5f5
}

.mDUADU {
    max-width: 625px
}

.DFQfff {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 21px;
    width: 110px
}

.BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9c166ca0a3c6cc3af938.svg)
}

.theme--ofs .BhIewg,.theme--s-mart .BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/a2db3c5da61ea3283d59.svg)
}

.KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8bb270ba4608c47a5403.svg)
}

.theme--ofs .KXhw16,.theme--s-mart .KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/ab4c931d6fec4b4c90a5.svg)
}

.msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0407a621b4442a066eb8.svg)
}

.theme--ofs .msTHzO,.theme--s-mart .msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/979c2e214ae591d71aa0.svg)
}

.c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/357d978f2aa5a0c04e4a.svg)
}

.theme--ofs .c68rxO,.theme--s-mart .c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/99af350ab822ca38a055.svg)
}

.EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4c6f1ae0a564806f3ee3.svg)
}

.theme--ofs .EUsrIT,.theme--s-mart .EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/fc17e1addec957a17b1a.svg)
}

.qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/759ea43d932fa2f500b4.svg)
}

.theme--ofs .qlCDpk,.theme--s-mart .qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dfe090b98951be4250ae.svg)
}

.ZRb8YF {
    color: rgba(0,0,0,.87);
    color: #555;
    display: block;
    display: flex;
    margin-top: 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ZRb8YF .flash-sale-logo {
    flex: 0 0 110px;
    width: 110px
}

.ZRb8YF .d24OWs {
    color: #555;
    height: 10px;
    vertical-align: middle;
    width: 10px
}

.ZRb8YF .d24OWs,.eLrI5y {
    flex: 0 1 auto;
    margin-left: 10px;
    min-width: 0
}

.eLrI5y:first-letter {
    text-transform: capitalize
}

.B2VeH5 {
    align-items: center;
    color: #222;
    display: flex;
    margin-top: 10px
}

.NcdXPM {
    margin: 0 10px
}

.M5LKBZ {
    width: auto
}

.NfhAIH {
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.NfhAIH: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)
}

.NfhAIH .TPeBcA {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.W6M3dH {
    margin-top: 20px
}

.GK_2LA {
    height: 22px;
    width: 82px
}

.p5fFhq {
    color: #222;
    margin-top: 10px
}

.p5fFhq .VnazUk {
    fill: #ee4d2d
}

.theme--ofs .p5fFhq .VnazUk,.theme--s-mart .p5fFhq .VnazUk {
    fill: #d0011b
}

._DFvc4 {
    margin: 0 10px
}

.xM0Pgc {
    width: auto
}

.lS7OCO {
    height: 14px;
    width: 14px
}

.KfcNHk {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.KfcNHk: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)
}

.KfcNHk .E0CH4h {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

._2pz6w {
    margin-top: 20px
}

.NvR0ah {
    color: #222;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ZdNfz5 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4449f8573c4eca4a6a01.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .ZdNfz5,.theme--s-mart .ZdNfz5 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b647148bd39e40205fdd.svg)
}

.S0EU5v {
    height: 12px;
    width: 32px
}

.S0EU5v,.theme--ofs .S0EU5v,.theme--s-mart .S0EU5v {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dbae024901819e83889b.svg)
}

.ZjevAU {
    height: 16px;
    width: 33px
}

.ZjevAU,.theme--ofs .ZjevAU,.theme--s-mart .ZjevAU {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/774b00f71863496b8881.svg)
}

.gzXXjX {
    align-items: center;
    display: flex
}

.WYICq6 {
    color: #ee4d2d;
    font-size: 14px;
    margin-right: 10px
}

.theme--ofs .WYICq6,.theme--s-mart .WYICq6 {
    color: #d0011b
}

.i2MfcC {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.ypPqEB {
    width: auto
}

.tcRfAU {
    height: 14px;
    width: 14px
}

.s3Pzn0 {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.s3Pzn0: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)
}

.s3Pzn0 .nRC_Ur {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.twmUI7 {
    margin-top: 20px
}

.BIj3A4 {
    margin-top: 10px
}

.LD3Atz {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/aa493bd105297046b511.svg);
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .LD3Atz,.theme--s-mart .LD3Atz {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/163d55e75c9ec0147c04.svg)
}

._1nGNo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8e3da046d68806fa2c21.svg);
    background-size: contain;
    height: 21px;
    width: 21px
}

.theme--ofs ._1nGNo,.theme--s-mart ._1nGNo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2c50059049ce7cd7ba61.svg)
}

.Fw7kDB {
    color: #ee4d2d;
    font-size: 14px
}

.theme--ofs .Fw7kDB,.theme--s-mart .Fw7kDB {
    color: #d0011b
}

._fTFUY {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.ZUZ1FO {
    background-color: #ee4d2d;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1;
    padding: .1875rem .25rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ZUZ1FO:before {
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    bottom: -.125rem;
    content: "";
    display: inline-block;
    left: .0625rem;
    position: absolute;
    transform: rotate(45deg)
}

.IM_tEy {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.IM_tEy:before {
    border-bottom-color: transparent;
    content: none;
    display: none
}

.vRzNCn {
    font-size: .75rem
}

.vRzNCn>._Xc318 {
    font-size: .5rem;
    margin-right: .1875rem
}

.TheSnF {
    background-color: #d0011b
}

.JmTm3y svg,.KamlEE svg {
    height: .625rem;
    width: 3.5625rem
}

.Lmf8rp {
    bottom: -1px;
    padding: .25rem .25rem 0
}

.Lmf8rp svg {
    height: .75rem;
    width: 4.0625rem
}

.Gn_PYU {
    background-color: #ffa604;
    position: relative
}

.Gn_PYU:before {
    border: .13125rem solid transparent;
    border-bottom-color: #ae7600
}

.S5RgI8 {
    font-size: .875rem;
    font-weight: 400;
    height: 1rem
}

.CF1_zm {
    margin: 0 .4375rem
}

.N2DnWM {
    background-color: #44b5ff;
    cursor: pointer;
    display: inline;
    position: relative
}

.N2DnWM:before {
    border: .13125rem solid transparent;
    border-bottom-color: #0971c2
}

.N2DnWM:hover>.ZMtecs {
    opacity: 1;
    z-index: 1
}

.N2DnWM>.oGCrs0 {
    font-size: 7px
}

.ZMtecs {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.26);
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    left: .5rem;
    min-width: 10rem;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    top: 1.375rem;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: -10
}

.gtMPmZ {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem
}

.gtMPmZ:last-child {
    margin: 0
}

.KXSw5q {
    color: #ee4d2d;
    margin-left: .75rem
}

.KbIqzY {
    background: transparent;
    border: 1px solid #f5a623;
    box-sizing: border-box;
    color: #f5a623;
    height: 16px;
    line-height: 1;
    padding: 2px 5px
}

.GX6H5_,.KbIqzY {
    font-size: .75rem
}

.GX6H5_ {
    background-color: rgba(0,0,0,.87);
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    min-width: 1.25rem;
    text-align: center
}

.o8dLsD {
    border-radius: .1875rem
}

.KnkA0Z {
    background-color: #ee4d2d
}

.m9V537 {
    border-radius: .625rem
}

.pe7Dnx {
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.hJo7kz {
    height: 32px;
    width: 36px
}

.eHC4a3 {
    background-color: rgba(255,212,36,.9)
}

.eHC4a3:after {
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.c1y5kQ {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.RJ9_yI {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.tnVxqd {
    flex-direction: column-reverse
}

.WHBcXf,.j7gK1S,.lgulfS {
    height: 100%;
    justify-content: center
}

.XmAz7R {
    color: #fff
}

.LdXTsk {
    color: #ee4d2d!important;
    display: inline!important;
    margin: 0
}

.dcGY2K,.pNTSF1,.v86cVi {
    display: none
}

.f6lNFN {
    height: 16px;
    width: 50px
}

.gllYNl {
    height: 16px;
    width: 69px
}

.MsCopP {
    height: 16px;
    width: 63px
}

.IxkJux {
    height: 16px;
    width: 64px
}

.UKJ57u {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10
}

.UKJ57u,.UKJ57u .A0NEU6 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.UKJ57u .A0NEU6 {
    background-color: rgba(0,0,0,.65);
    border-radius: 5rem;
    color: #fff;
    font-size: 1.25rem;
    height: 6.25rem;
    line-height: 1.5rem;
    max-width: calc(100% - 5rem);
    min-width: 6.25rem;
    text-align: center
}

.UKJ57u .hrlReN {
    border-radius: 6.25rem;
    max-width: calc(100% - 4.375rem);
    min-width: 6.8125rem
}

.UKJ57u .uyMz4f {
    border-radius: 6.25rem;
    max-width: calc(100% - 2.875rem);
    min-width: 8.375rem
}

.UKJ57u .PeGwUk {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.xdsBgZ {
    border: .0625rem solid;
    border-radius: .125rem;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.DDo0z3 {
    color: #fff;
    flex: 1
}

.DDo0z3,.PHYVzJ {
    font-size: .625rem;
    line-height: .75rem;
    overflow: hidden;
    padding: .0625rem .25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PHYVzJ {
    align-items: center;
    display: flex;
    position: relative
}

.PHYVzJ .r3mzkC {
    border-right: 5px solid transparent;
    border-top: 5px solid;
    height: 0;
    left: -.0625rem;
    position: absolute;
    top: -.0625rem;
    width: 0
}

.HeTkkY {
    border: .03125rem solid #ee4d2d;
    border-radius: .0625rem;
    color: #ee4d2d;
    font-size: .625rem;
    height: .75rem;
    line-height: .75rem;
    padding: .125rem .25rem;
    text-align: center
}

.XfpV7F {
    align-items: flex-start;
    display: flex;
    margin-top: .625rem
}

.XfpV7F .bhwGx5 {
    max-width: 75%
}

.XfpV7F .C0Gipt {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.XfpV7F .C0Gipt .FPpA9X {
    color: #ee4d2d
}

.XfpV7F .C0Gipt .f7pucd {
    flex-shrink: 0;
    margin-left: .5rem
}

.xK4Pya {
    color: rgba(0,0,0,.65);
    margin-top: 10px
}

.QAc7_y {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.qg2n76 {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.G27FPf {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .G27FPf,.theme--s-mart .G27FPf {
    color: #d0011b
}

.o_z7q9 {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .o_z7q9,.theme--s-mart .o_z7q9 {
    background-color: #d0011b
}

.D56Rgb {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
    text-transform: capitalize
}

.zSYItS {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.hB63GR {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e5bfba190f3ddf617913.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    margin-right: 10px;
    width: 21px
}

.theme--ofs .RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/88a2c5ced2d8aeb5f79b.svg)
}

.theme--s-mart .RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0f6a5e70590ae549bec5.svg)
}

.k8KFhP {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.SQ_WFs {
    color: rgba(0,0,0,.87);
    position: relative
}

.SQ_WFs .feoqk1 {
    color: rgba(0,0,0,.54);
    height: 1em;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translate(5px,-50%);
    width: 1em
}

.SQ_WFs .aO0DZE {
    height: 14px;
    width: 14px
}

.RvoGW4 {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.aIdpw8 {
    align-items: center;
    display: flex;
    margin-top: 5px
}

.ycY30D {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-right: 2px
}

.mCbTT9 {
    width: 460px
}

.Co0iAk {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 8px;
    column-gap: 8px;
    grid-row-gap: 4px;
    row-gap: 4px
}

.JZVgBK {
    align-self: center;
    grid-row-end: 3;
    grid-row-start: 1
}

.bcLI2T {
    color: #ee4d2d
}

.SrLMdT {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.CWiSMQ {
    background: #fafafa;
    padding: 15px 20px
}

.OtRglS {
    background-image: linear-gradient(-90deg,#e80f0f 2%,#d0011b 98%);
    color: #fff;
    height: 36px;
    padding: 0 20px
}

.o6J5TH {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.qT9OWd {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.f4BD5j {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .f4BD5j,.theme--s-mart .f4BD5j {
    color: #d0011b
}

.g1SI7G {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .g1SI7G,.theme--s-mart .g1SI7G {
    background-color: #d0011b
}

.fcRw1N {
    margin-left: 15px;
    white-space: nowrap
}

.fcRw1N .badge-coins-back--large {
    box-sizing: border-box;
    font-size: .75rem;
    padding: 2px 4px
}

.C2kME0 {
    margin-left: 15px;
    white-space: nowrap
}

.waMYrG {
    color: #929292;
    font-size: .75rem;
    margin-top: 10px
}

.N_55kT {
    color: #555;
    font-size: 1.25rem;
    font-weight: 500;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.PM9jT9 {
    color: #d0011b;
    font-size: 1.875rem
}

.N0BUsJ {
    margin-top: 15px
}

.L1n9hP {
    color: #555;
    margin-left: 15px
}

.pySYHb {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
    text-transform: capitalize
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

.loading-spinner-popup__container img {
    animation: rotating 2s linear infinite
}

.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:
}

.YysGiT {
    background: none;
    border: unset;
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-left: auto
}

.SDvgWG {
    background-color: #fff;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    width: 440px
}

.SDvgWG .UsJGRc {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.09);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 24px
}

.SDvgWG .UsJGRc .B1rS0C,.SDvgWG .UsJGRc .mmrQla {
    cursor: pointer;
    flex-shrink: 0
}

.SDvgWG .UsJGRc .B1rS0C {
    margin-left: auto
}

.SDvgWG .UsJGRc .cr59hK {
    flex-grow: 1;
    max-width: 324px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG .UsJGRc .cr59hK:not(:first-child) {
    margin-left: 10px
}

.SDvgWG .kmLN0Z {
    height: 220px;
    padding: 10px 24px
}

.SDvgWG ul {
    height: 220px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 0
}

.SDvgWG li {
    cursor: pointer;
    line-height: 20px;
    list-style-type: none;
    overflow: hidden;
    padding: 10px 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG li:hover {
    color: #ee4d2d
}

.SDvgWG .dcQE6F {
    padding: 24px
}

.SDvgWG .dcQE6F textarea {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    height: 114px;
    line-height: 20px;
    outline: unset;
    padding: 12px;
    resize: none;
    width: 100%
}

.SDvgWG .dcQE6F textarea:focus {
    border-color: rgba(0,0,0,.54)
}

.SDvgWG .dcQE6F textarea.RvXdsh {
    border-color: #ee2c4a
}

.SDvgWG .dcQE6F textarea::placeholder {
    color: rgba(0,0,0,.26)
}

.SDvgWG .dcQE6F .ImeN3R {
    color: #ee2c4a
}

.SDvgWG .I0yZUl {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.09);
    display: flex;
    flex-direction: row-reverse;
    padding: 12px 24px
}

.pQNWXh {
    height: 120px;
    justify-content: center;
    width: 260px
}

.T1549_ {
    display: inline-flex
}

.T1549_,.sAOZ6s {
    position: relative
}

.sAOZ6s {
    margin-right: 1px
}

.ZDu7mK {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.R6CPBG,.VAir_o {
    background-repeat: no-repeat;
    background-size: contain;
    height: 14px;
    width: 14px
}

.R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b1bcd65233e15eb99b68.svg)
}

.theme--s-mart .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/3ae5126a0937c63fd895.svg)
}

.theme--ofs .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/44c46951c46c5a5e8129.svg)
}

.VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2a44ed8141cd3a3ed0c9.svg)
}

.theme--s-mart .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e0898f40b1711fbb7c40.svg)
}

.theme--ofs .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/76bc916eeb1487a396ef.svg)
}

.asFzUa {
    margin-top: .625rem;
    position: relative
}

.PjACP4,.e2p50f {
    align-items: flex-end;
    padding: 0 15px
}

.PjACP4:first-child,.e2p50f:first-child {
    padding-left: 0
}

.PjACP4:not(:first-child),.e2p50f:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.PjACP4,.e2p50f {
    align-items: center
}

.e2p50f {
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.F9RHbS,.SvhRrv {
    color: #222;
    font-size: 1rem;
    margin-right: 5px;
    padding-bottom: 1px
}

.F9RHbS {
    border-bottom: 1px solid #555
}

.dQEiAI {
    border-bottom-color: #ee4d2d;
    color: #ee4d2d
}

.theme--ofs .dQEiAI {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--s-mart .dQEiAI {
    border-bottom-color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.87)
}

.W7cTiS {
    fill: #ee4d2d
}

.theme--ofs .W7cTiS {
    fill: #d0011b
}

.theme--s-mart .W7cTiS {
    fill: #ffce3d
}

.vOrlgh {
    line-height: 1.4375rem
}

.j9cYc1,.vOrlgh,.x1i_He {
    color: #767676;
    font-size: .875rem;
    text-transform: capitalize
}

.j9cYc1,.x1i_He {
    margin-right: 5px;
    padding: 4px 0
}

.UAYfPc {
    color: rgba(0,0,0,.54);
    height: .75rem;
    margin-left: tpRem(6px);
    width: tpRem(12px)
}

.N052bu {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.s4ihzY {
    align-items: center;
    display: flex;
    padding-right: .9375rem
}

.acDggL {
    margin-left: .3125rem
}

.mnzVGI {
    align-items: center;
    padding: 0 15px
}

.mnzVGI:first-child {
    padding-left: 0
}

.mnzVGI:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.AcmPRb {
    color: #222;
    font-size: 1rem;
    padding-bottom: 1px
}

.AcmPRb,.aleSBU {
    margin-right: 5px
}

.aleSBU {
    color: #767676;
    font-size: .875rem;
    padding: 4px 0;
    text-transform: capitalize
}

.RqQS2I {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.WBVL_7 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    max-height: 48px;
    max-width: 665px;
    overflow: hidden;
    overflow-wrap:;
    vertical-align: sub
}

._wgU9F {
    border-radius: 2px;
    display: inline-flex;
    margin-right: 10px;
    position: relative;
    transform: translateY(-2px)
}

.fclWZr {
    display: inline;
    margin-right: 8px
}

.Jwsdcs {
    font-size: 12px;
    vertical-align: middle
}

.g0xBrP {
    height: 20px;
    margin-left: 8px;
    width: 20px
}

.uxdyrX {
    margin-top: 3px
}

.uq_xEP {
    margin-right: 6px;
    vertical-align: middle
}

.UXYzvq {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: .625rem
}

.AVQfIX {
    visibility: hidden
}

.idmlsn {
    padding: 0 30px
}

.rhG6k7 {
    color: #222;
    font-size: 16px
}

.Vo8Ebs {
    border: 0;
    height: 25px;
    margin-left: 5px;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 25px
}

.Vo8Ebs: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)
}

.feDSnr {
    border-left: 1px solid rgba(0,0,0,.09);
    flex: 1;
    justify-content: center
}

.feDSnr:hover {
    cursor: pointer
}

.w2JMKY {
    background-color: transparent;
    border: 0;
    display: flex;
    outline: 0;
    overflow: visible;
    position: relative
}

.w2JMKY: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)
}

.vgMiJB {
    margin-right: 10px
}

.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
}

.tpgcVs {
    max-height: 100%;
    width: 100%
}

.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
}

._PPt_v:hover {
    cursor: pointer
}

.PhxDN7 {
    height: 1px;
    opacity: 0;
    width: 1px
}

.PhxDN7,.W3IooB {
    position: absolute
}

.W3IooB {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 160px;
    bottom: 0;
    left: 0;
    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/3d819965643f1287ea73.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
}

.w7ks6r {
    background-color: #fff;
    cursor: pointer;
    display: flex;
    padding: 1rem .875rem 1rem .75rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.xccTfr {
    flex-grow: 1;
    margin-left: .75rem;
    margin-right: 1rem
}

.SlwkHx {
    color: rgba(0,0,0,.87);
    margin-bottom: .25rem
}

.PLjDaD,.SlwkHx {
    font-size: .875rem
}

.PLjDaD {
    color: rgba(0,0,0,.54);
    word-break:
}

.jjGWyx {
    height: 1.25rem;
    width: 1.25rem
}

.yseyPt {
    align-self: center;
    height: .6875rem;
    width: .375rem
}

.SarUkj {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.IMAW1w,.ltOSWU {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.IMAW1w {
    display: block;
    object-fit: contain;
    object-position: center
}

.ltOSWU {
    align-items: center;
    display: flex;
    justify-content: center
}

.EoYuuW {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.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
}

.TMw1ot,.xxW0BG {
    position: relative
}

.xxW0BG:hover {
    cursor: pointer
}

.Ama42A {
    height: 120px!important;
    width: 120px!important
}

.UdI7e2 {
    position: relative
}

.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
}

.jA1mTx {
    position: relative
}

.jA1mTx:hover {
    cursor: pointer
}

.jA1mTx .MMqomL {
    font-size: 12px;
    height: 25px;
    line-height: 25px
}

.raRnQV {
    background-position: 50%;
    padding-top: 100%;
    width: 100%
}

.NYFAyb {
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-16px,-16px,0);
    width: 32px
}

.wOzCmT {
    border: 2px solid var(--brand-primary-color,#ee4d2d);
    bottom: 0;
    right: 0
}

.bh76f7,.wOzCmT {
    left: 0;
    position: absolute;
    top: 0
}

.bh76f7 {
    background: transparent;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.bh76f7:hover {
    background: hsla(0,0%,100%,.26)
}

.lZujh6 {
    align-items: center;
    background: rgba(0,0,0,.54);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: space-between;
    left: 0;
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    width: 100%
}

.WqggnM {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/f1a754a66c45599c570f.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 10px;
    width: 10px
}

.y8QiYh {
    text-align: right
}

.airUhU {
    margin: 5px -5px;
    position: relative
}

.grncJu {
    visibility: hidden
}

.UBG7wZ {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    width: 20%
}

.nVAzDy {
    background-color: rgba(0,0,0,.2)!important;
    border: 0;
    color: #fff;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.nVAzDy .shopee-svg-icon {
    font-size: 20px
}

.CAvqYR {
    left: 5px
}

.CAvqYR,.lWmpR1 {
    border: 0!important
}

.lWmpR1 {
    right: 5px
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.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
}

.ZznGOK {
    left: 0;
    position: absolute;
    top: 0
}

.bz2FnP {
    width: 3.625rem
}

.TBhGRX {
    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
}

.r2yBOD {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.bRvAln {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.BOkH2g {
    padding-right: 2.4375rem
}

._5cBZVE {
    align-items: center;
    display: flex;
    flex-direction: column
}

.A0VwSF {
    margin-bottom: .6875rem;
    overflow: hidden
}

.GxAlDi {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.Xg8MXC,.idrhoU {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.Xg8MXC {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.idrhoU {
    background-size: 100%
}

.kOrstZ {
    align-items: center;
    display: flex
}

.FQwKIF,.ODC3I7 {
    height: 1rem;
    padding: .1875rem
}

.A2SJhc.TBhGRX {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.A2SJhc .r2yBOD {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.A2SJhc .Xg8MXC {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.A2SJhc .idrhoU {
    height: 2.1875rem;
    width: 6.6875rem
}

.A2SJhc .riBcVs {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.A2SJhc .BOkH2g {
    padding-right: 1.4375rem
}

.A2SJhc ._5cBZVE {
    justify-content: center
}

.A2SJhc .GxAlDi {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.A2SJhc .A0VwSF {
    margin-bottom: -.25rem
}

.A2SJhc .FQwKIF,.A2SJhc .ODC3I7,.A2SJhc .R49LQp {
    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
}

.A2SJhc .R49LQp {
    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
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.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
}

._1zdBJ {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    background-color: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2Dkqc {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    margin-left: 2.5rem;
    margin-left: var(--ns-g,2.5rem);
    margin-right: 2.5rem;
    margin-right: var(--ns-g,2.5rem);
    max-height: 75%;
    max-width: 18.75rem;
    min-height: 8.125rem;
    min-width: 15rem;
    width: 100%
}

._2Dkqc,.d-Vo0 {
    overflow: hidden
}

.d-Vo0 {
    display: -webkit-box;
    margin-bottom: 1rem;
    margin-bottom: var(--ns-d,1rem);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2Xfwq {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    max-height: 15.625rem;
    min-height: 2.25rem;
    overflow-y: auto
}

._3pvMp {
    text-align: left
}

._1u0yb {
    text-align: center
}

._3Wssq {
    text-align: right
}

._2WWGU {
    padding: 1.25rem 1.25rem 1.5rem;
    padding: var(--ns-e,1.25rem) var(--ns-e,1.25rem) var(--ns-f,1.5rem) var(--ns-e,1.25rem);
    text-align: center
}

.Jl6On {
    display: flex;
    position: relative
}

.Jl6On:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    position: absolute;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    flex: 1;
    outline: none
}

.Jl6On._1ZxzA {
    flex-direction: row-reverse
}

.Jl6On._1ZxzA button {
    height: 2.96875rem
}

.Jl6On._1ZxzA button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1ZxzA button:first-child:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: scaleX(.5);
    width: .0625rem
}

.Jl6On._1ZxzA button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._24b2I button {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    height: 2.96875rem
}

.Jl6On._24b2I button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv {
    flex-direction: column;
    height: 5.9375rem
}

.Jl6On._3yCdv button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._3yCdv button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv button:nth-child(2):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On._1p6f1 {
    flex-direction: column;
    height: 8.96875rem
}

.Jl6On._1p6f1 button {
    position: relative
}

.Jl6On._1p6f1 button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1p6f1 button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._1p6f1 button:nth-child(2):after,.Jl6On._1p6f1 button:nth-child(3):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._1wbwU,._1wbwU ._2jlhf {
    width: 100%
}

.vX9SYw {
    margin-top: 1.25rem;
    padding: 0
}

.TFDXyQ {
    flex-shrink: 0;
    padding: 15px;
    width: 450px
}

.i9t0tr {
    flex: 1 0 auto;
    width: 0
}

.DXQgih {
    box-sizing: border-box;
    padding: 1.25rem 2.1875rem 0 1.25rem;
    width: 100%
}

.at_ZtL {
    margin-top: 1.5625rem;
    padding: 0 1.25rem
}

.UU0xP2 {
    border-radius: .25rem;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 1.5rem;
    width: auto
}

.UU0xP2 .shopee-alert-popup__title {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 0
}

.UU0xP2 .shopee-alert-popup__message {
    color: rgba(0,0,0,.65);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 0;
    min-width: 28.25rem
}

.UU0xP2 .shopee-alert-popup__button-horizontal-layout {
    flex-direction: row-reverse;
    margin-top: 1rem
}

.UU0xP2 .shopee-alert-popup__btn {
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 0 2.5rem;
    white-space: nowrap
}

.xoSh6i {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin: 20px 0 25px
}

.iQpU4t {
    margin-right: 8px
}

.gIL8h3 {
    display: flex;
    flex-direction: column;
    margin: 25px 15px;
    row-gap: 15px
}

.kz1LRx {
    align-items: center;
    display: flex
}

.Kdpve_ {
    flex-shrink: 0;
    height: 20px;
    margin-right: 5px;
    width: 20px
}

.lji0M1 {
    color: #222;
    padding-right: 20px;
    text-transform: capitalize
}

.u83Maa {
    color: rgba(0,0,0,.54)
}

.toDvEy {
    background: #fff;
    height: 65px;
    margin: 0 auto;
    width: 1200px
}

.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: 
}

.T_0yQ7 {
    background: #fff;
    box-sizing: border-box;
    display: flex;
    height: 65px;
    justify-content: space-between;
    padding: 12px 70px 13px
}

.IOzpm9 {
    display: flex;
    height: 40px;
    width: 268px
}

.oTDEDG {
    color: #066bc8;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.zyGyZ2 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.lHw3SG {
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: help
}

.fnRgQi {
    background: #fff;
    height: 65px
}

.EVBUfZ .shopee-drawer__contents {
    width: 268px
}

.eJ7VxS {
    background: #fff;
    padding: 12px
}

.fqmTt_ {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
    background: #fff;
    gap: 4px
}

.Nm4HEX,.fqmTt_ {
    align-items: center
}

.Nm4HEX {
    display: flex;
    font-size: 16px;
    min-width: 0
}

.Nm4HEX:first-child {
    justify-self: start
}

.Nm4HEX:nth-child(2) {
    justify-self: center
}

.Nm4HEX:nth-child(3) {
    justify-self: end
}

._7dS96 {
    min-width: 0
}

.XklnWA {
    color: #4a4a4a;
    cursor: help;
    display: flex;
    font-size: 16px;
    overflow: hidden;
    width: 100%
}

.XklnWA+.shopee-drawer__contents a {
    outline: 0;
    overflow: visible;
    position: relative
}

.XklnWA+.shopee-drawer__contents a: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)
}

.YzLslW {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._W1kLr {
    opacity: 0
}

.oZtSFx {
    flex-shrink: 0;
    height: 18px;
    margin-right: 5px;
    width: 18px
}

.CxLs6M {
    margin-left: .59375rem;
    stroke: #ee4d2d!important;
    height: .6875rem;
    width: .6875rem
}

.KUXX_3 {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem
}

.G7XNyd,.KUXX_3 {
    margin: 1.25rem 0
}

.G7XNyd {
    color: rgba(0,0,0,.54);
    font-size: 14px
}

.pUB15a {
    color: rgba(0,0,0,.87);
    font-size: 14px
}

.OH_b4J {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 6.25rem
}

.CeXbxn {
    min-height: 100px
}

.zlRPBS {
    width: 100%
}

.additionalInfoPopup {
    display: flex;
    flex-direction: column;
    min-height: 31.25rem;
    width: 50rem
}

.additionalInfoPopup .shopee-alert-popup__message {
    flex: 1;
    margin-top: 0
}

.additionalInfoPopup .shopee-alert-popup__button-horizontal-layout {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 1.25rem
}

.additionalInfoPopup .shopee-alert-popup__btn {
    flex-basis: 9.375rem;
    flex-grow: 0
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.P7IbkE {
    position: relative
}

.P7IbkE img {
    vertical-align: bottom
}

.juV2hh {
    visibility: hidden
}

.DIdXXL {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.kToENr {
    opacity: 0
}

.hnult1 {
    opacity: 1;
    transition: opacity .2s ease
}

.nVwb5f {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.vQYJ5N .IAYp87 {
    bottom: 0;
    right: 0
}

.IAYp87,.vQYJ5N .IAYp87 {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.IAYp87 {
    height: 100%;
    width: 100%
}

.r74CsV {
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: visible;
    padding: 25px!important
}

.pgFN2d {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 80px;
    margin-top: 20px;
    overflow: hidden;
    padding: 25px
}

.uLQaPg {
    border-right: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    max-width: 440px;
    padding-right: 25px
}

.lG5Xxv {
    flex-shrink: 0;
    margin-right: 20px;
    outline: 0;
    overflow: visible;
    position: relative
}

.lG5Xxv .y8f_ga {
    height: 80px;
    width: 80px
}

.lG5Xxv:focus-visible:before {
    --focus-indicator-border-radius: 50%;
    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)
}

.aUEg4L {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.aUEg4L .official-shop-new-badge {
    display: flex;
    justify-content: center
}

.aUEg4L>div {
    white-space: normal
}

.kgHbpK {
    left: 50%;
    transform: translateX(-50%);
    width: auto
}

.kgHbpK>div {
    font-size: 9px;
    white-space: nowrap
}

.BziOxR {
    bottom: 0;
    height: 21.33px;
    position: absolute;
    right: 0;
    width: 21.33px
}

.PYEGyz {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    overflow: hidden
}

.fV3TIn {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.asNEHY {
    margin: 0!important
}

.Fsv0YO {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    text-transform: capitalize
}

.NyRGTK {
    display: flex;
    margin-top: 8px
}

.NyRGTK .wq_EQj {
    margin-right: 10px
}

.NyRGTK .Z6yFUs,.NyRGTK .wq_EQj {
    flex-direction: row;
    text-transform: capitalize
}

.NyRGTK .Z6yFUs span,.NyRGTK .wq_EQj span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.NyRGTK .EXxJrT,.NyRGTK .esfDPs {
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/7bf03ed38ca37787fe78.svg)
}

.theme--ofs .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/cca4d4ed5534d55ee735.svg)
}

.theme--s-mart .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/11f3b40281448cc1cf5a.svg)
}

.NGzCXN {
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-gap: 20px 50px;
    color: rgba(0,0,0,.4);
    gap: 20px 50px;
    padding-left: 25px
}

.NGzCXN,.oQUf1d {
    flex-grow: 1
}

.YnZi6x {
    cursor: default;
    display: flex;
    justify-content: space-between;
    outline: 0;
    overflow: visible;
    position: relative
}

.YnZi6x:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.aArpoe .Cs6w3G {
    cursor: pointer
}

.H2wS9j {
    background: transparent;
    border: 0;
    outline: 0;
    overflow: visible;
    position: relative
}

.H2wS9j:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.ffHYws {
    color: rgba(0,0,0,.4);
    margin-right: 12px;
    text-transform: capitalize
}

.Cs6w3G {
    color: var(--brand-primary-color);
    text-align: right;
    white-space: nowrap
}

.mMlpiZ {
    align-items: center;
    color: #757575;
    display: flex;
    font-size: 14px
}

.H0wYar {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 1.875rem;
    width: 1.875rem
}

.H0wYar,.nkvGdS {
    position: relative
}

.nkvGdS {
    background-color: #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 100%;
    width: 100%
}

.Bk2cVc {
    stroke: #c6c6c6;
    font-size: 1.5rem;
    font-weight: 400;
    left: 50%;
    line-height: 2rem;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 24px;
    width: 24px
}

.Bk2cVc,.Qm507c {
    position: absolute
}

.Qm507c {
    border-radius: 50%;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.Qm507c:focus-visible {
    box-shadow: #fff 0 0 0 10px,var(--focus-indicator-color) 0 0 0 12px;
    outline: none
}

.gxSsbI {
    margin: 0 8px
}

.s4Wk4w a {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.product-page-seller-info__holiday-mode {
    color: #f9a51b;
    font-size: 12px;
    margin: 5px 0 6px;
    text-transform: capitalize;
    vertical-align: middle
}

.product-page-seller-info__holiday-symbol {
    align-items: center;
    background-color: #f9a51b;
    border-radius: 50%;
    display: inline-flex;
    height: 12px;
    justify-content: center;
    line-height: 12px;
    margin-right: 5px;
    width: 12px
}

.product-page-seller-info__holiday-symbol img {
    flex: 0 1 auto;
    height: 10px;
    width: 10px
}

.product-page-seller-info__inactive-indicator {
    color: #ff424f;
    font-size: 12px;
    margin: 5px 0 6px
}

.product-page-seller-info__online {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.product-page-seller-info__green-dot {
    background-color: #42ab17;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.product-page-seller-info__inactive-symbol {
    background-color: #ff424f;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-right: 5px;
    text-align: center;
    width: 12px
}

.product-page-seller-info__inactive-symbol>.shopee-svg-icon {
    color: #fff;
    font-size: 8px
}

.product-page-seller-info__inactive-symbol .icon-exclamation-mark {
    height: 8px;
    width: 8px
}

.product-not-exist {
    height: 600px;
    position: relative;
    text-align: center;
    width: 100%
}

.product-not-exist__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.product-not-exist__text {
    cursor: default;
    margin-top: 20px
}

.dBfDWY {
    background-color: #fffefb;
    border: 1px solid rgba(224,168,0,.4);
    border-radius: 2px;
    color: #222;
    line-height: 18px;
    margin-bottom: -.625rem;
    margin-top: 20px;
    padding: 11px 15px
}

.OzG_WI {
    height: 14px;
    margin-right: 10px;
    overflow: visible;
    vertical-align: -1px;
    width: 14px
}

.OK2S5z {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.XsMEjP {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.EBRFWp {
    background-color: rgba(0,0,0,.3);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.cz7Ulg {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    padding: 0 20px
}

.cz7Ulg:disabled {
    opacity: .5;
    pointer-events: none
}

.o9RGvm {
    background: #ee4d2d;
    border: 0;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.o9RGvm: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)
}

.o9RGvm:not(.LOZP9g):hover {
    background: #f05d40
}

.o9RGvm:not(.LOZP9g):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.o9RGvm.LOZP9g {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.NvCpmF {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    color: #212121
}

.NvCpmF:active,.NvCpmF:hover {
    background: rgba(0,0,0,.02)
}

.NvCpmF:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.oBKomb {
    font-size: 16px;
    line-height: 24px
}

.NEJEI0 {
    width: 100%
}

.X4TmNY {
    font-size: 16px;
    line-height: 24px;
    padding: 24px;
    width: 440px
}

.GufqRt {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.a3f5I1 {
    color: rgba(0,0,0,.65)
}

.YU4z24 {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    margin-top: 24px
}

.cGRn2O {
    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
}

.zErrE_ {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

#shopee-searchbar-selected-option {
    background-color: #fbfbfb
}

.shopee-searchbar {
    --focus-indicator-spacing: 3px;
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.shopee-searchbar--focus .shopee-searchbar-input:before {
    border-radius: 2px;
    bottom: -4px;
    content: "";
    left: -4px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: -4px;
    z-index: 1
}

.shopee-searchbar>.btn svg {
    margin: 0 auto
}

.shopee-searchbar__main {
    display: flex;
    flex: 1
}

.shopee-searchbar__search-button {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-searchbar__search-button:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-searchbar-input {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding: 0 .625rem;
    position: relative
}

.shopee-searchbar-input__input {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.shopee-searchbar-input__input:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-hints {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.shopee-searchbar-hints__header {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

.shopee-searchbar-hints__history-entry {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__history-entry__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry__typed-text {
    font-weight: 500
}

.shopee-searchbar-hints__history-entry__category-name {
    color: rgba(0,0,0,.26);
    margin-top: .25rem
}

.shopee-searchbar-hints__entry,.shopee-searchbar-hints__search-prefill,.shopee-searchbar-hints__search-shop {
    color: rgba(0,0,0,.87);
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__entry:hover,.shopee-searchbar-hints__search-prefill:hover,.shopee-searchbar-hints__search-shop:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__entry__bold-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__search-shop {
    align-items: center;
    display: flex
}

.shopee-searchbar-hints__search-shop .shopee-svg-icon {
    color: #ee4d2d;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.shopee-searchbar-hints__entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.shopee-searchbar-hints__entry--history {
    text-overflow: ellipsis
}

.shopee-searchbar-hints__entry__product-name {
    flex: 0 1 auto
}

.shopee-searchbar-hints__entry__typed-product-name {
    font-weight: 500
}

.shopee-searchbar-hints__entry__category-name {
    color: rgba(0,0,0,.26);
    flex: 0 1 auto;
    margin-top: .25rem
}

.shopee-searchbar-hints__search-prefill {
    align-items: center;
    display: flex;
    padding-right: 15px
}

.shopee-searchbar-hints__search-prefill img {
    margin-left: auto
}

.shopee-searchbar-hints__search-prefill .shopee-searchbar-hints__text {
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-user-hints {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-left: 1px solid rgba(0,0,0,.09);
    border-right: 1px solid rgba(0,0,0,.09)
}

.shopee-searchbar-user-hints__entry {
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-searchbar-selector {
    align-items: center;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    height: 100%;
    max-width: 9.375rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    line-height: 1.25rem;
    overflow: hidden;
    padding-left: .9375rem;
    padding-right: .625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__trigger>.shopee-svg-icon {
    height: .5rem;
    margin-left: .9375rem;
    width: .5rem
}

.shopee-searchbar-selector__dropdown {
    background-color: #fff;
    border-radius: .125rem;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin-top: .75rem;
    max-height: var(--radix-select-content-available-height);
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 601
}

.shopee-searchbar-selector__option {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 0 1 auto;
    height: 2.8125rem;
    justify-content: space-between;
    padding-left: .9375rem;
    padding-right: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__option:hover {
    background-color: #fbfbfb
}

.shopee-searchbar-selector__option-label {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    width: 100%
}

.shopee-searchbar-selector__option-tick {
    align-self: center;
    color: #ee4d2d;
    flex: 0 1 auto;
    height: .625rem;
    margin-left: .9375rem;
    width: .625rem
}

.ofs-more-menu {
    padding-top: 14px;
    position: absolute;
    right: 0;
    top: 50px
}

.ofs-more-menu__content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 50px 0 rgba(0,0,0,.2);
    display: flex;
    padding: 0 1.5625rem 1.5625rem;
    position: relative
}

.ofs-more-menu__content:before {
    border-bottom: 10px solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 44px;
    top: -10px;
    width: 0
}

.ofs-more-menu__col {
    flex: 1;
    width: 170px
}

.ofs-more-menu__item {
    color: rgba(0,0,0,.87);
    display: block;
    margin-top: 1.5625rem;
    overflow: hidden;
    padding-right: 15px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

.ofs-more-menu__item:hover {
    color: #ee4d2d;
    cursor: pointer;
    transition: color .3s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar--theme-official .ofs-more-menu__item:hover {
    color: #d0011b
}

.ofs-navbar {
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    min-height: 50px;
    transition: transform .3s cubic-bezier(.4,0,.6,1);
    z-index: 200
}

.ofs-navbar--theme-official .ofs-navbar__item--active,.ofs-navbar--theme-official .ofs-navbar__item:hover {
    color: #d0011b
}

.ofs-navbar--theme-official .ofs-navbar__item--active {
    border-color: #d0011b
}

.ofs-navbar--theme-official.preview {
    pointer-events: none
}

.ofs-navbar--docked {
    transform: translateZ(0)
}

.ofs-navbar--hidden {
    height: 0;
    min-height: 0;
    transform: translate3d(0,-50px,0)
}

.ofs-navbar__background {
    background: #fff
}

.ofs-navbar__wrapper {
    display: flex
}

.ofs-navbar__items {
    display: flex;
    flex: 1;
    justify-content: space-around
}

.ofs-navbar__item {
    align-items: center;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    font-size: .9375rem;
    font-weight: 700;
    padding: 14px 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ofs-navbar__item--active,.ofs-navbar__item:hover {
    color: #ee4d2d;
    cursor: pointer;
    transition: color .3s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item--active {
    border-color: #ee4d2d;
    transition: border-color .2s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ofs-navbar__more {
    display: flex;
    padding-left: 20px;
    position: relative
}

.ofs-navbar__more:before {
    border-left: 1px solid rgba(0,0,0,.09);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ofs-navbar__more>.icon-down-arrow-filled {
    height: .6em;
    margin-left: 4px;
    width: .6em
}

.ofs-navbar__more:hover {
    border-bottom-color: transparent;
    color: initial
}

.ofs-navbar__more--show>.icon-down-arrow-filled {
    transform: rotate(180deg)
}

.ofs-navbar__separator {
    background: rgba(0,0,0,.09);
    margin: 25px 0;
    width: 1px
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    align-items: center;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    outline: 0;
    text-transform: capitalize
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    max-width: 190px;
    min-width: 60px;
    padding: 0 15px
}

.btn--m {
    height: 40px;
    max-width: 220px;
    min-width: 70px;
    padding: 0 20px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l,.btn--xl {
    max-width: 250px;
    min-width: 80px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.cwKWhb {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

.cwKWhb:hover {
    background-color: #f8f8f8
}

.Q8sYgj {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.v9C9fv {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.wRXuLg {
    font-weight: 500;
    white-space: nowrap
}

.K98OHU,.wRXuLg {
    overflow: hidden;
    text-overflow: ellipsis
}

.K98OHU {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.U7qd54 {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.ruuPWB {
    color: #ee4d2d
}

.oQA219 {
    font-size: 9px;
    margin: 0 5px
}

.oQA219,.pJ0fmn {
    color: rgba(0,0,0,.54)
}

.fF3qL3,.pJ0fmn {
    font-size: .75rem
}

.fF3qL3 {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

.fF3qL3>.shopee-button-no-outline {
    font-weight: 400;
    padding: 0;
    white-space: nowrap
}

.xu2ybv {
    flex: 1
}

.Wq5Olu {
    margin-top: .625rem
}

.FgOG6A {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.N9m5w_ {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.QcxyjJ {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.cart-drawer-container {
    padding: 10px 0
}

.cart-drawer {
    cursor: pointer;
    margin: 0 0 0 5px;
    outline: 0;
    overflow: visible;
    position: relative
}

.cart-drawer:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.cart-drawer .shopee-cart-number-badge {
    left: -1.25rem;
    top: -.6875rem
}

.cart-drawer .icon-shopping-cart-2 {
    color: #fff;
    stroke: #fff
}

.cart-drawer__popover {
    z-index: 400!important
}

.OG8bFL {
    padding: 3.75rem 0;
    text-align: center
}

.NRsGJE {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9bdd8040b334d31946f4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.Jbh84d {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.j36PbB.j36PbB {
    flex-shrink: 0;
    max-width: unset
}

.jESbfG {
    line-height: normal;
    text-align: left
}

.au0ezw {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.j9MGss {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

._UmqrZ {
    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
}

._UmqrZ>.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
}

.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)
}

.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
}

.xqFGel {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem
}

.xqFGel.PeVO69: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
}

.xqFGel .X4A1mL {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.xqFGel .X4A1mL:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.dzD_oG {
    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
}

.lpd7LA {
    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
}

.lpd7LA.HGHYAE,.lpd7LA:hover {
    background-color: #fafafa
}

.lpd7LA .uoPjuf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lpd7LA .OYr_QV {
    font-weight: 500
}

.oBjriL {
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.oBjriL.hcSqiM {
    box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
}

.oBjriL .goo1BZ {
    margin: 0 auto
}

.oBjriL .goo1BZ,.oBjriL .goo1BZ:active,.oBjriL .goo1BZ:focus,.oBjriL .goo1BZ:hover {
    background-color: #066bc8
}

.Kc3bjM {
    display: flex;
    flex: 1;
    position: relative
}

.Kc3bjM .lCJQSq {
    width: 100%
}

.Kc3bjM .FByahe {
    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
}

.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
}

.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%
}

.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
}

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/d4abcabbd3a449975eb8.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%
}

.inVC2s {
    position: relative
}

.inVC2s img {
    vertical-align: bottom
}

.LoKV8G {
    visibility: hidden
}

.kqknPZ {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.jtfbM2 {
    opacity: 0
}

.WKlBzs {
    opacity: 1;
    transition: opacity .2s ease
}

.Ga0gYz {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.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)
    }
}

.K4HzYF,.WCesPV {
    align-items: center;
    display: flex
}

.K4HzYF {
    justify-content: center
}

.WCesPV {
    color: currentColor;
    padding: 6px 0
}

.b2cpp4 {
    pointer-events: none
}

.K4HzYF {
    background-color: #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem;
    left: -.75rem;
    margin-right: -.9375rem;
    position: relative;
    top: -.3125rem
}

.JIk5jC {
    width: 1.125rem
}

.Naa9e7 {
    width: 1.375rem
}

.iZrR7L {
    color: var(--brand-primary-color,#ee4d2d)
}

.Xj04dY {
    color: #d0011b
}

.HUb4uA {
    font-size: .8125rem;
    font-weight: 300;
    margin-left: .3125rem;
    text-transform: capitalize
}

.sXTYmG {
    position: relative
}

.sXTYmG img {
    vertical-align: bottom
}

.cBA2ug {
    visibility: hidden
}

.PyDb5M {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.xaeg6u {
    opacity: 0
}

.UqOtLU {
    opacity: 1;
    transition: opacity .2s ease
}

.zt11vf {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.Ghi0DB .R8bGj3 {
    bottom: 0;
    right: 0
}

.Ghi0DB .R8bGj3,.R8bGj3 {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.R8bGj3 {
    height: 100%;
    width: 100%
}

.X5bK0x {
    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
}

.gVKtRA {
    height: 6.25rem;
    width: 6.25rem
}

.EXiGJQ {
    margin: .625rem
}

.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)
}

.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
}

.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
}

.gbavatar,.gbstep1,.gbstep2,.gbstep3 {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4b96c5209105fcf85252.png) no-repeat;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.gbavatar {
    background-position: 0 0;
    background-size: cover;
    height: 100px;
    width: 100px
}

.gbstep1 {
    background-position: 0 -100px
}

.gbstep2 {
    background-position: -22px -100px
}

.gbstep3 {
    background-position: -44px -100px
}

.page-product__content--right>:not(:empty) {
    margin-left: .9375rem;
    width: 14.5rem
}

.page-product>.container {
    padding-bottom: 4.375rem
}

.page-product__breadcrumb {
    height: 1rem;
    margin-top: 1.25rem
}

.theme--s-mart .page-product__breadcrumb {
    color: #066bc8
}

.page-product__detail,.page-product__hot-sales,.page-product__info,.page-product__ratings,.page-product__recycle,.page-product__shop,.page-product__shop-voucher {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    margin-top: .9375rem;
    overflow: hidden;
    padding: .625rem
}

.page-product__content {
    display: flex;
    min-height: 40rem
}

.page-product__content--hidden {
    opacity: 0;
    pointer-events: none
}

.page-product__content--left {
    flex: 1;
    min-width: 0
}

.page-product__content--right>:not(:empty) {
    display: block!important
}

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

.toast--hidden {
    opacity: 0;
    pointer-events: none
}

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    margin-bottom: 1.25rem
}

.kkObvr,.toast__icon {
    display: flex;
    justify-content: center
}

.kkObvr {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    height: 60px;
    text-align: center;
    width: 60px
}

.bYHPUH {
    height: 30px;
    width: 30px
}

.K3c1N_ {
    height: 40px;
    width: 40px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/pcmall-productdetailspage.eaba0db876eaca3ba12c.css.map*/
.g7XUhU {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .5625rem rgba(0,0,0,.12);
    left: 0;
    padding: 1.5rem 1.5rem 1rem;
    position: absolute;
    top: 100%;
    width: 18.75rem;
    z-index: 999
}

.ypvmba {
    align-content: space-between
}

.aK4wLS,.ypvmba {
    align-items: center;
    display: flex
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .aK4wLS,.ypvmba {
        height: 1px
    }

    .aK4wLS:after,.ypvmba:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.CyloyY {
    font-size: 12px;
    height: 22px;
    margin-top: 4px
}

.aK4wLS {
    padding-top: 4px
}

.yk45tg {
    color: rgba(0,0,0,.65);
    padding-left: 7px
}

.aTZqZy {
    height: 12px;
    width: 12px
}

.MYzpvL {
    color: #ee2c4a
}

.PPID9a {
    margin-top: 24px;
    text-align: center
}

.ylaWnz,.ylaWnz:active,.ylaWnz:hover,.ylaWnz:visited {
    color: #08f;
    font-size: 12px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Kf8Txe {
    border: 1px solid rgba(0,0,0,.54);
    border-radius: 2px;
    box-sizing: border-box;
    flex: 1;
    font-size: 14px;
    height: 40px;
    min-width: 100px;
    outline: none;
    padding: 10px
}

.uT5DuE {
    border: 1px solid #ee2c4a
}

.jbRyni {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .jbRyni {
        height: 1px
    }

    .jbRyni:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.jbRyni {
    background-color: #ee4d2d;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    margin-left: 16px;
    min-width: 107px;
    outline: 0;
    overflow-x: hidden;
    padding: 0
}

.O8gIjW {
    background-color: #f7a696
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/ZipcodeSelector.e3f5949539331e1acb2d.css.map*/
.yuweOC {
    display: flex;
    flex-wrap: nowrap
}

.DyVNwh,.yuweOC {
    align-items: center
}

.DyVNwh {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 100%;
    justify-items: center;
    margin: 0 -.3125rem;
    overflow: hidden
}

.yuweOC:first-child {
    justify-self: start
}

.yuweOC:nth-child(2) {
    justify-self: center
}

.yuweOC:nth-child(3) {
    justify-self: end
}

.qMhBcZ {
    height: 3.125rem;
    margin-right: .75rem;
    width: 3.125rem
}

.YIvRtE {
    max-width: 17.1875rem
}

.YYie3W {
    margin: 0
}

.RVRqW7 {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.N9g4MR {
    display: flex;
    flex-wrap: wrap
}

.z3V5cH {
    box-sizing: border-box;
    padding: .3125rem;
    width: 20%
}

.QgPBnd {
    font-size: .75rem
}

.fV6Lzw {
    font-weight: 700;
    margin: .625rem 0 .125rem;
    padding: .125rem 0;
    text-transform: uppercase
}

.fV6Lzw,.mIJhDG {
    color: rgba(0,0,0,.54)
}

.mIJhDG {
    display: block;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

.mIJhDG:hover {
    color: #ee4d2d
}

.N9g4MR {
    line-height: 1.5;
    margin-bottom: .625rem;
    width: 100%
}

.J77zeC {
    color: rgba(0,0,0,.54);
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.J77zeC:hover {
    color: #ee4d2d
}

.KuW8tZ {
    display: flex
}

.fZL9ZI {
    margin: 3.75rem auto .625rem;
    padding-bottom: 3.75rem;
    width: 75rem
}

.upANdK {
    font-weight: 700
}

.KuW8tZ {
    margin: 0 -.3125rem
}

.kkbRak {
    align-items: center;
    background: none;
    border: 0;
    color: #ee4d2d;
    display: flex;
    justify-content: center;
    outline: none;
    padding: 0
}

.glSP10 {
    font-size: .75rem;
    margin-right: .625rem;
    text-transform: capitalize
}

.CjqIr3,.SGzDPt,.o4N8sk,.qwzYRw {
    margin: 0 auto;
    width: 75rem
}

.CjqIr3,.SGzDPt,.qwzYRw {
    border-bottom: 1px solid rgba(0,0,0,.09);
    margin-top: 3.75rem;
    padding-bottom: 1.875rem
}

.DFTbCr {
    background-color: #fff;
    border-top: 4px solid #ee4d2d;
    color: rgba(0,0,0,.54);
    min-width: 75rem
}

.Ji_QfP {
    border-top-color: var(--brand-primary-color)
}

.VMyG95 {
    border-bottom: 1px solid rgba(0,0,0,.12);
    height: 7.5rem;
    width: 100%
}

.CWtYCu {
    background-color: #fbfbfb
}

.shopee-footer-section {
    padding-bottom: 1.875rem
}

.shopee-footer-section__heading {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.7;
    margin: 0
}

.shopee-footer-section__content {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1.4;
    margin: .625rem 0 0
}

.shopee-footer-section__content a {
    color: rgba(0,0,0,.8);
    color: rgba(0,0,0,.54);
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-footer-section__content a:hover {
    color: #ee4d2d
}

.eQAIDu {
    margin: 30px 0
}

.iB_48Z {
    font-size: 14px
}

.ktQm94,.oxFh_x {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.ktQm94 a,.oxFh_x a {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.ktQm94 a:hover,.oxFh_x a:hover {
    color: #ee4d2d
}

.oxFh_x li {
    margin-bottom: 8px
}

.oxFh_x li a {
    display: flex
}

.oxFh_x li ._k6sED {
    flex-basis: 800px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.oxFh_x li .nU4rf7 {
    color: rgba(0,0,0,.87)!important;
    flex-shrink: 0;
    font-weight: 500
}

.ktQm94 {
    display: flex;
    flex-wrap: wrap
}

.ktQm94 li {
    padding: 0 5px;
    position: relative
}

.ktQm94 li:not(:first-child):before {
    background-color: rgba(0,0,0,.54);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/PdpFooter.47a89112f0554082f74d.css.map*/
.QN2lPu {
    margin: 0
}

.QN2lPu img {
    pointer-events: none
}

.hACMvw {
    left: 0;
    padding-bottom: 0;
    position: absolute;
    right: 0
}

.GqYslU,.hACMvw {
    height: 100%;
    width: 100%
}

.GqYslU {
    object-fit: fill!important
}

.ADA0OE {
    color: rgba(0,0,0,.87);
    color: #05a;
    margin-right: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.e8lZp3 {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: 
}

.Tq1nbH {
    display: flex;
    margin-bottom: 1.125rem
}

.cyMNDG {
    box-sizing: border-box;
    color: rgba(0,0,0,.4);
    font-size: .875rem;
    padding-right: .75rem;
    width: 8.75rem
}

.cyMNDG.TyBD7s {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ShO2i7 {
    color: #05a
}

.ShO2i7:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.HijsbY {
    text-transform: capitalize
}

.Gu3Txd {
    color: rgba(0,0,0,.4);
    margin-bottom: 1.125rem
}

.rT_Z4u {
    margin-bottom: 1.875rem
}

.ECg7Gs {
    white-space: 
}

.I_DV_3 {
    padding: .9375rem .9375rem 0
}

.WjNdTR {
    background: rgba(0,0,0,.02);
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    padding: .875rem;
    text-transform: capitalize
}

.Gf4Ro0 {
    margin: 1.875rem .9375rem .9375rem
}

.lazy-image__container {
    position: relative
}

.lazy-image__image,.lazy-image__placeholder {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lazy-image__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.item-card-special {
    background-color: #fff;
    cursor: pointer;
    position: relative
}

.item-card-special__link {
    color: rgba(0,0,0,.8);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.item-card-special__link:hover {
    transform: translateY(-.125rem);
    z-index: 1
}

.item-card-special__img {
    margin-bottom: .3125rem;
    padding-top: 0;
    position: relative
}

.item-card-special__img-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-top: 100%
}

.item-card-special__img-background .lazy-image__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.item-card-special__img-background--adult .lazy-image__image {
    background-color: #fff;
    background-size: 100px
}

.item-card-special__lower-padding {
    padding: 0 .625rem .625rem
}

.item-card-special__name {
    overflow: hidden;
    word-wrap:;
    display: -webkit-box;
    height: 2.1875rem;
    line-height: 1.125rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.item-card-special__name--special {
    height: 2rem;
    line-height: 1rem;
    margin-bottom: 4px;
    text-align: center
}

.item-card-special__section-price {
    align-items: center;
    display: flex;
    height: 1.5rem;
    overflow: hidden;
    position: relative
}

.item-card-special__section-price--special {
    display: block;
    height: 2.625rem
}

.item-card-special__current-price {
    color: #ee4d2d;
    flex-shrink: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-card-special__current-price--special {
    flex-grow: 1;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: center
}

.item-card-special__current-price--ofs {
    color: #d0011b
}

.item-card-special__other-price {
    align-items: flex-end;
    display: flex;
    justify-content: center
}

.item-card-special__original-price {
    color: rgba(0,0,0,.54);
    overflow: hidden;
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    text-overflow: ellipsis
}

.item-card-special__original-price--special {
    text-align: center
}

.item-card-special__discount-label {
    background: #ee4d2d;
    border: 0;
    border-radius: 2px;
    color: #fff;
    margin-left: 3px;
    padding: 1px 3px
}

.item-card-special__discount-label--ofs {
    background: #d0011b
}

.item-card-special__lowest-price {
    bottom: 5px;
    height: 38px;
    left: 5px;
    position: absolute;
    width: 48px
}

.item-card-special__padding {
    cursor: pointer;
    padding: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.item-card-special:hover .card__name {
    color: #000
}

.product-shop-hot-sales {
    padding: .625rem 0
}

.product-shop-hot-sales__header {
    color: rgba(0,0,0,.4);
    font-size: inherit;
    font-weight: 400;
    margin: .625rem 0 0;
    padding: 0 1.25rem;
    text-transform: capitalize
}

.product-shop-hot-sales__item {
    outline: 0;
    overflow: visible;
    padding: 1.25rem 1.25rem 0;
    position: relative
}

.product-shop-hot-sales__item:focus-visible:before {
    border-radius: 2px;
    content: "";
    height: calc(100% - 2rem);
    left: calc(1.25rem - 8px);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(1.25rem - 8px);
    width: calc(100% - 2.5rem + 8px);
    z-index: 1
}

.product-shop-hot-sales__item:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.product-shop-hot-sales__item:hover {
    transform: none
}

.product-shop-hot-sales__item .item-card-special__lower-padding {
    padding: 0 .625rem
}

.product-shop-hot-sales__item .item-card-special__current-price--special,.product-shop-hot-sales__item .item-card-special__name--special {
    text-align: left
}

.product-shop-hot-sales__item .item-card-special__name--special {
    padding-top: .3125rem
}

.product-shop-hot-sales__item .item-card-special__current-price--special {
    font-size: 1rem
}

.Y2znRB {
    padding: 1rem .75rem;
    position: relative
}

.pDzgVw {
    left: .75rem;
    position: absolute;
    top: 1rem
}

.hlrJyJ {
    color: rgba(0,0,0,.87);
    height: 1rem
}

.s2FoN4 {
    color: rgba(0,0,0,.54);
    margin-top: .25rem
}

.s2FoN4 ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 1.5rem
}

.hlrJyJ,.s2FoN4 {
    margin-left: 2rem
}

.wAMdpk .shopee-header-section__header-link>.shopee-button-no-outline {
    color: var(--brand-primary-color,#ee4d2d)!important
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/PageProductBelowTheFold.6c742379e852c29284eb.css.map*/
.LCUJ7U {
    align-items: center
}

.LCUJ7U,.df4NLV {
    display: flex
}

.df4NLV {
    flex-direction: row
}

.LCUJ7U {
    justify-content: center
}

.df4NLV {
    margin-bottom: 1rem;
    width: 100%
}

.df4NLV:hover {
    cursor: pointer
}

.ZvGfMJ {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 5rem;
    margin-right: .75rem;
    padding: .25rem;
    width: 5rem
}

.msWjjF {
    display: inline-block;
    vertical-align: top;
    width: 4.75rem
}

.iqcQ42 {
    margin-left: .8125rem
}

.LCUJ7U {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem;
    width: 4.25rem
}

.LCUJ7U:last-child {
    margin-bottom: 0
}

.LCUJ7U img {
    max-height: 100%;
    max-width: 100%
}

.PS8FXY,.wuVo4c {
    align-items: center
}

.PS8FXY,.lblc8D,.wuVo4c {
    display: flex
}

.lblc8D {
    flex-wrap: wrap
}

.PS8FXY,.wuVo4c {
    justify-content: center
}

.lblc8D {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

.wuVo4c {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 1.875rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
    padding: .25rem;
    width: 3.75rem
}

.wuVo4c.YO4ryo {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.wuVo4c.F1odL9 {
    margin-right: .1875rem
}

.PS8FXY {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%
}

.PS8FXY img {
    max-height: 100%;
    max-width: 100%
}

.Ru7LzE,.ZFDMNv {
    align-content: center;
    display: flex
}

.LnItlf {
    color: rgba(0,0,0,.65);
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Ru7LzE {
    font-size: .75rem;
    margin-bottom: .75rem
}

.H1aBdB {
    text-transform: capitalize
}

.ZFDMNv {
    color: rgba(0,0,0,.65);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ZFDMNv:hover {
    color: #ee4d2d
}

.EQPnsK {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.dh9JIR {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Bf4Fm7 {
    box-sizing: border-box;
    padding: .3125rem;
    width: 15.625rem
}

.Bf4Fm7:first-child:nth-last-child(6),.Bf4Fm7:first-child:nth-last-child(6)~.Bf4Fm7,.Bf4Fm7:last-child {
    width: 12.5rem
}

.gWA_z5 {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem
}

.gWA_z5.UlkBol {
    margin-top: 0
}

.RutLhh {
    text-transform: uppercase
}

.jbufAI {
    display: flex;
    margin: 0 -.3125rem;
    padding: .3125rem;
    width: 100%
}

.S7Y95y,.jbufAI {
    align-items: flex-start
}

.S7Y95y {
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.s712qn {
    align-items: flex-start
}

.Nso8Vk,.s712qn {
    display: flex;
    flex-wrap: wrap
}

.Nso8Vk {
    justify-content: center
}

.s712qn {
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.54);
    justify-content: space-between;
    padding: 2.5rem 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .s712qn {
        border-top:.5px solid rgba(0,0,0,.1)
    }
}

.sgzq5N {
    line-height: 1.125rem
}

.jvQn8M {
    flex-basis: 100%;
    margin-bottom: .75rem
}

.Jh9qbh {
    flex-shrink: 0;
    margin-right: 25px
}

.BDmRUt {
    flex: 1 0 auto;
    text-align: right
}

.W6NRbY {
    padding: 0 5px
}

.W6NRbY:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.2)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .W6NRbY:not(:last-child) {
        border-right:.5px solid rgba(0,0,0,.2)
    }
}

.dcO2KX {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: none;
    text-decoration: none
}

.gecSwM {
    margin: auto;
    width: 75rem
}

.footer-br-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b6ea04d5cbb2c67f3635.png)
}

.footer-br-ebanx-png {
    background-position: 3.7037037037037037% 11.494252873563218%;
    background-size: 590.9090909090909% 400%
}

.footer-br-f-png {
    background-position: 32.42320819112628% 11.904761904761905%;
    background-size: 1015.625% 362.5%
}

.footer-br-ins-png {
    background-position: 3.4129692832764507% 70.23809523809524%;
    background-size: 1015.625% 362.5%
}

.footer-br-kwai-png {
    background-position: 21.160409556313994% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-lin-png {
    background-position: 38.907849829351534% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-mastercard-png {
    background-position: 67.96536796536796% 16.129032258064516%;
    background-size: 345.74468085106383% 214.8148148148148%
}

.footer-br-tiktok-png {
    background-position: 56.65529010238908% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-twitter-png {
    background-position: 74.40273037542661% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-visa-png {
    background-position: 100% 85.71428571428571%;
    background-size: 590.9090909090909% 644.4444444444445%
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/InformationBlockBR.debd79f1db13e1e09299.css.map*/
.iDhc3I {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.iDhc3I: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)
}

.iDhc3I:first-child {
    margin-left: 0
}

.ZYaV64 {
    flex: 1
}

.ZYaV64,.c_J_OI {
    display: flex;
    width: 100%
}

.c_J_OI {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip;
    position: relative
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/HotWordList.c057e3d934e132f56e76.css.map*/

.footer-br-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/d8a5ec6168ea0db8.png)
}

.footer-br-ebanx-png {
    background-position: 3.7037037037037037% 11.494252873563218%;
    background-size: 590.9090909090909% 400%
}

.footer-br-f-png {
    background-position: 32.42320819112628% 11.904761904761905%;
    background-size: 1015.625% 362.5%
}

.footer-br-ins-png {
    background-position: 3.4129692832764507% 70.23809523809524%;
    background-size: 1015.625% 362.5%
}

.footer-br-kwai-png {
    background-position: 21.160409556313994% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-lin-png {
    background-position: 38.907849829351534% 73.80952380952381%;
    background-size: 1015.625% 362.5%
}

.footer-br-mastercard-png {
    background-position: 67.96536796536796% 16.129032258064516%;
    background-size: 345.74468085106383% 214.8148148148148%
}

.footer-br-tiktok-png {
    background-position: 56.65529010238908% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-twitter-png {
    background-position: 74.40273037542661% 100%;
    background-size: 1015.625% 362.5%
}

.footer-br-visa-png {
    background-position: 100% 85.71428571428571%;
    background-size: 590.9090909090909% 644.4444444444445%
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/986.712be1223b7c6320.css.map*/


  .aUfEYx {
    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
}

.oP_2Yj {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

.nGjBM4 {
    left: 0;
    position: absolute;
    top: 0
}

.YcGuR0 {
    width: 3.625rem
}

.lWvWlZ {
    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
}

.TOTHst {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.stZVgy {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.cFHBUj {
    padding-right: 2.4375rem
}

.I_7ZBH {
    align-items: center;
    display: flex;
    flex-direction: column
}

.gl_NO2 {
    margin-bottom: .6875rem;
    overflow: hidden
}

.cZICL7 {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.pC3GS_,.yNjUkw {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.pC3GS_ {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.yNjUkw {
    background-size: 100%
}

.WCXVM1 {
    align-items: center;
    display: flex
}

.hrHI8V,.lsXe1w {
    height: 1rem;
    padding: .1875rem
}

.yFVEAq.lWvWlZ {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.yFVEAq .TOTHst {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.yFVEAq .pC3GS_ {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.yFVEAq .yNjUkw {
    height: 2.1875rem;
    width: 6.6875rem
}

.yFVEAq .zDbG6G {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.yFVEAq .cFHBUj {
    padding-right: 1.4375rem
}

.yFVEAq .I_7ZBH {
    justify-content: center
}

.yFVEAq .cZICL7 {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.yFVEAq .gl_NO2 {
    margin-bottom: -.25rem
}

.yFVEAq .PciIU0,.yFVEAq .hrHI8V,.yFVEAq .lsXe1w {
    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
}

.yFVEAq .PciIU0 {
    margin-right: 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)
    }
}

.SSG8NW {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

.SSG8NW:hover {
    background-color: #f8f8f8
}

.Fbzjel {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.l2cM0f {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.gzaTEj {
    font-weight: 500;
    white-space: nowrap
}

.b8OQ1W,.gzaTEj {
    overflow: hidden;
    text-overflow: ellipsis
}

.b8OQ1W {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.TpeiSP {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.cfboRz {
    color: #ee4d2d
}

.mqQhbe {
    font-size: 9px;
    margin: 0 5px
}

.M1kNDv,.mqQhbe {
    color: rgba(0,0,0,.54)
}

.LNsqFy,.M1kNDv {
    font-size: .75rem
}

.LNsqFy {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

.LNsqFy>.shopee-button-no-outline {
    font-weight: 400;
    padding: 0;
    white-space: nowrap
}

.tQMSXF {
    flex: 1
}

.CqP_lX {
    margin-top: .625rem
}

.i5qfXu {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.AvzCG7 {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.rk5yL6 {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.C_czPg {
    padding: 3.75rem 0;
    text-align: center
}

.Xh7cLk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c44984f18d2d2211.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.N82IAm {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.XaIy0R.XaIy0R {
    flex-shrink: 0;
    max-width: unset
}

.vPiJCC {
    line-height: normal;
    text-align: left
}

.tYGSzk {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.Dszsd_ {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

.r1ShUP {
    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
}

.r1ShUP>.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
}

.SJgdRn {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

.SJgdRn:hover {
    background-color: #f8f8f8
}

.Wijz7J {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    width: 2.5rem
}

.IaBSZ8 {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.Or3pTE {
    font-weight: 500;
    white-space: nowrap
}

.Or3pTE,.dZ6nBs {
    overflow: hidden;
    text-overflow: ellipsis
}

.dZ6nBs {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.eml2b9 {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.fqhrgL {
    color: #ee4d2d
}

.gfKPdw {
    font-size: 9px;
    margin: 0 5px
}

.ITmaP7,.gfKPdw {
    color: rgba(0,0,0,.54)
}

.ITmaP7,.jwXmxI {
    font-size: .75rem
}

.jwXmxI {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

.jwXmxI>.shopee-button-no-outline {
    font-weight: 400;
    padding: 0;
    white-space: nowrap
}

.BnbWE5 {
    flex: 1
}

.nI4_6F {
    margin-top: .625rem
}

.tka5Ab {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ZUd5gC {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.M6QKuy {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.cart-drawer-container {
    padding: 10px 0
}

.cart-drawer {
    cursor: pointer;
    margin: 0 0 0 5px;
    outline: 0;
    overflow: visible;
    position: relative
}

.cart-drawer:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.cart-drawer .shopee-cart-number-badge {
    left: -1.25rem;
    top: -.6875rem
}

.cart-drawer .icon-shopping-cart-2 {
    color: #fff;
    stroke: #fff
}

.cart-drawer__popover {
    z-index: 400!important
}

.ta4Ris {
    padding: 3.75rem 0;
    text-align: center
}

.DT4laZ {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c44984f18d2d2211.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.FpsSB0 {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.J2JVHV.J2JVHV {
    flex-shrink: 0;
    max-width: unset
}

.bHRjsO {
    line-height: normal;
    text-align: left
}

.nhXaxI {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.AMZ2wA {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

.B5IVng {
    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
}

.B5IVng>.shopee-button-solid {
    font-size: .875rem;
    padding: .625rem .9375rem;
    text-transform: capitalize
}

.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: 
}

.M3Uu4O {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.GzOpUw {
    background: #fff;
    border-radius: 2px;
    margin-top: .625rem;
    padding: 2px;
    width: 11.25rem
}

.AXQemg {
    height: 11.25rem;
    width: 11.25rem
}

.M3Uu4O {
    flex-wrap: wrap;
    padding: 0 .9375rem .3125rem
}

.KddhLt {
    margin-top: .3125rem;
    width: 4.375rem
}

.z4ZFkN {
    width: 100%
}

.cEWIJ7: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
}

.cEWIJ7:not(:first-child) {
    margin-left: .625rem
}

.H2WNz1 {
    color: #fff;
    font-size: .8125rem;
    font-weight: 300;
    outline: 0;
    overflow: visible;
    padding: .25rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.H2WNz1: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)
}

.H2WNz1:last-child {
    border: 0
}

.H2WNz1:not(.vFjdcS):hover {
    color: hsla(0,0%,100%,.7);
    cursor: pointer
}

.H2WNz1>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
}

.vFjdcS {
    border: 0
}

.Ib3ClQ,.vFjdcS {
    padding-right: 0
}

.s359YO .CpUudE,.s359YO .EibF45,.s359YO .RAjv0A,.s359YO .j33yV2,.s359YO .qvLQdi,.s359YO .sWPWaV,.s359YO .utpwZb {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

.s359YO .sWPWaV {
    height: 27px;
    width: 28px
}

.s359YO .RAjv0A,.s359YO .j33yV2,.s359YO .utpwZb {
    height: 16px;
    width: 16px
}

.s359YO .CpUudE {
    height: 15px;
    width: 16px
}

.s359YO .qvLQdi {
    height: 16px;
    width: 14px
}

.s359YO .EibF45 {
    height: 16px;
    width: 16px
}

.navbar-wrapper--light .H2WNz1 {
    border-color: hsla(0,0%,53%,.22);
    color: currentColor
}

.navbar-wrapper--light .H2WNz1:not(.vFjdcS):hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .H2WNz1,.navbar-wrapper--high-end-brand .H2WNz1:not(.vFjdcS):hover {
    color: currentColor
}

.navbar-wrapper--high-end-brand .H2WNz1:not(.vFjdcS):not(.Ib3ClQ):hover {
    opacity: .5
}

.rpUI8U {
    position: relative
}

.rpUI8U img {
    vertical-align: bottom
}

.sxw2wE {
    visibility: hidden
}

.mqXfjG {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

._AZyzS {
    opacity: 0
}

.QEE6NA {
    opacity: 1;
    transition: opacity .2s ease
}

.dcVImQ {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.D8UFhI {
    align-items: center;
    color: #fff;
    display: flex;
    padding: .4375rem .625rem
}

.D8UFhI:hover {
    color: hsla(0,0%,100%,.7)
}

.navbar-wrapper--high-end-brand .D8UFhI,.navbar-wrapper--high-end-brand .D8UFhI:hover {
    color: currentColor
}

.navbar-wrapper--high-end-brand .D8UFhI:hover {
    opacity: .5
}

.D8UFhI .eNteNX {
    align-items: center;
    display: flex
}

.D8UFhI .WKkDmA {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

.dwiHXA {
    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
}

.dwiHXA .RCvcrn {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .625rem;
    text-align: left
}

.dwiHXA .RCvcrn.CsACcO,.dwiHXA .RCvcrn:hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .dwiHXA .RCvcrn.CsACcO,.navbar-wrapper--high-end-brand .dwiHXA .RCvcrn:hover {
    color: #f4a386
}

.dwiHXA .RCvcrn>span {
    border-radius: var(--focus-indicator-border-radius);
    margin: calc(var(--focus-indicator-spacing)*-1);
    padding: var(--focus-indicator-spacing)
}

.dwiHXA .RCvcrn:focus-visible {
    outline: none
}

.dwiHXA .RCvcrn:focus-visible>span {
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
}

.dwiHXA:hover :not(:hover) {
    color: rgba(0,0,0,.87)
}

.aRt1DS {
    background: #066bc8
}

.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
}

.wVU7W4 {
    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
}

.oJmcsL {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

#shopee-searchbar-selected-option {
    background-color: #fbfbfb
}

.shopee-searchbar {
    --focus-indicator-spacing: 3px;
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.shopee-searchbar--focus .shopee-searchbar-input:before {
    border-radius: 2px;
    bottom: -4px;
    content: "";
    left: -4px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: -4px;
    z-index: 1
}

.shopee-searchbar>.btn svg {
    margin: 0 auto
}

.shopee-searchbar__main {
    display: flex;
    flex: 1
}

.shopee-searchbar__search-button {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-searchbar__search-button:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-searchbar-input {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding: 0 .625rem;
    position: relative
}

.shopee-searchbar-input__input {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.shopee-searchbar-input__input:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-hints {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.shopee-searchbar-hints__header {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

.shopee-searchbar-hints__history-entry {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__history-entry__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry__typed-text {
    font-weight: 500
}

.shopee-searchbar-hints__history-entry__category-name {
    color: rgba(0,0,0,.26);
    margin-top: .25rem
}

.shopee-searchbar-hints__entry,.shopee-searchbar-hints__search-prefill,.shopee-searchbar-hints__search-shop {
    color: rgba(0,0,0,.87);
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__entry:hover,.shopee-searchbar-hints__search-prefill:hover,.shopee-searchbar-hints__search-shop:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__entry__bold-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__search-shop {
    align-items: center;
    display: flex
}

.shopee-searchbar-hints__search-shop .shopee-svg-icon {
    color: #ee4d2d;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.shopee-searchbar-hints__entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.shopee-searchbar-hints__entry--history {
    text-overflow: ellipsis
}

.shopee-searchbar-hints__entry__product-name {
    flex: 0 1 auto
}

.shopee-searchbar-hints__entry__typed-product-name {
    font-weight: 500
}

.shopee-searchbar-hints__entry__category-name {
    color: rgba(0,0,0,.26);
    flex: 0 1 auto;
    margin-top: .25rem
}

.shopee-searchbar-hints__search-prefill {
    align-items: center;
    display: flex;
    padding-right: 15px
}

.shopee-searchbar-hints__search-prefill img {
    margin-left: auto
}

.shopee-searchbar-hints__search-prefill .shopee-searchbar-hints__text {
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-user-hints {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-left: 1px solid rgba(0,0,0,.09);
    border-right: 1px solid rgba(0,0,0,.09)
}

.shopee-searchbar-user-hints__entry {
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-searchbar-selector {
    align-items: center;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    height: 100%;
    max-width: 9.375rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    line-height: 1.25rem;
    overflow: hidden;
    padding-left: .9375rem;
    padding-right: .625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__trigger>.shopee-svg-icon {
    height: .5rem;
    margin-left: .9375rem;
    width: .5rem
}

.shopee-searchbar-selector__dropdown {
    background-color: #fff;
    border-radius: .125rem;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin-top: .75rem;
    max-height: var(--radix-select-content-available-height);
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 601
}

.shopee-searchbar-selector__option {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 0 1 auto;
    height: 2.8125rem;
    justify-content: space-between;
    padding-left: .9375rem;
    padding-right: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__option:hover {
    background-color: #fbfbfb
}

.shopee-searchbar-selector__option-label {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    width: 100%
}

.shopee-searchbar-selector__option-tick {
    align-self: center;
    color: #ee4d2d;
    flex: 0 1 auto;
    height: .625rem;
    margin-left: .9375rem;
    width: .625rem
}

.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.i02B8_ {
    left: 0;
    position: absolute;
    top: 0
}

.De_AZn {
    width: 3.625rem
}

.kbMph2 {
    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
}

.Ejdht9 {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.NNQb_C {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

._76ynUd {
    padding-right: 2.4375rem
}

.ekOTtc {
    align-items: center;
    display: flex;
    flex-direction: column
}

.m9HJrP {
    margin-bottom: .6875rem;
    overflow: hidden
}

.wvSwR_ {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.OWtzjS,.hu29Ur {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.OWtzjS {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.hu29Ur {
    background-size: 100%
}

.rI0m8U {
    align-items: center;
    display: flex
}

.Kzp9BD,.ZfLTCP {
    height: 1rem;
    padding: .1875rem
}

.AgTpzm.kbMph2 {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.AgTpzm .Ejdht9 {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.AgTpzm .OWtzjS {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.AgTpzm .hu29Ur {
    height: 2.1875rem;
    width: 6.6875rem
}

.AgTpzm .bPl24E {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.AgTpzm ._76ynUd {
    padding-right: 1.4375rem
}

.AgTpzm .ekOTtc {
    justify-content: center
}

.AgTpzm .wvSwR_ {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.AgTpzm .m9HJrP {
    margin-bottom: -.25rem
}

.AgTpzm .Kzp9BD,.AgTpzm .ToGgAz,.AgTpzm .ZfLTCP {
    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
}

.AgTpzm .ToGgAz {
    margin-right: 0
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.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
}

.IxJZhC {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.nlEl10 {
    background: #fff;
    border-radius: 2px;
    margin-top: .625rem;
    padding: 2px;
    width: 11.25rem
}

.GOqGvo {
    height: 11.25rem;
    width: 11.25rem
}

.IxJZhC {
    flex-wrap: wrap;
    padding: 0 .9375rem .3125rem
}

.maaXSa {
    margin-top: .3125rem;
    width: 4.375rem
}

.qRDSHM {
    width: 100%
}

.z5aI6U: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
}

.z5aI6U:not(:first-child) {
    margin-left: .625rem
}

.yXI7GM {
    color: #fff;
    font-size: .8125rem;
    font-weight: 300;
    outline: 0;
    overflow: visible;
    padding: .25rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.yXI7GM: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)
}

.yXI7GM:last-child {
    border: 0
}

.yXI7GM:not(.gIeiay):hover {
    color: hsla(0,0%,100%,.7);
    cursor: pointer
}

.yXI7GM>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
}

.gIeiay {
    border: 0
}

.En8ksy,.gIeiay {
    padding-right: 0
}

.jHBQTk .BcvPnW,.jHBQTk .Lidfz5,.jHBQTk .cGnOwK,.jHBQTk .jXoPY3,.jHBQTk .oLmklz,.jHBQTk .xojMwa,.jHBQTk .yOL7ym {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

.jHBQTk .oLmklz {
    height: 27px;
    width: 28px
}

.jHBQTk .Lidfz5,.jHBQTk .cGnOwK,.jHBQTk .xojMwa {
    height: 16px;
    width: 16px
}

.jHBQTk .yOL7ym {
    height: 15px;
    width: 16px
}

.jHBQTk .jXoPY3 {
    height: 16px;
    width: 14px
}

.jHBQTk .BcvPnW {
    height: 16px;
    width: 16px
}

.navbar-wrapper--light .yXI7GM {
    border-color: hsla(0,0%,53%,.22);
    color: currentColor
}

.navbar-wrapper--light .yXI7GM:not(.gIeiay):hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .yXI7GM,.navbar-wrapper--high-end-brand .yXI7GM:not(.gIeiay):hover {
    color: currentColor
}

.navbar-wrapper--high-end-brand .yXI7GM:not(.gIeiay):not(.En8ksy):hover {
    opacity: .5
}

.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
}

.p1TnyW {
    align-items: center;
    color: #fff;
    display: flex;
    padding: .4375rem .625rem
}

.p1TnyW:hover {
    color: hsla(0,0%,100%,.7)
}

.navbar-wrapper--high-end-brand .p1TnyW,.navbar-wrapper--high-end-brand .p1TnyW:hover {
    color: currentColor
}

.navbar-wrapper--high-end-brand .p1TnyW:hover {
    opacity: .5
}

.p1TnyW .yT4tkW {
    align-items: center;
    display: flex
}

.p1TnyW .zUGIAh {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

.q4jhZa {
    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
}

.q4jhZa .U_W1Fc {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .625rem;
    text-align: left
}

.q4jhZa .U_W1Fc.TBauf8,.q4jhZa .U_W1Fc:hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .q4jhZa .U_W1Fc.TBauf8,.navbar-wrapper--high-end-brand .q4jhZa .U_W1Fc:hover {
    color: #f4a386
}

.q4jhZa .U_W1Fc>span {
    border-radius: var(--focus-indicator-border-radius);
    margin: calc(var(--focus-indicator-spacing)*-1);
    padding: var(--focus-indicator-spacing)
}

.q4jhZa .U_W1Fc:focus-visible {
    outline: none
}

.q4jhZa .U_W1Fc:focus-visible>span {
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
}

.q4jhZa:hover :not(:hover) {
    color: rgba(0,0,0,.87)
}

.vVWUPw {
    background: #066bc8
}

._3sjFp {
    align-items: center;
    border-radius: .125rem;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

.x8lRKM {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.L5ymS9 {
    color: #222;
    font-size: 1rem;
    text-align: center
}

.A1zRGE {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

.A1zRGE.xHrMod {
    margin-top: 7.4375rem
}

.A1zRGE.rVrbMX {
    margin-top: 11.125rem
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: initial;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.lQl2Zk,.tavxpo {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.tavxpo {
    background-color: rgba(0,0,0,.4)
}

.lQl2Zk {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 90000
}

.h_K92g {
    z-index: 1
}

.Fj6mYj {
    opacity: 0
}

.yD5cLP {
    transition: opacity .15s
}

.jGqkfr,.yD5cLP {
    opacity: 1
}

.zebUL9 {
    opacity: 0;
    transition: opacity .15s
}

.tInc2P {
    transform: scale(.8)
}

.g1i0ba {
    transition: transform .2s
}

.g1i0ba,.yZQoyc {
    transform: scale(1)
}

.ux9xnV {
    transform: scale(.8);
    transition: transform .2s
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

.loading-spinner-popup__container img {
    animation: rotating 2s linear infinite
}

.cvAFP6 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.arTOlI {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.IfOXbQ {
    background-color: rgba(0,0,0,.14);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.m5VsgL {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 .625rem 0 rgba(0,0,0,.14);
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.m5VsgL .kdG0Yj {
    color: #fff;
    font-size: 1.125rem
}

.dBNBHB {
    text-transform: uppercase;
    width: 140px
}

Button[data-cy=IDLargeSubmitBtn] {
    width: 200px
}

.shopee-popup-form {
    background: #fff;
    border-radius: .125rem;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    padding: 30px 30px 0;
    width: 500px
}

.shopee-popup-form__header {
    align-items: center;
    display: flex;
    height: 60px
}

.shopee-popup-form__title {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: capitalize
}

.shopee-popup-form__subtitle {
    color: #bbb;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.0625rem;
    margin-top: -15px;
    text-transform: capitalize
}

.shopee-popup-form__back-btn {
    color: rgba(0,0,0,.4);
    cursor: pointer;
    display: inline-block;
    margin-right: .875rem
}

.shopee-popup-form__back-btn>.icon-back {
    font-size: .9375rem
}

.shopee-popup-form__main {
    flex: 1;
    margin-left: -50px;
    margin-right: -50px;
    overflow-y: auto;
    padding-left: 50px;
    padding-right: 50px;
    position: relative
}

.shopee-popup-form__main::-webkit-scrollbar {
    display: none
}

.shopee-popup-form__main-container {
    margin-bottom: 84px
}

.shopee-popup-form__prompt-message {
    background: #fffefb;
    border: 1px solid rgba(255,174,4,.2);
    border-radius: 2px;
    color: #764;
    display: flex;
    margin: 0 0 15px;
    padding: 12px
}

.shopee-popup-form__prompt-message-text {
    flex: 1
}

.shopee-popup-form__message {
    color: rgba(0,0,0,.54)
}

.shopee-popup-form__server-error {
    align-items: center;
    color: #ff424f;
    display: flex;
    justify-content: center;
    margin-bottom: 7px;
    width: 100%
}

.shopee-popup-form__subheader {
    color: rgba(0,0,0,.54);
    display: flex;
    margin: .375rem 0 .5rem
}

.shopee-popup-form__subheader-text {
    text-transform: capitalize
}

.shopee-popup-form__gap {
    flex: 1
}

.shopee-popup-form__footer {
    align-items: center;
    background: linear-gradient(hsla(0,0%,100%,.9),#fff);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 84px;
    justify-content: flex-end;
    left: 0;
    padding: 22px 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase
}

.shopee-popup-form__footer .shopee-button-outline,.shopee-popup-form__footer .shopee-popup-form__cancel,.shopee-popup-form__footer>.shopee-button-solid {
    box-sizing: border-box;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    outline: 0;
    padding: .75rem 0;
    text-transform: uppercase;
    width: 140px
}

.shopee-popup-form__inputs-row {
    display: flex
}

.shopee-popup-form--voice-otp {
    max-height: 260px
}

.shopee-popup-form--user-detail,.shopee-popup-form--verify {
    height: 21.25rem
}

.shopee-popup-form--bank-account,.shopee-popup-form--credit-card {
    height: 34.375rem
}

.shopee-popup-form--bank-account-id {
    height: 34.375rem;
    width: 640px
}

.shopee-popup-form__my-address-toggle {
    color: #ee4d2d;
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-popup-form__my-address-toggle:first-letter {
    text-transform: uppercase
}

.shopee-popup-form--user-detail-tw {
    height: 34.375rem
}

.icon-prompt-bell {
    height: 20px;
    margin-right: 5px;
    width: 22px
}

.product-variation {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    margin: 0 8px 8px 0;
    min-height: 2.125rem;
    min-width: 5rem;
    outline: 0;
    overflow: visible;
    padding: .25rem .75rem;
    position: relative;
    text-align: left;
    word-break:
}

.product-variation:focus-visible:before {
    --focus-indicator-spacing: 2px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.product-variation:hover {
    border-color: var(--brand-primary-color,#ee4d2d);
    color: var(--brand-primary-color,#ee4d2d)
}

.product-variation--disabled {
    color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.product-variation--disabled:hover {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.product-variation--disabled:focus {
    outline: 0
}

.product-variation--selected {
    border-color: var(--brand-primary-color,#ee4d2d);
    color: var(--brand-primary-color,#ee4d2d)
}

.product-variation__tick {
    bottom: 0;
    height: .9375rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: .9375rem
}

.product-variation__tick>.icon-tick-bold {
    bottom: 0;
    color: #fff;
    font-size: 8px;
    position: absolute;
    right: 0
}

.product-variation__tick:before {
    border: .9375rem solid transparent;
    border-bottom: .9375rem solid var(--brand-primary-color,#ee4d2d);
    bottom: 0;
    content: "";
    position: absolute;
    right: -.9375rem
}

.VLODcA {
    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
}

.HJvu3B,.VLODcA[disabled] {
    border-color: rgba(0,0,0,.09);
    color: #ccc
}

.HJvu3B svg,.VLODcA[disabled] svg {
    fill: #ccc
}

.VLODcA:focus-visible {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #000
}

.VLODcA .shopee-svg-icon {
    flex-shrink: 0;
    font-size: 10px;
    height: 10px;
    width: 10px
}

.VLODcA:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.VLODcA:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.zVgmzW {
    align-items: center;
    display: flex
}

.AA0YB9 {
    -webkit-appearance: none;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    cursor: text;
    font-size: 16px;
    font-weight: 400;
    height: 32px;
    width: 50px
}

.AA0YB9,._1SNiy {
    box-sizing: border-box;
    text-align: center
}

._1SNiy {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 17.5rem;
    padding: 1.25rem
}

._3-udG {
    height: 7.5rem;
    width: 7.5rem
}

._3NFns {
    height: 4.25rem;
    width: 4.25rem
}

._1UfFg {
    margin-top: 1rem;
    margin-top: var(--ns-d,1rem);
    width: 100%
}

._2Tym7 {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    margin: 0 0 .5rem;
    margin: 0 0 var(--ns-b,.5rem) 0;
    -webkit-line-clamp: 2
}

.WQyuP,._2Tym7 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.WQyuP {
    color: rgba(0,0,0,.54);
    color: var(--nc-text-tertiary,rgba(0,0,0,.54));
    margin: 0;
    -webkit-line-clamp: 3
}

.DQJcZ {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    margin-top: var(--ns-d,1rem);
    max-width: 17.5rem;
    min-width: 7.5rem
}

.aEf9D {
    height: .5rem;
    height: var(--ns-b,.5rem)
}

._1LFM9 {
    height: .75rem;
    height: var(--ns-c,.75rem)
}

.shopee-mini-page-controller {
    align-items: center;
    display: flex
}

.shopee-mini-page-controller .shopee-button-outline {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-mini-page-controller .shopee-button-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-mini-page-controller .shopee-button-outline--disabled {
    pointer-events: none
}

.shopee-mini-page-controller__current {
    color: #ee4d2d
}

.shopee-mini-page-controller__next-btn,.shopee-mini-page-controller__prev-btn {
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    height: 2.125rem;
    width: 2.25rem
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled .shopee-svg-icon,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled .shopee-svg-icon {
    fill: #ccc
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:hover,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:hover {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.shopee-mini-page-controller__next-btn .shopee-svg-icon,.shopee-mini-page-controller__prev-btn .shopee-svg-icon {
    height: .625rem;
    width: .625rem;
    fill: #555;
    margin-top: .125rem
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__next-btn:hover,.shopee-mini-page-controller__prev-btn:active,.shopee-mini-page-controller__prev-btn:hover {
    background: #fdfdfd
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__prev-btn:active {
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-mini-page-controller__prev-btn {
    border-bottom-right-radius: 0;
    border-right: 1px solid #f2f2f2;
    border-top-right-radius: 0;
    margin-left: 1.25rem
}

.shopee-mini-page-controller__next-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-page-controller {
    display: flex;
    justify-content: center
}

.shopee-page-controller .shopee-icon-button {
    border: 0;
    color: rgba(0,0,0,.4);
    height: 1.875rem;
    min-width: 2.5rem;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-page-controller .shopee-icon-button:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-page-controller .shopee-icon-button .shopee-svg-icon {
    vertical-align: middle
}

.shopee-page-controller .shopee-icon-button--left {
    margin-right: .9375rem;
    text-align: right
}

.shopee-page-controller .shopee-icon-button--right {
    margin-left: .9375rem;
    text-align: left
}

.shopee-page-controller .shopee-icon-button--disabled {
    pointer-events: none
}

.shopee-page-controller .shopee-button-no-outline {
    color: rgba(0,0,0,.4)
}

.shopee-page-controller .shopee-button-no-outline,.shopee-page-controller .shopee-button-solid {
    font-size: 1.25rem;
    height: 1.875rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    min-width: 2.5rem;
    padding: 0;
    text-align: center
}

.shopee-page-controller .shopee-button-solid {
    color: #fff
}

.shopee-page-controller .shopee-button-no-outline--non-click {
    cursor: auto
}

.shopee-page-controller__ellipses {
    display: inline-block;
    margin: 0
}

.shopee-page-controller--v2 .shopee-icon-button {
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.54);
    height: 1.5rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-icon-button .shopee-svg-icon {
    width: .6875rem
}

.shopee-page-controller--v2 .shopee-icon-button--left {
    margin-right: .625rem
}

.shopee-page-controller--v2 .shopee-icon-button--right {
    margin-left: .625rem
}

.shopee-page-controller--v2 .shopee-button-no-outline {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-button-solid {
    border-radius: .0625rem;
    box-shadow: none;
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

._3nkRL._3nkRL:after,._3nkRL._3nkRL:before {
    transform: none
}

._1PWkR {
    box-sizing: border-box;
    display: inline-block;
    height: 1rem;
    min-width: 0;
    overflow: hidden;
    position: relative
}

._1PWkR:after,._1PWkR:before {
    background: currentColor;
    content: "";
    display: block;
    height: .0625rem;
    left: .25rem;
    position: absolute;
    right: .25rem;
    transform: scaleY(.5)
}

._1PWkR:before {
    top: 0;
    transform-origin: 0 0
}

._1PWkR:after {
    bottom: 0;
    transform-origin: 0 100%
}

._2DRZW {
    height: 1rem;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    width: .25rem
}

._2DRZW:first-of-type {
    left: 0
}

._2DRZW:nth-of-type(2) {
    right: 0
}

._1FKkT {
    height: 1rem;
    line-height: 1rem;
    margin: 0 .1875rem;
    overflow: hidden;
    padding: 0 .0625rem;
    padding: 0 calc(var(--ns-a, .25rem) - .1875rem);
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

._2HdUY {
    color: rgba(0,0,0,.09);
    color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3VTkw {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3hvfJ {
    color: #bdbdbd;
    color: var(--nc-util-disabled-o,#bdbdbd)
}

.-ClOx {
    color: rgba(0,0,0,.54);
    color: var(--nc-text-tertiary,rgba(0,0,0,.54))
}

._1AXbm._3Ao0A {
    background-color: #bdbdbd;
    background-color: var(--nc-util-disabled-o,#bdbdbd)
}

._1AXbm._2xFcL {
    fill: #bdbdbd;
    fill: var(--nc-util-disabled-o,#bdbdbd)
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: initial;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.PRrFRU {
    left: 0;
    position: absolute;
    top: 0
}

.RQqvyv {
    width: 3.625rem
}

.HEGis1 {
    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
}

.TlMNij {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.EOxljc {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.jkHUpW {
    padding-right: 2.4375rem
}

.co7PIh {
    align-items: center;
    display: flex;
    flex-direction: column
}

.a66xQO {
    margin-bottom: .6875rem;
    overflow: hidden
}

.N2DAEi {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.FGODhb,.ihjSkJ {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.ihjSkJ {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.FGODhb {
    background-size: 100%
}

.pvT7Tp {
    align-items: center;
    display: flex
}

.GgACIU,.Nah88P {
    height: 1rem;
    padding: .1875rem
}

.xQyZNK.HEGis1 {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.xQyZNK .TlMNij {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.xQyZNK .ihjSkJ {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.xQyZNK .FGODhb {
    height: 2.1875rem;
    width: 6.6875rem
}

.xQyZNK .zpyOJ1 {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.xQyZNK .jkHUpW {
    padding-right: 1.4375rem
}

.xQyZNK .co7PIh {
    justify-content: center
}

.xQyZNK .N2DAEi {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.xQyZNK .a66xQO {
    margin-bottom: -.25rem
}

.xQyZNK .GgACIU,.xQyZNK .Nah88P,.xQyZNK .dB2a6q {
    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
}

.xQyZNK .dB2a6q {
    margin-right: 0
}

.Kftncg {
    position: relative
}

.FEQqfw {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.wNsaBn {
    align-items: center;
    display: flex;
    flex-flow: "row nowrap"
}

.wNsaBn .DAT4dH {
    font-size: toRem(14px);
    margin: toRem(20px) auto toRem(7px);
    min-width: 180px
}

.wNsaBn .b5y9fl {
    align-items: center;
    display: flex;
    flex-flow: "row nowrap"
}

.wNsaBn .rtUgDt {
    margin-left: 10px;
    min-width: 100px
}

.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
}

.O90Mqv {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.rAzAtV {
    background: #fff;
    border-radius: 2px;
    margin-top: .625rem;
    padding: 2px;
    width: 11.25rem
}

.wVeHJ7 {
    height: 11.25rem;
    width: 11.25rem
}

.O90Mqv {
    flex-wrap: wrap;
    padding: 0 .9375rem .3125rem
}

.KSCfdL {
    margin-top: .3125rem;
    width: 4.375rem
}

.uw2A0P {
    width: 100%
}

.n3NO1h: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
}

.n3NO1h:not(:first-child) {
    margin-left: .625rem
}

.WFI9tV {
    color: #fff;
    font-size: .8125rem;
    font-weight: 300;
    outline: 0;
    overflow: visible;
    padding: .25rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.WFI9tV: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)
}

.WFI9tV:last-child {
    border: 0
}

.WFI9tV:not(.GPbPyo):hover {
    color: hsla(0,0%,100%,.7);
    cursor: pointer
}

.WFI9tV>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
}

.GPbPyo {
    border: 0
}

.GPbPyo,.yYpcIO {
    padding-right: 0
}

.oj502d .Ozb1yV,.oj502d .RY0d71,.oj502d .WkdC17,.oj502d .d4Z8e_,.oj502d .nWd_nO,.oj502d .xbudvs,.oj502d .yqYIsg {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}

.oj502d .d4Z8e_ {
    height: 27px;
    width: 28px
}

.oj502d .RY0d71,.oj502d .nWd_nO,.oj502d .yqYIsg {
    height: 16px;
    width: 16px
}

.oj502d .WkdC17 {
    height: 15px;
    width: 16px
}

.oj502d .Ozb1yV {
    height: 16px;
    width: 14px
}

.oj502d .xbudvs {
    height: 16px;
    width: 16px
}

.navbar-wrapper--light .WFI9tV {
    border-color: hsla(0,0%,53%,.22);
    color: currentColor
}

.navbar-wrapper--light .WFI9tV:not(.GPbPyo):hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .WFI9tV,.navbar-wrapper--high-end-brand .WFI9tV:not(.GPbPyo):hover,.navbar-wrapper--high-end-brand.navbar-wrapper .navbar {
    color: currentColor
}

.navbar-wrapper--high-end-brand .WFI9tV:not(.GPbPyo):not(.yYpcIO):hover {
    opacity: .5
}

.navbar-wrapper--high-end-brand .header-navbar-background {
    color: currentColor
}

.navbar-wrapper--high-end-brand .header-navbar-background:after {
    background: currentColor;
    content: " ";
    display: block;
    height: 100%;
    mix-blend-mode: darken;
    width: 100%
}

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/74e7710903007bb7.png)
}

.header-navbar-facebook-png {
    background-position: 8.064516129032258% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-instagram-png {
    background-position: 58.064516129032256% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.header-navbar-line-png {
    background-position: 8.064516129032258% 96.875%;
    background-size: 487.5% 313.3333333333333%
}

.header-navbar-shopee-campus-header-png {
    background-position: 50% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-ticktok-png {
    background-position: 91.93548387096774% 100%;
    background-size: 487.5% 293.75%
}

.header-navbar-twitter-png {
    background-position: 100% 16.129032258064516%;
    background-size: 487.5% 293.75%
}

.yvxm9h {
    align-items: center;
    color: #fff;
    display: flex;
    padding: .4375rem .625rem
}

.yvxm9h:hover {
    color: hsla(0,0%,100%,.7)
}

.navbar-wrapper--high-end-brand .yvxm9h,.navbar-wrapper--high-end-brand .yvxm9h:hover {
    color: currentColor
}

.navbar-wrapper--high-end-brand .yvxm9h:hover {
    opacity: .5
}

.yvxm9h .WAilkA {
    align-items: center;
    display: flex
}

.yvxm9h .Sa8sMg {
    font-size: .8125rem;
    font-weight: 300;
    margin: 0 .3125rem
}

.MM21vh {
    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
}

.MM21vh .HohSWM {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .625rem;
    text-align: left
}

.MM21vh .HohSWM.JlVufa,.MM21vh .HohSWM:hover {
    color: #ee4d2d
}

.navbar-wrapper--high-end-brand .MM21vh .HohSWM.JlVufa,.navbar-wrapper--high-end-brand .MM21vh .HohSWM:hover {
    color: #f4a386
}

.MM21vh .HohSWM>span {
    border-radius: var(--focus-indicator-border-radius);
    margin: calc(var(--focus-indicator-spacing)*-1);
    padding: var(--focus-indicator-spacing)
}

.MM21vh .HohSWM:focus-visible {
    outline: none
}

.MM21vh .HohSWM:focus-visible>span {
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color)
}

.MM21vh: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: initial;
    border: 0
}

.navbar .navbar__link.navbar__link--help {
    padding-left: 0
}

.navbar .navbar__link.navbar__link--help:focus-visible,.navbar .navbar__link.navbar__link--login:focus-visible,.navbar .navbar__link.navbar__link--signup:focus-visible {
    border-radius: 2px;
    box-shadow: var(--focus-indicator-color) 0 0 0 2px;
    outline: none
}

.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover,.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover .navbar__link-text {
    color: currentColor
}

.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--help,.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__link--notification>.stardust-popover>.stardust-popover__target>a {
    opacity: .5
}

.shopee-top {
    background: #f53d2d;
    background: linear-gradient(-180deg,#f53d2d,#f63);
    transition: transform .2s cubic-bezier(.4,0,.2,1)
}

.theme--ofs .shopee-top {
    background: transparent
}

.shopee-top.mall-preview {
    pointer-events: none
}

.shopee-top--sticky {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(0);
    z-index: 100
}

.shopee-top--collapsed {
    transform: translate3d(0,-2.125rem,0)
}

.shopee-top--collapsed .navbar {
    visibility: hidden
}

.shopee-top--collapsed .shopee-modal__container {
    transform: translateY(2.125rem)
}

.navbar {
    align-items: center;
    display: flex
}

.navbar .shopee-dropdown .shopee-popover {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-top: 0;
    padding: 1.25rem 1.25rem .1875rem
}

.navbar .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected) {
    background-color: #fff;
    border: 0;
    line-height: 1;
    margin-bottom: 1.0625rem
}

.navbar .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected):hover {
    color: #ee4d2d
}

.navbar .shopee-dropdown__entry--selected {
    border: 0
}

.navbar__spacer {
    flex: 1
}

.navbar__links {
    height: 2.125rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.navbar__link,.navbar__links {
    align-items: center;
    display: flex
}

.navbar__link {
    justify-content: center;
    padding: 0 .625rem;
    position: relative
}

.navbar__link--tappable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.navbar__link--hoverable:hover .navbar__link-text {
    color: hsla(0,0%,100%,.7)
}

.navbar__link--hoverable:hover:before {
    display: none
}

.navbar__link:not(:first-child):before {
    background-color: rgba(0,0,0,.26);
    content: "";
    display: block;
    height: .9375rem;
    left: 0;
    position: absolute;
    top: 1.125rem;
    width: 1px
}

.navbar__link--sell>.navbar__link-text {
    font-weight: 500!important
}

.navbar__link--account__container {
    align-items: center;
    display: flex;
    padding: 5px 0;
    text-transform: none
}

.navbar__link--account__container .navbar__link-text {
    font-weight: 400;
    overflow: hidden;
    padding-left: .3125rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.navbar__link--notification,.navbar__link--separator {
    padding: 0
}

.navbar__link:hover+.navbar__link:before {
    display: none
}

.navbar__link-container--notification {
    align-items: center;
    color: rgba(0,0,0,.87);
    color: currentColor;
    cursor: pointer;
    display: flex;
    -webkit-text-decoration: none;
    text-decoration: none
}

.navbar__link-container--notification .shopee-simple-badge {
    position: absolute;
    right: -.625rem;
    top: -.3125rem
}

.navbar__link-icon {
    color: #ee4d2d;
    font-size: 1.0625rem;
    margin-right: .625rem
}

.navbar__link-icon.icon-notification-2 {
    fill: currentColor;
    margin-right: 4px
}

.navbar__link-icon.icon-shopping-cart-2 {
    fill: currentColor;
    cursor: pointer;
    height: 26px;
    width: 26px
}

.navbar__link-text {
    align-items: center;
    color: currentColor;
    display: flex;
    font-size: .8125rem;
    font-weight: 300;
    text-transform: capitalize
}

.navbar__link-text--medium {
    font-weight: 500
}

.navbar__link-separator {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: .8125rem
}

.navbar-account-drawer__content {
    background-color: #fff;
    border-radius: 2px;
    border-top: 0;
    box-shadow: 0 .0625rem 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 9.375rem
}

.navbar-account-drawer__button {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-weight: 500;
    height: 2.5rem;
    padding-left: .9375rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 9.375rem
}

.navbar-account-drawer__button:hover {
    background-color: #fafafa;
    color: #00bfa5
}

.navbar-wrapper--high-end-brand .navbar-account-drawer__button:hover {
    color: #f4a386
}

.shopee-cart-number-badge,.shopee-notification-number-badge {
    background-color: #fff;
    border: .125rem solid var(--brand-primary-color,#ee4d2d);
    border-radius: 2.75rem;
    color: var(--brand-primary-color,#ee4d2d);
    height: 1rem;
    left: -1.125rem;
    line-height: 1.2em;
    margin-right: -.875rem;
    min-width: .6875rem;
    padding: 0 .3125rem;
    position: relative;
    text-align: center;
    top: -.5rem
}

.navbar-wrapper {
    background: transparent;
    height: 2.125rem;
    position: relative;
    z-index: 400
}

.navbar-wrapper--official-shop {
    background: #d0011b
}

.navbar-wrapper--without-search {
    background: #ee4d2d
}

.navbar-wrapper .navbar {
    color: #fff
}

.navbar-wrapper .navbar__link-icon,.navbar-wrapper .navbar__link-text {
    color: currentColor
}

.navbar-wrapper .navbar__link:after,.navbar-wrapper .navbar__link:before {
    display: none
}

.navbar-wrapper .navbar__link {
    cursor: pointer
}

.navbar-wrapper .navbar__link:hover {
    color: hsla(0,0%,100%,.7)
}

.navbar-wrapper .navbar__link--login .navbar__link-text {
    color: #ee4d2d;
    font-weight: 500
}

.navbar-wrapper .navbar__link--login:hover .navbar__link-text {
    color: #ee4d2d
}

.navbar-wrapper .navbar__link--login:active {
    background-color: hsla(0,0%,100%,.8)
}

.navbar-wrapper--light {
    background: #f0f0f0
}

.navbar-wrapper--light .navbar {
    color: rgba(0,0,0,.54)
}

.navbar-wrapper--light .navbar__link {
    color: currentColor;
    cursor: pointer
}

.navbar-wrapper--light .navbar__link--separator {
    color: rgba(0,0,0,.54)
}

.navbar-wrapper--light .navbar__link--hoverable:hover .navbar__link-text {
    color: #ee4d2d
}

.navbar-wrapper--light .navbar__link--hoverable:hover:before {
    display: none
}

.navbar-wrapper--light .navbar__link:hover {
    color: #ee4d2d
}

.navbar-wrapper--light .navbar__link-separator {
    border-right: 1px solid rgba(0,0,0,.12)
}

.navbar-wrapper--high-end-brand.navbar-wrapper {
    background-color: #000
}

.shopee-top--sticky .navbar-wrapper.container-wrapper,.shopee-top--sticky .ofs-header.container-wrapper {
    min-width: inherit
}

.shopee-top--sticky .navbar.container {
    max-width: 1200px;
    width: inherit
}

.IIbTHJ {
    background: #066bc8
}

.dTUwDo {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.EmoSUD {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.RR0yNL {
    background-color: rgba(0,0,0,.14);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.JZFZXW {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 .625rem 0 rgba(0,0,0,.14);
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.JZFZXW .SOZ9sN {
    color: #fff;
    font-size: 1.125rem
}

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

.toast--hidden {
    opacity: 0;
    pointer-events: none
}

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem
}

.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
}

.B4pdDU {
    left: 0;
    position: absolute;
    top: 0
}

.mpzOql {
    width: 3.625rem
}

.JLEWO_ {
    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
}

.TiX2wS {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.keQRpb {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.pcr9Xj {
    padding-right: 2.4375rem
}

.ovco5R {
    align-items: center;
    display: flex;
    flex-direction: column
}

.frQbeX {
    margin-bottom: .6875rem;
    overflow: hidden
}

.JU26MJ {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.JVS_2t,.rq4MH7 {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.rq4MH7 {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.JVS_2t {
    background-size: 100%
}

.tRD98U {
    align-items: center;
    display: flex
}

.W1549x,.tr_NCd {
    height: 1rem;
    padding: .1875rem
}

.Raw5aJ.JLEWO_ {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.Raw5aJ .TiX2wS {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.Raw5aJ .rq4MH7 {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.Raw5aJ .JVS_2t {
    height: 2.1875rem;
    width: 6.6875rem
}

.Raw5aJ .DZSR3L {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.Raw5aJ .pcr9Xj {
    padding-right: 1.4375rem
}

.Raw5aJ .ovco5R {
    justify-content: center
}

.Raw5aJ .JU26MJ {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.Raw5aJ .frQbeX {
    margin-bottom: -.25rem
}

.Raw5aJ .R8vS1d,.Raw5aJ .W1549x,.Raw5aJ .tr_NCd {
    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
}

.Raw5aJ .R8vS1d {
    margin-right: 0
}

.icon-popup {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    justify-content: center;
    padding: 30px;
    width: 440px
}

.error-popup .icon-error {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    align-items: center;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    outline: 0;
    text-transform: capitalize
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    max-width: 190px;
    min-width: 60px;
    padding: 0 15px
}

.btn--m {
    height: 40px;
    max-width: 220px;
    min-width: 70px;
    padding: 0 20px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l,.btn--xl {
    max-width: 250px;
    min-width: 80px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.info-popup {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    flex-direction: column;
    font-size: 1rem;
    padding: 30px;
    width: 440px
}

.info-popup__head {
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    width: 100%
}

.info-popup__head .shopee-svg-icon {
    height: 24px;
    width: 24px
}

.info-popup__icon {
    margin-right: 10px
}

.info-popup__title {
    color: #333;
    font-size: 18px
}

.info-popup__message {
    color: #555;
    font-size: 16px
}

.info-popup__buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    width: 100%
}

.info-popup__btn {
    font-size: .875rem;
    margin: .46875rem;
    min-height: 2.5rem;
    text-transform: uppercase;
    width: 6.25rem
}

.success-popup__icon {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: initial;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/4186.890d3577720b192a.css.map*/
.YjXV8j {
    display: flex;
    flex-wrap: nowrap
}

.YjXV8j,.uH7Uyd {
    align-items: center
}

.uH7Uyd {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 100%;
    justify-items: center;
    margin: 0 -.3125rem;
    overflow: hidden
}

.YjXV8j:first-child {
    justify-self: start
}

.YjXV8j:nth-child(2) {
    justify-self: center
}

.YjXV8j:nth-child(3) {
    justify-self: end
}

.Afiham {
    height: 3.125rem;
    margin-right: .75rem;
    width: 3.125rem
}

.aWLiCO {
    max-width: 17.1875rem
}

.g2bv2c {
    margin: 0
}

.M6aV_T {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tVL579 {
    background: #fff;
    height: 65px;
    margin: 0 auto;
    width: 1200px
}

.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
}

.GgvSPe {
    background: #fff;
    box-sizing: border-box;
    display: flex;
    height: 65px;
    justify-content: space-between;
    padding: 12px 70px 13px
}

.XAFAzp {
    display: flex;
    height: 40px;
    width: 268px
}

.ZM2uSb {
    color: #066bc8;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.cN4uYw {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pH3fMW {
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: help
}

.ye62Gs {
    background: #fff;
    height: 65px
}

.DlLvvo .shopee-drawer__contents {
    width: 268px
}

.qXCTJ7 {
    background: #fff;
    padding: 12px
}

.mkSH6r {
    align-items: center;
    background: none;
    border: 0;
    color: #ee4d2d;
    display: flex;
    justify-content: center;
    outline: none;
    padding: 0
}

.IQ15_0 {
    font-size: .75rem;
    margin-right: .625rem;
    text-transform: capitalize
}

._GncBA {
    display: flex;
    flex-wrap: wrap
}

.BJtRw2 {
    box-sizing: border-box;
    padding: .3125rem;
    width: 20%
}

.FOB0J_ {
    font-size: .75rem
}

.CyfuXa {
    font-weight: 700;
    margin: .625rem 0 .125rem;
    padding: .125rem 0;
    text-transform: uppercase
}

.CyfuXa,.b0qffi {
    color: rgba(0,0,0,.54)
}

.b0qffi {
    display: block;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

.b0qffi:hover {
    color: #ee4d2d
}

._GncBA {
    line-height: 1.5;
    margin-bottom: .625rem;
    width: 100%
}

.jNa_5b {
    color: rgba(0,0,0,.54);
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.jNa_5b:hover {
    color: #ee4d2d
}

.V_1yF5 {
    display: flex
}

.tBiUb0 {
    margin: 3.75rem auto .625rem;
    padding-bottom: 3.75rem;
    width: 75rem
}

.dTweMS {
    font-weight: 700
}

.V_1yF5 {
    margin: 0 -.3125rem
}

.GyC5fH,.hbKieR,.joo3DO {
    margin: 0 auto;
    width: 75rem
}

.GyC5fH,.joo3DO {
    border-bottom: 1px solid rgba(0,0,0,.09);
    margin-top: 3.75rem;
    padding-bottom: 1.875rem
}

.BGng4e {
    background-color: #fff;
    border-top: 4px solid #ee4d2d;
    color: rgba(0,0,0,.54);
    min-width: 75rem
}

.VCnXyn {
    border-top-color: var(--brand-primary-color)
}

.BmR0UB {
    border-bottom: 1px solid rgba(0,0,0,.12);
    height: 7.5rem;
    width: 100%
}

.XjXTAN {
    background-color: #fbfbfb
}

.shopee-footer-section {
    padding-bottom: 1.875rem
}

.shopee-footer-section__heading {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.7;
    margin: 0
}

.shopee-footer-section__content {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1.4;
    margin: .625rem 0 0
}

.shopee-footer-section__content a {
    color: rgba(0,0,0,.8);
    color: rgba(0,0,0,.54);
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-footer-section__content a:hover {
    color: #ee4d2d
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/5823.f2237fbc780ddc54.css.map*/
.vw-links{z-index:100}
/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/6929.1236e641ea33e150.css.map*/.M6WdEt {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.M6WdEt: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)
}

.M6WdEt:first-child {
    margin-left: 0
}

.u07gkT {
    flex: 1
}

.kLjmlw,.u07gkT {
    display: flex;
    width: 100%
}

.kLjmlw {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.kLjmlw,.nW5xz1 {
    position: relative
}

.nW5xz1 {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.nW5xz1: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)
}

.nW5xz1:first-child {
    margin-left: 0
}

.V7Uoe2 {
    flex: 1
}

.V7Uoe2,.g7h6W7 {
    display: flex;
    width: 100%
}

.g7h6W7 {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.UwFcZQ,.g7h6W7 {
    position: relative
}

.UwFcZQ {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.UwFcZQ: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)
}

.UwFcZQ:first-child {
    margin-left: 0
}

.VNGhP8 {
    flex: 1
}

.DGpAwA,.VNGhP8 {
    display: flex;
    width: 100%
}

.DGpAwA {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.DGpAwA,.QrSIbK {
    position: relative
}

.QrSIbK {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.QrSIbK: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)
}

.QrSIbK:first-child {
    margin-left: 0
}

.eDb_L5 {
    flex: 1
}

.eDb_L5,.kKPXoK {
    display: flex;
    width: 100%
}

.kKPXoK {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.fzDxtY,.kKPXoK {
    position: relative
}

.fzDxtY {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.fzDxtY: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)
}

.fzDxtY:first-child {
    margin-left: 0
}

.hEV5w1 {
    flex: 1
}

.WZuXOi,.hEV5w1 {
    display: flex;
    width: 100%
}

.WZuXOi {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.WZuXOi,.Xiv5fz {
    position: relative
}

.Xiv5fz {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.Xiv5fz: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)
}

.Xiv5fz:first-child {
    margin-left: 0
}

.KsDXOk {
    flex: 1
}

.KsDXOk,.cIMxVI {
    display: flex;
    width: 100%
}

.cIMxVI {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.cIMxVI,.we2Mcm {
    position: relative
}

.we2Mcm {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.we2Mcm: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)
}

.we2Mcm:first-child {
    margin-left: 0
}

.NY3Abb {
    flex: 1
}

.NDPfm1,.NY3Abb {
    display: flex;
    width: 100%
}

.NDPfm1 {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.IE6jkf,.NDPfm1 {
    position: relative
}

.IE6jkf {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.IE6jkf: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)
}

.IE6jkf:first-child {
    margin-left: 0
}

.rVH1hw {
    flex: 1
}

.eUb5Vn,.rVH1hw {
    display: flex;
    width: 100%
}

.eUb5Vn {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.eUb5Vn,.kk4Km2 {
    position: relative
}

.kk4Km2 {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.kk4Km2: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)
}

.kk4Km2:first-child {
    margin-left: 0
}

.sKRFR6 {
    flex: 1
}

.pEODw9,.sKRFR6 {
    display: flex;
    width: 100%
}

.pEODw9 {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.oVLEtf,.pEODw9 {
    position: relative
}

.oVLEtf {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.oVLEtf: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)
}

.oVLEtf:first-child {
    margin-left: 0
}

.ZJFO5d {
    flex: 1
}

.ZJFO5d,.v5KVCY {
    display: flex;
    width: 100%
}

.v5KVCY {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.v5KVCY,.x0bNDp {
    position: relative
}

.x0bNDp {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.x0bNDp: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)
}

.x0bNDp:first-child {
    margin-left: 0
}

.LLYcHb {
    flex: 1
}

.BqURGB,.LLYcHb {
    display: flex;
    width: 100%
}

.BqURGB {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip
}

.BqURGB,.TJKnS7 {
    position: relative
}

.TJKnS7 {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.54);
    color: hsla(0,0%,100%,.9);
    display: block;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .3125rem;
    margin-left: 13px;
    margin-top: .3125rem;
    outline: 0;
    overflow: visible;
    -webkit-text-decoration: none;
    text-decoration: none;
    white-space: nowrap
}

.TJKnS7: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)
}

.TJKnS7:first-child {
    margin-left: 0
}

.gUVOa6 {
    flex: 1
}

.OfWEUF,.gUVOa6 {
    display: flex;
    width: 100%
}

.OfWEUF {
    flex-wrap: nowrap;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 300;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-top: .1875rem;
    overflow-y: visible;
    overflow-y: clip;
    position: relative
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/7464.e1fb89b2b2edac12.css.map*/
.NvSSBb {
    align-items: center;
    display: flex
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .NvSSBb {
        height: 1px
    }

    .NvSSBb:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.NvSSBb {
    margin-left: 12px;
    position: relative
}

.As5mQe {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.vhoPi9 {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    box-sizing: initial;
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.vhoPi9:hover {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.09)
}

.vhoPi9:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 9px
}

.DskDl3 {
    background: #ee4d2d;
    border-color: #ee4d2d
}

.DskDl3:hover {
    box-shadow: none
}

.DskDl3:before {
    border-color: #fff
}

.stardust-dropdown {
    position: relative
}

.stardust-dropdown__item-body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)
}

.stardust-dropdown__item-body--open {
    height: auto;
    opacity: 1
}

.Dt969I,._llRb2,.bmopqh {
    align-items: center
}

.Dt969I,._llRb2,.bmopqh,.k_E8qz {
    display: flex
}

._llRb2,.k_E8qz {
    justify-content: space-between
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .Dt969I,._llRb2,.bmopqh {
        height: 1px
    }

    .Dt969I:after,._llRb2:after,.bmopqh:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.xADt1a {
    padding: 12px 0
}

.S7DVyq {
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.F3Lxi1 {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 4px
}

.odOa7Y {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1.25rem;
    margin-right: 12px
}

.Dt969I {
    cursor: pointer;
    margin-top: 4px;
    padding-bottom: 12px
}

.Nh16Nj {
    color: rgba(0,0,0,.54);
    height: 11px;
    margin-left: 4px
}

.k_E8qz {
    border-top: 1px solid rgba(0,0,0,.09)
}

.R1tHG6 {
    display: flex;
    justify-content: flex-end
}

.qEU7EL {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 22px
}

.R1tHG6 {
    margin-top: 14px;
    padding: 12px 0
}

.HN6Mza {
    height: 24px;
    margin: 12px;
    width: 24px
}

.Tch64t {
    align-items: center
}

.SFlGZE,.Tch64t {
    display: flex
}

.Tch64t {
    justify-content: flex-end
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .Tch64t {
        height: 1px
    }

    .Tch64t:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.Tch64t {
    background: linear-gradient(hsla(0,0%,100%,.9),#fff);
    bottom: 0;
    height: 64px;
    left: 0;
    padding: 0 24px;
    position: absolute;
    right: 0
}

.B7VIGu {
    font-size: 1.25rem;
    line-height: 2rem;
    margin-bottom: 16px
}

.yrSLCH {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1.25rem
}

.YyzPRu {
    font-size: 1rem;
    padding: 8px 16px
}

.JVTreV {
    color: rgba(0,0,0,.65)
}

.SFlGZE {
    background-color: #fff;
    height: 600px;
    padding: 24px 24px 0;
    position: relative;
    width: 800px
}

.X3KHOJ {
    overflow-y: scroll;
    padding-bottom: 64px
}

.X3KHOJ::-webkit-scrollbar {
    display: none
}

.TWQDV6 {
    margin-bottom: 16px
}

.VZLG0t {
    color: #08f
}

.AhfEPs {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.aktksg {
    align-self: flex-end
}

.Kxu3bI,.UOF0lm,.aktksg,.baUdvi {
    display: flex
}

.Kxu3bI {
    flex-direction: column
}

.UOF0lm,.aktksg,.baUdvi {
    justify-content: center
}

.baUdvi {
    min-height: 33vh
}

.UOF0lm,.baUdvi {
    background-color: #fff;
    border: 1px solid #ddd;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: fixed;
    right: 0
}

.Kxu3bI {
    padding: 24px;
    width: 1200px
}

.LETC1g {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem
}

.LETC1g,.TQNspX {
    margin-bottom: 16px
}

.TQNspX {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    line-height: 1.25rem
}

.NfY4UB {
    font-size: 1rem;
    margin: 5px 10px;
    padding: 8px 16px
}

.ZeMVvn {
    color: rgba(0,0,0,.65)
}

.bKj21A {
    color: #08f
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/7793.c15aea824491b7da.css.map*/
.osGi8m {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem
}

.osGi8m.ijosCC: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
}

.osGi8m .SuBOEr {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.osGi8m .SuBOEr:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.osGi8m .SuBOEr:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.osGi8m .SuBOEr::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.osGi8m .SuBOEr::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

._wcyQb {
    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
}

._cHXB8 {
    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
}

._cHXB8.Ul3Awx,._cHXB8:hover {
    background-color: #fafafa
}

._cHXB8 .UrGNsk {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._cHXB8 .pbt_jB {
    font-weight: 500
}

.dSYQRp {
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.dSYQRp.pkmU5p {
    box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
}

.dSYQRp .LAtrcY {
    margin: 0 auto
}

.dSYQRp .LAtrcY,.dSYQRp .LAtrcY:active,.dSYQRp .LAtrcY:focus,.dSYQRp .LAtrcY:hover {
    background-color: #066bc8
}

.KE87fb {
    display: flex;
    flex: 1;
    position: relative
}

.KE87fb .aABt93 {
    width: 100%
}

.KE87fb .atRarK {
    height: 1.125rem;
    width: 1.125rem
}

.ff7WF4 {
    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
}

.ff7WF4: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)
}

.FSKlae {
    background: #066bc8;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    z-index: 300
}

.CtbQSh,.FSKlae {
    box-sizing: border-box
}

.CtbQSh {
    align-items: center;
    display: flex;
    padding: .875rem 0 1.3125rem
}

.HQAF5p,.sigkkd {
    box-sizing: border-box
}

.HQAF5p {
    outline: 0;
    overflow: visible
}

.HQAF5p: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)
}

.VN9iIF {
    line-height: 0;
    margin-right: .9375rem;
    outline: 0;
    overflow: visible;
    position: relative;
    top: .125rem
}

.VN9iIF: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)
}

.sSqtyk {
    top: unset
}

.HQAF5p {
    position: relative;
    top: -.1875rem
}

.sigkkd {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 1.875rem
}

.hANHDV {
    margin-left: auto;
    position: relative;
    width: 32.5rem
}

.cnfFmp {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: 1.875rem;
    margin: 0 .9375rem
}

.EGG3vI .pbmgyz {
    bottom: 0;
    right: 0
}

.EGG3vI .pbmgyz,.pbmgyz {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.pbmgyz {
    height: 100%;
    width: 100%
}

.wy5JoR {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 0;
    z-index: -1
}

.e7_9mt,.ukvUMc {
    align-items: center;
    display: flex
}

.ukvUMc {
    justify-content: center
}

.e7_9mt {
    color: currentColor;
    padding: 6px 0
}

.FSazS6 {
    pointer-events: none
}

.ukvUMc {
    background-color: #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem;
    left: -.75rem;
    margin-right: -.9375rem;
    position: relative;
    top: -.3125rem
}

.lfpKnu {
    width: 1.125rem
}

.lihpTh {
    width: 1.375rem
}

.ENORMO {
    color: var(--brand-primary-color,#ee4d2d)
}

.AqrOoa {
    color: #d0011b
}

.lgRBdw {
    font-size: .8125rem;
    font-weight: 300;
    margin-left: .3125rem;
    text-transform: capitalize
}

.fB_KvP {
    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
}

.vnDQhB {
    height: 6.25rem;
    width: 6.25rem
}

.Djtu3G {
    margin: .625rem
}

.QFfP7c {
    align-items: center
}

.QFfP7c,.nMsX0Y {
    display: flex
}

.nMsX0Y {
    flex-direction: row
}

.QFfP7c {
    justify-content: center
}

.nMsX0Y {
    margin-bottom: 1rem;
    width: 100%
}

.nMsX0Y:hover {
    cursor: pointer
}

.ThRz8Q {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 5rem;
    margin-right: .75rem;
    padding: .25rem;
    width: 5rem
}

.ibh62Q {
    display: inline-block;
    vertical-align: top;
    width: 4.75rem
}

.hi90i2 {
    margin-left: .8125rem
}

.QFfP7c {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem;
    width: 4.25rem
}

.QFfP7c:last-child {
    margin-bottom: 0
}

.QFfP7c img {
    max-height: 100%;
    max-width: 100%
}

.hOASGE {
    display: flex;
    flex-direction: row;
    width: 100%
}

.hOASGE:hover {
    cursor: pointer
}

.zbk8Vv {
    margin-top: 2rem;
    width: 5.25rem
}

.Z13wAy,.nW3cn4 {
    align-items: center
}

.JfFnLR,.Z13wAy,.nW3cn4 {
    display: flex
}

.JfFnLR {
    flex-wrap: wrap
}

.Z13wAy,.nW3cn4 {
    justify-content: center
}

.JfFnLR {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

.Z13wAy {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 1.875rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
    padding: .25rem;
    width: 3.75rem
}

.Z13wAy.mjd2eD {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.Z13wAy.toGen8 {
    margin-right: .1875rem
}

.nW3cn4 {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%
}

.nW3cn4 img {
    max-height: 100%;
    max-width: 100%
}

.C0sjnV,.Ka2gCh {
    align-content: center;
    display: flex
}

.PpgFjN {
    color: rgba(0,0,0,.65);
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Ka2gCh {
    font-size: .75rem;
    margin-bottom: .75rem
}

.BWhuby {
    text-transform: capitalize
}

.C0sjnV {
    color: rgba(0,0,0,.65);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.C0sjnV:hover {
    color: #ee4d2d
}

.IlIvTm {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.DMQMn2 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.iaSrUz {
    box-sizing: border-box;
    padding: .3125rem;
    width: 15.625rem
}

.iaSrUz:first-child:nth-last-child(6),.iaSrUz:first-child:nth-last-child(6)~.iaSrUz,.iaSrUz:last-child {
    width: 12.5rem
}

.mzvsTT {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem
}

.mzvsTT.H1gIl0 {
    margin-top: 0
}

.GEXqfX {
    text-transform: uppercase
}

.AcrGw3 {
    display: flex;
    margin: 0 -.3125rem;
    padding: .3125rem;
    width: 100%
}

.AcrGw3,.ZsGyhp {
    align-items: flex-start
}

.ZsGyhp {
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.VsoUpy {
    align-items: flex-start
}

.VsoUpy,.bzeVi8 {
    display: flex;
    flex-wrap: wrap
}

.bzeVi8 {
    justify-content: center
}

.VsoUpy {
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.54);
    justify-content: space-between;
    padding: 2.5rem 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .VsoUpy {
        border-top:.5px solid rgba(0,0,0,.1)
    }
}

.jsGQO7 {
    line-height: 1.125rem
}

.IlWqhF {
    flex-basis: 100%;
    margin-bottom: .75rem
}

.KuDR1m {
    flex-shrink: 0;
    margin-right: 25px
}

.KuDR1m.I5Mv2K {
    color: rgba(25,37,55,.5);
    margin-right: 0
}

.KuDR1m.I5Mv2K a {
    color: rgba(25,37,55,.5);
    font-size: 14
}

.KuDR1m.I5Mv2K a:hover {
    color: #ee4d2d
}

.XLZs0K {
    flex: 1 0 auto;
    text-align: right
}

.dTsHJV {
    padding: 0 5px
}

.dTsHJV:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.2)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .dTsHJV:not(:last-child) {
        border-right:.5px solid rgba(0,0,0,.2)
    }
}

.WfURpL {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: none;
    text-decoration: none
}

.u5aW_p {
    margin: auto;
    width: 75rem
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: initial
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: initial
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: initial;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: initial
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

.sprite-product-sharing {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/12f585f9c56d4f30.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-product-sharing {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/391e34e8438d2795.png);
        background-size: 100%
    }
}

.sprite-product-sharing-fb {
    background-position: 0 0;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-fm {
    background-position: 0 -100%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-gp {
    background-position: 0 -200%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-pinterest {
    background-position: 0 -300%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-twitter {
    background-position: 0 -400%;
    height: 190px;
    width: 190px
}

.sprite-social {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ce6e47c2e0ac38a5.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e72e31ec527056bc.png);
        background-size: 100%
    }
}

.sprite-social-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-ig {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-line {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

.sprite-social-shopee {
    background-position: 2px -400%;
    height: 22px;
    width: 22px
}

.sprite-social-sms {
    background-position: 0 -500%;
    height: 22px;
    width: 22px
}

.sprite-social-white {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/29fb30eeb5787273.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social-white {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/194364636b5f2e40.png);
        background-size: 100%
    }
}

.sprite-social-white-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-white-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-white-shopee {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-white-sms {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px
}

.container-wrapper {
    min-width: 1200px
}

.row {
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

.col,.row {
    box-sizing: border-box;
    display: flex
}

.col {
    flex: 0 1 auto;
    flex-direction: column;
    flex-wrap: wrap
}

.row.reverse {
    flex-direction: row-reverse
}

.col.reverse {
    flex-direction: column-reverse
}

.col-xs-1-2,.col-xs-2,.col-xs-2-4,.col-xs-3,.col-xs-4,.col-xs-6,.col-xs-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: .3125rem;
    padding-right: .3125rem
}

.col-xs-1 {
    flex-basis: 8.333%;
    max-width: 8.333%
}

.col-xs-1-2 {
    flex-basis: 10%;
    max-width: 10%
}

.col-xs-2 {
    flex-basis: 16.666%;
    max-width: 16.666%
}

.col-xs-2-4 {
    flex-basis: 20%;
    max-width: 20%
}

.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    flex-basis: 33.333%;
    max-width: 33.333%
}

.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-8 {
    flex-basis: 66.667%;
    max-width: 66.667%
}

@media only screen and (min-width: 63em) {
    .col-md-2 {
        box-sizing:border-box;
        flex: 0 0 auto;
        flex-basis: 16.666%;
        max-width: 16.666%;
        padding-left: .3125rem;
        padding-right: .3125rem
    }
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9cff5f27f6ad3d59.eot);
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2188ea3f3f8ab51a.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5605865fb101be1a.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/927a054450f267d5.svg#Roboto-Light) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b21a0eefbec4f57f.eot);
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2313f68c10458709.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b796ce65a81adc41.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0de7f60790f8cb39.svg#Roboto-Regular) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0d2870f5e1759c7a.eot);
    src: local("Roboto Bold"),local("Roboto-Bold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/313d5de65a92aae6.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ed694f411e0b3a82.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/40deb8899be6c521.svg#Roboto-Bold) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9a9c9421bcdef79c.eot);
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/769ea541b3eef14d.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/03501557d620ee6b.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2ca9cc4a85156bbe.svg#Roboto-Medium) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 200;
    src: local("Titillium Web ExtraLight"),local("TitilliumWeb-ExtraLight"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5520703b5993e245.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/cb396c4aaab010c9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 200;
    src: local("Titillium Web ExtraLightItalic"),local("TitilliumWeb-ExtraLightItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/79f7fcdd171a385b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ff049fcef0b00476.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 300;
    src: local("Titillium Web Light"),local("TitilliumWeb-Light"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/fb9f532072fb0047.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8a8d74dcd86f5828.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 300;
    src: local("Titillium Web LightItalic"),local("TitilliumWeb-LightItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1833f395df238635.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8879465951e601b9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    src: local("Titillium Web Regular"),local("TitilliumWeb-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b54332120212464b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/591acde707f3a37e.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 400;
    src: local("Titillium Web Italic"),local("TitilliumWeb-Italic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/141d628cc69ada8e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/03ec0784700fcf3b.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 500;
    src: local("Titillium Web SemiBold"),local("TitilliumWeb-SemiBold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/24a0424ed772ea10.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/7d98229b27f8ffb4.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 500;
    src: local("Titillium Web SemiBoldItalic"),local("TitilliumWeb-SemiBoldItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4b45d31c252b198d.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a669133a26006767.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    src: local("Titillium Web Bold"),local("TitilliumWeb-Bold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/f450151ddd2e8e05.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/171cbc8ba715b911.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 600;
    src: local("Titillium Web BoldItalic"),local("TitilliumWeb-BoldItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9eeea1d9e3f7653e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0c43f7221cfdb4cc.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 700;
    src: local("Titillium Web Black"),local("TitilliumWeb-Black"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9ea237df494c5988.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2e1d923e4ec382c2.woff) format("woff")
}

body {
    font-size: .875rem;
    text-size-adjust: none;
    -webkit-text-size-adjust: none
}

body,html {
    color: rgba(0,0,0,.8);
    font-family: Helvetica Neue,Helvetica,Arial,文泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,儷黑 Pro,LiHei Pro,Heiti TC,微軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif;
    line-height: 1.2
}

.roboto body,html.roboto {
    font-family: Roboto,Helvetica Neue,Helvetica,Arial,文泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,儷黑 Pro,LiHei Pro,Heiti TC,微軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif
}

.stardust-button {
    font-family: inherit!important
}

.clearfix {
    clear: both
}

.hide {
    display: none
}

.expand {
    flex-grow: 1
}

.link-to-keep-parent-style {
    color: currentColor;
    text-decoration: inherit
}

.card {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.h-center {
    justify-content: center
}

.flex,.h-center {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-auto {
    flex: 1 1 auto
}

.flex-no-overflow {
    width: 0
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.v-flex {
    display: flex;
    flex-direction: column
}

.center,.v-center {
    align-items: center;
    display: flex
}

.center {
    justify-content: center
}

.text-trunc-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.skeleton {
    animation: glow 2s linear infinite;
    background-clip: padding-box!important;
    background-color: #fafafa!important;
    border-color: #fafafa!important;
    border-radius: 2px;
    box-shadow: none!important;
    color: transparent!important;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@keyframes glow {
    0%,to {
        background-color: #fafafa;
        border-color: #fafafa
    }

    50% {
        background-color: #f5f5f5;
        border-color: #f5f5f5
    }
}

.skeleton-line {
    height: .625rem
}

.skeleton-full {
    width: 100%
}

.skeleton-medium {
    width: 66.67%
}

.skeleton-short {
    width: 33.33%
}

:root {
    --focus-indicator-color: rgba(0,0,0,.87);
    --focus-indicator-stroke-width: 2px;
    --focus-indicator-spacing: 4px;
    --focus-indicator-border-radius: 2px;
    --brand-primary-color: #ee4d2d;
    --brand-primary-light-color: rgba(255,87,34,.1)
}

.theme--ofs {
    --brand-primary-color: #d0011b;
    --brand-primary-light-color: rgba(208,1,27,.08)
}

.theme--s-mart {
    --brand-primary-color: #066bc8;
    --brand-primary-light-color: #e6f0f9
}

body {
    background-color: #f5f5f5
}

body .stardust-popup {
    box-sizing: border-box;
    z-index: 10000
}

body .stardust-popup .stardust-popup__dialog--wrapper {
    box-sizing: border-box;
    max-width: 31.25rem;
    z-index: 10000
}

body .stardust-popup .stardust-popup__dialog {
    border-radius: 2px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.875rem
}

body .stardust-popup .stardust-popup__dialog--wrapper-top {
    font-size: 16px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: 2.5rem
}

body .stardust-popup .stardust-popup-title {
    text-align: left
}

body .stardust-popup .stardust-popup-buttons {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: 1.875rem;
    margin-right: 1.875rem;
    margin-top: 1.875rem
}

body .stardust-popup .stardust-popup-button {
    border: .0625rem solid rgba(0,0,0,.09);
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.03);
    box-sizing: border-box;
    flex: 0 1 6.25rem;
    font-size: 14px;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-left: 1rem;
    padding-left: .625rem;
    padding-right: .625rem;
    white-space: nowrap
}

body .stardust-popup .stardust-popup-button--main {
    background: #ee4d2d;
    color: #fff;
    text-transform: uppercase
}

body .stardust-popup .stardust-popup-button--main:hover {
    background: #f05d40
}

body .stardust-popup .stardust-popup-button--main:active {
    background: #e2492b
}

body .stardust-popup .stardust-popup-button--secondary {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    text-transform: uppercase
}

body .stardust-popup .stardust-popup-button--secondary:hover {
    background: rgba(0,0,0,.02);
    border-color: rgba(0,0,0,.09)
}

body .stardust-popup .stardust-popup-button--secondary:active {
    background: rgba(0,0,0,.02);
    border-color: rgba(0,0,0,.09);
    box-shadow: inset 0 .125rem .0625rem 0 rgba(0,0,0,.05)
}

.ofs-tw-logo {
    max-width: 150px
}

.icon-tw-mall-inline {
    height: .9375rem;
    width: 1.875rem
}

.shopee-svg-icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: currentColor;
    position: relative
}

.icon-all-cate {
    width: .75rem
}

.icon-notification-2 {
    height: 1.125rem;
    width: .875rem
}

.icon-notifications-wallet {
    stroke: #fff
}

.icon-order-order,.icon-order-paid,.icon-order-problem,.icon-order-rating,.icon-order-received,.icon-order-shipping {
    stroke: currentColor
}

.icon-shopee-logo {
    height: 4rem;
    width: 11.875rem;
    fill: #fff
}

.icon-line {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8b4b3dceaa953277.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.icon-shopee-logo--official-shop {
    height: 2.8125rem;
    width: 2.5rem;
    fill: #fff
}

.icon-location-marker {
    color: #ee4d2d;
    fill: currentColor
}

.icon-vn-privacy {
    background-position: 0 -110px
}

.icon-vn-shipping {
    background-position: 0 -122px
}

.icon-vn-tos {
    background-position: 0 -134px
}

.icon-vn-violation {
    background-position: 0 -146px
}

.icon-share-fb,.icon-share-gplus,.icon-share-messenger,.icon-share-pinterest,.icon-share-twitter {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a9aa082a68fac8e7.png) no-repeat;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 24px
}

.icon-share-messenger {
    background-position: 0 0
}

.icon-share-fb {
    background-position: -24px 0
}

.icon-share-gplus {
    background-position: 0 -24px
}

.icon-share-pinterest {
    background-position: -24px -24px
}

.icon-share-twitter {
    background-position: 0 -48px
}

.shopee-spacer {
    background-color: rgba(0,0,0,.12);
    display: inline-block;
    height: .625rem;
    width: 1px
}

.address-modal__form_input {
    width: 100%
}

.address-modal__form_input.hidden {
    height: 1px;
    left: -1000px;
    opacity: 0;
    position: absolute;
    top: -1000px;
    width: 1px
}

.address-modal .shopee-popup-form__main-container {
    margin-bottom: 0;
    padding-bottom: 84px
}

.shopee-address-picker {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    width: 20rem;
    z-index: 1
}

.shopee-address-picker__search-bar {
    background-color: #fff;
    padding: .3125rem .625rem
}

.shopee-address-picker__search-bar input {
    background-color: #f5f5f5;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    height: 1.875rem;
    line-height: 1.875rem;
    outline: none;
    padding: 0 .625rem;
    width: 100%
}

.shopee-address-picker__search-bar input::placeholder {
    color: rgba(0,0,0,.26)
}

.shopee-address-picker__current-level-list,.shopee-address-picker__search-result {
    list-style: none;
    margin: 0;
    max-height: 17.5rem;
    overflow-y: scroll;
    padding: 0
}

.shopee-address-picker__current-level-list-item,.shopee-address-picker__last-selected-address-level,.shopee-address-picker__search-result-item {
    cursor: pointer;
    padding: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-address-picker__last-selected-address-level {
    align-items: center;
    background-color: #f5f5f5;
    color: #ee4d2d;
    display: flex
}

.shopee-address-picker__last-selected-address-level .icon-arrow-left {
    font-size: .625rem;
    margin-right: .625rem
}

.notification-card {
    cursor: pointer;
    display: flex;
    padding: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.notification-card .shopee-image-placeholder {
    background-color: #f5f5f5
}

.notification-card .shopee-image-placeholder .shopee-svg-icon {
    font-size: 2.5rem
}

.notification-card:hover {
    background-color: #f8f8f8
}

.notification-card .shopee-avatar {
    flex-shrink: 0;
    height: 3.75rem;
    width: 3.75rem
}

.notification-card__connector {
    background: rgba(0,0,0,.09);
    bottom: 0;
    left: 3.75rem;
    position: absolute;
    top: 0;
    width: .0625rem
}

.notification-card__connector-dot {
    background: #e2e2e2;
    border-radius: 50%;
    height: .5rem;
    left: 3.5rem;
    margin-top: .375rem;
    position: absolute;
    width: .5rem
}

.notification-card__collapse {
    cursor: pointer;
    margin-left: .625rem
}

.notification-card__image {
    background-color: #fff;
    display: flex;
    flex-flow: row-reverse wrap-reverse;
    flex-shrink: 0;
    height: 5rem;
    justify-content: space-around;
    position: relative;
    width: 5rem
}

.notification-card__img-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    width: 100%
}

.notification-card__img-background--half {
    align-self: center;
    padding-top: 50%;
    width: 50%
}

.notification-card__detail {
    word-wrap:;
    flex-shrink: 1;
    margin-right: .625rem;
    min-width: 0;
    padding-left: 1.25rem
}

.notification-card__title {
    color: rgba(0,0,0,.8);
    font-size: 1rem;
    margin-bottom: .625rem
}

.notification-card__description {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-bottom: .625rem;
    max-width: 40.625rem
}

.notification-card__content {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-bottom: .3125rem
}

.notification-card__info {
    color: rgba(0,0,0,.54);
    display: flex;
    font-size: .875rem;
    line-height: 1
}

.notification-card__button {
    flex-shrink: 0;
    margin-left: auto
}

.notification-card__button .shopee-button-outline {
    background-color: #fff;
    box-sizing: border-box;
    font-size: .75rem;
    height: 1.875rem;
    min-width: 5rem;
    padding: 0 .4375rem;
    text-transform: capitalize
}

.notification-card__button .shopee-button-outline:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.notification-card__button .shopee-button-outline--complement {
    border-color: #00bfa5;
    color: #00bfa5
}

.notification-card--group-primary {
    position: relative
}

.notification-card--group-primary .notification-card__connector {
    top: 50%
}

.notification-card--group-primary .notification-card__connector--single {
    display: none
}

.notification-card__spinner {
    animation: spin .6s linear infinite;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/596cd3a8f0f9a6d6.png);
    height: .75rem;
    width: .75rem
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.notification-card--group-secondary {
    background: #f9f9f9;
    padding-left: 6.25rem;
    position: relative
}

.notification-card--group-secondary .notification-card__title {
    color: rgba(0,0,0,.54)
}

.notification-card--mini {
    padding: .5rem .625rem
}

.notification-card--mini .shopee-image-placeholder .shopee-svg-icon {
    font-size: 1.5rem
}

.notification-card--mini .shopee-avatar {
    height: 2.5rem;
    width: 2.5rem
}

.notification-card--mini .notification-card__image {
    border: .5px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    height: 2.5rem;
    width: 2.5rem
}

.notification-card--mini .notification-card__detail {
    padding-left: .375rem
}

.notification-card--mini .notification-card__title {
    font-size: .875rem;
    margin-bottom: .375rem
}

.notification-card--mini .notification-card__content {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .9375rem
}

.notification-card--mini .notification-card__description {
    margin-bottom: .375rem;
    max-width: 20rem
}

.notification-card--unread {
    background-color: #fff2ee
}

.shopee-popup {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 600
}

.shopee-popup__overlay {
    background-color: rgba(0,0,0,.4);
    height: 100%;
    width: 100%
}

.shopee-popup__container {
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    overflow: visible;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shopee-popup__close-btn {
    align-items: center;
    background-color: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 1.875rem;
    justify-content: center;
    line-height: 2.5rem;
    position: absolute;
    right: -.625rem;
    top: -.625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.875rem
}

.shopee-popup__close-btn .shopee-svg-icon {
    color: #fff;
    font-size: .75rem
}

.shopee-alert-popup {
    overflow: visible;
    padding: 1.25rem;
    width: 31.25rem
}

.shopee-alert-popup__title {
    color: #ee4d2d;
    font-size: 1.5rem;
    margin-top: 1.875rem
}

.shopee-alert-popup__message {
    font-size: 1rem;
    margin-top: 2.5rem
}

.shopee-alert-popup__message-list {
    display: flex;
    flex-direction: column;
    margin-top: 1.875rem
}

.shopee-alert-popup__button-vertical-layout {
    display: flex;
    flex-direction: column;
    margin-top: 6.25rem
}

.shopee-alert-popup__button-vertical-layout .shopee-alert-popup__button-spacer {
    height: 1.25rem
}

.shopee-alert-popup__button-vertical-layout .shopee-button-outline,.shopee-alert-popup__button-vertical-layout .shopee-button-solid {
    flex: 1;
    font-size: 1rem
}

.shopee-alert-popup__button-vertical-layout .shopee-button-outline {
    color: rgba(0,0,0,.8)
}

.shopee-alert-popup__button-horizontal-layout {
    display: flex;
    margin-top: 6.25rem
}

.shopee-alert-popup__button-horizontal-layout .shopee-alert-popup__button-spacer {
    width: .625rem
}

.shopee-alert-popup__button-horizontal-layout .shopee-button-outline,.shopee-alert-popup__button-horizontal-layout .shopee-button-solid {
    flex: 1;
    padding: .75rem 0;
    text-transform: capitalize
}

.shopee-no-scroll {
    overflow: hidden
}

.shopee-shop-collection-filter__collection,.shopee-shop-collection-filter__header {
    font-weight: 500
}

.shopee-shop-collection-filter__header {
    color: rgba(0,0,0,.8);
    padding: .875rem 0 1.125rem;
    text-transform: uppercase
}

.shopee-shop-collection-filter__collection {
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .8125rem;
    padding: .625rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-shop-collection-filter__collection--active {
    color: #ee4d2d
}

.shopee-shop-collection-filter__collection+.shopee-shop-collection-filter__collection {
    border-top: 1px solid rgba(0,0,0,.09)
}

.shop-collection-view {
    margin-bottom: .625rem
}

.shop-search-result-view__item {
    margin-top: .625rem
}

.shop-collection-list {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    max-height: 18.75rem;
    overflow: hidden;
    overflow-y: auto;
    width: 16.875rem
}

.shop-collection-list__item {
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    height: 3.75rem;
    overflow: hidden;
    padding-left: 3.75rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shop-collection-list__item:hover {
    background-color: #f8f8f8
}

.shop-collection-list__item:hover .shop-collection-list__item-desc-name {
    color: #ee4d2d
}

.shop-collection-list__item-image {
    background-color: #f5f5f5;
    height: 2.5rem;
    left: .625rem;
    position: absolute;
    top: .625rem;
    width: 2.5rem
}

.shop-collection-list__item-image>.shopee-svg-icon {
    font-size: 1.25rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shop-collection-list__item-image>img,.shop-collection-list__item-image__adult-mask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.shop-collection-list__item-image__adult-mask {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%
}

.shop-collection-list__item-image__adult-mask--18 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6066e69e47bdcc11.png)
}

.shop-collection-list__item-image__adult-mask--20 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c2c6fbe913449b5f.png)
}

.shop-collection-list__item-image__adult-mask--21 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3f85d623d716ceb7.png)
}

.shop-collection-list__item-desc {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.shop-collection-list__item-desc-name {
    color: rgba(0,0,0,.87);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shop-collection-list__item-desc-product {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-top: .125rem
}

.shopee-guarantee-icon {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/73b4bb25115d063d.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.order-detail-header {
    background-color: #fff;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}

.order-detail-header__state-container {
    box-sizing: border-box;
    padding: 5rem 2.8125rem 2.8125rem;
    position: relative
}

.order-detail-header__back-button,.order-detail-header__note {
    font-size: .875rem;
    line-height: 1rem;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem
}

.order-detail-header__separator {
    margin: 0 1em
}

.order-detail-header__back-button {
    align-items: center;
    color: rgba(0,0,0,.54);
    display: flex;
    left: 1.25rem
}

.order-detail-header__back-button:hover {
    cursor: pointer
}

.order-detail-header__back-button--arrow {
    font-size: .875rem;
    margin-right: .3125rem
}

.order-detail-header__status {
    color: #ee4d2d;
    text-transform: uppercase
}

.order-detail-header__invoice {
    padding: 0 .9375rem
}

.order-detail-header__invoice-inner {
    align-items: center;
    border-top: 1px dashed #eee;
    display: flex;
    justify-content: space-between;
    padding: .625rem .3125rem
}

.order-detail-header__invoice-title {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.order-detail-header__invoice-ph-title {
    display: inline-block;
    font-size: 12px
}

.order-detail-header__invoice-popover {
    background-color: #fff;
    border-radius: 4px;
    height: 231px;
    padding: 15px;
    width: 350px
}

.order-detail-header__invoice-disclaimer-header {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px
}

.order-detail-header__invoice-disclaimer-content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.order-detail-header__invoice-icon {
    margin-left: 8px;
    vertical-align: middle
}

.order-detail-header__action-container {
    background-color: #fffcf5;
    box-sizing: border-box;
    padding-top: 1.25rem
}

.order-detail-header__button-wrapper {
    background: #fff;
    flex-shrink: 0;
    font-size: .875rem;
    height: 2.5rem;
    margin-left: 1rem;
    width: 13.125rem
}

.order-detail-header__button-wrapper-container {
    align-items: flex-start;
    border-bottom: 1px dotted rgba(0,0,0,.09);
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: .625rem;
    padding: 0 1.25rem .625rem
}

.order-detail-header__button-wrapper-container--last {
    border-bottom: 0;
    padding-bottom: 1.25rem
}

.order-detail-header__group-buttons-wrapper-container {
    display: flex
}

.order-detail-header__text-info-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 1.25rem;
    text-align: left
}

.order-detail-header__text-info-wrapper p {
    margin: 0;
    padding: 0;
    width: 100%
}

.order-detail-header__text-info-wrapper-with-reason>span:first-child {
    font-weight: 600
}

.order-detail-header__button-content-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: capitalize
}

.order-detail-header__shopee-guarantee__icon {
    display: inline-block;
    height: 1.25rem;
    margin-right: .3125rem;
    width: 1.25rem
}

.order-detail-header__primary-icon {
    color: #ee4d2d;
    font-size: 1.25rem;
    margin: 0 .625rem 0 .3125rem
}

.order-detail-header__primary-shopee-guarantee-icon {
    height: 1.25rem;
    margin-right: .3125rem;
    width: 1.25rem
}

.purchase-card-buttons__wrapper {
    background: #fffefb;
    padding: 0 1.5rem
}

.purchase-card-buttons__total-payment {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    padding-top: 2.5rem
}

.purchase-card-buttons__shopee-guarantee-icon {
    height: 1.375rem;
    margin-right: .3125rem;
    width: 1.375rem
}

.purchase-card-buttons__label-price {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.25rem;
    margin-right: .625rem
}

.purchase-card-buttons__total-price {
    color: #ee4d2d;
    font-size: 1.875rem;
    line-height: 2rem
}

.purchase-card-buttons__container {
    align-content: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 1.125rem 0 1.25rem
}

.purchase-card-buttons__show-button-wrapper {
    background: #fff;
    height: 2.5rem;
    margin-left: .625rem;
    min-width: 10rem
}

.purchase-card-buttons__show-button-wrapper .shopee-button-outline,.purchase-card-buttons__show-button-wrapper .shopee-button-solid {
    box-sizing: border-box;
    padding: 0 .625rem
}

.purchase-card-buttons__text-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

.purchase-card-buttons__open-more-wrapper {
    height: 2.5rem;
    margin-left: .625rem;
    position: relative;
    width: 6.25rem
}

.purchase-card-buttons__open-more-button {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    height: 100%;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

.purchase-card-buttons__open-more-button__arrow {
    font-size: .625rem;
    margin-left: .3125rem
}

.purchase-card-buttons__inside-button-container {
    background: #fff;
    border: 1px solid #ee4d2d;
    display: none;
    left: 0;
    position: absolute;
    top: 2.5rem;
    z-index: 1
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__open-more-button {
    border: 1px solid #ee4d2d;
    border-bottom-color: #fff;
    color: #ee4d2d
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__inside-button-container {
    display: block
}

.purchase-card-buttons__inside-button {
    align-items: center;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    min-width: 11.25rem;
    padding: 0 .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-card-buttons__inside-button:hover {
    background: #f8f8f8;
    color: #ee4d2d
}

.purchase-card-buttons__button-content {
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: capitalize
}

.checkout-card__content-wrapper,.order-card__content-wrapper {
    background: #fff
}

.checkout-card__content,.order-card__content {
    padding: 1.25rem 1.25rem 0
}

.order-content-status {
    color: #ee4d2d;
    line-height: 1.5rem;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap
}

.checkout-card__order-wrapper:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.09);
    margin-bottom: 1.875rem
}

.checkout-card__order-wrapper:last-child,.order-card__container {
    border-bottom: 0
}

.purchase-text-info-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

.purchase-text-info {
    font-size: .75rem;
    line-height: .9375rem;
    word-wrap:;
    color: rgba(0,0,0,.54);
    max-width: 25rem
}

.purchase-text-info__hover-point {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-text-info__tooltip-content {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.purchase-text-info .shopee-drawer {
    display: inline-flex
}

.purchase-text-info:nth-child(2) {
    color: #ee4d2d
}

.purchase-empty-order__container {
    align-items: center;
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.purchase-empty-order__icon {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a6d6d3dcbc5cfbb2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 6.25rem;
    margin-bottom: 1.25rem;
    width: 6.25rem
}

.purchase-empty-order__text {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.0625rem
}

.shopee-order-detail__coin-info {
    background-color: #fff;
    box-sizing: border-box;
    margin-top: .625rem
}

.shopee-order-detail__coin-info-desc {
    align-items: center;
    display: flex
}

.shopee-order-detail__coin-info-icon {
    height: 1.5rem;
    margin-right: .625rem;
    width: 1.5rem
}

.shopee-order-detail__coin-info-label {
    font-size: 1.0625rem
}

.shopee-order-detail__coin-info-sublabel {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-left: .625rem
}

.shopee-order-detail__coin-info-spacer {
    flex: 1
}

.shopee-order-detail__coin-info-amount {
    color: #f6a700;
    font-size: 1.0625rem
}

.shopee-price--primary {
    color: #ee4d2d
}

.shopee-price--original {
    color: rgba(0,0,0,.26);
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.checkout-card__container,.order-card__container,.order-detail-header {
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    overflow: visible
}

.order-cancel-popup__dropdown {
    display: block
}

.order-cancel-popup__buttons {
    margin-top: 3.125rem
}

.rating-modal__header {
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.rating-modal__header--view {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding-top: 1.25rem
}

.rating-modal__title {
    color: rgba(0,0,0,.8);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .625rem;
    text-transform: capitalize
}

.rating-modal__created-time {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    padding-bottom: .625rem
}

.rating-modal__rating-action-container {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .875rem;
    position: absolute;
    right: .625rem;
    top: .625rem
}

.rating-modal__rating-action-container .shopee-button-solid {
    color: rgba(0,0,0,.8);
    font-size: .75rem;
    font-weight: 700;
    margin-left: .625rem;
    padding: .1875rem .3125rem
}

.rating-modal__rating-action-container .shopee-button-solid .shopee-svg-icon {
    font-size: .75rem;
    margin-right: 0
}

.rating-modal__rating-item-wrapper {
    width: 60%
}

.rating-modal__image-list-wrapper {
    flex-grow: 1;
    min-width: 80%
}

.rating-modal-edit-item__container {
    margin-top: 1.875rem
}

.rating-modal-edit-item__back-button-wrapper {
    background: #fff;
    left: 0;
    position: absolute;
    top: 1.125rem;
    width: 100%;
    z-index: 9999
}

.rating-modal-edit-item__back-button {
    color: rgba(0,0,0,.54);
    padding: .3125rem 1.25rem
}

.rating-modal-edit-item__back-button:hover {
    cursor: pointer
}

.rating-modal-edit-item__back-button-arrow {
    font-size: .875rem;
    margin-right: .3125rem
}

.rating-stars__container {
    display: flex
}

.rating-stars__container>div {
    margin: 0 .125rem
}

.rating-stars__star {
    stroke: currentColor
}

.rating-stars__star--clickable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-modal-handler__container {
    border-bottom: 1px dotted rgba(0,0,0,.09);
    padding-bottom: 1.875rem
}

.rating-modal-handler__container--last {
    border-bottom: 0
}

.rating-modal-handler__rating-stars-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 2.25rem;
    justify-content: center;
    letter-spacing: .25rem;
    padding: .625rem 0 1.25rem;
    position: relative
}

.rating-modal-handler__rating-prompt-text {
    color: rgba(0,0,0,.54);
    margin-bottom: 1.25rem;
    text-align: center
}

.shopee-rating-stars {
    display: inline-block;
    position: relative
}

.shopee-rating-stars__stars {
    display: flex
}

.shopee-rating-stars__star-wrapper {
    margin-right: 1px;
    position: relative
}

.shopee-rating-stars__star-wrapper>.shopee-rating-stars__lit {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.shopee-rating-stars__gold-star {
    color: #ffce3d;
    fill: #ffce3d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.shopee-rating-stars__dark-star {
    color: #d5d5d5;
    display: block
}

.shopee-rating-stars__primary-star {
    color: #ee4d2d;
    stroke: #ee4d2d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.theme--ofs .shopee-rating-stars__primary-star {
    color: #d0011b;
    stroke: #d0011b
}

.theme--s-mart .shopee-rating-stars__primary-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.shopee-rating-stars__hollow-star {
    color: #ee4d2d;
    display: block;
    stroke: currentColor
}

.theme--s-mart .shopee-rating-stars__hollow-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.daily-discover-page,.recommend-products-by-view {
    padding: 2.5rem 0 3.75rem
}

.daily-discover-page__content,.recommend-products-by-view__content {
    padding: 1.25rem 0 2.6875rem
}

.daily-discover-page__item-card-wrapper,.recommend-products-by-view__item-card-wrapper {
    margin-bottom: .625rem
}

.purchase-list-page__tabs-container {
    background: #fff;
    border-radius: .125rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    margin-bottom: .75rem;
    overflow: hidden
}

.purchase-list-page__tab {
    align-items: center;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.1875rem;
    overflow: hidden;
    padding: 1rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-list-page__tab:hover {
    color: #ee4d2d
}

.purchase-list-page__tab--selected {
    border-bottom: 2px solid #ee4d2d;
    color: #ee4d2d
}

.purchase-list-page__tab-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.purchase-list-page__tab-count {
    color: #ee4d2d;
    font-size: .9em;
    margin-left: .3em;
    vertical-align: initial
}

.purchase-list-page__search-bar {
    background: #eaeaea;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: #555;
    display: flex;
    padding: .75rem 0
}

.purchase-list-page__search-bar ::placeholder {
    color: #929292
}

.purchase-list-page__search-bar svg {
    margin-left: .9375rem;
    margin-right: .9375rem;
    stroke: #bbb
}

.purchase-list-page__search-bar input {
    align-content: center;
    background-color: inherit;
    border: 0;
    display: flex;
    flex: 1;
    font-size: .875rem;
    line-height: 1rem;
    outline: none
}

.purchase-list-page__search-bar-focus svg {
    stroke: #555
}

.purchase-list-page__search-result {
    color: #757575;
    font-size: 14px;
    margin-top: 1.25rem;
    text-align: center
}

.purchase-list-page__search-result div {
    display: inline
}

.purchase-list-page__search-result span {
    color: #555
}

.purchase-list-page__checkout-card-wrapper:last-child,.purchase-list-page__order-card-wrapper:last-child {
    margin-bottom: 0
}

.purchase-list-page__checkout-card-wrapper,.purchase-list-page__order-card-wrapper {
    margin-bottom: .625rem;
    margin-top: .75rem
}

.purchase-list-page__empty-page-wrapper {
    height: 37.5rem;
    margin-top: .75rem;
    width: 100%
}

.theme--ofs .shopee-cart-number-badge,.theme--ofs .shopee-notification-number-badge {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .footer {
    border-top-color: #d0011b
}

.theme--ofs .footer__category-list-item-main>a:hover,.theme--ofs .footer__category-list-item-sub>a:hover,.theme--ofs .icon-like,.theme--ofs .icon-preorder,.theme--ofs .navbar-wrapper .navbar__link--login:hover .navbar__link-text,.theme--ofs .navbar-wrapper .navbar__link--login>.navbar__link-text,.theme--ofs .product-comment-item__at-user,.theme--ofs .product-page .shopee-tab-container__header-item--active>.product-page__tab-link,.theme--ofs .shopee-address-picker__last-selected-address-level,.theme--ofs .shopee-badge--promotion__label-wrapper,.theme--ofs .shopee-badge--promotion__label-wrapper__off-label.shopee-badge--promotion__label-wrapper__off-label--zh-Hant,.theme--ofs .shopee-facet-filter__facet .shopee-checkbox__box--checked,.theme--ofs .shopee-filter-group__item .shopee-checkbox__box--checked,.theme--ofs .shopee-item-card__hidden-price-display,.theme--ofs .shopee-mini-page-controller__current,.theme--ofs .shopee-product-info-body__order-quantity .shopee-button-outline-mid,.theme--ofs .shopee-product-info-body__preorder,.theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover .shopee-product-info-body__ship-to-text,.theme--ofs .shopee-product-info__header__rating-desc,.theme--ofs .shopee-product-info__header__real-price,.theme--ofs .shopee-product-rating-overview__text-overview,.theme--ofs .shopee-product__shipping-option-current-channel-cost,.theme--ofs .shopee-rating-stars__hollow-star,.theme--ofs .shopee-search-correction__new-search,.theme--ofs .shopee-search-filter-status,.theme--ofs .shopee-search-result-header__text-highlight,.theme--ofs .shopee-search-user-brief__header-text-highlight,.theme--ofs .shopee-search-user-item .shopee-svg-icon:not(.icon-tick),.theme--ofs .shopee-search-user-item__follow-count-number,.theme--ofs .shopee-search-user-seller-info-item__primary-text,.theme--ofs .shopee-searchbar-hints__search-shop>.shopee-svg-icon,.theme--ofs .shopee-shop-collection-filter__collection--active,.theme--ofs .shopee-sort-by-options .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected):hover,.theme--ofs .wholesale-popup__price,.theme--ofs .wholesale-table__body-cell--price {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.theme--ofs .shopee-header-section__header-link>.shopee-button-no-outline {
    color: #d0011b
}

.theme--ofs .section-recommend-products__separator,.theme--ofs .shopee-sort-by-options .shopee-dropdown--has-selected>.shopee-dropdown__entry--selected,.theme--ofs .shopee-sort-by-options__option--selected {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .image-carousel__dot--active,.theme--ofs .shopee-page-controller>.shopee-button-solid,.theme--ofs .shopee-price-range-filter__button>.shopee-button-solid,.theme--ofs .shopee-search-empty-result-section__button .shopee-button-solid,.theme--ofs .shopee-search-reset>a>.shopee-button-solid {
    background-color: #d0011b
}

.theme--ofs .shopee-searchbar>.shopee-button-solid:hover {
    background-color: #c30018
}

.theme--ofs .shopee-product-rating-overview__filter--active {
    border-color: #d0011b;
    fill: #d0011b
}

.theme--ofs .product-page .shopee-tab-container__header-item--active,.theme--ofs .shopee-image-gallery__option-image-wrapper__selected-mask,.theme--ofs .shopee-lightbox-thumbnail__selected-mask,.theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover {
    border-color: #d0011b
}

.theme--ofs .btn-buynow,.theme--ofs .shopee-button-solid--primary {
    background-color: #d0011b
}

.theme--ofs .btn-buynow:hover,.theme--ofs .shopee-button-solid--primary:hover {
    background-color: #e00622
}

.theme--ofs .btn-buynow:active,.theme--ofs .shopee-button-solid--primary:active {
    background-color: #c30018
}

.theme--ofs .btn-add-to-cart,.theme--ofs .btn-chat-now {
    background-color: #fff3f3;
    border: 1px solid #d0011b;
    color: #d0011b
}

.theme--ofs .btn-add-to-cart:hover,.theme--ofs .btn-chat-now:hover {
    background-color: #fff
}

.theme--ofs .btn-add-to-cart:active,.theme--ofs .btn-chat-now:active {
    background-color: #ffe8e8
}

.theme--ofs .icon-web-chat,.theme--ofs .product-page-bundle-deal__see-all {
    color: #d0011b!important
}

.theme--ofs .product-page-bundle-deal__tag,.theme--ofs .shopee-item-card__bundle-deal,.theme--ofs .shopee-product-info__header__bundle-deal-tag {
    border-color: #d0011b!important;
    color: #d0011b!important
}

.theme--ofs .select-with-status__dropdown-item:hover {
    background: #d0011b
}

.theme--ofs .section-seller-overview__item-text-value,.theme--ofs .shop-collection-list__item:hover .shop-collection-list__item-desc-name,.theme--ofs .shop-page-shop-description__shop-name,.theme--ofs .shop-page__menu .shop-page__menu-item:hover,.theme--ofs .shopee-category-list__sub-category--active,.theme--ofs .shopee-sort-bar .shopee-sort-by-options .select-with-status__value {
    color: #d0011b
}

.theme--ofs .shop-page__menu .shop-page__menu-item--active {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .shopee-product-info__header__real-price {
    color: #d0011b
}

.theme--ofs .shopee-category-list__sub-category--active .shopee-category-list__sub-category__caret {
    fill: #d0011b
}

.theme--ofs .shopee-sort-bar .shopee-sort-by-options__option--selected {
    background: #d0011b
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.clear-btn-style {
    background: 0;
    border: 0
}

.sr-only,.visually-hidden {
    border: 0!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important
}

.wA1Z8K {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

.wA1Z8K .y9r1Xm {
    background-color: initial
}

.Y8bsMZ {
    animation: i6e5UM 2s ease-in-out infinite;
    background-color: #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    height: 120px;
    margin: 8px;
    opacity: .5;
    width: calc(100% - 16px)
}

@keyframes i6e5UM {
    50% {
        opacity: .2
    }
}

.xmI7of {
    background-color: #fff;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.vmjXc4 circle {
    animation: OWwApz .4s linear infinite
}

.vmjXc4 circle:nth-child(2) {
    animation-delay: .1s
}

.vmjXc4 circle:nth-child(3) {
    animation-delay: .2s
}

@keyframes OWwApz {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.x2b5RP {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

.JUemn8 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

.JUemn8 .qYrxsq {
    background-color: initial
}

.v8rUs7 {
    height: 2.25rem!important;
    width: 2.25rem!important
}

.X_1nWM {
    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
}

.WReOBT {
    opacity: 0;
    pointer-events: none
}

.XIXIyF {
    align-items: center;
    background-color: rgba(0,0,0,.65);
    border-radius: 7px;
    color: #fff;
    cursor: default;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    max-width: 215px;
    padding: 15px;
    pointer-events: all;
    pointer-events: inherit;
    text-align: center
}

.CqfWNG svg {
    height: 30px;
    margin-bottom: 7px;
    width: 30px
}

._w9qdJ {
    max-width: 100%;
    overflow-wrap:
}

.NleHE1,.TYsRUL {
    align-items: center
}

.NleHE1,.SR5mQ0,.TYsRUL {
    display: flex
}

.SR5mQ0 {
    flex-wrap: wrap
}

.SR5mQ0,.TYsRUL {
    justify-content: space-between
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .TYsRUL {
        height: 1px
    }

    .TYsRUL:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.YN9KVd {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
    overflow: hidden;
    width: 500px
}

.YN9KVd.Rlj6l5 {
    width: 400px
}

.TYsRUL {
    box-sizing: border-box;
    min-height: 80px
}

.fEA_sn {
    margin-bottom: 30px
}

.p7oxk2 {
    overflow: hidden;
    padding: 0 30px 30px
}

.p7oxk2.Rlj6l5 {
    padding: 0 80px 64px
}

.NleHE1 {
    padding-bottom: 14px
}

.EMof35 {
    color: #ccc;
    font-size: .75rem;
    padding: 0 16px;
    text-transform: uppercase
}

.rEVZJ2 {
    background-color: #dbdbdb;
    flex: 1;
    height: 1px;
    width: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .rEVZJ2 {
        height:.5px
    }
}

.SR5mQ0 {
    margin: 0 -5px
}

.NAtk5x,._Jufph {
    align-items: center
}

.NAtk5x,._Jufph,.caVZu7 {
    display: flex
}

._Jufph,.caVZu7 {
    justify-content: center
}

.NAtk5x {
    box-sizing: initial;
    width: 100%
}

.MyzrtM {
    fill: #ee4d2d;
    cursor: pointer;
    height: 1.5rem;
    padding-top: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem
}

._Jufph {
    background-color: initial;
    border: 0;
    width: 80px
}

.Muwqtl {
    color: #222;
    flex: 1;
    font-size: 1.25rem;
    max-width: calc(100% - 160px);
    padding-right: 80px
}

.GdPga3 {
    max-width: calc(100% - 60px);
    padding: 0 30px
}

.QKYgq_ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nfEWnw {
    background-color: #fbfbfb;
    border: 1px solid rgba(0,0,0,.14);
    border-left: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    min-width: 6.25rem;
    outline: none;
    padding: 0 .625rem
}

.XrIoFU {
    color: #ccc;
    cursor: not-allowed
}

.gilq9D {
    opacity: .05
}

.AVULLz {
    opacity: 1;
    transition: opacity .2s
}

.jpGVta {
    opacity: .05
}

.ZEPEXd {
    opacity: 1;
    transition: opacity .2s
}

.WvZ72Z {
    margin-bottom: .3125rem;
    min-height: 1rem
}

.lrzEay {
    text-align: center
}

.QzMZhQ {
    color: #ff424f
}

.tMUXsN {
    display: flex
}

.XrGxOI {
    border-radius: .125rem;
    overflow: hidden;
    width: 100%
}

.oC9LqZ {
    border: 1px solid rgba(0,0,0,.14);
    box-sizing: border-box;
    height: 2.5rem
}

.jY7DFh,.oC9LqZ {
    outline: none;
    padding: .625rem
}

.jY7DFh {
    border: 0
}

.VnLNF0 {
    border: 1px solid #ff424f
}

.UmpDgt {
    border: 1px solid rgba(0,0,0,.14);
    box-sizing: border-box;
    height: 2.5rem
}

.ZcEhBL {
    border: 1px solid #ff424f
}

.Qx9zsV,.Z8LPbT {
    border-color: rgba(0,0,0,.54)
}

.KQYJia {
    flex: 1;
    flex-shrink: 0
}

.DL_B_i {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: .9375rem;
    padding: .25rem 0 .5rem
}

.DL_B_i:first-letter {
    text-transform: capitalize
}

._6ZgqO {
    align-items: center;
    display: flex;
    flex-direction: column
}

.jfe6YV,.wtuk4_ {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    text-align: center
}

._6ZgqO {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.54);
    padding: 1.875rem;
    width: 27.5rem
}

.HnXulS {
    height: 3.125rem;
    margin-bottom: .9375rem;
    width: 3.125rem
}

.jfe6YV {
    color: #ff424f
}

.wtuk4_ {
    color: #6c0
}

.DYKctS {
    align-items: center;
    display: flex
}

.CEiA6B,.DYKctS {
    justify-content: center
}

.OmiZUs {
    flex: 1
}

.hqfBzL {
    background: none;
    border: 0;
    border-radius: .125rem;
    outline: none;
    padding: 0 .625rem
}

.hqfBzL:hover {
    opacity: .91
}

.hqfBzL:active {
    opacity: 1
}

.hqfBzL:disabled {
    cursor: not-allowed;
    opacity: .7
}

.CEiA6B {
    height: 2.5rem;
    min-width: 8.75rem
}

.CEiA6B:not(:first-of-type) {
    margin-left: .625rem
}

.SYqMlu {
    text-transform: uppercase
}

.ukVXpA {
    background-color: #ee4d2d;
    box-shadow: 0 1px 1px rgba(0,0,0,.09);
    color: #fff
}

.ukVXpA:active {
    background-color: #e2492b
}

.nU2wV3 {
    color: #555
}

.nU2wV3:hover {
    background-color: #f8f8f8
}

.nU2wV3:active {
    background-color: #f5f5f5
}

.StXMCW {
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px rgba(0,0,0,.03);
    color: #555
}

.StXMCW:hover {
    background-color: rgba(0,0,0,.02)
}

.StXMCW:active {
    box-shadow: inset 0 2px 1px rgba(0,0,0,.05)
}

.P87CvB {
    color: #05a;
    font-size: .75rem;
    line-height: .875rem;
    padding: 0 .625rem
}

.NBaRN4 {
    width: 100%
}

.QKQxXR {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hH7ieb {
    height: 60px;
    margin-bottom: 20px;
    width: 60px
}

.MBCgf5 {
    color: #13b50b;
    font-size: 3.25rem;
    margin: auto
}

.tA4Ydv {
    font-size: 1rem;
    margin-bottom: 20px;
    text-align: center
}

.dfZAos {
    color: #ee4d2d
}

.M1rcYm {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 35px
}

.QD3z8j,._tsLgN {
    display: flex;
    justify-content: center
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .QD3z8j {
        height: 1px
    }

    .QD3z8j:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

._tsLgN {
    margin-top: 16px;
    min-height: 45px
}

.QD3z8j {
    background-color: #fff;
    border: 0;
    outline: none;
    padding: 14px;
    width: 100%
}

.QD3z8j:hover {
    background-color: rgba(0,0,0,.02)
}

.QD3z8j:active {
    background-color: rgba(0,0,0,.05)
}

.QD3z8j:disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.VlNhmM {
    color: rgba(0,0,0,.87)
}

.pinTTd {
    margin-left: 10px;
    margin-top: 3px
}

.wwktUN {
    align-items: center
}

.W6qz3v,.oVvirF,.wwktUN {
    display: flex
}

.oVvirF {
    flex-direction: column
}

.VOaSxv,.skr1Pu,.wwktUN {
    justify-content: center
}

.I_kn88 {
    justify-content: flex-end
}

.oVvirF {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.54);
    box-sizing: border-box;
    padding: 1.875rem
}

.QLZgDt {
    max-width: 27.5rem
}

.QLZgDt,.WbhbUz {
    padding: 2.5rem 3.4375rem 1.875rem
}

.WbhbUz {
    max-width: 33.75rem
}

.spBNLt {
    font-size: 1.25rem;
    font-weight: 500;
    padding-bottom: 16px
}

.gPe0m5,.spBNLt {
    text-align: center
}

.hBoMtL {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: left
}

.ZFh3Ru {
    color: #555;
    font-size: 1rem;
    width: 23.75rem
}

.W6qz3v {
    margin-top: 1.875rem
}

.t72MZA {
    text-transform: uppercase
}

.dDTLxj {
    width: 27.5rem
}

.RHtgvz {
    color: #ff424f;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0
}

.uxjLCN {
    margin: 2.1875rem .3125rem .3125rem auto;
    width: 6.25rem
}

.skr1Pu {
    background-color: #ee4d2d;
    box-shadow: 0 1px 1px rgba(0,0,0,.09);
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 8px 16px
}

.skr1Pu:not(:first-of-type) {
    margin-left: 10px
}

.skr1Pu:active {
    background-color: #e2492b
}

.SX6sQ7 {
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px rgba(0,0,0,.03);
    color: #555;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 8px 16px
}

.SX6sQ7:not(:first-of-type) {
    margin-left: 10px
}

.SX6sQ7:hover {
    background-color: rgba(0,0,0,.02)
}

.SX6sQ7:active {
    box-shadow: inset 0 2px 1px rgba(0,0,0,.02)
}

.yfhsJr {
    align-items: flex-start;
    flex-direction: column
}

.BUU8M_ {
    justify-content: flex-end
}

.QGas8z {
    padding: 16px 0
}

.BUU8M_ {
    margin-top: 12px;
    padding: 0 24px
}

.a9TsyL {
    min-width: inherit;
    padding: 8px 16px
}

.yfhsJr {
    width: 440px
}

._naydI {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px;
    padding: 0 24px
}

.LQvXRj {
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-top: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.65);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 24px
}

.F7GrVZ,.KPFcLD {
    display: flex
}

.F7GrVZ {
    flex-direction: column
}

.KPFcLD {
    justify-content: flex-end
}

.F7GrVZ {
    height: 12.5rem;
    padding: 1.875rem
}

.LAyb2p {
    color: #ff424f;
    flex: 1;
    font-size: 1rem
}

.nngD1d {
    align-items: center;
    display: flex;
    justify-content: center
}

.hE8IcE {
    background-color: #f5f5f5;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 50%;
    height: 3.75rem;
    margin: 1.25rem auto 0;
    width: 3.75rem
}

.WAoujS {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
    stroke: #c6c6c6
}

.ygsslX {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    margin-top: 1.5625rem;
    text-align: center
}

.BePGzP {
    margin-right: .3125rem;
    padding: 0 1.5625rem
}

.EJilZe {
    color: #ee4d2d;
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.a1Tg9p {
    align-items: center;
    display: flex;
    justify-content: center
}

.xKmpr0 {
    background: transparent
}

.bRgAA6 {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

.M9Q3ba,._SQlEW {
    height: 440px
}

.avJz4W,.dryNx3,.wc6EN9 {
    align-items: center;
    display: flex
}

.dryNx3 {
    flex-direction: column
}

.avJz4W,.dryNx3 {
    justify-content: center
}

.dryNx3 {
    box-sizing: border-box;
    min-height: 4.5rem;
    min-width: 6.25rem;
    padding: .625rem .3125rem
}

.avJz4W {
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 100%;
    color: rgba(0,0,0,.26);
    height: 2rem;
    width: 2rem
}

.MrX64l {
    background-color: #6c0;
    border-color: #6c0;
    color: #fff
}

.N5nwQj {
    color: rgba(0,0,0,.26);
    font-size: .75rem;
    margin: .3125rem 0 0
}

.YeyKHR {
    color: #6c0
}

.Rg66Se {
    background-color: rgba(0,0,0,.26);
    bottom: 10px;
    height: .0625rem;
    position: relative;
    width: 5.3125rem
}

.Rg66Se:after {
    border-right: .0625rem solid rgba(0,0,0,.26);
    border-top: .0625rem solid rgba(0,0,0,.26);
    box-sizing: border-box;
    content: "";
    display: block;
    height: .3125rem;
    position: absolute;
    right: 0;
    top: -2px;
    transform: rotate(45deg);
    width: .3125rem
}

.Uk_5aZ {
    background-color: #6c0
}

.Uk_5aZ:after {
    border-right-color: #6c0;
    border-top-color: #6c0
}

.YjOl22 {
    color: #ee4d2d;
    cursor: pointer
}

.kLDzAj {
    color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.rUpwgR {
    background-color: initial;
    border: 0;
    padding: 0
}

.Tnuet_,.cq9dlj,.tBnq3D {
    align-items: center;
    display: flex
}

.Tnuet_ {
    justify-content: flex-end
}

.cq9dlj,.tBnq3D {
    justify-content: space-between
}

.fHNfvs {
    flex-shrink: 0
}

.cq9dlj,.hSa2bK {
    padding: 1.375rem 30px;
    width: 100%
}

.hSa2bK {
    height: 100%
}

.fHNfvs {
    color: #222;
    font-size: 1.25rem;
    max-width: 8.5rem
}

.Tnuet_ {
    margin-left: 1.25rem
}

.ooLdir {
    border: 2px solid #ffbf00;
    border-radius: 2px;
    color: #ffbf00;
    font-size: .875rem;
    font-weight: 700;
    margin-right: 1rem;
    padding: .6875rem .875rem;
    position: relative
}

.ooLdir,.ooLdir:after {
    background-color: #fefaec
}

.ooLdir:after {
    border-right: 2px solid #ffbf00;
    border-top: 2px solid #ffbf00;
    box-sizing: border-box;
    content: "";
    height: .75rem;
    position: absolute;
    right: -.75rem;
    top: 50%;
    transform: rotate(45deg) translateX(-50%);
    width: .75rem
}

.XITohy,.XZiDYa {
    height: 2.5rem;
    width: 2.5rem
}

.hrNwO1 {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.WaSLTS {
    color: #222;
    font-size: 1.25rem
}

.PNGrtG {
    color: rgba(0,0,0,.26);
    padding-right: 4px;
    white-space: pre
}

.PNGrtG,.U3bTnx {
    font-size: .875rem
}

.U3bTnx {
    font-weight: 500
}

.U3bTnx,.U3bTnx:active,.U3bTnx:hover,.U3bTnx:visited {
    color: #ee4d2d
}

.q18aRr,.wakoZ5 {
    align-items: center;
    display: flex
}

.v_OBn6 {
    flex-shrink: 0
}

.q18aRr {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    height: 2.5rem;
    overflow: hidden;
    width: 100%
}

.MIDtbJ {
    background: #fff6f7;
    border-color: #ff424f
}

.MIDtbJ,.dhe78t {
    box-shadow: 0 0 4px rgba(0,0,0,.14)
}

.dhe78t {
    border-color: rgba(0,0,0,.54)
}

.Btdmxp {
    border: 0;
    filter: none;
    flex: 1;
    flex-shrink: 0;
    outline: none;
    padding: .75rem
}

.Btdmxp::placeholder {
    color: rgba(0,0,0,.26);
    padding-left: .1875rem
}

.Btdmxp:-webkit-autofill,.Btdmxp:-webkit-autofill:focus,.Btdmxp:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff;
    -webkit-box-shadow: inset 0 0 0 20px #fff
}

.Btdmxp::-ms-clear {
    display: none
}

.Btdmxp:-moz-read-only {
    color: rgba(0,0,0,.26)
}

.Btdmxp:read-only {
    color: rgba(0,0,0,.26)
}

.Se62kq {
    background: #fff6f7
}

.Se62kq:-webkit-autofill,.Se62kq:-webkit-autofill:focus,.Se62kq:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff6f7;
    -webkit-box-shadow: inset 0 0 0 20px #fff6f7
}

.Se7P7J {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: 1rem;
    padding: .25rem 0 0
}

.Se7P7J:first-letter {
    text-transform: capitalize
}

.wakoZ5 {
    background: transparent;
    border: 0;
    outline: none;
    padding: 0 .9375rem 0 .75rem
}

.r2sh4l {
    height: .75rem;
    width: 1.25rem
}

.f1xgWd {
    height: .625rem;
    padding-top: .375rem;
    width: 1.25rem
}

.YlrFMh {
    height: 1rem;
    width: 1rem
}

.v_OBn6 {
    background-color: rgba(0,0,0,.2);
    height: 1.625rem;
    margin-right: .75rem;
    width: .0625rem
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .v_OBn6 {
        width:.03125rem
    }
}

.uxKe5p {
    color: rgba(0,0,0,.54);
    padding: 2.5rem 0;
    text-align: center
}

.I6FFfq,.JjfqZT,.LdlyWh,.sgoMs7 {
    align-items: center;
    display: flex
}

.I6FFfq {
    justify-content: center
}

.inuiVd {
    justify-content: flex-end
}

.JjfqZT {
    justify-content: space-between
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .I6FFfq {
        height: 1px
    }

    .I6FFfq:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.uqT7Nz {
    background-color: #fff;
    min-height: 100vh;
    min-width: 1200px
}

.sgoMs7 {
    box-shadow: 0 6px 6px rgba(0,0,0,.06);
    height: 84px
}

.JjfqZT {
    margin: 0 auto;
    width: 1200px
}

.XmCKqg {
    fill: #ee4d2d
}

.qqUyty {
    height: 42px;
    margin-right: -18px;
    margin-top: -10px
}

.yZGVV5 {
    font-size: 0
}

.bwVWye {
    height: 42px;
    margin-right: 10px;
    margin-top: -16px
}

.BjzOR6 {
    color: #222;
    font-size: 1.5rem
}

.xgPsK8 {
    color: #ee4d2d;
    cursor: pointer;
    font-size: .875rem;
    margin-right: 15px
}

.I6FFfq {
    margin: 0 auto;
    min-height: 600px;
    width: 1040px
}

.inuiVd {
    height: 600px
}

.LXFBDm {
    min-height: calc(100vh - 185px)
}

.ySFWmw {
    background-color: #f5f5f5
}

.uAA7_D {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.q9FZTk {
    min-height: 482px
}

.lM_gr8 {
    min-height: 335px
}

.llL3QN {
    min-height: 412px
}

.v8rAmH {
    min-height: 272px
}

.Gx6YKm {
    min-height: 482px
}

.CmaQ5s {
    min-height: 420px
}

.Mh27fa {
    min-height: 427px
}

.Rn8gQl {
    min-height: 455px
}

.Mnc5VH {
    min-height: 325px
}

.cQvzkg {
    min-height: 352px
}

.JF3EPV {
    min-height: 275px
}

.MYqbQg {
    min-height: 385px
}

.d80sOY {
    min-height: 200px
}

.vuroDf {
    min-height: 443px
}

.KYB9Ss {
    min-height: 375px
}

.JnOMWY {
    max-width: 400px
}

.DWkf5D {
    color: #ee4d2d;
    font-size: 2rem;
    line-height: 3.5625rem
}

.qz3GOU {
    color: #666;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 32px
}

.oP240T {
    height: 200px;
    width: 100%
}

.D7HNQs {
    justify-content: flex-end
}

.WahNke {
    margin-bottom: 10px;
    max-width: 440px
}

.aCPsqd {
    font-size: 1.5rem;
    font-weight: 500
}

.XFYk2I {
    margin-bottom: 15px
}

.nOqGUq {
    color: #05a
}

.adult-screen {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 160px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.adult-screen--18 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6066e69e47bdcc11.png)
}

.adult-screen--20 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c2c6fbe913449b5f.png)
}

.adult-screen--21 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3f85d623d716ceb7.png)
}

.adult-screen--small {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-placeholder {
    background-color: #fafafa;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-placeholder>.icon-default-image,.shopee-image-placeholder>.icon-shopee-tiny {
    color: rgba(0,0,0,.05);
    font-size: 3.8125rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shopee-image-placeholder>.icon-default-image {
    stroke: #fff
}

._WpV7N {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    top: 0
}

._WpV7N,.ws8qTe {
    position: absolute;
    width: 100%
}

.ws8qTe {
    background-color: rgba(208,1,27,.9);
    bottom: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    vertical-align: middle;
    z-index: 1
}

.JGAvi1 {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.M2kwzy {
    position: relative
}

.M2kwzy:hover {
    cursor: pointer
}

.LWuZui {
    background-position: 50%;
    padding-top: 100%;
    width: 100%
}

.hToyFT {
    height: 7.5rem!important;
    width: 7.5rem!important
}

.APmngM,.DakYdk {
    position: relative
}

.lMsro7 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vZIQdr {
    background-color: #fff
}

.vZIQdr .shopee-svg-icon {
    font-size: 7.5rem!important
}

.JUFZQg {
    max-height: 100%;
    width: 100%
}

._hqiCF {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.bxb6f7 {
    height: 4.55rem;
    width: 4.55rem;
    fill: #ee4d2d;
    z-index: 1
}

.eYwvos {
    box-sizing: border-box;
    color: #ee4d2d;
    font-size: .875rem;
    line-height: 1.125rem;
    padding: 1.875rem 1.875rem 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

.ecJox9 {
    align-items: center;
    background: hsla(0,0%,100%,.9);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.Y6GZrE {
    height: 5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-2.5rem,-2.5rem,0);
    width: 5rem
}

.Y6GZrE:hover {
    cursor: pointer
}

.iJtsVF {
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity .2s linear .5s;
    width: 100%
}

.iJtsVF.tehzY8 {
    opacity: 0
}

.MndxrX {
    align-items: center;
    background-color: rgba(0,0,0,.7);
    border-radius: 3.75rem;
    display: flex;
    font-size: 1.25rem;
    height: 7.5rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 7.5rem
}

.AmMzws,.MndxrX {
    color: #fff;
    text-transform: capitalize
}

.AmMzws {
    background-color: #ee4d2d;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1;
    padding: .1875rem .25rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.AmMzws:before {
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    bottom: -.125rem;
    content: "";
    display: inline-block;
    left: .0625rem;
    position: absolute;
    transform: rotate(45deg)
}

.cxU_Zu {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.cxU_Zu:before {
    border-bottom-color: transparent;
    content: none;
    display: none
}

.r2RrRy {
    font-size: .75rem
}

.r2RrRy>.OmiHL9 {
    font-size: .5rem;
    margin-right: .1875rem
}

.sVaide {
    background-color: #d0011b
}

.OYd5fY svg,.z6zU4D svg {
    height: .625rem;
    width: 3.5625rem
}

.QGk09B {
    bottom: -1px;
    padding: .25rem .25rem 0
}

.QGk09B svg {
    height: .75rem;
    width: 4.0625rem
}

.YLwkz2 {
    background-color: #ffa604;
    position: relative
}

.YLwkz2:before {
    border: .13125rem solid transparent;
    border-bottom-color: #ae7600
}

.z2WT9D {
    font-size: .875rem;
    font-weight: 400;
    height: 1rem
}

.zs9OEM {
    margin: 0 .4375rem
}

.rgKPHd {
    background-color: #44b5ff;
    cursor: pointer;
    display: inline;
    position: relative
}

.rgKPHd:before {
    border: .13125rem solid transparent;
    border-bottom-color: #0971c2
}

.rgKPHd:hover>.DZPfoy {
    opacity: 1;
    z-index: 1
}

.rgKPHd>.gREiYn {
    font-size: 7px
}

.DZPfoy {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.26);
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    left: .5rem;
    min-width: 10rem;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    top: 1.375rem;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: -10
}

.Y_ftd6 {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem
}

.Y_ftd6:last-child {
    margin: 0
}

.XEuvtg {
    color: #ee4d2d;
    margin-left: .75rem
}

.FY6Ikk {
    background: transparent;
    border: 1px solid #f5a623;
    box-sizing: border-box;
    color: #f5a623;
    height: 16px;
    line-height: 1;
    padding: 2px 5px
}

.FY6Ikk,.YuQArY {
    font-size: .75rem
}

.YuQArY {
    background-color: rgba(0,0,0,.87);
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    min-width: 1.25rem;
    text-align: center
}

._1zSFr {
    border-radius: .1875rem
}

.X1ixbd {
    background-color: #ee4d2d
}

.m66nwc {
    border-radius: .625rem
}

.ZfeiYz {
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.nwHyZS {
    height: 32px;
    width: 36px
}

.EVL3cq {
    background-color: rgba(255,212,36,.9)
}

.EVL3cq:after {
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.TJD0_s {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.oTzb7X {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.rCP9Xl {
    flex-direction: column-reverse
}

.F8hEOg,.G5Sbjh,.zzSDcp {
    height: 100%;
    justify-content: center
}

.YBtbHr {
    color: #fff
}

.UfwCp6 {
    color: #ee4d2d!important;
    display: inline!important;
    margin: 0
}

.I19meh,.qhk5Q3,.smEwKn {
    display: none
}

.I4ch20 {
    height: 16px;
    width: 50px
}

.AosO4H,.ibbpE5 {
    height: 16px;
    width: 69px
}

.syf5ec {
    height: 16px;
    width: 63px
}

.ZGf89c {
    height: 16px;
    width: 64px
}

.BC16g8 {
    height: 16px;
    width: 60px
}

.QvES9E {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10
}

.QvES9E,.QvES9E .drm7ij {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.QvES9E .drm7ij {
    background-color: rgba(0,0,0,.65);
    border-radius: 5rem;
    color: #fff;
    font-size: 1.25rem;
    height: 6.25rem;
    line-height: 1.5rem;
    max-width: calc(100% - 5rem);
    min-width: 6.25rem;
    text-align: center
}

.QvES9E .P66NZy {
    border-radius: 6.25rem;
    max-width: calc(100% - 4.375rem);
    min-width: 6.8125rem
}

.QvES9E .XpLVU5 {
    border-radius: 6.25rem;
    max-width: calc(100% - 2.875rem);
    min-width: 8.375rem
}

.QvES9E .U9O3yF {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.YvWEcV {
    border: .0625rem solid;
    border-radius: .125rem;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.LU6Hb8 {
    color: #fff;
    flex: 1
}

.LU6Hb8,.Y2c7MP {
    font-size: .625rem;
    line-height: .75rem;
    overflow: hidden;
    padding: .0625rem .25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Y2c7MP {
    align-items: center;
    display: flex;
    position: relative
}

.Y2c7MP .AEmu8x {
    border-right: 5px solid transparent;
    border-top: 5px solid;
    height: 0;
    left: -.0625rem;
    position: absolute;
    top: -.0625rem;
    width: 0
}

.F0HfLX {
    border: .03125rem solid #ee4d2d;
    border-radius: .0625rem;
    color: #ee4d2d;
    font-size: .625rem;
    height: .75rem;
    line-height: .75rem;
    padding: .125rem .25rem;
    text-align: center
}

.CTHP6l {
    padding: 2.1875rem 2.5rem 0 3.4375rem;
    width: 885px!important
}

.CTHP6l .shopee-popup-form__main {
    min-height: 20.3125rem
}

.vYKuLs {
    display: grid;
    grid-template-columns: 18.75rem 1fr;
    grid-template-rows: 1fr 5.25rem;
    grid-column-gap: 3.4375rem;
    margin-bottom: 0
}

.DElCTZ {
    grid-column-end: 2;
    grid-column-start: 1;
    width: 18.75rem;
    -ms-grid-column-span: 1
}

.YRTESv {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0 0 2.1875rem
}

.pWsiX_ {
    width: 18.75rem
}

.X2ePk2 {
    grid-column-end: 3;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    display: grid;
    font-size: .875rem;
    grid-template-columns: 1fr .625rem auto;
    padding-bottom: .75rem
}

.OsP5l_,.aD7V3v {
    align-items: center;
    display: flex
}

.PpXY5W,.ayd67M {
    margin-bottom: 1.25rem
}

.BWU8k6,.aD7V3v {
    grid-column-end: 2;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 2rem;
    margin-right: 1.875rem;
    min-width: 6.25rem;
    text-transform: capitalize;
    word-break: break-all
}

.GP0i5G,.pZSOPG {
    grid-column-end: 4;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    color: rgba(0,0,0,.87)
}

.pZSOPG {
    max-height: 14.8125rem;
    overflow-y: auto
}

.pZSOPG.k6anpu {
    max-height: 6.5625rem
}

.GP0i5G {
    align-items: center;
    display: flex
}

.GP0i5G .shopee-button-outline-mid {
    color: #ee4d2d
}

.LWQ1Xy {
    grid-column-end: 4;
    grid-column-start: 1;
    -ms-grid-column-span: 3;
    height: 1.25rem
}

.CHa926 {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-left: .625rem
}

.fH6CuV {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.MyncUT {
    grid-row-end: 3;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    display: flex;
    grid-column: 1/span 2;
    justify-content: flex-end;
    padding: 1rem 0 0
}

.fWIGgd {
    box-shadow: none;
    margin-right: 1rem
}

.tEF7x5 {
    flex-direction: row
}

.rFaEdx {
    fill: currentColor;
    stroke: currentColor;
    font-size: 1.25rem;
    margin-right: 10px
}

.G5aVLp,.HumBIG {
    margin-left: .5rem
}

.HumBIG {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    text-transform: capitalize
}

.eCXFpO {
    grid-column-end: 4;
    grid-column-start: 3;
    margin-top: .3125rem;
    -ms-grid-column-span: 1;
    color: #ff424f
}

.CJKY9o {
    margin: 0 auto;
    max-width: 37.5rem;
    padding: 3.125rem 0
}

.CJKY9o.tACHCS {
    padding-top: 6.625rem
}

._OBAaX {
    background: #fff;
    box-shadow: 0 0 .375rem rgba(0,0,0,.06);
    left: 0;
    margin: 0 auto;
    max-width: 37.5rem;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.WY3867,._OBAaX {
    box-sizing: border-box
}

.WY3867 {
    background: none;
    border: 0;
    cursor: pointer;
    height: 3.5rem;
    padding: 1rem .75rem;
    width: 3rem
}

.F7e4Ge {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23ee4d2d' fill-rule='evenodd' d='m4.31 11.25 7.22-7.22-1.06-1.06-8.495 8.494a.75.75 0 0 0 0 1.072l8.495 8.494 1.06-1.06-7.22-7.22H22.5v-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    height: 1.5rem;
    width: 1.5rem
}

.original-search-link {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem
}

.original-search-link__text {
    color: rgba(0,0,0,.54)
}

.original-search-link__link {
    color: #ee4d2d;
    cursor: pointer;
    margin-left: .25rem
}

.shopee-search-result-header {
    color: #555;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 1.5rem
}

.shopee-search-result-header__text-highlight {
    color: #ee4d2d
}

.shopee-search-result-header .icon-hint-bulb {
    color: #555;
    height: 1.375rem;
    margin: 0 .75rem 0 0;
    position: relative;
    top: .125rem;
    width: 1rem
}

.shopee-search-result-header .icon-voucher-tag {
    margin-right: .625rem;
    width: 1.125rem
}

.shopee-search-result-header__placeholder,.shopee-search-result-header__text {
    padding: .1875rem 0
}

.shopee-search-result-header__placeholder {
    height: 1.2rem
}

.shopee-search-result-header__text-emphasize,.shopee-search-result-header__text-highlight {
    font-weight: 700;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-search-result-header__text-emphasize {
    color: #222
}

.shopee-search-result-header__keyword {
    display: flex;
    flex-direction: row;
    margin-top: .75rem
}

.shopee-search-result-header__keyword-item {
    align-items: center;
    border: 1px solid #757575;
    border-radius: .125rem;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 2.125rem;
    margin-right: .5rem;
    padding: 0 .875rem
}

.shopee-search-empty-result-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 6.25rem 0 7.5rem
}

.shopee-search-empty-result-section__icon {
    width: 8.375rem
}

.shopee-search-empty-result-section__title {
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    margin: .9375rem 0 .625rem
}

.shopee-search-empty-result-section__hint {
    color: rgba(0,0,0,.54);
    font-size: 1.125rem
}

.shopee-search-empty-result-section__hint>span {
    font-weight: 700
}

.shopee-search-empty-result-section__or {
    color: rgba(0,0,0,.4);
    font-size: 1.125rem;
    margin-top: 15px
}

.shopee-search-empty-result-section__button {
    display: flex;
    flex-direction: row;
    margin: 1.5625rem 0 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-search-empty-result-section__button .shopee-button-solid {
    background: #ee4d2d;
    color: #fff;
    font-size: 1.125rem;
    height: 3rem;
    padding: 0 1.25rem
}

.shopee-search-recommendation .search-ymal-section__header {
    height: auto;
    padding: 0 0 1.25rem
}

.shopee-search-recommendation .search-ymal-section__header__title {
    color: #222;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase
}

.shopee-search-recommendation__item {
    margin-bottom: .625rem
}

.sort-price-select {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 2.125rem;
    justify-content: space-between;
    line-height: 2.125rem;
    min-width: 12.5rem;
    padding-left: .75rem;
    position: relative;
    text-align: left;
    transition: border-color .1s ease
}

.sort-price-select:hover {
    background: #fdfdfd
}

.sort-price-select__value {
    color: #ee4d2d;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sort-price-select__dropdown {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    max-height: var(--radix-select-content-available-height);
    overflow-y: auto;
    padding: .625rem 0;
    width: var(--radix-select-trigger-width);
    z-index: 10000
}

.sort-price-select__dropdown-item {
    align-items: center;
    box-sizing: border-box;
    color: #222;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    line-height: 2.125rem;
    padding: 0 .75rem 0 .9375rem;
    width: 100%
}

.sort-price-select__dropdown-item:hover {
    background: transparent;
    color: #ee4d2d
}

.sort-price-select__dropdown-item .shopee-svg-icon.icon-tick-bold {
    width: .6875rem;
    fill: #ee4d2d
}

.sort-price-select .shopee-svg-icon.icon-arrow-down-small {
    width: .75rem;
    fill: #555;
    margin-right: .75rem
}

.shopee-sort-by-options {
    align-items: stretch;
    display: flex;
    flex: 1;
    gap: .625rem;
    justify-content: flex-start
}

.shopee-sort-by-options .shopee-dropdown {
    flex: 1
}

.shopee-sort-by-options .shopee-dropdown .shopee-popover {
    padding: 0;
    width: 100%
}

.shopee-sort-by-options .shopee-dropdown__entry {
    background-color: #fff;
    border: 0;
    justify-content: center;
    padding: 0 .625rem;
    text-transform: uppercase
}

.shopee-sort-by-options .shopee-dropdown__entry--selected {
    color: rgba(0,0,0,.8);
    height: 100%
}

.shopee-sort-by-options .shopee-dropdown__entry--selected span {
    flex: 0 0 auto
}

.shopee-sort-by-options .shopee-dropdown__entry--selected:hover {
    background-color: rgba(0,0,0,.02)
}

.shopee-sort-by-options .shopee-dropdown__entry--optional {
    height: 3.125rem
}

.shopee-sort-by-options .shopee-dropdown--has-selected .shopee-dropdown__entry--selected {
    border-bottom: 2px solid #ee4d2d;
    box-sizing: border-box;
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status {
    margin-left: .625rem;
    min-width: 12.5rem
}

.shopee-sort-by-options .select-with-status__dropdown-item,.shopee-sort-by-options .select-with-status__placeholder,.shopee-sort-by-options .select-with-status__value {
    text-align: left
}

.shopee-sort-by-options .select-with-status__placeholder,.shopee-sort-by-options .select-with-status__value {
    color: rgba(0,0,0,.8);
    margin: 0 .625rem 0 .75rem;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-sort-by-options .select-with-status__value {
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status__dropdown {
    border: 0;
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin: 0;
    padding: .625rem 0
}

.shopee-sort-by-options .select-with-status__dropdown-item {
    cursor: pointer;
    padding: 0 .75rem 0 .9375rem
}

.shopee-sort-by-options .select-with-status__dropdown-item:hover {
    background: transparent;
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status__holder {
    background: #fff;
    margin: 0
}

.shopee-sort-by-options__option-group {
    display: flex;
    gap: .625rem;
    margin-left: .625rem
}

.shopee-sort-by-options__option {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 5.625rem;
    outline: 0;
    overflow: visible;
    padding: 0 .9375rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.shopee-sort-by-options__option:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-sort-by-options__option:active {
    background: #fdfdfd;
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-sort-by-options__option--selected.shopee-sort-by-options__option {
    background: #ee4d2d;
    color: #fff
}

.shopee-sort-by-options__option--selected.shopee-sort-by-options__option:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02)
}

.shopee-sort-by-options .select-with-status__holder,.shopee-sort-by-options__option {
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    height: 2.125rem;
    line-height: 2.125rem
}

.shopee-sort-by-options .select-with-status__holder:hover,.shopee-sort-by-options__option:hover {
    background: #fdfdfd
}

.ranking-criteria-container {
    align-items: stretch;
    display: flex
}

.ranking-criteria {
    align-items: center;
    color: currentColor;
    display: flex;
    justify-content: center;
    margin-left: .5rem;
    margin-right: .3125rem
}

.ranking-criteria .icon-help-center {
    height: 1.125rem;
    width: 1.125rem
}

.shopee-search-help-tooltip {
    background-color: #fff;
    border-radius: .25rem;
    box-sizing: border-box;
    line-height: 1.25rem;
    max-width: 28.125rem;
    padding: .75rem 1rem
}

.shopee-search-help-tooltip>a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.eQhauU {
    box-sizing: border-box;
    height: 100%
}

.SGrE6K {
    background-color: #fff;
    border-radius: .125rem;
    display: flex
}

.fGZIWC {
    flex-direction: column
}

.rSca8p {
    flex-direction: row
}

.MnLR1P {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    overflow: hidden;
    padding: .5rem
}

.u3PHEx {
    background-color: #fafafa;
    height: 2.5rem;
    margin-bottom: .25rem
}

.iX7cjS {
    height: 1rem;
    margin-bottom: .5rem
}

.dQbzIK {
    height: 1.25rem
}

.HtTcK_,.dQbzIK {
    background-color: #fafafa;
    margin-bottom: .5rem
}

.HtTcK_ {
    height: 2.25rem
}

.DCfZki {
    height: 1.25rem;
    margin-bottom: .75rem
}

.DCfZki,.b0U56c {
    background-color: #fafafa
}

.b0U56c {
    height: 1.125rem
}

.WFDuA4.WFDuA4 {
    display: inline-block;
    word-wrap:;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: inherit
}

.r4Gxm9 {
    padding-bottom: .625rem
}

.D7dHvj {
    align-items: baseline
}

.lYKGBy {
    color: #ee4d2d;
    flex: 1 0 auto;
    max-width: 75%
}

.bYWj9V.bYWj9V,.lYKGBy {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bYWj9V.bYWj9V {
    color: rgba(0,0,0,.54)
}

.Rbk7w1,.Rbk7w1 .UUssyB {
    box-sizing: border-box;
    height: 100%
}

.Rbk7w1 .UUssyB {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .125rem 0 rgba(0,0,0,.1);
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: block;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow: visible;
    padding: 0;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: transform .1s cubic-bezier(.4,0,.6,1),box-shadow .1s cubic-bezier(.4,0,.6,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.Rbk7w1 .UUssyB:focus,.Rbk7w1 .UUssyB:focus-visible,.Rbk7w1 .UUssyB:hover {
    box-shadow: 0 .0625rem 20px 0 rgba(0,0,0,.05);
    transform: translateY(-.0625rem);
    z-index: 1
}

.Rbk7w1 .UUssyB:active {
    box-shadow: 0 .0625rem 5px 0 rgba(0,0,0,.05);
    transform: translateY(0)
}

.Rbk7w1 .CSaaBt {
    border: 1px solid rgba(0,0,0,.09)!important;
    box-shadow: none
}

.Rbk7w1 .UUssyB.xr0S1I {
    box-sizing: border-box;
    flex-direction: row;
    padding: 1.25rem;
    width: 100%
}

.Rbk7w1 .y7_KeM {
    border: 1px solid transparent;
    overflow: visible
}

.Rbk7w1 .y7_KeM:hover {
    border: 1px solid #ee4d2d;
    z-index: 2
}

.Rbk7w1 .y7_KeM:hover .shopee-item-card__hover-footer {
    opacity: 1;
    transition: opacity .1s
}

.AGkhhg {
    background-color: #ee4d2d;
    border: 1px solid #ee4d2d;
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem;
    color: #fff;
    height: 1.875rem;
    left: -.0625rem;
    line-height: 1.875rem;
    opacity: 0;
    text-align: center;
    top: calc(100% - .125rem);
    z-index: 1
}

.AGkhhg,.ULXaZL {
    position: absolute;
    width: 100%
}

.ULXaZL {
    background-color: #fff;
    height: 100%;
    left: 0;
    top: 0
}

.OBxTyJ {
    padding-top: 100%;
    width: 100%
}

.aApkPh {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.aApkPh,.aApkPh .Fj2reQ {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.aApkPh .Fj2reQ {
    background-color: rgba(0,0,0,.65);
    border-radius: 5rem;
    color: #fff;
    font-size: .75rem;
    height: 3.75rem;
    max-width: calc(100% - 5rem);
    min-width: 3.875rem;
    text-align: center
}

.aApkPh ._VbsQx {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-left: .5rem;
    padding-right: .5rem
}

.oOkZQ3 {
    align-items: center;
    background: currentColor;
    border-bottom-right-radius: .125rem;
    border-top-right-radius: .125rem;
    display: flex;
    font-size: .5625rem;
    font-weight: 500;
    height: .9375rem;
    left: -.1875rem;
    line-height: .6875rem;
    padding: 0 4px;
    position: relative
}

.oOkZQ3:before {
    border-left: .1875rem solid transparent;
    border-top: .1875rem solid;
    bottom: -.1875rem;
    content: "";
    display: inline-block;
    filter: brightness(60%);
    left: 0;
    position: absolute
}

.RiPCHE {
    text-align: center
}

.RiPCHE.RiPCHE {
    height: auto!important;
    padding: 0 .25rem
}

.RiPCHE .xSHfZA {
    color: #fff;
    font-size: .75rem;
    line-height: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

._ETMT8 {
    left: -.25rem;
    position: relative
}

.INNyvo.INNyvo {
    font-size: .75rem;
    height: 1rem;
    line-height: .875rem;
    padding-left: .25rem;
    padding-right: .25rem
}

.INNyvo .hzdIPO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1a017175ab26f4f2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: .5rem;
    position: relative;
    width: 1.25rem
}

.INNyvo .iH2erp {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/82e6b4aceda60f20.png);
    height: .5625rem;
    width: 1.1875rem
}

.INNyvo .QTSqOy {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/921f1e881c48b545.png);
    height: .6875rem;
    width: 1.625rem
}

.INNyvo .Aaesu4 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/966ae89acb539dc9.png);
    height: .6875rem;
    width: 3.5625rem
}

.AilCzk.AilCzk {
    font-size: .75rem;
    height: auto;
    line-height: .875rem;
    padding: .1875rem .25rem
}

.AilCzk .jMlcGO {
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    flex: 0 0 auto;
    height: .875rem
}

.AilCzk .jMlcGO.sp6o0z {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c8d0575540a9d77c.png);
    width: 1.75rem
}

.AilCzk .jMlcGO.GuxAUp {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/443b8cfc8ec460d3.png);
    height: 1rem;
    width: 1.875rem
}

.AilCzk .jMlcGO.usmhQM {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3d8a2dc7a0ba174d.png);
    height: 1rem;
    width: 2.4375rem
}

.AilCzk .jMlcGO.aAFVSm {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1dba8445de9de895.png);
    height: .9375rem;
    width: 1.9375rem
}

.AilCzk .jMlcGO.ZMkVkX {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2d5a6f6986f8ebf1.png);
    height: .5625rem;
    width: 2.375rem
}

.AilCzk .jMlcGO.mEDgEu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/20f2fe3c8991b948.png);
    height: .9375rem;
    width: 3.5rem
}

.AilCzk .jMlcGO.ifRDB0 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9298a86de686765b.png);
    height: 1.0625rem;
    width: 2.5625rem
}

.NksWDC.NksWDC {
    height: 1rem;
    padding: 0 .25rem
}

.NksWDC .IlV8bb {
    color: #fff;
    font-size: .75rem;
    line-height: .875rem
}

.NksWDC .NwS0w6 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/064b8a5c8d70e7c7.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: .75rem;
    width: 3.375rem
}

.NksWDC .vyTDew {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/bce056cf58348c92.png);
    height: .75rem;
    width: 1.75rem
}

.NksWDC .DhA1Wg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/cb4f6ef6409b3fef.png);
    height: .75rem;
    width: 3.1875rem
}

.NksWDC .YWdToD {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/7b58ee4ebae11865.png);
    height: .75rem;
    width: 3.4375rem
}

.NksWDC .qdFY3A {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/12d97cc9815ffa41.png);
    height: .75rem;
    width: 3rem
}

.nNtRaI {
    background-size: 100% 100%;
    height: 1.9375rem;
    margin-top: -.625rem;
    width: 1.5rem
}

.e3Kr2w {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/349b3ed161e15ea2.png)
}

.nJYcOB {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e09d930ea6b9e519.png)
}

.lMWduQ {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/961176fe111e6c10.png)
}

.ViWqBe {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3c79ebb28087b7d7.png)
}

.JjebWA {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/74fdb93a0d07bcae.png)
}

.yZySuh {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a6fad44ca3dab71b.png)
}

.lm6AFk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ed3d05d5222a4d42.png)
}

.i9CWPO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/add0299536d097a1.png)
}

.oMyZlx {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e5bd3c4621c5b5ad.png)
}

.Bfmflr {
    display: block;
    height: auto
}

.Bfmflr .gWofMK {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3183797a2c3fee15.png);
    width: 3.375rem
}

.Bfmflr .JbrJrA,.Bfmflr .gWofMK {
    background-repeat: no-repeat;
    background-size: 100%;
    height: .5625rem;
    margin: .1875rem 0
}

.Bfmflr .JbrJrA {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/58b8c10b9b2a3722.png);
    width: 2.4375rem
}

.I6L5Ah {
    padding-bottom: .0625rem;
    padding-top: .0625rem
}

.I6L5Ah .DPkNqy {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4bea3ee09cf6dff0.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: .6875rem;
    width: 2.8125rem
}

.haMgAU.haMgAU {
    font-size: .75rem;
    height: 1.0625rem;
    line-height: 1.0625rem;
    padding: .1875rem .25rem
}

.haMgAU .eQnSdd {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6385ac4d3537c219.png)
}

.haMgAU .aYv5s8,.haMgAU .eQnSdd {
    background-repeat: no-repeat;
    background-size: contain;
    height: 1rem;
    position: relative;
    width: 3.75rem
}

.haMgAU .aYv5s8 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/bc01a468d58a7fc3.png)
}

.jzEMlV.dKZrE3 {
    height: 1rem;
    padding: 0 .25rem
}

.jzEMlV .tEUqI1 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9501312a24255593.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: .625rem;
    position: relative;
    width: 2.8125rem
}

.EKndfV {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 0;
    max-width: 70%;
    position: absolute;
    top: .625rem;
    z-index: 1
}

.EKndfV>div:not(:first-child) {
    margin-top: .3125rem
}

.EKndfV .horizontal-badge {
    left: -.25rem;
    margin-bottom: .3125rem;
    position: relative
}

.GyZRWG {
    background-color: rgba(255,212,36,.9);
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.TTJA0W {
    height: 32px;
    width: 36px
}

.GyZRWG:after {
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.ZqYtj5 {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.izNnrK {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.XUoSWb {
    flex-direction: column-reverse
}

.LVTHRu,.TCBFtG,.qycPp_ {
    justify-content: center
}

.o5NrjX {
    color: #fff
}

.VQ1RJF {
    color: #ee4d2d!important;
    display: inline!important;
    margin: 0
}

.HXMDQy,.UOB67Y,.sf6dte {
    display: none
}

.KDN6aF {
    background-color: #ffe97a;
    border-bottom-left-radius: .125rem;
    display: block;
    padding: .125rem .25rem
}

.KDN6aF .gi0_Qp {
    color: #ec3814;
    display: block;
    font-size: .75rem;
    font-weight: 500;
    line-height: .875rem
}

.YVdCF9 {
    padding: .5rem
}

.DFLRqE {
    align-items: center;
    background-color: #ee4d2d;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 700;
    height: 3.375rem;
    justify-content: center;
    line-height: .875rem;
    text-align: center;
    width: 3.375rem
}

.cF2J0z {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.cF2J0z .shopee-badge {
    float: right;
    margin-left: .3125rem
}

.wCRMQ9 {
    bottom: .25rem;
    height: 1.25rem;
    right: .25rem;
    width: 1.25rem;
    stroke: none;
    fill: rgba(0,0,0,.5)
}

.O2uA88,.wCRMQ9 {
    position: absolute
}

.O2uA88 {
    align-items: center;
    background: rgba(0,0,0,.3);
    border-radius: 2px;
    bottom: .625rem;
    color: #fff;
    display: flex;
    font-size: .75rem;
    justify-content: center;
    padding: .125rem .25rem;
    right: .625rem;
    text-transform: capitalize;
    white-space: nowrap
}

.QGDNkU {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.hZ9zRd {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hZ9zRd .shopee-item-card__sneak-peak {
    background: #d0011b;
    bottom: 0;
    color: #fff;
    height: 1.75rem;
    line-height: 1.75rem;
    opacity: .82;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    width: 100%
}

.hZ9zRd .customized-overlay-image img {
    width: 100%
}

.CfvoQe {
    overflow: hidden;
    padding: .5rem
}

.CfvoQe,.t7q_0T {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

.Y4PDcx {
    flex: 0 1 auto
}

.NjZ0QM,.Y4PDcx {
    max-width: 100%;
    transition: all .1s cubic-bezier(.4,0,.6,1)
}

.NjZ0QM {
    color: #ee4d2d;
    flex-grow: 1;
    flex-shrink: 0
}

.X50IC8 {
    font-size: .875rem;
    line-height: 1.25rem
}

._hFHbf {
    align-items: center;
    display: flex;
    height: 1.25rem;
    overflow: hidden;
    padding: .5rem 0 0
}

.TgV1Pt {
    display: inline;
    font-size: .75rem;
    line-height: 14px
}

.Nv7OP0.Nv7OP0 {
    display: inline-block;
    word-wrap:;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.OxwCVo {
    flex-grow: 1;
    min-height: 1.75rem
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .OxwCVo {
        max-height: 1.875rem;
        overflow: hidden
    }
}

.KHl76R {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.KHl76R:first-child:last-child {
    max-width: 100%
}

.KHl76R:first-child:nth-last-child(2) {
    max-width: 60%
}

.KHl76R:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.KHl76R:first-child:nth-last-child(3) {
    max-width: 40%
}

.KHl76R:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.KHl76R {
    color: #ee4d2d
}

.vXuSb4 {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.vXuSb4:first-child:last-child {
    max-width: 100%
}

.vXuSb4:first-child:nth-last-child(2) {
    max-width: 60%
}

.vXuSb4:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.vXuSb4:first-child:nth-last-child(3) {
    max-width: 40%
}

.vXuSb4:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.vXuSb4 {
    color: #f5a623
}

.Dgx8pt {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.Dgx8pt:first-child:last-child {
    max-width: 100%
}

.Dgx8pt:first-child:nth-last-child(2) {
    max-width: 60%
}

.Dgx8pt:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.Dgx8pt:first-child:nth-last-child(3) {
    max-width: 40%
}

.Dgx8pt:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.Dgx8pt {
    border: 1px solid
}

.aDJDZb {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.aDJDZb:first-child:last-child {
    max-width: 100%
}

.aDJDZb:first-child:nth-last-child(2) {
    max-width: 60%
}

.aDJDZb:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.aDJDZb:first-child:nth-last-child(3) {
    max-width: 40%
}

.aDJDZb:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.aDJDZb {
    color: #44b5ff
}

.ZI61P9 {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ZI61P9:first-child:last-child {
    max-width: 100%
}

.ZI61P9:first-child:nth-last-child(2) {
    max-width: 60%
}

.ZI61P9:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.ZI61P9:first-child:nth-last-child(3) {
    max-width: 40%
}

.ZI61P9:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.ZI61P9 {
    color: #ffa604
}

.b308nC {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.b308nC:first-child:last-child {
    max-width: 100%
}

.b308nC:first-child:nth-last-child(2) {
    max-width: 60%
}

.b308nC:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.b308nC:first-child:nth-last-child(3) {
    max-width: 40%
}

.b308nC:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.b308nC {
    color: #ee4d2d
}

.Ghcs0W {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.Ghcs0W:first-child:last-child {
    max-width: 100%
}

.Ghcs0W:first-child:nth-last-child(2) {
    max-width: 60%
}

.Ghcs0W:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.Ghcs0W:first-child:nth-last-child(3) {
    max-width: 40%
}

.Ghcs0W:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.Ghcs0W {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%
}

.fYoISe {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fYoISe:first-child:last-child {
    max-width: 100%
}

.fYoISe:first-child:nth-last-child(2) {
    max-width: 60%
}

.fYoISe:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.fYoISe:first-child:nth-last-child(3) {
    max-width: 40%
}

.fYoISe:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.fYoISe {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%
}

.YupqWd,.fYoISe {
    line-height: 100%
}

.YupqWd {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.YupqWd:first-child:last-child {
    max-width: 100%
}

.YupqWd:first-child:nth-last-child(2) {
    max-width: 60%
}

.YupqWd:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.YupqWd:first-child:nth-last-child(3) {
    max-width: 40%
}

.YupqWd:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.YupqWd {
    color: #ee4d2d;
    display: flex
}

.UPraPF {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.UPraPF:first-child:last-child {
    max-width: 100%
}

.UPraPF:first-child:nth-last-child(2) {
    max-width: 60%
}

.UPraPF:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.UPraPF:first-child:nth-last-child(3) {
    max-width: 40%
}

.UPraPF:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.UPraPF {
    border: none!important;
    height: auto!important;
    padding: 0!important
}

.GbjtpD,.xppqgm {
    height: 1rem
}

.GbjtpD {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.GbjtpD:first-child:last-child {
    max-width: 100%
}

.GbjtpD:first-child:nth-last-child(2) {
    max-width: 60%
}

.GbjtpD:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.GbjtpD:first-child:nth-last-child(3) {
    max-width: 40%
}

.GbjtpD:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.GbjtpD {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%;
    line-height: 100%
}

.paO8UQ {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.paO8UQ:first-child:last-child {
    max-width: 100%
}

.paO8UQ:first-child:nth-last-child(2) {
    max-width: 60%
}

.paO8UQ:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.paO8UQ:first-child:nth-last-child(3) {
    max-width: 40%
}

.paO8UQ:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.paO8UQ {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%
}

.paO8UQ,.z0sxGu {
    line-height: 100%
}

.z0sxGu {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.z0sxGu:first-child:last-child {
    max-width: 100%
}

.z0sxGu:first-child:nth-last-child(2) {
    max-width: 60%
}

.z0sxGu:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.z0sxGu:first-child:nth-last-child(3) {
    max-width: 40%
}

.z0sxGu:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.z0sxGu {
    color: #ee4d2d
}

.WMaDwM {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.WMaDwM:first-child:last-child {
    max-width: 100%
}

.WMaDwM:first-child:nth-last-child(2) {
    max-width: 60%
}

.WMaDwM:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.WMaDwM:first-child:nth-last-child(3) {
    max-width: 40%
}

.WMaDwM:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.WMaDwM {
    color: #ee4d2d
}

.Ggonvo,.KqRqL5 {
    height: 1rem
}

.KqRqL5 {
    align-items: center;
    display: flex;
    margin-top: .25rem;
    overflow: hidden
}

.KqRqL5>div:not(:last-child) {
    margin-right: .25rem
}

.KqRqL5>div:first-child:not(:only-child) {
    flex-shrink: 0;
    max-width: 60%
}

.KqRqL5>div:only-child {
    flex-shrink: 0
}

.Hl758c {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.E1s81b {
    color: rgba(0,0,0,.54);
    margin-right: 5px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

._nM3hH {
    color: currentColor
}

.v09aJr {
    color: #ee4d2d;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hgv445 {
    color: #ee4d2d
}

.SstjX1,.hgv445 {
    font-size: .75rem
}

.SstjX1 {
    color: rgba(0,0,0,.87);
    line-height: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SstjX1:first-letter {
    text-transform: capitalize
}

.search-ymal-section {
    padding-top: 1.25rem
}

.search-ymal-section h2 {
    font-size: unset;
    font-weight: unset;
    margin: unset
}

.search-ymal-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.search-ymal-section__header:before {
    background-color: #ee4d2d;
    content: none;
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.search-ymal-section__header__title {
    color: rgba(0,0,0,.54);
    flex: 1;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section--simple {
    padding-top: 1.25rem
}

.shopee-header-section--simple>.shopee-header-section__header:before {
    content: none
}

.shopee-header-section--simple .shopee-header-section__header__title {
    color: rgba(0,0,0,.54);
    font-size: 1rem;
    font-weight: 500
}

.shopee-header-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.shopee-header-section__header:before {
    background-color: #ee4d2d;
    content: "";
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.shopee-header-section__header__title {
    flex: 1;
    font-size: 1.25rem;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section__header-link {
    color: rgba(0,0,0,.87);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-header-section__header .shopee-button-outline {
    background-color: #fff;
    border-color: rgba(0,0,0,.09);
    border-radius: .9375rem;
    color: #ee4d2d;
    height: 1.875rem
}

.shopee-header-section__header .shopee-button-outline--rounded {
    background-color: #fff
}

.shopee-header-section__header .shopee-button-no-outline {
    color: #ee4d2d
}

.shopee-header-section__header .shopee-button-no-outline,.shopee-header-section__header .shopee-button-outline--rounded {
    align-items: center;
    display: flex;
    text-transform: capitalize
}

.shopee-header-section__header .shopee-button-no-outline .icon-arrow-right,.shopee-header-section__header .shopee-button-outline--rounded .icon-arrow-right {
    font-size: .625rem
}

.shopee-header-section__header a {
    color: #ee4d2d;
    -webkit-text-decoration: none!important;
    text-decoration: none!important
}

.hq_b3i {
    color: #000;
    font-weight: 500
}

.qpxRNj,.rp4bA2 {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-sort-bar {
    align-items: center;
    background: rgba(0,0,0,.03);
    border-radius: 2px;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    padding: .8125rem 1.25rem
}

.shopee-sort-bar__label {
    color: #555;
    margin: 0 .3125rem 0 0
}

.shopee-sort-bar--placeholder {
    height: 2.125rem
}

.MWvrMN {
    border: 1px solid rgba(0,0,0,.09)
}

.bXwL7G {
    color: rgba(0,0,0,.54);
    margin-right: 5px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.VVofPu {
    color: #ee4d2d;
    font-size: 1rem
}

.ZkaFvp {
    color: #ee4d2d;
    font-size: .75rem
}

.nQykZC {
    box-sizing: border-box;
    display: inline-block;
    overflow: auto;
    position: relative
}

.nQykZC .Gwqj13 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.nQykZC .Ji2a8k {
    display: block
}

.P34_b7:hover {
    cursor: not-allowed
}

._3D5zV6.IqA1P3 {
    background-color: #d0011b
}

._3D5zV6.BOEMBS {
    background-color: #ee4d2d
}

._3D5zV6.tlvcry {
    background-color: rgba(0,0,0,.26)
}

._3D5zV6.tlvcry:hover {
    cursor: not-allowed
}

.nrqY3J {
    align-items: center;
    display: flex;
    margin-left: auto
}

.nrqY3J>:not(:last-child) {
    margin-right: 5px
}

.nrqY3J .icon-free-shipping {
    flex-shrink: 0;
    font-size: 1.5rem;
    height: 1.5rem;
    line-height: 1;
    margin-left: .125rem;
    width: 1.25rem
}

.nrqY3J .icon-sbs-24hr {
    font-size: 2.1875rem
}

._8CX0Xk {
    height: 1.25rem;
    margin-top: .75rem
}

._8CX0Xk,.nSYb56 {
    align-items: center;
    display: flex
}

.nSYb56 {
    color: rgba(0,0,0,.26);
    cursor: pointer;
    flex-shrink: 0;
    font-size: .625rem;
    overflow: hidden
}

.VG8sMh {
    color: rgba(0,0,0,.65);
    font-size: .75rem;
    margin-left: .375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.VSdyqr {
    margin-left: .25rem
}

.nSYb56 .shopee-rating-stars {
    display: inline-block;
    position: relative
}

.nSYb56 .shopee-rating-stars__stars {
    display: flex
}

.nSYb56 .shopee-rating-stars__star-wrapper {
    align-items: center;
    display: flex;
    margin-right: 1px;
    position: relative
}

.nSYb56 .shopee-rating-stars__star-wrapper>.shopee-rating-stars__lit {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.nSYb56 .shopee-rating-stars__gold-star {
    color: #ffce3d;
    fill: #ffce3d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.nSYb56 .shopee-rating-stars__dark-star {
    color: #d5d5d5;
    display: block
}

.nSYb56 .shopee-rating-stars__primary-star {
    color: #ee4d2d;
    stroke: #ee4d2d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.theme--ofs .nSYb56 .shopee-rating-stars__primary-star {
    color: #d0011b;
    stroke: #d0011b
}

.theme--s-mart .nSYb56 .shopee-rating-stars__primary-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.nSYb56 .shopee-rating-stars__hollow-star {
    color: #ee4d2d;
    display: block;
    stroke: currentColor
}

.theme--s-mart .nSYb56 .shopee-rating-stars__hollow-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.nSYb56 .shopee-rating-stars .shopee-svg-icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: currentColor;
    position: relative
}

.cH438F {
    color: rgba(0,0,0,.65);
    font-size: .75rem;
    font-weight: 200;
    line-height: 1.125rem;
    margin-top: .5rem;
    min-height: 1em;
    text-align: left
}

.shopee-search-item-result ol,.shopee-search-item-result ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.shopee-search-item-result .shopee-page-controller {
    margin: 1.25rem 0 3.75rem
}

.shopee-search-item-result__items {
    margin: .5rem 0 0
}

.shopee-search-item-result__item {
    margin: .3125rem 0
}

.shopee-search-item-result>.spinner-container {
    min-height: 212.375rem
}

.aIWAY1 {
    margin-top: 2.5rem
}

.xZnSXg {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

.xZnSXg .c4H_6d {
    background-color: initial
}

.shopee-progress-bar {
    background: linear-gradient(90deg,hsla(0,0%,100%,.3) 0,#fff 30%,#fff);
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 3px;
    left: -100%;
    position: fixed;
    top: 0;
    transition: transform 30s ease-out;
    width: 100%;
    z-index: 10000
}

.shopee-progress-bar--start {
    transform: translateX(60%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-start {
    transform: translateX(79%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--almost-done {
    transform: translateX(80%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-almost-done {
    transform: translateX(99%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--done {
    transform: translateX(100%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--done-up {
    transform: translateX(100%) translateY(-3px);
    transition: transform .2s ease-out
}

.shopee-progress-bar--reset {
    transform: translateX(0) translateY(0);
    transition: none
}

.language-selection {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 30px 15px;
    width: 100%
}

.language-selection__background {
    min-height: 240px;
    position: relative;
    width: 470px
}

.language-selection__background-map {
    width: 100%
}

.language-selection .icon-logo-vertical {
    height: 108px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-45px);
    width: 108px
}

.language-selection__title {
    font-size: 1.25rem;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center
}

.language-selection__list {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px
}

.language-selection__list .shopee-button-outline {
    font-size: .9375rem;
    font-weight: 400;
    height: 2.5rem
}

.language-selection__list-item {
    display: flex;
    flex-direction: column;
    height: 2.5rem;
    margin-top: 18px
}

.language-selection__list-item:first-child {
    margin-top: 0
}

.language-selection__close-button {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.language-selection__close-button .shopee-svg-icon {
    color: #fff;
    font-size: 1.125rem
}

.action-toast__icon {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    display: flex;
    height: 3.75rem;
    justify-content: center;
    text-align: center;
    width: 3.75rem
}

.action-toast .icon-tick-bold {
    font-size: 1.875rem;
    line-height: 3.75rem
}

.action-toast .icon-exclamation-mark {
    font-size: 2.5rem;
    line-height: 3.75rem
}

.IoO3VX {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 31px;
    transform: translateX(-600px);
    z-index: 9999
}

.IoO3VX.S21dKe {
    opacity: 1;
    pointer-events: all
}

.BvPa95 {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.IoO3VX .G46TJI {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    font-size: 12px;
    line-height: 14px;
    outline: none;
    padding: 4px
}

.OM4cli+.OM4cli {
    padding-top: 10px
}

.A2grPb {
    box-sizing: border-box;
    display: inline-block;
    padding: 4px
}

.G46TJI:focus .A2grPb {
    border: 1px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 3px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/bundle.8371818a613bf2ef.css.map*/


.osGi8m {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem
}

.osGi8m.ijosCC: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
}

.osGi8m .SuBOEr {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.osGi8m .SuBOEr:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.osGi8m .SuBOEr:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.osGi8m .SuBOEr::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.osGi8m .SuBOEr::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

._wcyQb {
    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
}

._cHXB8 {
    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
}

._cHXB8.Ul3Awx,._cHXB8:hover {
    background-color: #fafafa
}

._cHXB8 .UrGNsk {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._cHXB8 .pbt_jB {
    font-weight: 500
}

.dSYQRp {
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.dSYQRp.pkmU5p {
    box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
}

.dSYQRp .LAtrcY {
    margin: 0 auto
}

.dSYQRp .LAtrcY,.dSYQRp .LAtrcY:active,.dSYQRp .LAtrcY:focus,.dSYQRp .LAtrcY:hover {
    background-color: #066bc8
}

.KE87fb {
    display: flex;
    flex: 1;
    position: relative
}

.KE87fb .aABt93 {
    width: 100%
}

.KE87fb .atRarK {
    height: 1.125rem;
    width: 1.125rem
}

.ff7WF4 {
    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
}

.ff7WF4: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)
}

.FSKlae {
    background: #066bc8;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    z-index: 300
}

.CtbQSh,.FSKlae {
    box-sizing: border-box
}

.CtbQSh {
    align-items: center;
    display: flex;
    padding: .875rem 0 1.3125rem
}

.HQAF5p,.sigkkd {
    box-sizing: border-box
}

.HQAF5p {
    outline: 0;
    overflow: visible
}

.HQAF5p: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)
}

.VN9iIF {
    line-height: 0;
    margin-right: .9375rem;
    outline: 0;
    overflow: visible;
    position: relative;
    top: .125rem
}

.VN9iIF: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)
}

.sSqtyk {
    top: unset
}

.HQAF5p {
    position: relative;
    top: -.1875rem
}

.sigkkd {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 1.875rem
}

.hANHDV {
    margin-left: auto;
    position: relative;
    width: 32.5rem
}

.cnfFmp {
    border-right: 1px solid hsla(0,0%,100%,.4);
    height: 1.875rem;
    margin: 0 .9375rem
}

.EGG3vI .pbmgyz {
    bottom: 0;
    right: 0
}

.EGG3vI .pbmgyz,.pbmgyz {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.pbmgyz {
    height: 100%;
    width: 100%
}

.wy5JoR {
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    width: 0;
    z-index: -1
}

.e7_9mt,.ukvUMc {
    align-items: center;
    display: flex
}

.ukvUMc {
    justify-content: center
}

.e7_9mt {
    color: currentColor;
    padding: 6px 0
}

.FSazS6 {
    pointer-events: none
}

.ukvUMc {
    background-color: #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem;
    left: -.75rem;
    margin-right: -.9375rem;
    position: relative;
    top: -.3125rem
}

.lfpKnu {
    width: 1.125rem
}

.lihpTh {
    width: 1.375rem
}

.ENORMO {
    color: var(--brand-primary-color,#ee4d2d)
}

.AqrOoa {
    color: #d0011b
}

.lgRBdw {
    font-size: .8125rem;
    font-weight: 300;
    margin-left: .3125rem;
    text-transform: capitalize
}

.fB_KvP {
    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
}

.vnDQhB {
    height: 6.25rem;
    width: 6.25rem
}

.Djtu3G {
    margin: .625rem
}

.QFfP7c {
    align-items: center
}

.QFfP7c,.nMsX0Y {
    display: flex
}

.nMsX0Y {
    flex-direction: row
}

.QFfP7c {
    justify-content: center
}

.nMsX0Y {
    margin-bottom: 1rem;
    width: 100%
}

.nMsX0Y:hover {
    cursor: pointer
}

.ThRz8Q {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 5rem;
    margin-right: .75rem;
    padding: .25rem;
    width: 5rem
}

.ibh62Q {
    display: inline-block;
    vertical-align: top;
    width: 4.75rem
}

.hi90i2 {
    margin-left: .8125rem
}

.QFfP7c {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    height: 1rem;
    margin-bottom: .5rem;
    padding: .25rem;
    width: 4.25rem
}

.QFfP7c:last-child {
    margin-bottom: 0
}

.QFfP7c img {
    max-height: 100%;
    max-width: 100%
}

.hOASGE {
    display: flex;
    flex-direction: row;
    width: 100%
}

.hOASGE:hover {
    cursor: pointer
}

.zbk8Vv {
    margin-top: 2rem;
    width: 5.25rem
}

.Z13wAy,.nW3cn4 {
    align-items: center
}

.JfFnLR,.Z13wAy,.nW3cn4 {
    display: flex
}

.JfFnLR {
    flex-wrap: wrap
}

.Z13wAy,.nW3cn4 {
    justify-content: center
}

.JfFnLR {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

.Z13wAy {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-sizing: border-box;
    height: 1.875rem;
    margin-bottom: .5rem;
    margin-right: .5rem;
    overflow: hidden;
    padding: .25rem;
    width: 3.75rem
}

.Z13wAy.mjd2eD {
    height: 3.75rem;
    justify-content: flex-start;
    width: 7.5rem
}

.Z13wAy.toGen8 {
    margin-right: .1875rem
}

.nW3cn4 {
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    width: 100%
}

.nW3cn4 img {
    max-height: 100%;
    max-width: 100%
}

.C0sjnV,.Ka2gCh {
    align-content: center;
    display: flex
}

.PpgFjN {
    color: rgba(0,0,0,.65);
    display: block;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Ka2gCh {
    font-size: .75rem;
    margin-bottom: .75rem
}

.BWhuby {
    text-transform: capitalize
}

.C0sjnV {
    color: rgba(0,0,0,.65);
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.C0sjnV:hover {
    color: #ee4d2d
}

.IlIvTm {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.DMQMn2 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.iaSrUz {
    box-sizing: border-box;
    padding: .3125rem;
    width: 15.625rem
}

.iaSrUz:first-child:nth-last-child(6),.iaSrUz:first-child:nth-last-child(6)~.iaSrUz,.iaSrUz:last-child {
    width: 12.5rem
}

.mzvsTT {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    margin-top: 2.5rem
}

.mzvsTT.H1gIl0 {
    margin-top: 0
}

.GEXqfX {
    text-transform: uppercase
}

.AcrGw3 {
    display: flex;
    margin: 0 -.3125rem;
    padding: .3125rem;
    width: 100%
}

.AcrGw3,.ZsGyhp {
    align-items: flex-start
}

.ZsGyhp {
    display: flex;
    margin: 0 -.3125rem;
    min-width: 1200px;
    padding: .3125rem;
    width: 100%
}

.VsoUpy {
    align-items: flex-start
}

.VsoUpy,.bzeVi8 {
    display: flex;
    flex-wrap: wrap
}

.bzeVi8 {
    justify-content: center
}

.VsoUpy {
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.54);
    justify-content: space-between;
    padding: 2.5rem 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .VsoUpy {
        border-top:.5px solid rgba(0,0,0,.1)
    }
}

.jsGQO7 {
    line-height: 1.125rem
}

.IlWqhF {
    flex-basis: 100%;
    margin-bottom: .75rem
}

.KuDR1m {
    flex-shrink: 0;
    margin-right: 25px
}

.KuDR1m.I5Mv2K {
    color: rgba(25,37,55,.5);
    margin-right: 0
}

.KuDR1m.I5Mv2K a {
    color: rgba(25,37,55,.5);
    font-size: 14
}

.KuDR1m.I5Mv2K a:hover {
    color: #ee4d2d
}

.XLZs0K {
    flex: 1 0 auto;
    text-align: right
}

.dTsHJV {
    padding: 0 5px
}

.dTsHJV:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.2)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .dTsHJV:not(:last-child) {
        border-right:.5px solid rgba(0,0,0,.2)
    }
}

.WfURpL {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: none;
    text-decoration: none
}

.u5aW_p {
    margin: auto;
    width: 75rem
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: initial
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: initial
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: initial;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: initial
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

.sprite-product-sharing {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/12f585f9c56d4f30.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-product-sharing {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/391e34e8438d2795.png);
        background-size: 100%
    }
}

.sprite-product-sharing-fb {
    background-position: 0 0;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-fm {
    background-position: 0 -100%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-gp {
    background-position: 0 -200%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-pinterest {
    background-position: 0 -300%;
    height: 190px;
    width: 190px
}

.sprite-product-sharing-twitter {
    background-position: 0 -400%;
    height: 190px;
    width: 190px
}

.sprite-social {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ce6e47c2e0ac38a5.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e72e31ec527056bc.png);
        background-size: 100%
    }
}

.sprite-social-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-ig {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-line {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

.sprite-social-shopee {
    background-position: 2px -400%;
    height: 22px;
    width: 22px
}

.sprite-social-sms {
    background-position: 0 -500%;
    height: 22px;
    width: 22px
}

.sprite-social-white {
    background-color: initial;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/29fb30eeb5787273.png);
    background-size: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .sprite-social-white {
        background-color:initial;
        background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/194364636b5f2e40.png);
        background-size: 100%
    }
}

.sprite-social-white-email {
    background-position: 0 0;
    height: 22px;
    width: 22px
}

.sprite-social-white-fb {
    background-position: 0 -100%;
    height: 22px;
    width: 22px
}

.sprite-social-white-shopee {
    background-position: 0 -200%;
    height: 22px;
    width: 22px
}

.sprite-social-white-sms {
    background-position: 0 -300%;
    height: 22px;
    width: 22px
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px
}

.container-wrapper {
    min-width: 1200px
}

.row {
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -.3125rem;
    margin-right: -.3125rem
}

.col,.row {
    box-sizing: border-box;
    display: flex
}

.col {
    flex: 0 1 auto;
    flex-direction: column;
    flex-wrap: wrap
}

.row.reverse {
    flex-direction: row-reverse
}

.col.reverse {
    flex-direction: column-reverse
}

.col-xs-1-2,.col-xs-2,.col-xs-2-4,.col-xs-3,.col-xs-4,.col-xs-6,.col-xs-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: .3125rem;
    padding-right: .3125rem
}

.col-xs-1 {
    flex-basis: 8.333%;
    max-width: 8.333%
}

.col-xs-1-2 {
    flex-basis: 10%;
    max-width: 10%
}

.col-xs-2 {
    flex-basis: 16.666%;
    max-width: 16.666%
}

.col-xs-2-4 {
    flex-basis: 20%;
    max-width: 20%
}

.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    flex-basis: 33.333%;
    max-width: 33.333%
}

.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-8 {
    flex-basis: 66.667%;
    max-width: 66.667%
}

@media only screen and (min-width: 63em) {
    .col-md-2 {
        box-sizing:border-box;
        flex: 0 0 auto;
        flex-basis: 16.666%;
        max-width: 16.666%;
        padding-left: .3125rem;
        padding-right: .3125rem
    }
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9cff5f27f6ad3d59.eot);
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2188ea3f3f8ab51a.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5605865fb101be1a.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/927a054450f267d5.svg#Roboto-Light) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b21a0eefbec4f57f.eot);
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2313f68c10458709.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b796ce65a81adc41.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0de7f60790f8cb39.svg#Roboto-Regular) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0d2870f5e1759c7a.eot);
    src: local("Roboto Bold"),local("Roboto-Bold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/313d5de65a92aae6.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ed694f411e0b3a82.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/40deb8899be6c521.svg#Roboto-Bold) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9a9c9421bcdef79c.eot);
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/769ea541b3eef14d.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/03501557d620ee6b.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2ca9cc4a85156bbe.svg#Roboto-Medium) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 200;
    src: local("Titillium Web ExtraLight"),local("TitilliumWeb-ExtraLight"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/5520703b5993e245.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/cb396c4aaab010c9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 200;
    src: local("Titillium Web ExtraLightItalic"),local("TitilliumWeb-ExtraLightItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/79f7fcdd171a385b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ff049fcef0b00476.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 300;
    src: local("Titillium Web Light"),local("TitilliumWeb-Light"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/fb9f532072fb0047.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8a8d74dcd86f5828.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 300;
    src: local("Titillium Web LightItalic"),local("TitilliumWeb-LightItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1833f395df238635.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8879465951e601b9.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    src: local("Titillium Web Regular"),local("TitilliumWeb-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/b54332120212464b.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/591acde707f3a37e.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 400;
    src: local("Titillium Web Italic"),local("TitilliumWeb-Italic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/141d628cc69ada8e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/03ec0784700fcf3b.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 500;
    src: local("Titillium Web SemiBold"),local("TitilliumWeb-SemiBold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/24a0424ed772ea10.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/7d98229b27f8ffb4.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 500;
    src: local("Titillium Web SemiBoldItalic"),local("TitilliumWeb-SemiBoldItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4b45d31c252b198d.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a669133a26006767.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    src: local("Titillium Web Bold"),local("TitilliumWeb-Bold"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/f450151ddd2e8e05.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/171cbc8ba715b911.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: italic;
    font-weight: 600;
    src: local("Titillium Web BoldItalic"),local("TitilliumWeb-BoldItalic"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9eeea1d9e3f7653e.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/0c43f7221cfdb4cc.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 700;
    src: local("Titillium Web Black"),local("TitilliumWeb-Black"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9ea237df494c5988.woff2) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2e1d923e4ec382c2.woff) format("woff")
}

body {
    font-size: .875rem;
    text-size-adjust: none;
    -webkit-text-size-adjust: none
}

body,html {
    color: rgba(0,0,0,.8);
    font-family: Helvetica Neue,Helvetica,Arial,文泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,儷黑 Pro,LiHei Pro,Heiti TC,微軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif;
    line-height: 1.2
}

.roboto body,html.roboto {
    font-family: Roboto,Helvetica Neue,Helvetica,Arial,文泉驛正黑,WenQuanYi Zen Hei,Hiragino Sans GB,儷黑 Pro,LiHei Pro,Heiti TC,微軟正黑體,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif
}

.stardust-button {
    font-family: inherit!important
}

.clearfix {
    clear: both
}

.hide {
    display: none
}

.expand {
    flex-grow: 1
}

.link-to-keep-parent-style {
    color: currentColor;
    text-decoration: inherit
}

.card {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.h-center {
    justify-content: center
}

.flex,.h-center {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-auto {
    flex: 1 1 auto
}

.flex-no-overflow {
    width: 0
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.v-flex {
    display: flex;
    flex-direction: column
}

.center,.v-center {
    align-items: center;
    display: flex
}

.center {
    justify-content: center
}

.text-trunc-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.skeleton {
    animation: glow 2s linear infinite;
    background-clip: padding-box!important;
    background-color: #fafafa!important;
    border-color: #fafafa!important;
    border-radius: 2px;
    box-shadow: none!important;
    color: transparent!important;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@keyframes glow {
    0%,to {
        background-color: #fafafa;
        border-color: #fafafa
    }

    50% {
        background-color: #f5f5f5;
        border-color: #f5f5f5
    }
}

.skeleton-line {
    height: .625rem
}

.skeleton-full {
    width: 100%
}

.skeleton-medium {
    width: 66.67%
}

.skeleton-short {
    width: 33.33%
}

:root {
    --focus-indicator-color: rgba(0,0,0,.87);
    --focus-indicator-stroke-width: 2px;
    --focus-indicator-spacing: 4px;
    --focus-indicator-border-radius: 2px;
    --brand-primary-color: #ee4d2d;
    --brand-primary-light-color: rgba(255,87,34,.1)
}

.theme--ofs {
    --brand-primary-color: #d0011b;
    --brand-primary-light-color: rgba(208,1,27,.08)
}

.theme--s-mart {
    --brand-primary-color: #066bc8;
    --brand-primary-light-color: #e6f0f9
}

body {
    background-color: #f5f5f5
}

body .stardust-popup {
    box-sizing: border-box;
    z-index: 10000
}

body .stardust-popup .stardust-popup__dialog--wrapper {
    box-sizing: border-box;
    max-width: 31.25rem;
    z-index: 10000
}

body .stardust-popup .stardust-popup__dialog {
    border-radius: 2px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1.875rem
}

body .stardust-popup .stardust-popup__dialog--wrapper-top {
    font-size: 16px;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: 2.5rem
}

body .stardust-popup .stardust-popup-title {
    text-align: left
}

body .stardust-popup .stardust-popup-buttons {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-left: 1.875rem;
    margin-right: 1.875rem;
    margin-top: 1.875rem
}

body .stardust-popup .stardust-popup-button {
    border: .0625rem solid rgba(0,0,0,.09);
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.03);
    box-sizing: border-box;
    flex: 0 1 6.25rem;
    font-size: 14px;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-left: 1rem;
    padding-left: .625rem;
    padding-right: .625rem;
    white-space: nowrap
}

body .stardust-popup .stardust-popup-button--main {
    background: #ee4d2d;
    color: #fff;
    text-transform: uppercase
}

body .stardust-popup .stardust-popup-button--main:hover {
    background: #f05d40
}

body .stardust-popup .stardust-popup-button--main:active {
    background: #e2492b
}

body .stardust-popup .stardust-popup-button--secondary {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    text-transform: uppercase
}

body .stardust-popup .stardust-popup-button--secondary:hover {
    background: rgba(0,0,0,.02);
    border-color: rgba(0,0,0,.09)
}

body .stardust-popup .stardust-popup-button--secondary:active {
    background: rgba(0,0,0,.02);
    border-color: rgba(0,0,0,.09);
    box-shadow: inset 0 .125rem .0625rem 0 rgba(0,0,0,.05)
}

.ofs-tw-logo {
    max-width: 150px
}

.icon-tw-mall-inline {
    height: .9375rem;
    width: 1.875rem
}

.shopee-svg-icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: currentColor;
    position: relative
}

.icon-all-cate {
    width: .75rem
}

.icon-notification-2 {
    height: 1.125rem;
    width: .875rem
}

.icon-notifications-wallet {
    stroke: #fff
}

.icon-order-order,.icon-order-paid,.icon-order-problem,.icon-order-rating,.icon-order-received,.icon-order-shipping {
    stroke: currentColor
}

.icon-shopee-logo {
    height: 4rem;
    width: 11.875rem;
    fill: #fff
}

.icon-line {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/8b4b3dceaa953277.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.icon-shopee-logo--official-shop {
    height: 2.8125rem;
    width: 2.5rem;
    fill: #fff
}

.icon-location-marker {
    color: #ee4d2d;
    fill: currentColor
}

.icon-vn-privacy {
    background-position: 0 -110px
}

.icon-vn-shipping {
    background-position: 0 -122px
}

.icon-vn-tos {
    background-position: 0 -134px
}

.icon-vn-violation {
    background-position: 0 -146px
}

.icon-share-fb,.icon-share-gplus,.icon-share-messenger,.icon-share-pinterest,.icon-share-twitter {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a9aa082a68fac8e7.png) no-repeat;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 24px
}

.icon-share-messenger {
    background-position: 0 0
}

.icon-share-fb {
    background-position: -24px 0
}

.icon-share-gplus {
    background-position: 0 -24px
}

.icon-share-pinterest {
    background-position: -24px -24px
}

.icon-share-twitter {
    background-position: 0 -48px
}

.shopee-spacer {
    background-color: rgba(0,0,0,.12);
    display: inline-block;
    height: .625rem;
    width: 1px
}

.address-modal__form_input {
    width: 100%
}

.address-modal__form_input.hidden {
    height: 1px;
    left: -1000px;
    opacity: 0;
    position: absolute;
    top: -1000px;
    width: 1px
}

.address-modal .shopee-popup-form__main-container {
    margin-bottom: 0;
    padding-bottom: 84px
}

.shopee-address-picker {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    width: 20rem;
    z-index: 1
}

.shopee-address-picker__search-bar {
    background-color: #fff;
    padding: .3125rem .625rem
}

.shopee-address-picker__search-bar input {
    background-color: #f5f5f5;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    height: 1.875rem;
    line-height: 1.875rem;
    outline: none;
    padding: 0 .625rem;
    width: 100%
}

.shopee-address-picker__search-bar input::placeholder {
    color: rgba(0,0,0,.26)
}

.shopee-address-picker__current-level-list,.shopee-address-picker__search-result {
    list-style: none;
    margin: 0;
    max-height: 17.5rem;
    overflow-y: scroll;
    padding: 0
}

.shopee-address-picker__current-level-list-item,.shopee-address-picker__last-selected-address-level,.shopee-address-picker__search-result-item {
    cursor: pointer;
    padding: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-address-picker__last-selected-address-level {
    align-items: center;
    background-color: #f5f5f5;
    color: #ee4d2d;
    display: flex
}

.shopee-address-picker__last-selected-address-level .icon-arrow-left {
    font-size: .625rem;
    margin-right: .625rem
}

.notification-card {
    cursor: pointer;
    display: flex;
    padding: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.notification-card .shopee-image-placeholder {
    background-color: #f5f5f5
}

.notification-card .shopee-image-placeholder .shopee-svg-icon {
    font-size: 2.5rem
}

.notification-card:hover {
    background-color: #f8f8f8
}

.notification-card .shopee-avatar {
    flex-shrink: 0;
    height: 3.75rem;
    width: 3.75rem
}

.notification-card__connector {
    background: rgba(0,0,0,.09);
    bottom: 0;
    left: 3.75rem;
    position: absolute;
    top: 0;
    width: .0625rem
}

.notification-card__connector-dot {
    background: #e2e2e2;
    border-radius: 50%;
    height: .5rem;
    left: 3.5rem;
    margin-top: .375rem;
    position: absolute;
    width: .5rem
}

.notification-card__collapse {
    cursor: pointer;
    margin-left: .625rem
}

.notification-card__image {
    background-color: #fff;
    display: flex;
    flex-flow: row-reverse wrap-reverse;
    flex-shrink: 0;
    height: 5rem;
    justify-content: space-around;
    position: relative;
    width: 5rem
}

.notification-card__img-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    width: 100%
}

.notification-card__img-background--half {
    align-self: center;
    padding-top: 50%;
    width: 50%
}

.notification-card__detail {
    word-wrap:;
    flex-shrink: 1;
    margin-right: .625rem;
    min-width: 0;
    padding-left: 1.25rem
}

.notification-card__title {
    color: rgba(0,0,0,.8);
    font-size: 1rem;
    margin-bottom: .625rem
}

.notification-card__description {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-bottom: .625rem;
    max-width: 40.625rem
}

.notification-card__content {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-bottom: .3125rem
}

.notification-card__info {
    color: rgba(0,0,0,.54);
    display: flex;
    font-size: .875rem;
    line-height: 1
}

.notification-card__button {
    flex-shrink: 0;
    margin-left: auto
}

.notification-card__button .shopee-button-outline {
    background-color: #fff;
    box-sizing: border-box;
    font-size: .75rem;
    height: 1.875rem;
    min-width: 5rem;
    padding: 0 .4375rem;
    text-transform: capitalize
}

.notification-card__button .shopee-button-outline:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.notification-card__button .shopee-button-outline--complement {
    border-color: #00bfa5;
    color: #00bfa5
}

.notification-card--group-primary {
    position: relative
}

.notification-card--group-primary .notification-card__connector {
    top: 50%
}

.notification-card--group-primary .notification-card__connector--single {
    display: none
}

.notification-card__spinner {
    animation: spin .6s linear infinite;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/596cd3a8f0f9a6d6.png);
    height: .75rem;
    width: .75rem
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.notification-card--group-secondary {
    background: #f9f9f9;
    padding-left: 6.25rem;
    position: relative
}

.notification-card--group-secondary .notification-card__title {
    color: rgba(0,0,0,.54)
}

.notification-card--mini {
    padding: .5rem .625rem
}

.notification-card--mini .shopee-image-placeholder .shopee-svg-icon {
    font-size: 1.5rem
}

.notification-card--mini .shopee-avatar {
    height: 2.5rem;
    width: 2.5rem
}

.notification-card--mini .notification-card__image {
    border: .5px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    height: 2.5rem;
    width: 2.5rem
}

.notification-card--mini .notification-card__detail {
    padding-left: .375rem
}

.notification-card--mini .notification-card__title {
    font-size: .875rem;
    margin-bottom: .375rem
}

.notification-card--mini .notification-card__content {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .9375rem
}

.notification-card--mini .notification-card__description {
    margin-bottom: .375rem;
    max-width: 20rem
}

.notification-card--unread {
    background-color: #fff2ee
}

.shopee-popup {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 600
}

.shopee-popup__overlay {
    background-color: rgba(0,0,0,.4);
    height: 100%;
    width: 100%
}

.shopee-popup__container {
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    overflow: visible;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shopee-popup__close-btn {
    align-items: center;
    background-color: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 1.875rem;
    justify-content: center;
    line-height: 2.5rem;
    position: absolute;
    right: -.625rem;
    top: -.625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.875rem
}

.shopee-popup__close-btn .shopee-svg-icon {
    color: #fff;
    font-size: .75rem
}

.shopee-alert-popup {
    overflow: visible;
    padding: 1.25rem;
    width: 31.25rem
}

.shopee-alert-popup__title {
    color: #ee4d2d;
    font-size: 1.5rem;
    margin-top: 1.875rem
}

.shopee-alert-popup__message {
    font-size: 1rem;
    margin-top: 2.5rem
}

.shopee-alert-popup__message-list {
    display: flex;
    flex-direction: column;
    margin-top: 1.875rem
}

.shopee-alert-popup__button-vertical-layout {
    display: flex;
    flex-direction: column;
    margin-top: 6.25rem
}

.shopee-alert-popup__button-vertical-layout .shopee-alert-popup__button-spacer {
    height: 1.25rem
}

.shopee-alert-popup__button-vertical-layout .shopee-button-outline,.shopee-alert-popup__button-vertical-layout .shopee-button-solid {
    flex: 1;
    font-size: 1rem
}

.shopee-alert-popup__button-vertical-layout .shopee-button-outline {
    color: rgba(0,0,0,.8)
}

.shopee-alert-popup__button-horizontal-layout {
    display: flex;
    margin-top: 6.25rem
}

.shopee-alert-popup__button-horizontal-layout .shopee-alert-popup__button-spacer {
    width: .625rem
}

.shopee-alert-popup__button-horizontal-layout .shopee-button-outline,.shopee-alert-popup__button-horizontal-layout .shopee-button-solid {
    flex: 1;
    padding: .75rem 0;
    text-transform: capitalize
}

.shopee-no-scroll {
    overflow: hidden
}

.shopee-shop-collection-filter__collection,.shopee-shop-collection-filter__header {
    font-weight: 500
}

.shopee-shop-collection-filter__header {
    color: rgba(0,0,0,.8);
    padding: .875rem 0 1.125rem;
    text-transform: uppercase
}

.shopee-shop-collection-filter__collection {
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .8125rem;
    padding: .625rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-shop-collection-filter__collection--active {
    color: #ee4d2d
}

.shopee-shop-collection-filter__collection+.shopee-shop-collection-filter__collection {
    border-top: 1px solid rgba(0,0,0,.09)
}

.shop-collection-view {
    margin-bottom: .625rem
}

.shop-search-result-view__item {
    margin-top: .625rem
}

.shop-collection-list {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    max-height: 18.75rem;
    overflow: hidden;
    overflow-y: auto;
    width: 16.875rem
}

.shop-collection-list__item {
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    height: 3.75rem;
    overflow: hidden;
    padding-left: 3.75rem;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shop-collection-list__item:hover {
    background-color: #f8f8f8
}

.shop-collection-list__item:hover .shop-collection-list__item-desc-name {
    color: #ee4d2d
}

.shop-collection-list__item-image {
    background-color: #f5f5f5;
    height: 2.5rem;
    left: .625rem;
    position: absolute;
    top: .625rem;
    width: 2.5rem
}

.shop-collection-list__item-image>.shopee-svg-icon {
    font-size: 1.25rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shop-collection-list__item-image>img,.shop-collection-list__item-image__adult-mask {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.shop-collection-list__item-image__adult-mask {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%
}

.shop-collection-list__item-image__adult-mask--18 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6066e69e47bdcc11.png)
}

.shop-collection-list__item-image__adult-mask--20 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c2c6fbe913449b5f.png)
}

.shop-collection-list__item-image__adult-mask--21 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3f85d623d716ceb7.png)
}

.shop-collection-list__item-desc {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.shop-collection-list__item-desc-name {
    color: rgba(0,0,0,.87);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shop-collection-list__item-desc-product {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-top: .125rem
}

.shopee-guarantee-icon {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/73b4bb25115d063d.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.order-detail-header {
    background-color: #fff;
    border-top-left-radius: .3125rem;
    border-top-right-radius: .3125rem
}

.order-detail-header__state-container {
    box-sizing: border-box;
    padding: 5rem 2.8125rem 2.8125rem;
    position: relative
}

.order-detail-header__back-button,.order-detail-header__note {
    font-size: .875rem;
    line-height: 1rem;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem
}

.order-detail-header__separator {
    margin: 0 1em
}

.order-detail-header__back-button {
    align-items: center;
    color: rgba(0,0,0,.54);
    display: flex;
    left: 1.25rem
}

.order-detail-header__back-button:hover {
    cursor: pointer
}

.order-detail-header__back-button--arrow {
    font-size: .875rem;
    margin-right: .3125rem
}

.order-detail-header__status {
    color: #ee4d2d;
    text-transform: uppercase
}

.order-detail-header__invoice {
    padding: 0 .9375rem
}

.order-detail-header__invoice-inner {
    align-items: center;
    border-top: 1px dashed #eee;
    display: flex;
    justify-content: space-between;
    padding: .625rem .3125rem
}

.order-detail-header__invoice-title {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.order-detail-header__invoice-ph-title {
    display: inline-block;
    font-size: 12px
}

.order-detail-header__invoice-popover {
    background-color: #fff;
    border-radius: 4px;
    height: 231px;
    padding: 15px;
    width: 350px
}

.order-detail-header__invoice-disclaimer-header {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 10px
}

.order-detail-header__invoice-disclaimer-content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.order-detail-header__invoice-icon {
    margin-left: 8px;
    vertical-align: middle
}

.order-detail-header__action-container {
    background-color: #fffcf5;
    box-sizing: border-box;
    padding-top: 1.25rem
}

.order-detail-header__button-wrapper {
    background: #fff;
    flex-shrink: 0;
    font-size: .875rem;
    height: 2.5rem;
    margin-left: 1rem;
    width: 13.125rem
}

.order-detail-header__button-wrapper-container {
    align-items: flex-start;
    border-bottom: 1px dotted rgba(0,0,0,.09);
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: .625rem;
    padding: 0 1.25rem .625rem
}

.order-detail-header__button-wrapper-container--last {
    border-bottom: 0;
    padding-bottom: 1.25rem
}

.order-detail-header__group-buttons-wrapper-container {
    display: flex
}

.order-detail-header__text-info-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 1.25rem;
    text-align: left
}

.order-detail-header__text-info-wrapper p {
    margin: 0;
    padding: 0;
    width: 100%
}

.order-detail-header__text-info-wrapper-with-reason>span:first-child {
    font-weight: 600
}

.order-detail-header__button-content-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: capitalize
}

.order-detail-header__shopee-guarantee__icon {
    display: inline-block;
    height: 1.25rem;
    margin-right: .3125rem;
    width: 1.25rem
}

.order-detail-header__primary-icon {
    color: #ee4d2d;
    font-size: 1.25rem;
    margin: 0 .625rem 0 .3125rem
}

.order-detail-header__primary-shopee-guarantee-icon {
    height: 1.25rem;
    margin-right: .3125rem;
    width: 1.25rem
}

.purchase-card-buttons__wrapper {
    background: #fffefb;
    padding: 0 1.5rem
}

.purchase-card-buttons__total-payment {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    padding-top: 2.5rem
}

.purchase-card-buttons__shopee-guarantee-icon {
    height: 1.375rem;
    margin-right: .3125rem;
    width: 1.375rem
}

.purchase-card-buttons__label-price {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.25rem;
    margin-right: .625rem
}

.purchase-card-buttons__total-price {
    color: #ee4d2d;
    font-size: 1.875rem;
    line-height: 2rem
}

.purchase-card-buttons__container {
    align-content: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 1.125rem 0 1.25rem
}

.purchase-card-buttons__show-button-wrapper {
    background: #fff;
    height: 2.5rem;
    margin-left: .625rem;
    min-width: 10rem
}

.purchase-card-buttons__show-button-wrapper .shopee-button-outline,.purchase-card-buttons__show-button-wrapper .shopee-button-solid {
    box-sizing: border-box;
    padding: 0 .625rem
}

.purchase-card-buttons__text-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

.purchase-card-buttons__open-more-wrapper {
    height: 2.5rem;
    margin-left: .625rem;
    position: relative;
    width: 6.25rem
}

.purchase-card-buttons__open-more-button {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    height: 100%;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

.purchase-card-buttons__open-more-button__arrow {
    font-size: .625rem;
    margin-left: .3125rem
}

.purchase-card-buttons__inside-button-container {
    background: #fff;
    border: 1px solid #ee4d2d;
    display: none;
    left: 0;
    position: absolute;
    top: 2.5rem;
    z-index: 1
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__open-more-button {
    border: 1px solid #ee4d2d;
    border-bottom-color: #fff;
    color: #ee4d2d
}

.purchase-card-buttons__open-more-wrapper:hover .purchase-card-buttons__inside-button-container {
    display: block
}

.purchase-card-buttons__inside-button {
    align-items: center;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    min-width: 11.25rem;
    padding: 0 .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-card-buttons__inside-button:hover {
    background: #f8f8f8;
    color: #ee4d2d
}

.purchase-card-buttons__button-content {
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: capitalize
}

.checkout-card__content-wrapper,.order-card__content-wrapper {
    background: #fff
}

.checkout-card__content,.order-card__content {
    padding: 1.25rem 1.25rem 0
}

.order-content-status {
    color: #ee4d2d;
    line-height: 1.5rem;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap
}

.checkout-card__order-wrapper:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.09);
    margin-bottom: 1.875rem
}

.checkout-card__order-wrapper:last-child,.order-card__container {
    border-bottom: 0
}

.purchase-text-info-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

.purchase-text-info {
    font-size: .75rem;
    line-height: .9375rem;
    word-wrap:;
    color: rgba(0,0,0,.54);
    max-width: 25rem
}

.purchase-text-info__hover-point {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-text-info__tooltip-content {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.purchase-text-info .shopee-drawer {
    display: inline-flex
}

.purchase-text-info:nth-child(2) {
    color: #ee4d2d
}

.purchase-empty-order__container {
    align-items: center;
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.purchase-empty-order__icon {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a6d6d3dcbc5cfbb2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 6.25rem;
    margin-bottom: 1.25rem;
    width: 6.25rem
}

.purchase-empty-order__text {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.0625rem
}

.shopee-order-detail__coin-info {
    background-color: #fff;
    box-sizing: border-box;
    margin-top: .625rem
}

.shopee-order-detail__coin-info-desc {
    align-items: center;
    display: flex
}

.shopee-order-detail__coin-info-icon {
    height: 1.5rem;
    margin-right: .625rem;
    width: 1.5rem
}

.shopee-order-detail__coin-info-label {
    font-size: 1.0625rem
}

.shopee-order-detail__coin-info-sublabel {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-left: .625rem
}

.shopee-order-detail__coin-info-spacer {
    flex: 1
}

.shopee-order-detail__coin-info-amount {
    color: #f6a700;
    font-size: 1.0625rem
}

.shopee-price--primary {
    color: #ee4d2d
}

.shopee-price--original {
    color: rgba(0,0,0,.26);
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.checkout-card__container,.order-card__container,.order-detail-header {
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    overflow: visible
}

.order-cancel-popup__dropdown {
    display: block
}

.order-cancel-popup__buttons {
    margin-top: 3.125rem
}

.rating-modal__header {
    border-bottom: 1px solid rgba(0,0,0,.09)
}

.rating-modal__header--view {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding-top: 1.25rem
}

.rating-modal__title {
    color: rgba(0,0,0,.8);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .625rem;
    text-transform: capitalize
}

.rating-modal__created-time {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    padding-bottom: .625rem
}

.rating-modal__rating-action-container {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .875rem;
    position: absolute;
    right: .625rem;
    top: .625rem
}

.rating-modal__rating-action-container .shopee-button-solid {
    color: rgba(0,0,0,.8);
    font-size: .75rem;
    font-weight: 700;
    margin-left: .625rem;
    padding: .1875rem .3125rem
}

.rating-modal__rating-action-container .shopee-button-solid .shopee-svg-icon {
    font-size: .75rem;
    margin-right: 0
}

.rating-modal__rating-item-wrapper {
    width: 60%
}

.rating-modal__image-list-wrapper {
    flex-grow: 1;
    min-width: 80%
}

.rating-modal-edit-item__container {
    margin-top: 1.875rem
}

.rating-modal-edit-item__back-button-wrapper {
    background: #fff;
    left: 0;
    position: absolute;
    top: 1.125rem;
    width: 100%;
    z-index: 9999
}

.rating-modal-edit-item__back-button {
    color: rgba(0,0,0,.54);
    padding: .3125rem 1.25rem
}

.rating-modal-edit-item__back-button:hover {
    cursor: pointer
}

.rating-modal-edit-item__back-button-arrow {
    font-size: .875rem;
    margin-right: .3125rem
}

.rating-stars__container {
    display: flex
}

.rating-stars__container>div {
    margin: 0 .125rem
}

.rating-stars__star {
    stroke: currentColor
}

.rating-stars__star--clickable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-modal-handler__container {
    border-bottom: 1px dotted rgba(0,0,0,.09);
    padding-bottom: 1.875rem
}

.rating-modal-handler__container--last {
    border-bottom: 0
}

.rating-modal-handler__rating-stars-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 2.25rem;
    justify-content: center;
    letter-spacing: .25rem;
    padding: .625rem 0 1.25rem;
    position: relative
}

.rating-modal-handler__rating-prompt-text {
    color: rgba(0,0,0,.54);
    margin-bottom: 1.25rem;
    text-align: center
}

.shopee-rating-stars {
    display: inline-block;
    position: relative
}

.shopee-rating-stars__stars {
    display: flex
}

.shopee-rating-stars__star-wrapper {
    margin-right: 1px;
    position: relative
}

.shopee-rating-stars__star-wrapper>.shopee-rating-stars__lit {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.shopee-rating-stars__gold-star {
    color: #ffce3d;
    fill: #ffce3d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.shopee-rating-stars__dark-star {
    color: #d5d5d5;
    display: block
}

.shopee-rating-stars__primary-star {
    color: #ee4d2d;
    stroke: #ee4d2d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.theme--ofs .shopee-rating-stars__primary-star {
    color: #d0011b;
    stroke: #d0011b
}

.theme--s-mart .shopee-rating-stars__primary-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.shopee-rating-stars__hollow-star {
    color: #ee4d2d;
    display: block;
    stroke: currentColor
}

.theme--s-mart .shopee-rating-stars__hollow-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.daily-discover-page,.recommend-products-by-view {
    padding: 2.5rem 0 3.75rem
}

.daily-discover-page__content,.recommend-products-by-view__content {
    padding: 1.25rem 0 2.6875rem
}

.daily-discover-page__item-card-wrapper,.recommend-products-by-view__item-card-wrapper {
    margin-bottom: .625rem
}

.purchase-list-page__tabs-container {
    background: #fff;
    border-radius: .125rem;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    margin-bottom: .75rem;
    overflow: hidden
}

.purchase-list-page__tab {
    align-items: center;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.1875rem;
    overflow: hidden;
    padding: 1rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.purchase-list-page__tab:hover {
    color: #ee4d2d
}

.purchase-list-page__tab--selected {
    border-bottom: 2px solid #ee4d2d;
    color: #ee4d2d
}

.purchase-list-page__tab-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.purchase-list-page__tab-count {
    color: #ee4d2d;
    font-size: .9em;
    margin-left: .3em;
    vertical-align: initial
}

.purchase-list-page__search-bar {
    background: #eaeaea;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: #555;
    display: flex;
    padding: .75rem 0
}

.purchase-list-page__search-bar ::placeholder {
    color: #929292
}

.purchase-list-page__search-bar svg {
    margin-left: .9375rem;
    margin-right: .9375rem;
    stroke: #bbb
}

.purchase-list-page__search-bar input {
    align-content: center;
    background-color: inherit;
    border: 0;
    display: flex;
    flex: 1;
    font-size: .875rem;
    line-height: 1rem;
    outline: none
}

.purchase-list-page__search-bar-focus svg {
    stroke: #555
}

.purchase-list-page__search-result {
    color: #757575;
    font-size: 14px;
    margin-top: 1.25rem;
    text-align: center
}

.purchase-list-page__search-result div {
    display: inline
}

.purchase-list-page__search-result span {
    color: #555
}

.purchase-list-page__checkout-card-wrapper:last-child,.purchase-list-page__order-card-wrapper:last-child {
    margin-bottom: 0
}

.purchase-list-page__checkout-card-wrapper,.purchase-list-page__order-card-wrapper {
    margin-bottom: .625rem;
    margin-top: .75rem
}

.purchase-list-page__empty-page-wrapper {
    height: 37.5rem;
    margin-top: .75rem;
    width: 100%
}

.theme--ofs .shopee-cart-number-badge,.theme--ofs .shopee-notification-number-badge {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .footer {
    border-top-color: #d0011b
}

.theme--ofs .footer__category-list-item-main>a:hover,.theme--ofs .footer__category-list-item-sub>a:hover,.theme--ofs .icon-like,.theme--ofs .icon-preorder,.theme--ofs .navbar-wrapper .navbar__link--login:hover .navbar__link-text,.theme--ofs .navbar-wrapper .navbar__link--login>.navbar__link-text,.theme--ofs .product-comment-item__at-user,.theme--ofs .product-page .shopee-tab-container__header-item--active>.product-page__tab-link,.theme--ofs .shopee-address-picker__last-selected-address-level,.theme--ofs .shopee-badge--promotion__label-wrapper,.theme--ofs .shopee-badge--promotion__label-wrapper__off-label.shopee-badge--promotion__label-wrapper__off-label--zh-Hant,.theme--ofs .shopee-facet-filter__facet .shopee-checkbox__box--checked,.theme--ofs .shopee-filter-group__item .shopee-checkbox__box--checked,.theme--ofs .shopee-item-card__hidden-price-display,.theme--ofs .shopee-mini-page-controller__current,.theme--ofs .shopee-product-info-body__order-quantity .shopee-button-outline-mid,.theme--ofs .shopee-product-info-body__preorder,.theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover .shopee-product-info-body__ship-to-text,.theme--ofs .shopee-product-info__header__rating-desc,.theme--ofs .shopee-product-info__header__real-price,.theme--ofs .shopee-product-rating-overview__text-overview,.theme--ofs .shopee-product__shipping-option-current-channel-cost,.theme--ofs .shopee-rating-stars__hollow-star,.theme--ofs .shopee-search-correction__new-search,.theme--ofs .shopee-search-filter-status,.theme--ofs .shopee-search-result-header__text-highlight,.theme--ofs .shopee-search-user-brief__header-text-highlight,.theme--ofs .shopee-search-user-item .shopee-svg-icon:not(.icon-tick),.theme--ofs .shopee-search-user-item__follow-count-number,.theme--ofs .shopee-search-user-seller-info-item__primary-text,.theme--ofs .shopee-searchbar-hints__search-shop>.shopee-svg-icon,.theme--ofs .shopee-shop-collection-filter__collection--active,.theme--ofs .shopee-sort-by-options .shopee-dropdown__entry:not(.shopee-dropdown__entry--selected):hover,.theme--ofs .wholesale-popup__price,.theme--ofs .wholesale-table__body-cell--price {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.theme--ofs .shopee-header-section__header-link>.shopee-button-no-outline {
    color: #d0011b
}

.theme--ofs .section-recommend-products__separator,.theme--ofs .shopee-sort-by-options .shopee-dropdown--has-selected>.shopee-dropdown__entry--selected,.theme--ofs .shopee-sort-by-options__option--selected {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .image-carousel__dot--active,.theme--ofs .shopee-page-controller>.shopee-button-solid,.theme--ofs .shopee-price-range-filter__button>.shopee-button-solid,.theme--ofs .shopee-search-empty-result-section__button .shopee-button-solid,.theme--ofs .shopee-search-reset>a>.shopee-button-solid {
    background-color: #d0011b
}

.theme--ofs .shopee-searchbar>.shopee-button-solid:hover {
    background-color: #c30018
}

.theme--ofs .shopee-product-rating-overview__filter--active {
    border-color: #d0011b;
    fill: #d0011b
}

.theme--ofs .product-page .shopee-tab-container__header-item--active,.theme--ofs .shopee-image-gallery__option-image-wrapper__selected-mask,.theme--ofs .shopee-lightbox-thumbnail__selected-mask,.theme--ofs .shopee-product-info-body__ship-to-selector-wrapper:hover {
    border-color: #d0011b
}

.theme--ofs .btn-buynow,.theme--ofs .shopee-button-solid--primary {
    background-color: #d0011b
}

.theme--ofs .btn-buynow:hover,.theme--ofs .shopee-button-solid--primary:hover {
    background-color: #e00622
}

.theme--ofs .btn-buynow:active,.theme--ofs .shopee-button-solid--primary:active {
    background-color: #c30018
}

.theme--ofs .btn-add-to-cart,.theme--ofs .btn-chat-now {
    background-color: #fff3f3;
    border: 1px solid #d0011b;
    color: #d0011b
}

.theme--ofs .btn-add-to-cart:hover,.theme--ofs .btn-chat-now:hover {
    background-color: #fff
}

.theme--ofs .btn-add-to-cart:active,.theme--ofs .btn-chat-now:active {
    background-color: #ffe8e8
}

.theme--ofs .icon-web-chat,.theme--ofs .product-page-bundle-deal__see-all {
    color: #d0011b!important
}

.theme--ofs .product-page-bundle-deal__tag,.theme--ofs .shopee-item-card__bundle-deal,.theme--ofs .shopee-product-info__header__bundle-deal-tag {
    border-color: #d0011b!important;
    color: #d0011b!important
}

.theme--ofs .select-with-status__dropdown-item:hover {
    background: #d0011b
}

.theme--ofs .section-seller-overview__item-text-value,.theme--ofs .shop-collection-list__item:hover .shop-collection-list__item-desc-name,.theme--ofs .shop-page-shop-description__shop-name,.theme--ofs .shop-page__menu .shop-page__menu-item:hover,.theme--ofs .shopee-category-list__sub-category--active,.theme--ofs .shopee-sort-bar .shopee-sort-by-options .select-with-status__value {
    color: #d0011b
}

.theme--ofs .shop-page__menu .shop-page__menu-item--active {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--ofs .shopee-product-info__header__real-price {
    color: #d0011b
}

.theme--ofs .shopee-category-list__sub-category--active .shopee-category-list__sub-category__caret {
    fill: #d0011b
}

.theme--ofs .shopee-sort-bar .shopee-sort-by-options__option--selected {
    background: #d0011b
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.clear-btn-style {
    background: 0;
    border: 0
}

.sr-only,.visually-hidden {
    border: 0!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important
}

.wA1Z8K {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

.wA1Z8K .y9r1Xm {
    background-color: initial
}

.Y8bsMZ {
    animation: i6e5UM 2s ease-in-out infinite;
    background-color: #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    height: 120px;
    margin: 8px;
    opacity: .5;
    width: calc(100% - 16px)
}

@keyframes i6e5UM {
    50% {
        opacity: .2
    }
}

.xmI7of {
    background-color: #fff;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.vmjXc4 circle {
    animation: OWwApz .4s linear infinite
}

.vmjXc4 circle:nth-child(2) {
    animation-delay: .1s
}

.vmjXc4 circle:nth-child(3) {
    animation-delay: .2s
}

@keyframes OWwApz {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.x2b5RP {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

.JUemn8 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

.JUemn8 .qYrxsq {
    background-color: initial
}

.v8rUs7 {
    height: 2.25rem!important;
    width: 2.25rem!important
}

.X_1nWM {
    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
}

.WReOBT {
    opacity: 0;
    pointer-events: none
}

.XIXIyF {
    align-items: center;
    background-color: rgba(0,0,0,.65);
    border-radius: 7px;
    color: #fff;
    cursor: default;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    max-width: 215px;
    padding: 15px;
    pointer-events: all;
    pointer-events: inherit;
    text-align: center
}

.CqfWNG svg {
    height: 30px;
    margin-bottom: 7px;
    width: 30px
}

._w9qdJ {
    max-width: 100%;
    overflow-wrap:
}

.NleHE1,.TYsRUL {
    align-items: center
}

.NleHE1,.SR5mQ0,.TYsRUL {
    display: flex
}

.SR5mQ0 {
    flex-wrap: wrap
}

.SR5mQ0,.TYsRUL {
    justify-content: space-between
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .TYsRUL {
        height: 1px
    }

    .TYsRUL:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.YN9KVd {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
    overflow: hidden;
    width: 500px
}

.YN9KVd.Rlj6l5 {
    width: 400px
}

.TYsRUL {
    box-sizing: border-box;
    min-height: 80px
}

.fEA_sn {
    margin-bottom: 30px
}

.p7oxk2 {
    overflow: hidden;
    padding: 0 30px 30px
}

.p7oxk2.Rlj6l5 {
    padding: 0 80px 64px
}

.NleHE1 {
    padding-bottom: 14px
}

.EMof35 {
    color: #ccc;
    font-size: .75rem;
    padding: 0 16px;
    text-transform: uppercase
}

.rEVZJ2 {
    background-color: #dbdbdb;
    flex: 1;
    height: 1px;
    width: 100%
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .rEVZJ2 {
        height:.5px
    }
}

.SR5mQ0 {
    margin: 0 -5px
}

.NAtk5x,._Jufph {
    align-items: center
}

.NAtk5x,._Jufph,.caVZu7 {
    display: flex
}

._Jufph,.caVZu7 {
    justify-content: center
}

.NAtk5x {
    box-sizing: initial;
    width: 100%
}

.MyzrtM {
    fill: #ee4d2d;
    cursor: pointer;
    height: 1.5rem;
    padding-top: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem
}

._Jufph {
    background-color: initial;
    border: 0;
    width: 80px
}

.Muwqtl {
    color: #222;
    flex: 1;
    font-size: 1.25rem;
    max-width: calc(100% - 160px);
    padding-right: 80px
}

.GdPga3 {
    max-width: calc(100% - 60px);
    padding: 0 30px
}

.QKYgq_ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nfEWnw {
    background-color: #fbfbfb;
    border: 1px solid rgba(0,0,0,.14);
    border-left: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    min-width: 6.25rem;
    outline: none;
    padding: 0 .625rem
}

.XrIoFU {
    color: #ccc;
    cursor: not-allowed
}

.gilq9D {
    opacity: .05
}

.AVULLz {
    opacity: 1;
    transition: opacity .2s
}

.jpGVta {
    opacity: .05
}

.ZEPEXd {
    opacity: 1;
    transition: opacity .2s
}

.WvZ72Z {
    margin-bottom: .3125rem;
    min-height: 1rem
}

.lrzEay {
    text-align: center
}

.QzMZhQ {
    color: #ff424f
}

.tMUXsN {
    display: flex
}

.XrGxOI {
    border-radius: .125rem;
    overflow: hidden;
    width: 100%
}

.oC9LqZ {
    border: 1px solid rgba(0,0,0,.14);
    box-sizing: border-box;
    height: 2.5rem
}

.jY7DFh,.oC9LqZ {
    outline: none;
    padding: .625rem
}

.jY7DFh {
    border: 0
}

.VnLNF0 {
    border: 1px solid #ff424f
}

.UmpDgt {
    border: 1px solid rgba(0,0,0,.14);
    box-sizing: border-box;
    height: 2.5rem
}

.ZcEhBL {
    border: 1px solid #ff424f
}

.Qx9zsV,.Z8LPbT {
    border-color: rgba(0,0,0,.54)
}

.KQYJia {
    flex: 1;
    flex-shrink: 0
}

.DL_B_i {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: .9375rem;
    padding: .25rem 0 .5rem
}

.DL_B_i:first-letter {
    text-transform: capitalize
}

._6ZgqO {
    align-items: center;
    display: flex;
    flex-direction: column
}

.jfe6YV,.wtuk4_ {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    text-align: center
}

._6ZgqO {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.54);
    padding: 1.875rem;
    width: 27.5rem
}

.HnXulS {
    height: 3.125rem;
    margin-bottom: .9375rem;
    width: 3.125rem
}

.jfe6YV {
    color: #ff424f
}

.wtuk4_ {
    color: #6c0
}

.DYKctS {
    align-items: center;
    display: flex
}

.CEiA6B,.DYKctS {
    justify-content: center
}

.OmiZUs {
    flex: 1
}

.hqfBzL {
    background: none;
    border: 0;
    border-radius: .125rem;
    outline: none;
    padding: 0 .625rem
}

.hqfBzL:hover {
    opacity: .91
}

.hqfBzL:active {
    opacity: 1
}

.hqfBzL:disabled {
    cursor: not-allowed;
    opacity: .7
}

.CEiA6B {
    height: 2.5rem;
    min-width: 8.75rem
}

.CEiA6B:not(:first-of-type) {
    margin-left: .625rem
}

.SYqMlu {
    text-transform: uppercase
}

.ukVXpA {
    background-color: #ee4d2d;
    box-shadow: 0 1px 1px rgba(0,0,0,.09);
    color: #fff
}

.ukVXpA:active {
    background-color: #e2492b
}

.nU2wV3 {
    color: #555
}

.nU2wV3:hover {
    background-color: #f8f8f8
}

.nU2wV3:active {
    background-color: #f5f5f5
}

.StXMCW {
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px rgba(0,0,0,.03);
    color: #555
}

.StXMCW:hover {
    background-color: rgba(0,0,0,.02)
}

.StXMCW:active {
    box-shadow: inset 0 2px 1px rgba(0,0,0,.05)
}

.P87CvB {
    color: #05a;
    font-size: .75rem;
    line-height: .875rem;
    padding: 0 .625rem
}

.NBaRN4 {
    width: 100%
}

.QKQxXR {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hH7ieb {
    height: 60px;
    margin-bottom: 20px;
    width: 60px
}

.MBCgf5 {
    color: #13b50b;
    font-size: 3.25rem;
    margin: auto
}

.tA4Ydv {
    font-size: 1rem;
    margin-bottom: 20px;
    text-align: center
}

.dfZAos {
    color: #ee4d2d
}

.M1rcYm {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 35px
}

.QD3z8j,._tsLgN {
    display: flex;
    justify-content: center
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .QD3z8j {
        height: 1px
    }

    .QD3z8j:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

._tsLgN {
    margin-top: 16px;
    min-height: 45px
}

.QD3z8j {
    background-color: #fff;
    border: 0;
    outline: none;
    padding: 14px;
    width: 100%
}

.QD3z8j:hover {
    background-color: rgba(0,0,0,.02)
}

.QD3z8j:active {
    background-color: rgba(0,0,0,.05)
}

.QD3z8j:disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.VlNhmM {
    color: rgba(0,0,0,.87)
}

.pinTTd {
    margin-left: 10px;
    margin-top: 3px
}

.wwktUN {
    align-items: center
}

.W6qz3v,.oVvirF,.wwktUN {
    display: flex
}

.oVvirF {
    flex-direction: column
}

.VOaSxv,.skr1Pu,.wwktUN {
    justify-content: center
}

.I_kn88 {
    justify-content: flex-end
}

.oVvirF {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.54);
    box-sizing: border-box;
    padding: 1.875rem
}

.QLZgDt {
    max-width: 27.5rem
}

.QLZgDt,.WbhbUz {
    padding: 2.5rem 3.4375rem 1.875rem
}

.WbhbUz {
    max-width: 33.75rem
}

.spBNLt {
    font-size: 1.25rem;
    font-weight: 500;
    padding-bottom: 16px
}

.gPe0m5,.spBNLt {
    text-align: center
}

.hBoMtL {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: left
}

.ZFh3Ru {
    color: #555;
    font-size: 1rem;
    width: 23.75rem
}

.W6qz3v {
    margin-top: 1.875rem
}

.t72MZA {
    text-transform: uppercase
}

.dDTLxj {
    width: 27.5rem
}

.RHtgvz {
    color: #ff424f;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0
}

.uxjLCN {
    margin: 2.1875rem .3125rem .3125rem auto;
    width: 6.25rem
}

.skr1Pu {
    background-color: #ee4d2d;
    box-shadow: 0 1px 1px rgba(0,0,0,.09);
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 8px 16px
}

.skr1Pu:not(:first-of-type) {
    margin-left: 10px
}

.skr1Pu:active {
    background-color: #e2492b
}

.SX6sQ7 {
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px rgba(0,0,0,.03);
    color: #555;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 8px 16px
}

.SX6sQ7:not(:first-of-type) {
    margin-left: 10px
}

.SX6sQ7:hover {
    background-color: rgba(0,0,0,.02)
}

.SX6sQ7:active {
    box-shadow: inset 0 2px 1px rgba(0,0,0,.02)
}

.yfhsJr {
    align-items: flex-start;
    flex-direction: column
}

.BUU8M_ {
    justify-content: flex-end
}

.QGas8z {
    padding: 16px 0
}

.BUU8M_ {
    margin-top: 12px;
    padding: 0 24px
}

.a9TsyL {
    min-width: inherit;
    padding: 8px 16px
}

.yfhsJr {
    width: 440px
}

._naydI {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px;
    padding: 0 24px
}

.LQvXRj {
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-top: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.65);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 24px
}

.F7GrVZ,.KPFcLD {
    display: flex
}

.F7GrVZ {
    flex-direction: column
}

.KPFcLD {
    justify-content: flex-end
}

.F7GrVZ {
    height: 12.5rem;
    padding: 1.875rem
}

.LAyb2p {
    color: #ff424f;
    flex: 1;
    font-size: 1rem
}

.nngD1d {
    align-items: center;
    display: flex;
    justify-content: center
}

.hE8IcE {
    background-color: #f5f5f5;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 50%;
    height: 3.75rem;
    margin: 1.25rem auto 0;
    width: 3.75rem
}

.WAoujS {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
    stroke: #c6c6c6
}

.ygsslX {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    margin-top: 1.5625rem;
    text-align: center
}

.BePGzP {
    margin-right: .3125rem;
    padding: 0 1.5625rem
}

.EJilZe {
    color: #ee4d2d;
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.a1Tg9p {
    align-items: center;
    display: flex;
    justify-content: center
}

.xKmpr0 {
    background: transparent
}

.bRgAA6 {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

.M9Q3ba,._SQlEW {
    height: 440px
}

.avJz4W,.dryNx3,.wc6EN9 {
    align-items: center;
    display: flex
}

.dryNx3 {
    flex-direction: column
}

.avJz4W,.dryNx3 {
    justify-content: center
}

.dryNx3 {
    box-sizing: border-box;
    min-height: 4.5rem;
    min-width: 6.25rem;
    padding: .625rem .3125rem
}

.avJz4W {
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 100%;
    color: rgba(0,0,0,.26);
    height: 2rem;
    width: 2rem
}

.MrX64l {
    background-color: #6c0;
    border-color: #6c0;
    color: #fff
}

.N5nwQj {
    color: rgba(0,0,0,.26);
    font-size: .75rem;
    margin: .3125rem 0 0
}

.YeyKHR {
    color: #6c0
}

.Rg66Se {
    background-color: rgba(0,0,0,.26);
    bottom: 10px;
    height: .0625rem;
    position: relative;
    width: 5.3125rem
}

.Rg66Se:after {
    border-right: .0625rem solid rgba(0,0,0,.26);
    border-top: .0625rem solid rgba(0,0,0,.26);
    box-sizing: border-box;
    content: "";
    display: block;
    height: .3125rem;
    position: absolute;
    right: 0;
    top: -2px;
    transform: rotate(45deg);
    width: .3125rem
}

.Uk_5aZ {
    background-color: #6c0
}

.Uk_5aZ:after {
    border-right-color: #6c0;
    border-top-color: #6c0
}

.YjOl22 {
    color: #ee4d2d;
    cursor: pointer
}

.kLDzAj {
    color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.rUpwgR {
    background-color: initial;
    border: 0;
    padding: 0
}

.Tnuet_,.cq9dlj,.tBnq3D {
    align-items: center;
    display: flex
}

.Tnuet_ {
    justify-content: flex-end
}

.cq9dlj,.tBnq3D {
    justify-content: space-between
}

.fHNfvs {
    flex-shrink: 0
}

.cq9dlj,.hSa2bK {
    padding: 1.375rem 30px;
    width: 100%
}

.hSa2bK {
    height: 100%
}

.fHNfvs {
    color: #222;
    font-size: 1.25rem;
    max-width: 8.5rem
}

.Tnuet_ {
    margin-left: 1.25rem
}

.ooLdir {
    border: 2px solid #ffbf00;
    border-radius: 2px;
    color: #ffbf00;
    font-size: .875rem;
    font-weight: 700;
    margin-right: 1rem;
    padding: .6875rem .875rem;
    position: relative
}

.ooLdir,.ooLdir:after {
    background-color: #fefaec
}

.ooLdir:after {
    border-right: 2px solid #ffbf00;
    border-top: 2px solid #ffbf00;
    box-sizing: border-box;
    content: "";
    height: .75rem;
    position: absolute;
    right: -.75rem;
    top: 50%;
    transform: rotate(45deg) translateX(-50%);
    width: .75rem
}

.XITohy,.XZiDYa {
    height: 2.5rem;
    width: 2.5rem
}

.hrNwO1 {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.WaSLTS {
    color: #222;
    font-size: 1.25rem
}

.PNGrtG {
    color: rgba(0,0,0,.26);
    padding-right: 4px;
    white-space: pre
}

.PNGrtG,.U3bTnx {
    font-size: .875rem
}

.U3bTnx {
    font-weight: 500
}

.U3bTnx,.U3bTnx:active,.U3bTnx:hover,.U3bTnx:visited {
    color: #ee4d2d
}

.q18aRr,.wakoZ5 {
    align-items: center;
    display: flex
}

.v_OBn6 {
    flex-shrink: 0
}

.q18aRr {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    height: 2.5rem;
    overflow: hidden;
    width: 100%
}

.MIDtbJ {
    background: #fff6f7;
    border-color: #ff424f
}

.MIDtbJ,.dhe78t {
    box-shadow: 0 0 4px rgba(0,0,0,.14)
}

.dhe78t {
    border-color: rgba(0,0,0,.54)
}

.Btdmxp {
    border: 0;
    filter: none;
    flex: 1;
    flex-shrink: 0;
    outline: none;
    padding: .75rem
}

.Btdmxp::placeholder {
    color: rgba(0,0,0,.26);
    padding-left: .1875rem
}

.Btdmxp:-webkit-autofill,.Btdmxp:-webkit-autofill:focus,.Btdmxp:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff;
    -webkit-box-shadow: inset 0 0 0 20px #fff
}

.Btdmxp::-ms-clear {
    display: none
}

.Btdmxp:-moz-read-only {
    color: rgba(0,0,0,.26)
}

.Btdmxp:read-only {
    color: rgba(0,0,0,.26)
}

.Se62kq {
    background: #fff6f7
}

.Se62kq:-webkit-autofill,.Se62kq:-webkit-autofill:focus,.Se62kq:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff6f7;
    -webkit-box-shadow: inset 0 0 0 20px #fff6f7
}

.Se7P7J {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: 1rem;
    padding: .25rem 0 0
}

.Se7P7J:first-letter {
    text-transform: capitalize
}

.wakoZ5 {
    background: transparent;
    border: 0;
    outline: none;
    padding: 0 .9375rem 0 .75rem
}

.r2sh4l {
    height: .75rem;
    width: 1.25rem
}

.f1xgWd {
    height: .625rem;
    padding-top: .375rem;
    width: 1.25rem
}

.YlrFMh {
    height: 1rem;
    width: 1rem
}

.v_OBn6 {
    background-color: rgba(0,0,0,.2);
    height: 1.625rem;
    margin-right: .75rem;
    width: .0625rem
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .v_OBn6 {
        width:.03125rem
    }
}

.uxKe5p {
    color: rgba(0,0,0,.54);
    padding: 2.5rem 0;
    text-align: center
}

.I6FFfq,.JjfqZT,.LdlyWh,.sgoMs7 {
    align-items: center;
    display: flex
}

.I6FFfq {
    justify-content: center
}

.inuiVd {
    justify-content: flex-end
}

.JjfqZT {
    justify-content: space-between
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .I6FFfq {
        height: 1px
    }

    .I6FFfq:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.uqT7Nz {
    background-color: #fff;
    min-height: 100vh;
    min-width: 1200px
}

.sgoMs7 {
    box-shadow: 0 6px 6px rgba(0,0,0,.06);
    height: 84px
}

.JjfqZT {
    margin: 0 auto;
    width: 1200px
}

.XmCKqg {
    fill: #ee4d2d
}

.qqUyty {
    height: 42px;
    margin-right: -18px;
    margin-top: -10px
}

.yZGVV5 {
    font-size: 0
}

.bwVWye {
    height: 42px;
    margin-right: 10px;
    margin-top: -16px
}

.BjzOR6 {
    color: #222;
    font-size: 1.5rem
}

.xgPsK8 {
    color: #ee4d2d;
    cursor: pointer;
    font-size: .875rem;
    margin-right: 15px
}

.I6FFfq {
    margin: 0 auto;
    min-height: 600px;
    width: 1040px
}

.inuiVd {
    height: 600px
}

.LXFBDm {
    min-height: calc(100vh - 185px)
}

.ySFWmw {
    background-color: #f5f5f5
}

.uAA7_D {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.q9FZTk {
    min-height: 482px
}

.lM_gr8 {
    min-height: 335px
}

.llL3QN {
    min-height: 412px
}

.v8rAmH {
    min-height: 272px
}

.Gx6YKm {
    min-height: 482px
}

.CmaQ5s {
    min-height: 420px
}

.Mh27fa {
    min-height: 427px
}

.Rn8gQl {
    min-height: 455px
}

.Mnc5VH {
    min-height: 325px
}

.cQvzkg {
    min-height: 352px
}

.JF3EPV {
    min-height: 275px
}

.MYqbQg {
    min-height: 385px
}

.d80sOY {
    min-height: 200px
}

.vuroDf {
    min-height: 443px
}

.KYB9Ss {
    min-height: 375px
}

.JnOMWY {
    max-width: 400px
}

.DWkf5D {
    color: #ee4d2d;
    font-size: 2rem;
    line-height: 3.5625rem
}

.qz3GOU {
    color: #666;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 32px
}

.oP240T {
    height: 200px;
    width: 100%
}

.D7HNQs {
    justify-content: flex-end
}

.WahNke {
    margin-bottom: 10px;
    max-width: 440px
}

.aCPsqd {
    font-size: 1.5rem;
    font-weight: 500
}

.XFYk2I {
    margin-bottom: 15px
}

.nOqGUq {
    color: #05a
}

.adult-screen {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 160px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.adult-screen--18 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6066e69e47bdcc11.png)
}

.adult-screen--20 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c2c6fbe913449b5f.png)
}

.adult-screen--21 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3f85d623d716ceb7.png)
}

.adult-screen--small {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-placeholder {
    background-color: #fafafa;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-placeholder>.icon-default-image,.shopee-image-placeholder>.icon-shopee-tiny {
    color: rgba(0,0,0,.05);
    font-size: 3.8125rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shopee-image-placeholder>.icon-default-image {
    stroke: #fff
}

._WpV7N {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    top: 0
}

._WpV7N,.ws8qTe {
    position: absolute;
    width: 100%
}

.ws8qTe {
    background-color: rgba(208,1,27,.9);
    bottom: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    vertical-align: middle;
    z-index: 1
}

.JGAvi1 {
    display: block;
    height: 100%;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.M2kwzy {
    position: relative
}

.M2kwzy:hover {
    cursor: pointer
}

.LWuZui {
    background-position: 50%;
    padding-top: 100%;
    width: 100%
}

.hToyFT {
    height: 7.5rem!important;
    width: 7.5rem!important
}

.APmngM,.DakYdk {
    position: relative
}

.lMsro7 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vZIQdr {
    background-color: #fff
}

.vZIQdr .shopee-svg-icon {
    font-size: 7.5rem!important
}

.JUFZQg {
    max-height: 100%;
    width: 100%
}

._hqiCF {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.bxb6f7 {
    height: 4.55rem;
    width: 4.55rem;
    fill: #ee4d2d;
    z-index: 1
}

.eYwvos {
    box-sizing: border-box;
    color: #ee4d2d;
    font-size: .875rem;
    line-height: 1.125rem;
    padding: 1.875rem 1.875rem 0;
    text-align: center;
    width: 100%;
    z-index: 1
}

.ecJox9 {
    align-items: center;
    background: hsla(0,0%,100%,.9);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.Y6GZrE {
    height: 5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-2.5rem,-2.5rem,0);
    width: 5rem
}

.Y6GZrE:hover {
    cursor: pointer
}

.iJtsVF {
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity .2s linear .5s;
    width: 100%
}

.iJtsVF.tehzY8 {
    opacity: 0
}

.MndxrX {
    align-items: center;
    background-color: rgba(0,0,0,.7);
    border-radius: 3.75rem;
    display: flex;
    font-size: 1.25rem;
    height: 7.5rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 7.5rem
}

.AmMzws,.MndxrX {
    color: #fff;
    text-transform: capitalize
}

.AmMzws {
    background-color: #ee4d2d;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1;
    padding: .1875rem .25rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.AmMzws:before {
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    bottom: -.125rem;
    content: "";
    display: inline-block;
    left: .0625rem;
    position: absolute;
    transform: rotate(45deg)
}

.cxU_Zu {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.cxU_Zu:before {
    border-bottom-color: transparent;
    content: none;
    display: none
}

.r2RrRy {
    font-size: .75rem
}

.r2RrRy>.OmiHL9 {
    font-size: .5rem;
    margin-right: .1875rem
}

.sVaide {
    background-color: #d0011b
}

.OYd5fY svg,.z6zU4D svg {
    height: .625rem;
    width: 3.5625rem
}

.QGk09B {
    bottom: -1px;
    padding: .25rem .25rem 0
}

.QGk09B svg {
    height: .75rem;
    width: 4.0625rem
}

.YLwkz2 {
    background-color: #ffa604;
    position: relative
}

.YLwkz2:before {
    border: .13125rem solid transparent;
    border-bottom-color: #ae7600
}

.z2WT9D {
    font-size: .875rem;
    font-weight: 400;
    height: 1rem
}

.zs9OEM {
    margin: 0 .4375rem
}

.rgKPHd {
    background-color: #44b5ff;
    cursor: pointer;
    display: inline;
    position: relative
}

.rgKPHd:before {
    border: .13125rem solid transparent;
    border-bottom-color: #0971c2
}

.rgKPHd:hover>.DZPfoy {
    opacity: 1;
    z-index: 1
}

.rgKPHd>.gREiYn {
    font-size: 7px
}

.DZPfoy {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.26);
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    left: .5rem;
    min-width: 10rem;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    top: 1.375rem;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: -10
}

.Y_ftd6 {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem
}

.Y_ftd6:last-child {
    margin: 0
}

.XEuvtg {
    color: #ee4d2d;
    margin-left: .75rem
}

.FY6Ikk {
    background: transparent;
    border: 1px solid #f5a623;
    box-sizing: border-box;
    color: #f5a623;
    height: 16px;
    line-height: 1;
    padding: 2px 5px
}

.FY6Ikk,.YuQArY {
    font-size: .75rem
}

.YuQArY {
    background-color: rgba(0,0,0,.87);
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    min-width: 1.25rem;
    text-align: center
}

._1zSFr {
    border-radius: .1875rem
}

.X1ixbd {
    background-color: #ee4d2d
}

.m66nwc {
    border-radius: .625rem
}

.ZfeiYz {
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.nwHyZS {
    height: 32px;
    width: 36px
}

.EVL3cq {
    background-color: rgba(255,212,36,.9)
}

.EVL3cq:after {
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.TJD0_s {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.oTzb7X {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.rCP9Xl {
    flex-direction: column-reverse
}

.F8hEOg,.G5Sbjh,.zzSDcp {
    height: 100%;
    justify-content: center
}

.YBtbHr {
    color: #fff
}

.UfwCp6 {
    color: #ee4d2d!important;
    display: inline!important;
    margin: 0
}

.I19meh,.qhk5Q3,.smEwKn {
    display: none
}

.I4ch20 {
    height: 16px;
    width: 50px
}

.AosO4H,.ibbpE5 {
    height: 16px;
    width: 69px
}

.syf5ec {
    height: 16px;
    width: 63px
}

.ZGf89c {
    height: 16px;
    width: 64px
}

.BC16g8 {
    height: 16px;
    width: 60px
}

.QvES9E {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10
}

.QvES9E,.QvES9E .drm7ij {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.QvES9E .drm7ij {
    background-color: rgba(0,0,0,.65);
    border-radius: 5rem;
    color: #fff;
    font-size: 1.25rem;
    height: 6.25rem;
    line-height: 1.5rem;
    max-width: calc(100% - 5rem);
    min-width: 6.25rem;
    text-align: center
}

.QvES9E .P66NZy {
    border-radius: 6.25rem;
    max-width: calc(100% - 4.375rem);
    min-width: 6.8125rem
}

.QvES9E .XpLVU5 {
    border-radius: 6.25rem;
    max-width: calc(100% - 2.875rem);
    min-width: 8.375rem
}

.QvES9E .U9O3yF {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.YvWEcV {
    border: .0625rem solid;
    border-radius: .125rem;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.LU6Hb8 {
    color: #fff;
    flex: 1
}

.LU6Hb8,.Y2c7MP {
    font-size: .625rem;
    line-height: .75rem;
    overflow: hidden;
    padding: .0625rem .25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Y2c7MP {
    align-items: center;
    display: flex;
    position: relative
}

.Y2c7MP .AEmu8x {
    border-right: 5px solid transparent;
    border-top: 5px solid;
    height: 0;
    left: -.0625rem;
    position: absolute;
    top: -.0625rem;
    width: 0
}

.F0HfLX {
    border: .03125rem solid #ee4d2d;
    border-radius: .0625rem;
    color: #ee4d2d;
    font-size: .625rem;
    height: .75rem;
    line-height: .75rem;
    padding: .125rem .25rem;
    text-align: center
}

.CTHP6l {
    padding: 2.1875rem 2.5rem 0 3.4375rem;
    width: 885px!important
}

.CTHP6l .shopee-popup-form__main {
    min-height: 20.3125rem
}

.vYKuLs {
    display: grid;
    grid-template-columns: 18.75rem 1fr;
    grid-template-rows: 1fr 5.25rem;
    grid-column-gap: 3.4375rem;
    margin-bottom: 0
}

.DElCTZ {
    grid-column-end: 2;
    grid-column-start: 1;
    width: 18.75rem;
    -ms-grid-column-span: 1
}

.YRTESv {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0 0 2.1875rem
}

.pWsiX_ {
    width: 18.75rem
}

.X2ePk2 {
    grid-column-end: 3;
    grid-column-start: 2;
    -ms-grid-column-span: 1;
    display: grid;
    font-size: .875rem;
    grid-template-columns: 1fr .625rem auto;
    padding-bottom: .75rem
}

.OsP5l_,.aD7V3v {
    align-items: center;
    display: flex
}

.PpXY5W,.ayd67M {
    margin-bottom: 1.25rem
}

.BWU8k6,.aD7V3v {
    grid-column-end: 2;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 2rem;
    margin-right: 1.875rem;
    min-width: 6.25rem;
    text-transform: capitalize;
    word-break: break-all
}

.GP0i5G,.pZSOPG {
    grid-column-end: 4;
    grid-column-start: 3;
    -ms-grid-column-span: 1;
    color: rgba(0,0,0,.87)
}

.pZSOPG {
    max-height: 14.8125rem;
    overflow-y: auto
}

.pZSOPG.k6anpu {
    max-height: 6.5625rem
}

.GP0i5G {
    align-items: center;
    display: flex
}

.GP0i5G .shopee-button-outline-mid {
    color: #ee4d2d
}

.LWQ1Xy {
    grid-column-end: 4;
    grid-column-start: 1;
    -ms-grid-column-span: 3;
    height: 1.25rem
}

.CHa926 {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-left: .625rem
}

.fH6CuV {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.MyncUT {
    grid-row-end: 3;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    display: flex;
    grid-column: 1/span 2;
    justify-content: flex-end;
    padding: 1rem 0 0
}

.fWIGgd {
    box-shadow: none;
    margin-right: 1rem
}

.tEF7x5 {
    flex-direction: row
}

.rFaEdx {
    fill: currentColor;
    stroke: currentColor;
    font-size: 1.25rem;
    margin-right: 10px
}

.G5aVLp,.HumBIG {
    margin-left: .5rem
}

.HumBIG {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    text-transform: capitalize
}

.eCXFpO {
    grid-column-end: 4;
    grid-column-start: 3;
    margin-top: .3125rem;
    -ms-grid-column-span: 1;
    color: #ff424f
}

.CJKY9o {
    margin: 0 auto;
    max-width: 37.5rem;
    padding: 3.125rem 0
}

.CJKY9o.tACHCS {
    padding-top: 6.625rem
}

._OBAaX {
    background: #fff;
    box-shadow: 0 0 .375rem rgba(0,0,0,.06);
    left: 0;
    margin: 0 auto;
    max-width: 37.5rem;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.WY3867,._OBAaX {
    box-sizing: border-box
}

.WY3867 {
    background: none;
    border: 0;
    cursor: pointer;
    height: 3.5rem;
    padding: 1rem .75rem;
    width: 3rem
}

.F7e4Ge {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23ee4d2d' fill-rule='evenodd' d='m4.31 11.25 7.22-7.22-1.06-1.06-8.495 8.494a.75.75 0 0 0 0 1.072l8.495 8.494 1.06-1.06-7.22-7.22H22.5v-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    height: 1.5rem;
    width: 1.5rem
}

.original-search-link {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem
}

.original-search-link__text {
    color: rgba(0,0,0,.54)
}

.original-search-link__link {
    color: #ee4d2d;
    cursor: pointer;
    margin-left: .25rem
}

.shopee-search-result-header {
    color: #555;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 0 1.5rem
}

.shopee-search-result-header__text-highlight {
    color: #ee4d2d
}

.shopee-search-result-header .icon-hint-bulb {
    color: #555;
    height: 1.375rem;
    margin: 0 .75rem 0 0;
    position: relative;
    top: .125rem;
    width: 1rem
}

.shopee-search-result-header .icon-voucher-tag {
    margin-right: .625rem;
    width: 1.125rem
}

.shopee-search-result-header__placeholder,.shopee-search-result-header__text {
    padding: .1875rem 0
}

.shopee-search-result-header__placeholder {
    height: 1.2rem
}

.shopee-search-result-header__text-emphasize,.shopee-search-result-header__text-highlight {
    font-weight: 700;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-search-result-header__text-emphasize {
    color: #222
}

.shopee-search-result-header__keyword {
    display: flex;
    flex-direction: row;
    margin-top: .75rem
}

.shopee-search-result-header__keyword-item {
    align-items: center;
    border: 1px solid #757575;
    border-radius: .125rem;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 2.125rem;
    margin-right: .5rem;
    padding: 0 .875rem
}

.shopee-search-empty-result-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 6.25rem 0 7.5rem
}

.shopee-search-empty-result-section__icon {
    width: 8.375rem
}

.shopee-search-empty-result-section__title {
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    margin: .9375rem 0 .625rem
}

.shopee-search-empty-result-section__hint {
    color: rgba(0,0,0,.54);
    font-size: 1.125rem
}

.shopee-search-empty-result-section__hint>span {
    font-weight: 700
}

.shopee-search-empty-result-section__or {
    color: rgba(0,0,0,.4);
    font-size: 1.125rem;
    margin-top: 15px
}

.shopee-search-empty-result-section__button {
    display: flex;
    flex-direction: row;
    margin: 1.5625rem 0 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-search-empty-result-section__button .shopee-button-solid {
    background: #ee4d2d;
    color: #fff;
    font-size: 1.125rem;
    height: 3rem;
    padding: 0 1.25rem
}

.shopee-search-recommendation .search-ymal-section__header {
    height: auto;
    padding: 0 0 1.25rem
}

.shopee-search-recommendation .search-ymal-section__header__title {
    color: #222;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase
}

.shopee-search-recommendation__item {
    margin-bottom: .625rem
}

.sort-price-select {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 2.125rem;
    justify-content: space-between;
    line-height: 2.125rem;
    min-width: 12.5rem;
    padding-left: .75rem;
    position: relative;
    text-align: left;
    transition: border-color .1s ease
}

.sort-price-select:hover {
    background: #fdfdfd
}

.sort-price-select__value {
    color: #ee4d2d;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sort-price-select__dropdown {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    max-height: var(--radix-select-content-available-height);
    overflow-y: auto;
    padding: .625rem 0;
    width: var(--radix-select-trigger-width);
    z-index: 10000
}

.sort-price-select__dropdown-item {
    align-items: center;
    box-sizing: border-box;
    color: #222;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    line-height: 2.125rem;
    padding: 0 .75rem 0 .9375rem;
    width: 100%
}

.sort-price-select__dropdown-item:hover {
    background: transparent;
    color: #ee4d2d
}

.sort-price-select__dropdown-item .shopee-svg-icon.icon-tick-bold {
    width: .6875rem;
    fill: #ee4d2d
}

.sort-price-select .shopee-svg-icon.icon-arrow-down-small {
    width: .75rem;
    fill: #555;
    margin-right: .75rem
}

.shopee-sort-by-options {
    align-items: stretch;
    display: flex;
    flex: 1;
    gap: .625rem;
    justify-content: flex-start
}

.shopee-sort-by-options .shopee-dropdown {
    flex: 1
}

.shopee-sort-by-options .shopee-dropdown .shopee-popover {
    padding: 0;
    width: 100%
}

.shopee-sort-by-options .shopee-dropdown__entry {
    background-color: #fff;
    border: 0;
    justify-content: center;
    padding: 0 .625rem;
    text-transform: uppercase
}

.shopee-sort-by-options .shopee-dropdown__entry--selected {
    color: rgba(0,0,0,.8);
    height: 100%
}

.shopee-sort-by-options .shopee-dropdown__entry--selected span {
    flex: 0 0 auto
}

.shopee-sort-by-options .shopee-dropdown__entry--selected:hover {
    background-color: rgba(0,0,0,.02)
}

.shopee-sort-by-options .shopee-dropdown__entry--optional {
    height: 3.125rem
}

.shopee-sort-by-options .shopee-dropdown--has-selected .shopee-dropdown__entry--selected {
    border-bottom: 2px solid #ee4d2d;
    box-sizing: border-box;
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status {
    margin-left: .625rem;
    min-width: 12.5rem
}

.shopee-sort-by-options .select-with-status__dropdown-item,.shopee-sort-by-options .select-with-status__placeholder,.shopee-sort-by-options .select-with-status__value {
    text-align: left
}

.shopee-sort-by-options .select-with-status__placeholder,.shopee-sort-by-options .select-with-status__value {
    color: rgba(0,0,0,.8);
    margin: 0 .625rem 0 .75rem;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-sort-by-options .select-with-status__value {
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status__dropdown {
    border: 0;
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin: 0;
    padding: .625rem 0
}

.shopee-sort-by-options .select-with-status__dropdown-item {
    cursor: pointer;
    padding: 0 .75rem 0 .9375rem
}

.shopee-sort-by-options .select-with-status__dropdown-item:hover {
    background: transparent;
    color: #ee4d2d
}

.shopee-sort-by-options .select-with-status__holder {
    background: #fff;
    margin: 0
}

.shopee-sort-by-options__option-group {
    display: flex;
    gap: .625rem;
    margin-left: .625rem
}

.shopee-sort-by-options__option {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 5.625rem;
    outline: 0;
    overflow: visible;
    padding: 0 .9375rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.shopee-sort-by-options__option:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-sort-by-options__option:active {
    background: #fdfdfd;
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-sort-by-options__option--selected.shopee-sort-by-options__option {
    background: #ee4d2d;
    color: #fff
}

.shopee-sort-by-options__option--selected.shopee-sort-by-options__option:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02)
}

.shopee-sort-by-options .select-with-status__holder,.shopee-sort-by-options__option {
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.02);
    height: 2.125rem;
    line-height: 2.125rem
}

.shopee-sort-by-options .select-with-status__holder:hover,.shopee-sort-by-options__option:hover {
    background: #fdfdfd
}

.ranking-criteria-container {
    align-items: stretch;
    display: flex
}

.ranking-criteria {
    align-items: center;
    color: currentColor;
    display: flex;
    justify-content: center;
    margin-left: .5rem;
    margin-right: .3125rem
}

.ranking-criteria .icon-help-center {
    height: 1.125rem;
    width: 1.125rem
}

.shopee-search-help-tooltip {
    background-color: #fff;
    border-radius: .25rem;
    box-sizing: border-box;
    line-height: 1.25rem;
    max-width: 28.125rem;
    padding: .75rem 1rem
}

.shopee-search-help-tooltip>a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.eQhauU {
    box-sizing: border-box;
    height: 100%
}

.SGrE6K {
    background-color: #fff;
    border-radius: .125rem;
    display: flex
}

.fGZIWC {
    flex-direction: column
}

.rSca8p {
    flex-direction: row
}

.MnLR1P {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    overflow: hidden;
    padding: .5rem
}

.u3PHEx {
    background-color: #fafafa;
    height: 2.5rem;
    margin-bottom: .25rem
}

.iX7cjS {
    height: 1rem;
    margin-bottom: .5rem
}

.dQbzIK {
    height: 1.25rem
}

.HtTcK_,.dQbzIK {
    background-color: #fafafa;
    margin-bottom: .5rem
}

.HtTcK_ {
    height: 2.25rem
}

.DCfZki {
    height: 1.25rem;
    margin-bottom: .75rem
}

.DCfZki,.b0U56c {
    background-color: #fafafa
}

.b0U56c {
    height: 1.125rem
}

.WFDuA4.WFDuA4 {
    display: inline-block;
    word-wrap:;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: inherit
}

.r4Gxm9 {
    padding-bottom: .625rem
}

.D7dHvj {
    align-items: baseline
}

.lYKGBy {
    color: #ee4d2d;
    flex: 1 0 auto;
    max-width: 75%
}

.bYWj9V.bYWj9V,.lYKGBy {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bYWj9V.bYWj9V {
    color: rgba(0,0,0,.54)
}

.Rbk7w1,.Rbk7w1 .UUssyB {
    box-sizing: border-box;
    height: 100%
}

.Rbk7w1 .UUssyB {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .125rem 0 rgba(0,0,0,.1);
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: block;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow: visible;
    padding: 0;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: transform .1s cubic-bezier(.4,0,.6,1),box-shadow .1s cubic-bezier(.4,0,.6,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.Rbk7w1 .UUssyB:focus,.Rbk7w1 .UUssyB:focus-visible,.Rbk7w1 .UUssyB:hover {
    box-shadow: 0 .0625rem 20px 0 rgba(0,0,0,.05);
    transform: translateY(-.0625rem);
    z-index: 1
}

.Rbk7w1 .UUssyB:active {
    box-shadow: 0 .0625rem 5px 0 rgba(0,0,0,.05);
    transform: translateY(0)
}

.Rbk7w1 .CSaaBt {
    border: 1px solid rgba(0,0,0,.09)!important;
    box-shadow: none
}

.Rbk7w1 .UUssyB.xr0S1I {
    box-sizing: border-box;
    flex-direction: row;
    padding: 1.25rem;
    width: 100%
}

.Rbk7w1 .y7_KeM {
    border: 1px solid transparent;
    overflow: visible
}

.Rbk7w1 .y7_KeM:hover {
    border: 1px solid #ee4d2d;
    z-index: 2
}

.Rbk7w1 .y7_KeM:hover .shopee-item-card__hover-footer {
    opacity: 1;
    transition: opacity .1s
}

.AGkhhg {
    background-color: #ee4d2d;
    border: 1px solid #ee4d2d;
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem;
    color: #fff;
    height: 1.875rem;
    left: -.0625rem;
    line-height: 1.875rem;
    opacity: 0;
    text-align: center;
    top: calc(100% - .125rem);
    z-index: 1
}

.AGkhhg,.ULXaZL {
    position: absolute;
    width: 100%
}

.ULXaZL {
    background-color: #fff;
    height: 100%;
    left: 0;
    top: 0
}

.OBxTyJ {
    padding-top: 100%;
    width: 100%
}

.aApkPh {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.aApkPh,.aApkPh .Fj2reQ {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.aApkPh .Fj2reQ {
    background-color: rgba(0,0,0,.65);
    border-radius: 5rem;
    color: #fff;
    font-size: .75rem;
    height: 3.75rem;
    max-width: calc(100% - 5rem);
    min-width: 3.875rem;
    text-align: center
}

.aApkPh ._VbsQx {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-left: .5rem;
    padding-right: .5rem
}

.oOkZQ3 {
    align-items: center;
    background: currentColor;
    border-bottom-right-radius: .125rem;
    border-top-right-radius: .125rem;
    display: flex;
    font-size: .5625rem;
    font-weight: 500;
    height: .9375rem;
    left: -.1875rem;
    line-height: .6875rem;
    padding: 0 4px;
    position: relative
}

.oOkZQ3:before {
    border-left: .1875rem solid transparent;
    border-top: .1875rem solid;
    bottom: -.1875rem;
    content: "";
    display: inline-block;
    filter: brightness(60%);
    left: 0;
    position: absolute
}

.RiPCHE {
    text-align: center
}

.RiPCHE.RiPCHE {
    height: auto!important;
    padding: 0 .25rem
}

.RiPCHE .xSHfZA {
    color: #fff;
    font-size: .75rem;
    line-height: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

._ETMT8 {
    left: -.25rem;
    position: relative
}

.INNyvo.INNyvo {
    font-size: .75rem;
    height: 1rem;
    line-height: .875rem;
    padding-left: .25rem;
    padding-right: .25rem
}

.INNyvo .hzdIPO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1a017175ab26f4f2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: .5rem;
    position: relative;
    width: 1.25rem
}

.INNyvo .iH2erp {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/82e6b4aceda60f20.png);
    height: .5625rem;
    width: 1.1875rem
}

.INNyvo .QTSqOy {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/921f1e881c48b545.png);
    height: .6875rem;
    width: 1.625rem
}

.INNyvo .Aaesu4 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/966ae89acb539dc9.png);
    height: .6875rem;
    width: 3.5625rem
}

.AilCzk.AilCzk {
    font-size: .75rem;
    height: auto;
    line-height: .875rem;
    padding: .1875rem .25rem
}

.AilCzk .jMlcGO {
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    flex: 0 0 auto;
    height: .875rem
}

.AilCzk .jMlcGO.sp6o0z {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/c8d0575540a9d77c.png);
    width: 1.75rem
}

.AilCzk .jMlcGO.GuxAUp {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/443b8cfc8ec460d3.png);
    height: 1rem;
    width: 1.875rem
}

.AilCzk .jMlcGO.usmhQM {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3d8a2dc7a0ba174d.png);
    height: 1rem;
    width: 2.4375rem
}

.AilCzk .jMlcGO.aAFVSm {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/1dba8445de9de895.png);
    height: .9375rem;
    width: 1.9375rem
}

.AilCzk .jMlcGO.ZMkVkX {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/2d5a6f6986f8ebf1.png);
    height: .5625rem;
    width: 2.375rem
}

.AilCzk .jMlcGO.mEDgEu {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/20f2fe3c8991b948.png);
    height: .9375rem;
    width: 3.5rem
}

.AilCzk .jMlcGO.ifRDB0 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9298a86de686765b.png);
    height: 1.0625rem;
    width: 2.5625rem
}

.NksWDC.NksWDC {
    height: 1rem;
    padding: 0 .25rem
}

.NksWDC .IlV8bb {
    color: #fff;
    font-size: .75rem;
    line-height: .875rem
}

.NksWDC .NwS0w6 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/064b8a5c8d70e7c7.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: .75rem;
    width: 3.375rem
}

.NksWDC .vyTDew {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/bce056cf58348c92.png);
    height: .75rem;
    width: 1.75rem
}

.NksWDC .DhA1Wg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/cb4f6ef6409b3fef.png);
    height: .75rem;
    width: 3.1875rem
}

.NksWDC .YWdToD {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/7b58ee4ebae11865.png);
    height: .75rem;
    width: 3.4375rem
}

.NksWDC .qdFY3A {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/12d97cc9815ffa41.png);
    height: .75rem;
    width: 3rem
}

.nNtRaI {
    background-size: 100% 100%;
    height: 1.9375rem;
    margin-top: -.625rem;
    width: 1.5rem
}

.e3Kr2w {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/349b3ed161e15ea2.png)
}

.nJYcOB {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e09d930ea6b9e519.png)
}

.lMWduQ {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/961176fe111e6c10.png)
}

.ViWqBe {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3c79ebb28087b7d7.png)
}

.JjebWA {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/74fdb93a0d07bcae.png)
}

.yZySuh {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/a6fad44ca3dab71b.png)
}

.lm6AFk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/ed3d05d5222a4d42.png)
}

.i9CWPO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/add0299536d097a1.png)
}

.oMyZlx {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/e5bd3c4621c5b5ad.png)
}

.Bfmflr {
    display: block;
    height: auto
}

.Bfmflr .gWofMK {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/3183797a2c3fee15.png);
    width: 3.375rem
}

.Bfmflr .JbrJrA,.Bfmflr .gWofMK {
    background-repeat: no-repeat;
    background-size: 100%;
    height: .5625rem;
    margin: .1875rem 0
}

.Bfmflr .JbrJrA {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/58b8c10b9b2a3722.png);
    width: 2.4375rem
}

.I6L5Ah {
    padding-bottom: .0625rem;
    padding-top: .0625rem
}

.I6L5Ah .DPkNqy {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/4bea3ee09cf6dff0.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: .6875rem;
    width: 2.8125rem
}

.haMgAU.haMgAU {
    font-size: .75rem;
    height: 1.0625rem;
    line-height: 1.0625rem;
    padding: .1875rem .25rem
}

.haMgAU .eQnSdd {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/6385ac4d3537c219.png)
}

.haMgAU .aYv5s8,.haMgAU .eQnSdd {
    background-repeat: no-repeat;
    background-size: contain;
    height: 1rem;
    position: relative;
    width: 3.75rem
}

.haMgAU .aYv5s8 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/bc01a468d58a7fc3.png)
}

.jzEMlV.dKZrE3 {
    height: 1rem;
    padding: 0 .25rem
}

.jzEMlV .tEUqI1 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/assets/9501312a24255593.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: .625rem;
    position: relative;
    width: 2.8125rem
}

.EKndfV {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 0;
    max-width: 70%;
    position: absolute;
    top: .625rem;
    z-index: 1
}

.EKndfV>div:not(:first-child) {
    margin-top: .3125rem
}

.EKndfV .horizontal-badge {
    left: -.25rem;
    margin-bottom: .3125rem;
    position: relative
}

.GyZRWG {
    background-color: rgba(255,212,36,.9);
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.TTJA0W {
    height: 32px;
    width: 36px
}

.GyZRWG:after {
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.ZqYtj5 {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.izNnrK {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.XUoSWb {
    flex-direction: column-reverse
}

.LVTHRu,.TCBFtG,.qycPp_ {
    justify-content: center
}

.o5NrjX {
    color: #fff
}

.VQ1RJF {
    color: #ee4d2d!important;
    display: inline!important;
    margin: 0
}

.HXMDQy,.UOB67Y,.sf6dte {
    display: none
}

.KDN6aF {
    background-color: #ffe97a;
    border-bottom-left-radius: .125rem;
    display: block;
    padding: .125rem .25rem
}

.KDN6aF .gi0_Qp {
    color: #ec3814;
    display: block;
    font-size: .75rem;
    font-weight: 500;
    line-height: .875rem
}

.YVdCF9 {
    padding: .5rem
}

.DFLRqE {
    align-items: center;
    background-color: #ee4d2d;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 700;
    height: 3.375rem;
    justify-content: center;
    line-height: .875rem;
    text-align: center;
    width: 3.375rem
}

.cF2J0z {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.cF2J0z .shopee-badge {
    float: right;
    margin-left: .3125rem
}

.wCRMQ9 {
    bottom: .25rem;
    height: 1.25rem;
    right: .25rem;
    width: 1.25rem;
    stroke: none;
    fill: rgba(0,0,0,.5)
}

.O2uA88,.wCRMQ9 {
    position: absolute
}

.O2uA88 {
    align-items: center;
    background: rgba(0,0,0,.3);
    border-radius: 2px;
    bottom: .625rem;
    color: #fff;
    display: flex;
    font-size: .75rem;
    justify-content: center;
    padding: .125rem .25rem;
    right: .625rem;
    text-transform: capitalize;
    white-space: nowrap
}

.QGDNkU {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.hZ9zRd {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hZ9zRd .shopee-item-card__sneak-peak {
    background: #d0011b;
    bottom: 0;
    color: #fff;
    height: 1.75rem;
    line-height: 1.75rem;
    opacity: .82;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    width: 100%
}

.hZ9zRd .customized-overlay-image img {
    width: 100%
}

.CfvoQe {
    overflow: hidden;
    padding: .5rem
}

.CfvoQe,.t7q_0T {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

.Y4PDcx {
    flex: 0 1 auto
}

.NjZ0QM,.Y4PDcx {
    max-width: 100%;
    transition: all .1s cubic-bezier(.4,0,.6,1)
}

.NjZ0QM {
    color: #ee4d2d;
    flex-grow: 1;
    flex-shrink: 0
}

.X50IC8 {
    font-size: .875rem;
    line-height: 1.25rem
}

._hFHbf {
    align-items: center;
    display: flex;
    height: 1.25rem;
    overflow: hidden;
    padding: .5rem 0 0
}

.TgV1Pt {
    display: inline;
    font-size: .75rem;
    line-height: 14px
}

.Nv7OP0.Nv7OP0 {
    display: inline-block;
    word-wrap:;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.OxwCVo {
    flex-grow: 1;
    min-height: 1.75rem
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .OxwCVo {
        max-height: 1.875rem;
        overflow: hidden
    }
}

.KHl76R {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.KHl76R:first-child:last-child {
    max-width: 100%
}

.KHl76R:first-child:nth-last-child(2) {
    max-width: 60%
}

.KHl76R:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.KHl76R:first-child:nth-last-child(3) {
    max-width: 40%
}

.KHl76R:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.KHl76R {
    color: #ee4d2d
}

.vXuSb4 {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.vXuSb4:first-child:last-child {
    max-width: 100%
}

.vXuSb4:first-child:nth-last-child(2) {
    max-width: 60%
}

.vXuSb4:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.vXuSb4:first-child:nth-last-child(3) {
    max-width: 40%
}

.vXuSb4:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.vXuSb4 {
    color: #f5a623
}

.Dgx8pt {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.Dgx8pt:first-child:last-child {
    max-width: 100%
}

.Dgx8pt:first-child:nth-last-child(2) {
    max-width: 60%
}

.Dgx8pt:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.Dgx8pt:first-child:nth-last-child(3) {
    max-width: 40%
}

.Dgx8pt:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.Dgx8pt {
    border: 1px solid
}

.aDJDZb {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.aDJDZb:first-child:last-child {
    max-width: 100%
}

.aDJDZb:first-child:nth-last-child(2) {
    max-width: 60%
}

.aDJDZb:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.aDJDZb:first-child:nth-last-child(3) {
    max-width: 40%
}

.aDJDZb:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.aDJDZb {
    color: #44b5ff
}

.ZI61P9 {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ZI61P9:first-child:last-child {
    max-width: 100%
}

.ZI61P9:first-child:nth-last-child(2) {
    max-width: 60%
}

.ZI61P9:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.ZI61P9:first-child:nth-last-child(3) {
    max-width: 40%
}

.ZI61P9:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.ZI61P9 {
    color: #ffa604
}

.b308nC {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.b308nC:first-child:last-child {
    max-width: 100%
}

.b308nC:first-child:nth-last-child(2) {
    max-width: 60%
}

.b308nC:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.b308nC:first-child:nth-last-child(3) {
    max-width: 40%
}

.b308nC:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.b308nC {
    color: #ee4d2d
}

.Ghcs0W {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.Ghcs0W:first-child:last-child {
    max-width: 100%
}

.Ghcs0W:first-child:nth-last-child(2) {
    max-width: 60%
}

.Ghcs0W:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.Ghcs0W:first-child:nth-last-child(3) {
    max-width: 40%
}

.Ghcs0W:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.Ghcs0W {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%
}

.fYoISe {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fYoISe:first-child:last-child {
    max-width: 100%
}

.fYoISe:first-child:nth-last-child(2) {
    max-width: 60%
}

.fYoISe:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.fYoISe:first-child:nth-last-child(3) {
    max-width: 40%
}

.fYoISe:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.fYoISe {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%
}

.YupqWd,.fYoISe {
    line-height: 100%
}

.YupqWd {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.YupqWd:first-child:last-child {
    max-width: 100%
}

.YupqWd:first-child:nth-last-child(2) {
    max-width: 60%
}

.YupqWd:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.YupqWd:first-child:nth-last-child(3) {
    max-width: 40%
}

.YupqWd:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.YupqWd {
    color: #ee4d2d;
    display: flex
}

.UPraPF {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.UPraPF:first-child:last-child {
    max-width: 100%
}

.UPraPF:first-child:nth-last-child(2) {
    max-width: 60%
}

.UPraPF:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.UPraPF:first-child:nth-last-child(3) {
    max-width: 40%
}

.UPraPF:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.UPraPF {
    border: none!important;
    height: auto!important;
    padding: 0!important
}

.GbjtpD,.xppqgm {
    height: 1rem
}

.GbjtpD {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.GbjtpD:first-child:last-child {
    max-width: 100%
}

.GbjtpD:first-child:nth-last-child(2) {
    max-width: 60%
}

.GbjtpD:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.GbjtpD:first-child:nth-last-child(3) {
    max-width: 40%
}

.GbjtpD:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.GbjtpD {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%;
    line-height: 100%
}

.paO8UQ {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.paO8UQ:first-child:last-child {
    max-width: 100%
}

.paO8UQ:first-child:nth-last-child(2) {
    max-width: 60%
}

.paO8UQ:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.paO8UQ:first-child:nth-last-child(3) {
    max-width: 40%
}

.paO8UQ:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.paO8UQ {
    border-color: #ee4d2d;
    color: #ee4d2d;
    height: 100%
}

.paO8UQ,.z0sxGu {
    line-height: 100%
}

.z0sxGu {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.z0sxGu:first-child:last-child {
    max-width: 100%
}

.z0sxGu:first-child:nth-last-child(2) {
    max-width: 60%
}

.z0sxGu:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.z0sxGu:first-child:nth-last-child(3) {
    max-width: 40%
}

.z0sxGu:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.z0sxGu {
    color: #ee4d2d
}

.WMaDwM {
    align-items: center;
    background-color: initial;
    border: .0625rem solid;
    border-radius: .0625rem;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    height: 1rem;
    line-height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    padding: .125rem .25rem;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.WMaDwM:first-child:last-child {
    max-width: 100%
}

.WMaDwM:first-child:nth-last-child(2) {
    max-width: 60%
}

.WMaDwM:first-child:nth-last-child(2)~div {
    flex-shrink: 1
}

.WMaDwM:first-child:nth-last-child(3) {
    max-width: 40%
}

.WMaDwM:first-child:nth-last-child(3)~div {
    flex-shrink: 1
}

.WMaDwM {
    color: #ee4d2d
}

.Ggonvo,.KqRqL5 {
    height: 1rem
}

.KqRqL5 {
    align-items: center;
    display: flex;
    margin-top: .25rem;
    overflow: hidden
}

.KqRqL5>div:not(:last-child) {
    margin-right: .25rem
}

.KqRqL5>div:first-child:not(:only-child) {
    flex-shrink: 0;
    max-width: 60%
}

.KqRqL5>div:only-child {
    flex-shrink: 0
}

.Hl758c {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.E1s81b {
    color: rgba(0,0,0,.54);
    margin-right: 5px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

._nM3hH {
    color: currentColor
}

.v09aJr {
    color: #ee4d2d;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hgv445 {
    color: #ee4d2d
}

.SstjX1,.hgv445 {
    font-size: .75rem
}

.SstjX1 {
    color: rgba(0,0,0,.87);
    line-height: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SstjX1:first-letter {
    text-transform: capitalize
}

.search-ymal-section {
    padding-top: 1.25rem
}

.search-ymal-section h2 {
    font-size: unset;
    font-weight: unset;
    margin: unset
}

.search-ymal-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.search-ymal-section__header:before {
    background-color: #ee4d2d;
    content: none;
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.search-ymal-section__header__title {
    color: rgba(0,0,0,.54);
    flex: 1;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section--simple {
    padding-top: 1.25rem
}

.shopee-header-section--simple>.shopee-header-section__header:before {
    content: none
}

.shopee-header-section--simple .shopee-header-section__header__title {
    color: rgba(0,0,0,.54);
    font-size: 1rem;
    font-weight: 500
}

.shopee-header-section__header {
    align-items: center;
    display: flex;
    padding-bottom: .625rem
}

.shopee-header-section__header:before {
    background-color: #ee4d2d;
    content: "";
    height: 1.5rem;
    margin-right: .3125rem;
    width: .625rem
}

.shopee-header-section__header__title {
    flex: 1;
    font-size: 1.25rem;
    margin-right: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.shopee-header-section__header-link {
    color: rgba(0,0,0,.87);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-header-section__header .shopee-button-outline {
    background-color: #fff;
    border-color: rgba(0,0,0,.09);
    border-radius: .9375rem;
    color: #ee4d2d;
    height: 1.875rem
}

.shopee-header-section__header .shopee-button-outline--rounded {
    background-color: #fff
}

.shopee-header-section__header .shopee-button-no-outline {
    color: #ee4d2d
}

.shopee-header-section__header .shopee-button-no-outline,.shopee-header-section__header .shopee-button-outline--rounded {
    align-items: center;
    display: flex;
    text-transform: capitalize
}

.shopee-header-section__header .shopee-button-no-outline .icon-arrow-right,.shopee-header-section__header .shopee-button-outline--rounded .icon-arrow-right {
    font-size: .625rem
}

.shopee-header-section__header a {
    color: #ee4d2d;
    -webkit-text-decoration: none!important;
    text-decoration: none!important
}

.hq_b3i {
    color: #000;
    font-weight: 500
}

.qpxRNj,.rp4bA2 {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-sort-bar {
    align-items: center;
    background: rgba(0,0,0,.03);
    border-radius: 2px;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    padding: .8125rem 1.25rem
}

.shopee-sort-bar__label {
    color: #555;
    margin: 0 .3125rem 0 0
}

.shopee-sort-bar--placeholder {
    height: 2.125rem
}

.MWvrMN {
    border: 1px solid rgba(0,0,0,.09)
}

.bXwL7G {
    color: rgba(0,0,0,.54);
    margin-right: 5px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.VVofPu {
    color: #ee4d2d;
    font-size: 1rem
}

.ZkaFvp {
    color: #ee4d2d;
    font-size: .75rem
}

.nQykZC {
    box-sizing: border-box;
    display: inline-block;
    overflow: auto;
    position: relative
}

.nQykZC .Gwqj13 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.nQykZC .Ji2a8k {
    display: block
}

.P34_b7:hover {
    cursor: not-allowed
}

._3D5zV6.IqA1P3 {
    background-color: #d0011b
}

._3D5zV6.BOEMBS {
    background-color: #ee4d2d
}

._3D5zV6.tlvcry {
    background-color: rgba(0,0,0,.26)
}

._3D5zV6.tlvcry:hover {
    cursor: not-allowed
}

.nrqY3J {
    align-items: center;
    display: flex;
    margin-left: auto
}

.nrqY3J>:not(:last-child) {
    margin-right: 5px
}

.nrqY3J .icon-free-shipping {
    flex-shrink: 0;
    font-size: 1.5rem;
    height: 1.5rem;
    line-height: 1;
    margin-left: .125rem;
    width: 1.25rem
}

.nrqY3J .icon-sbs-24hr {
    font-size: 2.1875rem
}

._8CX0Xk {
    height: 1.25rem;
    margin-top: .75rem
}

._8CX0Xk,.nSYb56 {
    align-items: center;
    display: flex
}

.nSYb56 {
    color: rgba(0,0,0,.26);
    cursor: pointer;
    flex-shrink: 0;
    font-size: .625rem;
    overflow: hidden
}

.VG8sMh {
    color: rgba(0,0,0,.65);
    font-size: .75rem;
    margin-left: .375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.VSdyqr {
    margin-left: .25rem
}

.nSYb56 .shopee-rating-stars {
    display: inline-block;
    position: relative
}

.nSYb56 .shopee-rating-stars__stars {
    display: flex
}

.nSYb56 .shopee-rating-stars__star-wrapper {
    align-items: center;
    display: flex;
    margin-right: 1px;
    position: relative
}

.nSYb56 .shopee-rating-stars__star-wrapper>.shopee-rating-stars__lit {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.nSYb56 .shopee-rating-stars__gold-star {
    color: #ffce3d;
    fill: #ffce3d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.nSYb56 .shopee-rating-stars__dark-star {
    color: #d5d5d5;
    display: block
}

.nSYb56 .shopee-rating-stars__primary-star {
    color: #ee4d2d;
    stroke: #ee4d2d;
    display: block;
    left: 0;
    overflow-x: hidden;
    position: absolute
}

.theme--ofs .nSYb56 .shopee-rating-stars__primary-star {
    color: #d0011b;
    stroke: #d0011b
}

.theme--s-mart .nSYb56 .shopee-rating-stars__primary-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.nSYb56 .shopee-rating-stars__hollow-star {
    color: #ee4d2d;
    display: block;
    stroke: currentColor
}

.theme--s-mart .nSYb56 .shopee-rating-stars__hollow-star {
    color: #ffce3d;
    stroke: #ffce3d
}

.nSYb56 .shopee-rating-stars .shopee-svg-icon {
    display: inline-block;
    height: 1em;
    width: 1em;
    fill: currentColor;
    position: relative
}

.cH438F {
    color: rgba(0,0,0,.65);
    font-size: .75rem;
    font-weight: 200;
    line-height: 1.125rem;
    margin-top: .5rem;
    min-height: 1em;
    text-align: left
}

.shopee-search-item-result ol,.shopee-search-item-result ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.shopee-search-item-result .shopee-page-controller {
    margin: 1.25rem 0 3.75rem
}

.shopee-search-item-result__items {
    margin: .5rem 0 0
}

.shopee-search-item-result__item {
    margin: .3125rem 0
}

.shopee-search-item-result>.spinner-container {
    min-height: 212.375rem
}

.aIWAY1 {
    margin-top: 2.5rem
}

.xZnSXg {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 50rem;
    min-height: 100vh;
    width: 100%
}

.xZnSXg .c4H_6d {
    background-color: initial
}

.shopee-progress-bar {
    background: linear-gradient(90deg,hsla(0,0%,100%,.3) 0,#fff 30%,#fff);
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 3px;
    left: -100%;
    position: fixed;
    top: 0;
    transition: transform 30s ease-out;
    width: 100%;
    z-index: 10000
}

.shopee-progress-bar--start {
    transform: translateX(60%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-start {
    transform: translateX(79%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--almost-done {
    transform: translateX(80%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--after-almost-done {
    transform: translateX(99%);
    transition: transform 40s ease-out
}

.shopee-progress-bar--done {
    transform: translateX(100%);
    transition: transform .2s ease-out
}

.shopee-progress-bar--done-up {
    transform: translateX(100%) translateY(-3px);
    transition: transform .2s ease-out
}

.shopee-progress-bar--reset {
    transform: translateX(0) translateY(0);
    transition: none
}

.language-selection {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 30px 15px;
    width: 100%
}

.language-selection__background {
    min-height: 240px;
    position: relative;
    width: 470px
}

.language-selection__background-map {
    width: 100%
}

.language-selection .icon-logo-vertical {
    height: 108px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-45px);
    width: 108px
}

.language-selection__title {
    font-size: 1.25rem;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center
}

.language-selection__list {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px
}

.language-selection__list .shopee-button-outline {
    font-size: .9375rem;
    font-weight: 400;
    height: 2.5rem
}

.language-selection__list-item {
    display: flex;
    flex-direction: column;
    height: 2.5rem;
    margin-top: 18px
}

.language-selection__list-item:first-child {
    margin-top: 0
}

.language-selection__close-button {
    align-items: center;
    background: #5a5a5a;
    border: 3px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.language-selection__close-button .shopee-svg-icon {
    color: #fff;
    font-size: 1.125rem
}

.action-toast__icon {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    display: flex;
    height: 3.75rem;
    justify-content: center;
    text-align: center;
    width: 3.75rem
}

.action-toast .icon-tick-bold {
    font-size: 1.875rem;
    line-height: 3.75rem
}

.action-toast .icon-exclamation-mark {
    font-size: 2.5rem;
    line-height: 3.75rem
}

.IoO3VX {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 31px;
    transform: translateX(-600px);
    z-index: 9999
}

.IoO3VX.S21dKe {
    opacity: 1;
    pointer-events: all
}

.BvPa95 {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.IoO3VX .G46TJI {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    font-size: 12px;
    line-height: 14px;
    outline: none;
    padding: 4px
}

.OM4cli+.OM4cli {
    padding-top: 10px
}

.A2grPb {
    box-sizing: border-box;
    display: inline-block;
    padding: 4px
}

.G46TJI:focus .A2grPb {
    border: 1px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 3px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-static/_/bundle.8371818a613bf2ef.css.map*/


.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.hD2Y0w {
    left: 0;
    position: absolute;
    top: 0
}

.wpcUJb {
    width: 3.625rem
}

.EapB0m {
    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
}

.f4W0Nx {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.d4PqHM {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.NpMZAS {
    padding-right: 2.4375rem
}

.f2QWKz {
    align-items: center;
    display: flex;
    flex-direction: column
}

.uu1ye7 {
    margin-bottom: .6875rem;
    overflow: hidden
}

.y7gXed {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.EGtL_w,.uZnObp {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.EGtL_w {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.uZnObp {
    background-size: 100%
}

.KxGoKs {
    align-items: center;
    display: flex
}

.ko5EyI,.pS6dAg {
    height: 1rem;
    padding: .1875rem
}

.zvDtEA.EapB0m {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.zvDtEA .f4W0Nx {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.zvDtEA .EGtL_w {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.zvDtEA .uZnObp {
    height: 2.1875rem;
    width: 6.6875rem
}

.zvDtEA .MJox0R {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.zvDtEA .NpMZAS {
    padding-right: 1.4375rem
}

.zvDtEA .f2QWKz {
    justify-content: center
}

.zvDtEA .y7gXed {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.zvDtEA .uu1ye7 {
    margin-bottom: -.25rem
}

.zvDtEA .B_hELM,.zvDtEA .ko5EyI,.zvDtEA .pS6dAg {
    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
}

.zvDtEA .B_hELM {
    margin-right: 0
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.aFFnrT {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

._3sjFp {
    align-items: center;
    border-radius: .125rem;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

.Re56EB {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.gOoSPx {
    color: #222;
    font-size: 1rem;
    text-align: center
}

.idLK2l {
    height: 15px
}

.EtYbJs,.idLK2l {
    white-space: nowrap
}

.EtYbJs {
    color: rgba(0,0,0,.87);
    color: #05a;
    font-size: 13px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.theme--s-mart .EtYbJs {
    color: #066bc8
}

.EtYbJs:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.R7vGdX {
    color: #05a;
    font-size: 14px
}

.EB95ts {
    height: 10px;
    margin: 0 5px;
    width: 10px
}

.oh0Xh2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TYHGxr {
    background-repeat: no-repeat;
    height: 2.25rem;
    width: 100%
}

@keyframes second-ten {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(0)
    }

    16.66% {
        transform: translateY(-17px)
    }

    31.66% {
        transform: translateY(-17px)
    }

    33.33% {
        transform: translateY(-34px)
    }

    48.33% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    65% {
        transform: translateY(-51px)
    }

    66.66% {
        transform: translateY(-68px)
    }

    81.66% {
        transform: translateY(-68px)
    }

    83.33% {
        transform: translateY(-85px)
    }

    98.33% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes second-digit {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes minute-ten {
    0% {
        transform: translateY(0)
    }

    16.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-17px)
    }

    33.305555% {
        transform: translateY(-17px)
    }

    33.333333% {
        transform: translateY(-34px)
    }

    49.972222% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    66.638888% {
        transform: translateY(-51px)
    }

    66.666666% {
        transform: translateY(-68px)
    }

    83.305555% {
        transform: translateY(-68px)
    }

    83.333333% {
        transform: translateY(-85px)
    }

    99.972222% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes minute-digit {
    0% {
        transform: translateY(0)
    }

    9.833% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.833% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.833% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.833% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.833% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.833% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.833% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.833% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.833% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.833% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-hundred {
    0% {
        transform: translateY(0)
    }

    9.999972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.999972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.999972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.999972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.999972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.999972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.999972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.999972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.999972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.999972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-ten {
    0% {
        transform: translateY(0)
    }

    9.99972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.99972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.99972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.99972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.99972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.99972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.99972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.99972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.99972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.99972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-digit {
    0% {
        transform: translateY(0)
    }

    9.9972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.9972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.9972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.9972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.9972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.9972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.9972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.9972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.9972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.9972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

.shopee-countdown-timer {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #000;
    cursor: default;
    display: flex
}

.shopee-countdown-timer__colon {
    background-position-y: 3px;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    height: 17px;
    margin: 0 2px;
    text-align: center;
    width: 3px
}

.shopee-countdown-timer__colon--flashing-off {
    opacity: 0
}

.shopee-countdown-timer__number {
    background: currentColor;
    border-radius: 2px;
    box-sizing: content-box;
    display: flex;
    font-size: 19px;
    height: 17px;
    justify-content: space-around;
    line-height: 20px;
    margin-bottom: 4px;
    min-width: 20px;
    overflow: hidden;
    padding: 1px 3px;
    text-align: center
}

.shopee-countdown-timer__number__deca,.shopee-countdown-timer__number__hexa {
    display: inline-block;
    height: 187px;
    overflow: hidden;
    width: 9px
}

.shopee-countdown-timer__number__deca--second {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: second-digit
}

.shopee-countdown-timer__number__hexa--second {
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-name: second-ten
}

.shopee-countdown-timer__number__deca--minute {
    animation-duration: 600s;
    animation-iteration-count: infinite;
    animation-name: minute-digit
}

.shopee-countdown-timer__number__hexa--minute {
    animation-duration: 3600s;
    animation-iteration-count: infinite;
    animation-name: minute-ten
}

.shopee-countdown-timer__number__deca--hour {
    animation-duration: 36000s;
    animation-iteration-count: infinite;
    animation-name: hour-digit
}

.shopee-countdown-timer__number__hexa--hour {
    animation-duration: 360000s;
    animation-iteration-count: infinite;
    animation-name: hour-ten
}

.shopee-countdown-timer__number__hund--hour {
    animation-duration: 3600000s;
    animation-iteration-count: infinite;
    animation-name: hour-hundred
}

.shopee-countdown-timer__number__item {
    height: 17px;
    position: relative;
    width: 9px
}

.shopee-countdown-timer__number__item svg {
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 17px;
    fill: #fff;
    stroke: #fff;
    overflow: visible
}

.colon-dot {
    background: currentColor;
    border-radius: 100%;
    height: 3px;
    left: 0;
    position: absolute;
    top: 10%;
    width: 3px
}

.colon-dot__wrapper {
    height: 50%;
    position: relative;
    width: 100%
}

.x7M8PV {
    align-items: center;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4323ad4dc2b3c72d0474.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    display: flex;
    height: 2.25rem;
    margin-top: .625rem;
    padding: 0 1.25rem
}

.x7M8PV .BYTod0 {
    margin-bottom: 0
}

.QYq0yX {
    height: 1.3125rem;
    object-fit: contain;
    object-position: center;
    width: 7.625rem
}

.Er7dmT {
    border: 1px solid #fff;
    border-radius: .0625rem;
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    margin-left: .9375rem;
    padding: .125rem .25rem
}

.meXFK1 {
    margin-left: auto;
    margin-right: .375rem
}

.rchvXw {
    font-weight: lighter;
    margin-right: .625rem;
    text-transform: uppercase
}

.oc36a7 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 2.75rem;
    max-width: 41.5625rem;
    padding-right: .9375rem
}

.p9zkFm {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.K2ZHLr {
    text-align: right;
    width: 100%
}

.QjMzan {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/6a5b16e354493609ddfe.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    font-size: 1rem;
    height: 36px;
    margin-top: .625rem;
    padding: 0 20px
}

.MuD8h4 {
    display: flex;
    font-size: 1.25rem;
    margin-right: .625rem
}

.L1_lX8 {
    text-align: right
}

.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
}

.btn-tinted,.btn.btn-tinted {
    background: rgba(255,87,34,.1);
    background: var(--brand-primary-light-color);
    border: 1px solid var(--brand-primary-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
}

.fnrLi4 {
    padding-left: 20px
}

.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
}

.RFtB8m {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 40px;
    padding: 0 15px
}

.RFtB8m:hover {
    cursor: pointer
}

.FIA9aM {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.pPGzNd {
    flex-shrink: 0;
    margin-right: 15px;
    max-height: 23px;
    max-width: 23px
}

.Ug6OeI {
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.px0yxd {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.fwuod7 {
    width: 66%
}

.ED51uK {
    font-weight: 500
}

.FQtUZP .o1D7nV {
    margin-right: 20px
}

.FQtUZP .KzKhX4 {
    font-weight: 500;
    margin-right: 2px
}

.FQtUZP .mC_csS {
    text-align: right
}

.u5Ij85 {
    opacity: .26
}

.R0yvAP {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 623px
}

.M4EZyL {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.R0yvAP .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

.prk9tO {
    min-height: 170px;
    width: 415px
}

.IF6ojx {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.j3SBEG {
    height: 360px;
    min-height: 0;
    padding: 0 30px 15px 15px
}

.qm6QLV {
    margin-left: 15px
}

.nHfAeP {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.TGiOM5 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 210px
}

.VFYEsP {
    padding-left: 20px
}

.hN1SOV {
    color: #333;
    margin-top: 20px
}

.jpxGdf {
    font-weight: 500
}

.SmGBM4 {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin: 0 30px 30px;
    width: 355px
}

.zIkywd {
    color: #333;
    line-height: 20px
}

.SSfI1U {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.SSfI1U .HjXj5I {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.KrtGbA {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

.oHWDGJ {
    margin-top: .9375rem
}

.Bf9ap6 {
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: -1000
}

.OgBXec {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 48px;
    padding: 0 12px
}

.OgBXec:hover {
    cursor: pointer
}

.HCI5LA {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.HkXJEX {
    font-size: 14px;
    margin-right: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.FCPqX3 {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.qwFJmq {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: .75rem;
    width: 5.875rem
}

.oAzNCW {
    width: 1.5rem
}

.H7bAjF {
    margin-top: .5rem;
    text-align: center
}

.Meg1Qh {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 794px
}

.QD7cFW {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.Meg1Qh .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

._0CFs8 {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.aOjCJj {
    height: 360px;
    min-height: 0;
    padding: 0 0 15px 15px
}

.rtRdUY {
    margin-left: 15px
}

.iJK0vB {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.ZWrHF4 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 260px
}

.vBGbBf {
    padding-left: 20px
}

.RDvi79 {
    color: #333;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.C_ZJMe {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.C_ZJMe .Uua34d {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.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;
    text-transform: capitalize;
    width: 110px
}

.GwcqEE,.WByRAC {
    height: 9px;
    margin-left: 6px
}

.rphiJ1 {
    box-sizing: border-box;
    padding: 30px 30px 20px;
    text-transform: capitalize;
    width: 350px
}

.U2D2mH {
    color: #222;
    font-size: 20px
}

.GbmMWt {
    color: #929292;
    margin-top: 30px
}

.P1Ozlo:first-child {
    width: 30%
}

.P1Ozlo:nth-child(2),.P1Ozlo:nth-child(3) {
    width: 35%
}

.fUtVgS {
    color: #222;
    width: 30%
}

._wnmWC {
    color: #ee4d2d;
    width: 35%
}

.izNOwG {
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 35%
}

.YCB1KC {
    margin-top: 25px
}

.iCq3ef {
    flex-direction: row-reverse;
    margin-top: 45px
}

.NtkrDO {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 22px;
    max-height: 200px;
    padding: 20px;
    width: 300px;
    word-wrap:;
    overflow: auto;
    text-align: left
}

.NtkrDO a {
    color: #05a
}

.gdYMVU {
    height: 14px;
    width: 14px
}

.y5xqvT {
    align-items: center;
    display: flex;
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.d_wQcV {
    width: 20px
}

.iDZfa6 {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.Y04pHP {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.HICLAp {
    width: 20px
}

.w2GEso {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.YyI58r {
    color: rgba(0,0,0,.87);
    line-height: 1.25rem;
    margin-top: .75rem
}

.SFi5Vg,.YyI58r {
    font-size: .875rem
}

.SFi5Vg {
    cursor: default;
    display: flex;
    flex-direction: column;
    margin: .75rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 28.625rem
}

.n9FCgW {
    align-items: flex-start;
    display: flex
}

.Xf1wi6 {
    font-weight: 500;
    max-width: 33.3%;
    padding-right: .625rem
}

.DbbHsV,.Xf1wi6 {
    display: -webkit-box;
    font-size: .875rem;
    line-height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.DbbHsV {
    margin-left: auto;
    max-width: 66%
}

.N1S9ia {
    color: rgba(0,0,0,.26);
    margin-right: 2px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.N1S9ia,.kVeRiB {
    display: inline-block
}

.kVeRiB {
    color: #ee4d2d
}

.kVeRiB:only-child {
    color: rgba(0,0,0,.87)
}

.dl9jlo {
    margin-top: .5rem
}

.VJJeDm,.dl9jlo {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.VJJeDm {
    display: inline-block;
    margin-top: .4375rem;
    white-space: 
}

.YULpJb {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-top: .625rem
}

.pl-promotion {
    flex: 0 1 auto
}

.SFi5Vg+.SFi5Vg {
    padding-top: .625rem
}

.theme-ofs .VJJeDm {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.hLl9Yz {
    border-bottom: 1px solid rgba(0,0,0,.09);
    font-size: .875rem;
    font-weight: 500;
    height: 3.25rem;
    line-height: 3.25rem
}

.q5KiF7 {
    margin-bottom: .75rem;
    padding: 0 1.25rem
}

.Ej6Io5 {
    padding-top: .625rem
}

.wykjJM {
    margin: 0
}

.wykjJM:not(:first-child) {
    margin-top: 1.5625rem
}

.wOMafz {
    font-weight: 400!important
}

.Rt_jnJ {
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.oJaVeR {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.ai5kXA {
    align-items: center;
    display: flex
}

.DkMKTu {
    color: #636363
}

.DkMKTu,.Vjww5c {
    margin-left: .625rem
}

.Vjww5c {
    display: inline-block;
    vertical-align: baseline
}

.Vjww5c .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.jZUECu {
    color: rgba(0,0,0,.54);
    fill: currentColor;
    stroke: none;
    height: .875rem;
    width: .875rem
}

.RC844M {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.RC844M ol,.RC844M ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.Z9LFVl {
    margin-bottom: .625rem
}

.fp3wtk {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.uvxHv_ {
    align-items: center;
    color: #636363;
    display: flex;
    margin: 0 0 0 10px
}

.fhEmmk {
    display: inline-block;
    margin-left: .5rem;
    vertical-align: baseline
}

.fhEmmk .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.N2y_MC {
    height: .875rem;
    width: .875rem
}

.MJLyzU {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.MJLyzU ol,.MJLyzU ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.nVIOok {
    display: flex
}

.nVIOok>div:first-child {
    margin-right: 1.25rem
}

._7aiwyt {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.CWIkAx {
    width: 515px
}

.Z3_m8m {
    height: 0;
    opacity: 0
}

.oqSQTf {
    height: auto;
    opacity: 1;
    transition: height .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)
}

.BWGW5I {
    align-items: center;
    display: flex
}

.gbmoiL {
    padding: 0 20px
}

.qPOUK4 {
    color: rgba(0,0,0,.54)
}

.vAmPSZ {
    color: #ee4d2d;
    margin-bottom: 10px
}

.vAmPSZ>.icon-preorder {
    font-size: 20px;
    margin: 0 14px 0 0
}

.wigEZ0 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 1fr
}

.Fy4A_Q {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1
}

.Fy4A_Q,.ohuenU {
    grid-row: 1;
    -ms-grid-row: 1;
    margin-bottom: 12px
}

.ohuenU {
    grid-column: 2;
    -ms-grid-column: 2;
    margin-left: 7px
}

.nDYwZC {
    align-items: center;
    color: #222;
    display: flex
}

.mU_CeI {
    color: rgba(0,0,0,.54);
    font-weight: 300;
    margin-top: 2px
}

.ylZz2_ {
    margin-left: 10px
}

.nzMrCh {
    white-space: normal
}

.H5IRYN {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2
}

.H5IRYN .fBlHLU,.H5IRYN .i9sDsG {
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    width: 20px
}

.JLop8B {
    grid-column: 2;
    -ms-grid-column: 2;
    grid-row: 2;
    -ms-grid-row: 2;
    margin-left: 7px
}

.Zg6PS1 {
    color: #636363;
    margin-right: 10px;
    text-transform: capitalize;
    width: 110px
}

.oTmzEO {
    position: relative
}

.C0ngbq {
    align-items: center;
    margin-bottom: 10px
}

.C0ngbq,.C0ngbq .shopee-drawer__contents {
    display: flex
}

.C0ngbq:last-child {
    margin: 0
}

.NH0wdP,.mMlgVz {
    margin-right: 5px
}

.nIv4eX {
    color: #000;
    font-weight: 500
}

.bAmXer {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bAmXer .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.bAmXer .icon-arrow-down,.bAmXer .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.bAmXer:hover .nIv4eX {
    color: #ee4d2d!important
}

.PZGOkt {
    color: #222;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.PZGOkt:hover {
    color: #ee4d2d
}

.PZGOkt .eTGwg9 {
    height: 12px;
    margin-left: 5px;
    width: 12px
}

.MdEora {
    border: 1px solid rgba(0,0,0,.09);
    margin: 5px 0 0 -5px;
    padding-bottom: 15px
}

.XeC500 {
    max-height: 400px;
    max-width: 500px;
    overflow-y: auto
}

.Gty4hV {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    padding: 18px 20px 0
}

.Gty4hV a {
    color: #4080ee
}

.HykkXO {
    display: inline-block;
    padding-top: 15px;
    text-align: center;
    width: 500px
}

.theme--ofs .PZGOkt :hover {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .ZeFe2s {
    color: #d0011b
}

.PddMlc {
    margin-right: 5px
}

.my0ZcO {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.my0ZcO .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.my0ZcO .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.my0ZcO .RhLDj0 {
    height: .625rem;
    margin-left: 5px;
    pointer-events: none;
    width: .625rem
}

.my0ZcO .RhLDj0.IE8riR {
    transform: rotate(180deg)
}

.my0ZcO:hover .jEJ3Vm {
    color: #ee4d2d!important
}

.my0ZcO button {
    background-color: transparent;
    border: 0
}

.awxJLd {
    color: #000;
    font-weight: 500
}

.Jzfbds {
    background: transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998
}

.LUAQqJ {
    display: inline-flex;
    flex-direction: row
}

.YRa9CH {
    color: #929292;
    margin-right: .3125rem;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.AGvOhq {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .5rem
}

.WjX0SZ {
    display: inline-block;
    font-size: 0;
    margin-top: toRem(-2px)
}

.WjX0SZ>svg {
    height: toRem(24px);
    width: toRem(24px)
}

.jQFffX {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1rem
}

.YMJfCu {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    margin-bottom: 10px
}

.F3NM4u {
    height: 20px;
    margin: 0 14px 0 0;
    width: 20px
}

.ytozli {
    border-bottom: 1px solid #efefef;
    padding: 15px
}

.gxPhDY {
    margin-right: 4px
}

.SsEdP1 {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: 14px;
    line-height: 16px
}

.BYQWiH {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

._2yNQg {
    align-items: center;
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    display: inline-flex;
    height: 1.25em;
    width: 1.25em
}

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

.s6Zx9 {
    animation: _2yNQg .56s linear infinite;
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: .25em;
    margin-bottom: -.25em;
    margin-right: .25em;
    transform: translateY(.0001%);
    width: .25em
}

.s6Zx9:nth-child(2) {
    animation-delay: -.14s
}

.s6Zx9:nth-child(3) {
    animation-delay: -.28s;
    margin-right: 0
}

@keyframes _2yNQg {
    50% {
        transform: translateY(-.25em)
    }
}

.uVwYBh {
    align-items: flex-start;
    max-width: 625px
}

.JeKiRh {
    color: rgba(0,0,0,.54)
}

.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:
}

.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: rgba(0,0,0,.09);
    color: #ccc
}

.UAc5Wb svg,.suQW3X[disabled] svg {
    fill: #ccc
}

.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
}

.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
}

.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
}

.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)
}

.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
}

.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)
}

.tElCxK {
    display: none
}

.voucher-ticket {
    max-width: 100%
}

.voucher-ticket .copy-field__button,.voucher-ticket__code,.voucher-ticket__promo-off {
    text-transform: uppercase
}

.voucher-ticket--fancy {
    align-items: stretch;
    background: #ee4d2d;
    border: .3125rem solid #ee4d2d;
    display: flex
}

.voucher-ticket--fancy__main {
    align-items: center;
    color: #fff;
    display: flex;
    flex: 0 0 42%;
    flex-direction: column;
    justify-content: center
}

.voucher-ticket--fancy__main-label {
    font-weight: 300;
    text-transform: uppercase
}

.voucher-ticket--fancy__detail {
    background: #fff;
    flex: 1 0 auto;
    overflow: hidden;
    padding: .625rem .625rem .9375rem;
    position: relative;
    z-index: 1
}

.voucher-ticket--fancy__bottom-border,.voucher-ticket--fancy__top-border {
    height: .3125rem;
    position: absolute;
    width: 8.625rem;
    z-index: 2
}

.voucher-ticket--fancy__top-border {
    right: .25rem;
    top: -.3125rem
}

.voucher-ticket--fancy__bottom-border {
    bottom: -.3125rem;
    left: 0
}

.voucher-ticket--fancy .voucher-ticket__code-wrapper {
    align-items: flex-end;
    border-top: 1px dashed rgba(0,0,0,.14);
    display: flex;
    justify-content: space-between;
    margin: .375rem 0 0;
    padding: .375rem 0 0
}

.voucher-ticket--fancy .voucher-ticket__code-label {
    font-weight: 500
}

.voucher-ticket--fancy .voucher-ticket__code {
    color: #ee4d2d;
    font-size: .875rem;
    font-weight: 700
}

.voucher-ticket--fancy .voucher-ticket__promo {
    line-height: 1em;
    position: relative;
    top: .2em
}

.voucher-ticket--fancy .voucher-promo-coins-cashback__label {
    font-size: .75rem;
    line-height: .875rem
}

.voucher-ticket--fancy.copy-field {
    display: block
}

.voucher-ticket--fancy.copy-field .copy-field__trigger {
    align-items: stretch;
    display: flex;
    height: 100%
}

.voucher-ticket--seller {
    border-radius: .125rem
}

.voucher-ticket--seller .copy-field {
    bottom: .9375rem;
    min-width: 3.75rem;
    position: absolute;
    right: .875rem;
    z-index: 2
}

.voucher-ticket--seller .voucher-ticket__promo {
    display: grid;
    font-size: 1.75rem;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto .875rem;
    min-height: 4.1875rem
}

.voucher-ticket--seller .voucher-ticket__promo--medium {
    font-size: 2rem
}

.voucher-ticket--seller .voucher-ticket__promo--medium .voucher-promo-value {
    line-height: 2rem
}

.voucher-ticket--seller .voucher-ticket__promo--large {
    font-size: 3.25rem
}

.voucher-ticket--seller .voucher-ticket__promo--large .voucher-promo-value {
    line-height: 3.25rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value {
    align-self: end;
    font-weight: 700;
    position: relative;
    top: .5rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--cashback {
    align-items: center;
    display: flex;
    grid-column: 1/2;
    grid-row: 1/2;
    margin-right: .25rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--percent {
    grid-column: 1/2;
    grid-row: 1/3
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--absolute-value {
    grid-column: 1/2;
    grid-row: 1/2
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--percent {
    align-self: end;
    font-size: 1.5625rem;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: .125rem;
    margin-left: .5rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--percent svg {
    display: block;
    fill: #fff
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--off {
    font-size: .875rem;
    font-weight: 700;
    grid-column: 2/3;
    grid-row: 2/3;
    line-height: 1rem;
    margin-left: .5rem;
    text-transform: uppercase
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coins-cashback {
    align-items: flex-end;
    display: flex;
    font-size: .75rem;
    grid-column: 1/3;
    grid-row: 3/4;
    justify-content: center;
    line-height: .875rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coin-cashback-percentage-sign {
    align-self: end;
    font-size: 1.5625rem;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: .4375rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coin-cashback-percentage-sign svg {
    display: block;
    fill: #fff
}

.voucher-ticket--seller .voucher-ticket__expiry {
    color: #929292;
    flex: 1;
    font-size: .8125rem
}

.voucher-ticket--seller .voucher-ticket--seller-basic {
    align-items: center;
    display: flex
}

.voucher-ticket--seller .voucher-ticket--fancy__main {
    justify-content: space-between;
    padding: 1.25rem 0
}

.voucher-ticket--seller .voucher-ticket--fancy__main-label {
    letter-spacing: .0625rem
}

.voucher-ticket--seller .voucher-ticket--fancy__detail {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: space-between
}

.voucher-ticket--seller-mini {
    align-items: center;
    border: .0625rem solid #ee4d2d;
    border-width: .0625rem 0;
    box-sizing: border-box;
    color: #ee4d2d;
    display: flex;
    font-weight: 700;
    height: 2.1875rem;
    justify-content: center;
    padding: 0 .5rem;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.voucher-ticket--seller-mini__border-left,.voucher-ticket--seller-mini__border-right {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2
}

.voucher-ticket--seller-mini__border-left svg,.voucher-ticket--seller-mini__border-right svg {
    height: 35px;
    width: 5px;
    fill: #ee4d2d
}

.voucher-ticket--seller-mini__border-left {
    left: 0
}

.voucher-ticket--seller-mini__border-right {
    right: 0;
    transform: rotate(180deg)
}

.voucher-ticket--seller-mini__border-right svg {
    float: right
}

.voucher-ticket--seller-mini-solid {
    align-items: center;
    background: rgba(208,1,27,.08);
    border: 0;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    justify-content: center;
    padding: 3px 7px;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.voucher-ticket--seller-mini-solid:after,.voucher-ticket--seller-mini-solid:before {
    background-image: radial-gradient(#fff 2px,transparent 0);
    background-position-x: -6px;
    background-size: 6px 6px;
    content: "";
    height: calc(100% - 5px);
    position: absolute;
    top: 2.5px;
    width: 6px
}

.voucher-ticket--seller-mini-solid:before {
    left: -3px
}

.voucher-ticket--seller-mini-solid:after {
    right: -3px
}

.voucher-ticket--seller-mini-solid .voucher-promo-label--coins-cashback,.voucher-ticket--seller-mini-solid .voucher-promo-label--off {
    margin-left: .25rem
}

.voucher-ticket--TW.voucher-ticket--seller .voucher-promo-label--off {
    font-size: 1.25rem
}

.voucher-ticket--VN.voucher-ticket--seller .copy-field__button {
    font-size: .75rem
}

.theme--ofs .voucher-ticket__code {
    color: #d0011b
}

.theme--ofs .voucher-ticket--fancy {
    background: #d0011b;
    border-color: #d0011b
}

.theme--ofs .voucher-ticket--fancy__bottom-border,.theme--ofs .voucher-ticket--fancy__top-border {
    fill: #d0011b
}

.theme--ofs .voucher-ticket .stardust-button {
    background: #d0011b
}

.theme--ofs .voucher-ticket--seller-mini {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .voucher-ticket--seller-mini__border-left svg,.theme--ofs .voucher-ticket--seller-mini__border-right svg {
    fill: #d0011b
}

.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
}

.UvSsjz:focus-visible {
    border-radius: 2px;
    outline: 2px solid #000
}

.mini-voucher-with-popover {
    margin-right: .625rem;
    position: relative
}

.mini-vouchers {
    width: 100%
}

.mini-vouchers__label {
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
    width: 110px
}

.mini-vouchers__wrapper {
    height: 1.375rem;
    min-width: calc(100% - 245px)
}

.mini-vouchers__vouchers {
    display: flex;
    flex-shrink: 1;
    overflow: hidden;
    position: relative
}

.mini-vouchers__mask {
    background: linear-gradient(90deg,hsla(0,0%,100%,.001) 80%,#fff);
    height: 100%;
    position: absolute;
    width: calc(100% + 1px);
    z-index: 1
}

.mini-vouchers__show-all {
    align-items: center;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    flex-shrink: 0;
    margin-left: .3125rem;
    white-space: nowrap
}

.mini-vouchers__show-all>svg {
    margin-left: .625rem;
    width: 1em
}

.theme--ofs .mini-vouchers .voucher-briefing__code,.theme--ofs .mini-vouchers .voucher-briefing__discount,.theme--ofs .mini-vouchers .voucher-ticket,.theme--ofs .mini-vouchers .voucher-ticket__promo {
    color: #d0011b
}

.theme--s-mart .mini-vouchers .voucher-briefing__code,.theme--s-mart .mini-vouchers .voucher-briefing__discount,.theme--s-mart .mini-vouchers .voucher-ticket,.theme--s-mart .mini-vouchers .voucher-ticket__promo {
    color: #fff
}

.mini-vouchers .mini-vouchers__show-all {
    color: var(--brand-primary-color)
}

.theme--ofs .mini-vouchers .voucher-ticket--seller-mini-solid {
    background: rgba(208,1,27,.08)
}

.theme--s-mart .mini-vouchers .voucher-ticket--seller-mini-solid {
    background: #f69113
}

.K4EMzU {
    background-color: #ee4d2d;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 5px
}

.E_9Yd2 {
    color: #08f;
    margin-left: 20px
}

.yjMlzR {
    align-items: center;
    color: #222;
    display: flex;
    margin-bottom: 25px;
    margin-left: -4px;
    margin-top: -4px;
    padding: 4px
}

.yjMlzR:last-child {
    margin-bottom: 0
}

.OGxzJN {
    align-items: center;
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
    width: 110px
}

.ZXrGhX {
    background: transparent;
    border: 1px solid #ee4d2d;
    border-color: var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    cursor: pointer;
    font-size: 14px;
    max-width: 450px;
    outline: 0;
    overflow: visible;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ZXrGhX: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)
}

.jbM8YZ {
    border: 1px solid var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    font-size: 14px;
    max-width: 450px;
    overflow: hidden;
    padding: 3px 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o8k8S4 {
    align-items: center;
    color: #555;
    display: flex
}

.G3Wedb {
    display: inline-block;
    font-size: 0;
    margin-right: 8px;
    padding: 0 5px
}

.ikrz0A {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.Q8e31z {
    margin-right: 12px
}

.w8_Dsz {
    color: rgba(0,0,0,.54);
    margin-right: 10px
}

.NGt3mo:hover {
    cursor: pointer
}

.Qk7Yut {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: toRem(14px);
    line-height: toRem(22px);
    max-height: 200px;
    overflow-y: auto;
    padding: toRem(20px);
    width: 475px;
    width: toRem(300px);
    word-wrap:;
    text-align: left
}

.Qk7Yut strong {
    font-weight: 500
}

.Qk7Yut .red {
    color: #ee4d2d
}

.Qk7Yut a {
    color: #08f
}

.CyT4Dj {
    align-items: center;
    color: #555;
    display: flex
}

.rQOiME {
    margin-right: 5px
}

.tk9RLq {
    margin-right: 10px
}

.bzbDeN {
    color: #ffae04
}

.jU9Xv1:hover {
    cursor: pointer
}

.W5LiQM {
    padding-bottom: 15px
}

.uF9btB {
    background: #fff5f5;
    margin: 15px -35px 0 -20px;
    padding: 10px 35px 15px 20px
}

.jJ5NSQ {
    align-items: center;
    display: flex
}

.jJ5NSQ .shopee-popover {
    top: 1.875rem!important
}

.jJ5NSQ .shopee-popover--dropdown {
    left: unset!important;
    right: 0
}

.jJ5NSQ .shopee-popover--dropdown:before {
    top: -1rem
}

.jJ5NSQ .shopee-popover .voucher-ticket {
    flex-wrap: wrap;
    text-align: center;
    white-space: normal
}

.hI_RBc .shopee-popover--dropdown:after,.hI_RBc .shopee-popover--dropdown:before {
    left: 8.625rem;
    right: auto
}

.FacMDR .shopee-popover--dropdown:after {
    border-bottom-color: #f5f5f5
}

.mDUADU {
    max-width: 625px
}

.DFQfff {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 21px;
    width: 110px
}

.BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9c166ca0a3c6cc3af938.svg)
}

.theme--ofs .BhIewg,.theme--s-mart .BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/a2db3c5da61ea3283d59.svg)
}

.KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8bb270ba4608c47a5403.svg)
}

.theme--ofs .KXhw16,.theme--s-mart .KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/ab4c931d6fec4b4c90a5.svg)
}

.msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0407a621b4442a066eb8.svg)
}

.theme--ofs .msTHzO,.theme--s-mart .msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/979c2e214ae591d71aa0.svg)
}

.c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/357d978f2aa5a0c04e4a.svg)
}

.theme--ofs .c68rxO,.theme--s-mart .c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/99af350ab822ca38a055.svg)
}

.EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4c6f1ae0a564806f3ee3.svg)
}

.theme--ofs .EUsrIT,.theme--s-mart .EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/fc17e1addec957a17b1a.svg)
}

.qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/759ea43d932fa2f500b4.svg)
}

.theme--ofs .qlCDpk,.theme--s-mart .qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dfe090b98951be4250ae.svg)
}

.ZRb8YF {
    color: rgba(0,0,0,.87);
    color: #555;
    display: block;
    display: flex;
    margin-top: 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ZRb8YF .flash-sale-logo {
    flex: 0 0 110px;
    width: 110px
}

.ZRb8YF .d24OWs {
    color: #555;
    height: 10px;
    vertical-align: middle;
    width: 10px
}

.ZRb8YF .d24OWs,.eLrI5y {
    flex: 0 1 auto;
    margin-left: 10px;
    min-width: 0
}

.eLrI5y:first-letter {
    text-transform: capitalize
}

.B2VeH5 {
    align-items: center;
    color: #222;
    display: flex;
    margin-top: 10px
}

.NcdXPM {
    margin: 0 10px
}

.M5LKBZ {
    width: auto
}

.NfhAIH {
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.NfhAIH: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)
}

.NfhAIH .TPeBcA {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.W6M3dH {
    margin-top: 20px
}

.GK_2LA {
    height: 22px;
    width: 82px
}

.p5fFhq {
    color: #222;
    margin-top: 10px
}

.p5fFhq .VnazUk {
    fill: #ee4d2d
}

.theme--ofs .p5fFhq .VnazUk,.theme--s-mart .p5fFhq .VnazUk {
    fill: #d0011b
}

._DFvc4 {
    margin: 0 10px
}

.xM0Pgc {
    width: auto
}

.lS7OCO {
    height: 14px;
    width: 14px
}

.KfcNHk {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.KfcNHk: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)
}

.KfcNHk .E0CH4h {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

._2pz6w {
    margin-top: 20px
}

.NvR0ah {
    color: #222;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ZdNfz5 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4449f8573c4eca4a6a01.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .ZdNfz5,.theme--s-mart .ZdNfz5 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b647148bd39e40205fdd.svg)
}

.S0EU5v {
    height: 12px;
    width: 32px
}

.S0EU5v,.theme--ofs .S0EU5v,.theme--s-mart .S0EU5v {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dbae024901819e83889b.svg)
}

.ZjevAU {
    height: 16px;
    width: 33px
}

.ZjevAU,.theme--ofs .ZjevAU,.theme--s-mart .ZjevAU {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/774b00f71863496b8881.svg)
}

.gzXXjX {
    align-items: center;
    display: flex
}

.WYICq6 {
    color: #ee4d2d;
    font-size: 14px;
    margin-right: 10px
}

.theme--ofs .WYICq6,.theme--s-mart .WYICq6 {
    color: #d0011b
}

.i2MfcC {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.ypPqEB {
    width: auto
}

.tcRfAU {
    height: 14px;
    width: 14px
}

.s3Pzn0 {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.s3Pzn0: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)
}

.s3Pzn0 .nRC_Ur {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.twmUI7 {
    margin-top: 20px
}

.BIj3A4 {
    margin-top: 10px
}

.LD3Atz {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/aa493bd105297046b511.svg);
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .LD3Atz,.theme--s-mart .LD3Atz {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/163d55e75c9ec0147c04.svg)
}

._1nGNo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8e3da046d68806fa2c21.svg);
    background-size: contain;
    height: 21px;
    width: 21px
}

.theme--ofs ._1nGNo,.theme--s-mart ._1nGNo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2c50059049ce7cd7ba61.svg)
}

.Fw7kDB {
    color: #ee4d2d;
    font-size: 14px
}

.theme--ofs .Fw7kDB,.theme--s-mart .Fw7kDB {
    color: #d0011b
}

._fTFUY {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.ZUZ1FO {
    background-color: #ee4d2d;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1;
    padding: .1875rem .25rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ZUZ1FO:before {
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    bottom: -.125rem;
    content: "";
    display: inline-block;
    left: .0625rem;
    position: absolute;
    transform: rotate(45deg)
}

.IM_tEy {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.IM_tEy:before {
    border-bottom-color: transparent;
    content: none;
    display: none
}

.vRzNCn {
    font-size: .75rem
}

.vRzNCn>._Xc318 {
    font-size: .5rem;
    margin-right: .1875rem
}

.TheSnF {
    background-color: #d0011b
}

.JmTm3y svg,.KamlEE svg {
    height: .625rem;
    width: 3.5625rem
}

.Lmf8rp {
    bottom: -1px;
    padding: .25rem .25rem 0
}

.Lmf8rp svg {
    height: .75rem;
    width: 4.0625rem
}

.Gn_PYU {
    background-color: #ffa604;
    position: relative
}

.Gn_PYU:before {
    border: .13125rem solid transparent;
    border-bottom-color: #ae7600
}

.S5RgI8 {
    font-size: .875rem;
    font-weight: 400;
    height: 1rem
}

.CF1_zm {
    margin: 0 .4375rem
}

.N2DnWM {
    background-color: #44b5ff;
    cursor: pointer;
    display: inline;
    position: relative
}

.N2DnWM:before {
    border: .13125rem solid transparent;
    border-bottom-color: #0971c2
}

.N2DnWM:hover>.ZMtecs {
    opacity: 1;
    z-index: 1
}

.N2DnWM>.oGCrs0 {
    font-size: 7px
}

.ZMtecs {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.26);
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    left: .5rem;
    min-width: 10rem;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    top: 1.375rem;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: -10
}

.gtMPmZ {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem
}

.gtMPmZ:last-child {
    margin: 0
}

.KXSw5q {
    color: #ee4d2d;
    margin-left: .75rem
}

.KbIqzY {
    background: transparent;
    border: 1px solid #f5a623;
    box-sizing: border-box;
    color: #f5a623;
    height: 16px;
    line-height: 1;
    padding: 2px 5px
}

.GX6H5_,.KbIqzY {
    font-size: .75rem
}

.GX6H5_ {
    background-color: rgba(0,0,0,.87);
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    min-width: 1.25rem;
    text-align: center
}

.o8dLsD {
    border-radius: .1875rem
}

.KnkA0Z {
    background-color: #ee4d2d
}

.m9V537 {
    border-radius: .625rem
}

.pe7Dnx {
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.hJo7kz {
    height: 32px;
    width: 36px
}

.eHC4a3 {
    background-color: rgba(255,212,36,.9)
}

.eHC4a3:after {
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.c1y5kQ {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.RJ9_yI {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.tnVxqd {
    flex-direction: column-reverse
}

.WHBcXf,.j7gK1S,.lgulfS {
    height: 100%;
    justify-content: center
}

.XmAz7R {
    color: #fff
}

.LdXTsk {
    color: #ee4d2d!important;
    display: inline!important;
    margin: 0
}

.dcGY2K,.pNTSF1,.v86cVi {
    display: none
}

.f6lNFN {
    height: 16px;
    width: 50px
}

.gllYNl {
    height: 16px;
    width: 69px
}

.MsCopP {
    height: 16px;
    width: 63px
}

.IxkJux {
    height: 16px;
    width: 64px
}

.UKJ57u {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10
}

.UKJ57u,.UKJ57u .A0NEU6 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.UKJ57u .A0NEU6 {
    background-color: rgba(0,0,0,.65);
    border-radius: 5rem;
    color: #fff;
    font-size: 1.25rem;
    height: 6.25rem;
    line-height: 1.5rem;
    max-width: calc(100% - 5rem);
    min-width: 6.25rem;
    text-align: center
}

.UKJ57u .hrlReN {
    border-radius: 6.25rem;
    max-width: calc(100% - 4.375rem);
    min-width: 6.8125rem
}

.UKJ57u .uyMz4f {
    border-radius: 6.25rem;
    max-width: calc(100% - 2.875rem);
    min-width: 8.375rem
}

.UKJ57u .PeGwUk {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.xdsBgZ {
    border: .0625rem solid;
    border-radius: .125rem;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.DDo0z3 {
    color: #fff;
    flex: 1
}

.DDo0z3,.PHYVzJ {
    font-size: .625rem;
    line-height: .75rem;
    overflow: hidden;
    padding: .0625rem .25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PHYVzJ {
    align-items: center;
    display: flex;
    position: relative
}

.PHYVzJ .r3mzkC {
    border-right: 5px solid transparent;
    border-top: 5px solid;
    height: 0;
    left: -.0625rem;
    position: absolute;
    top: -.0625rem;
    width: 0
}

.HeTkkY {
    border: .03125rem solid #ee4d2d;
    border-radius: .0625rem;
    color: #ee4d2d;
    font-size: .625rem;
    height: .75rem;
    line-height: .75rem;
    padding: .125rem .25rem;
    text-align: center
}

.XfpV7F {
    align-items: flex-start;
    display: flex;
    margin-top: .625rem
}

.XfpV7F .bhwGx5 {
    max-width: 75%
}

.XfpV7F .C0Gipt {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.XfpV7F .C0Gipt .FPpA9X {
    color: #ee4d2d
}

.XfpV7F .C0Gipt .f7pucd {
    flex-shrink: 0;
    margin-left: .5rem
}

.xK4Pya {
    color: rgba(0,0,0,.65);
    margin-top: 10px
}

.QAc7_y {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.qg2n76 {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.G27FPf {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .G27FPf,.theme--s-mart .G27FPf {
    color: #d0011b
}

.o_z7q9 {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .o_z7q9,.theme--s-mart .o_z7q9 {
    background-color: #d0011b
}

.D56Rgb {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
    text-transform: capitalize
}

.zSYItS {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.hB63GR {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e5bfba190f3ddf617913.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    margin-right: 10px;
    width: 21px
}

.theme--ofs .RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/88a2c5ced2d8aeb5f79b.svg)
}

.theme--s-mart .RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0f6a5e70590ae549bec5.svg)
}

.k8KFhP {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.SQ_WFs {
    color: rgba(0,0,0,.87);
    position: relative
}

.SQ_WFs .feoqk1 {
    color: rgba(0,0,0,.54);
    height: 1em;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translate(5px,-50%);
    width: 1em
}

.SQ_WFs .aO0DZE {
    height: 14px;
    width: 14px
}

.RvoGW4 {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.aIdpw8 {
    align-items: center;
    display: flex;
    margin-top: 5px
}

.ycY30D {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-right: 2px
}

.mCbTT9 {
    width: 460px
}

.Co0iAk {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 8px;
    column-gap: 8px;
    grid-row-gap: 4px;
    row-gap: 4px
}

.JZVgBK {
    align-self: center;
    grid-row-end: 3;
    grid-row-start: 1
}

.bcLI2T {
    color: #ee4d2d
}

.SrLMdT {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.CWiSMQ {
    background: #fafafa;
    padding: 15px 20px
}

.OtRglS {
    background-image: linear-gradient(-90deg,#e80f0f 2%,#d0011b 98%);
    color: #fff;
    height: 36px;
    padding: 0 20px
}

.o6J5TH {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.qT9OWd {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.f4BD5j {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .f4BD5j,.theme--s-mart .f4BD5j {
    color: #d0011b
}

.g1SI7G {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .g1SI7G,.theme--s-mart .g1SI7G {
    background-color: #d0011b
}

.fcRw1N {
    margin-left: 15px;
    white-space: nowrap
}

.fcRw1N .badge-coins-back--large {
    box-sizing: border-box;
    font-size: .75rem;
    padding: 2px 4px
}

.C2kME0 {
    margin-left: 15px;
    white-space: nowrap
}

.waMYrG {
    color: #929292;
    font-size: .75rem;
    margin-top: 10px
}

.N_55kT {
    color: #555;
    font-size: 1.25rem;
    font-weight: 500;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.PM9jT9 {
    color: #d0011b;
    font-size: 1.875rem
}

.N0BUsJ {
    margin-top: 15px
}

.L1n9hP {
    color: #555;
    margin-left: 15px
}

.pySYHb {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
    text-transform: capitalize
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

.loading-spinner-popup__container img {
    animation: rotating 2s linear infinite
}

.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:
}

.YysGiT {
    background: none;
    border: unset;
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-left: auto
}

.SDvgWG {
    background-color: #fff;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    width: 440px
}

.SDvgWG .UsJGRc {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.09);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 24px
}

.SDvgWG .UsJGRc .B1rS0C,.SDvgWG .UsJGRc .mmrQla {
    cursor: pointer;
    flex-shrink: 0
}

.SDvgWG .UsJGRc .B1rS0C {
    margin-left: auto
}

.SDvgWG .UsJGRc .cr59hK {
    flex-grow: 1;
    max-width: 324px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG .UsJGRc .cr59hK:not(:first-child) {
    margin-left: 10px
}

.SDvgWG .kmLN0Z {
    height: 220px;
    padding: 10px 24px
}

.SDvgWG ul {
    height: 220px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 0
}

.SDvgWG li {
    cursor: pointer;
    line-height: 20px;
    list-style-type: none;
    overflow: hidden;
    padding: 10px 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG li:hover {
    color: #ee4d2d
}

.SDvgWG .dcQE6F {
    padding: 24px
}

.SDvgWG .dcQE6F textarea {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    height: 114px;
    line-height: 20px;
    outline: unset;
    padding: 12px;
    resize: none;
    width: 100%
}

.SDvgWG .dcQE6F textarea:focus {
    border-color: rgba(0,0,0,.54)
}

.SDvgWG .dcQE6F textarea.RvXdsh {
    border-color: #ee2c4a
}

.SDvgWG .dcQE6F textarea::placeholder {
    color: rgba(0,0,0,.26)
}

.SDvgWG .dcQE6F .ImeN3R {
    color: #ee2c4a
}

.SDvgWG .I0yZUl {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.09);
    display: flex;
    flex-direction: row-reverse;
    padding: 12px 24px
}

.pQNWXh {
    height: 120px;
    justify-content: center;
    width: 260px
}

.T1549_ {
    display: inline-flex
}

.T1549_,.sAOZ6s {
    position: relative
}

.sAOZ6s {
    margin-right: 1px
}

.ZDu7mK {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.R6CPBG,.VAir_o {
    background-repeat: no-repeat;
    background-size: contain;
    height: 14px;
    width: 14px
}

.R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b1bcd65233e15eb99b68.svg)
}

.theme--s-mart .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/3ae5126a0937c63fd895.svg)
}

.theme--ofs .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/44c46951c46c5a5e8129.svg)
}

.VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2a44ed8141cd3a3ed0c9.svg)
}

.theme--s-mart .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e0898f40b1711fbb7c40.svg)
}

.theme--ofs .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/76bc916eeb1487a396ef.svg)
}

.asFzUa {
    margin-top: .625rem;
    position: relative
}

.PjACP4,.e2p50f {
    align-items: flex-end;
    padding: 0 15px
}

.PjACP4:first-child,.e2p50f:first-child {
    padding-left: 0
}

.PjACP4:not(:first-child),.e2p50f:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.PjACP4,.e2p50f {
    align-items: center
}

.e2p50f {
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.F9RHbS,.SvhRrv {
    color: #222;
    font-size: 1rem;
    margin-right: 5px;
    padding-bottom: 1px
}

.F9RHbS {
    border-bottom: 1px solid #555
}

.dQEiAI {
    border-bottom-color: #ee4d2d;
    color: #ee4d2d
}

.theme--ofs .dQEiAI {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--s-mart .dQEiAI {
    border-bottom-color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.87)
}

.W7cTiS {
    fill: #ee4d2d
}

.theme--ofs .W7cTiS {
    fill: #d0011b
}

.theme--s-mart .W7cTiS {
    fill: #ffce3d
}

.vOrlgh {
    line-height: 1.4375rem
}

.j9cYc1,.vOrlgh,.x1i_He {
    color: #767676;
    font-size: .875rem;
    text-transform: capitalize
}

.j9cYc1,.x1i_He {
    margin-right: 5px;
    padding: 4px 0
}

.UAYfPc {
    color: rgba(0,0,0,.54);
    height: .75rem;
    margin-left: tpRem(6px);
    width: tpRem(12px)
}

.N052bu {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.s4ihzY {
    align-items: center;
    display: flex;
    padding-right: .9375rem
}

.acDggL {
    margin-left: .3125rem
}

.mnzVGI {
    align-items: center;
    padding: 0 15px
}

.mnzVGI:first-child {
    padding-left: 0
}

.mnzVGI:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.AcmPRb {
    color: #222;
    font-size: 1rem;
    padding-bottom: 1px
}

.AcmPRb,.aleSBU {
    margin-right: 5px
}

.aleSBU {
    color: #767676;
    font-size: .875rem;
    padding: 4px 0;
    text-transform: capitalize
}

.RqQS2I {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.WBVL_7 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    max-height: 48px;
    max-width: 665px;
    overflow: hidden;
    overflow-wrap:;
    vertical-align: sub
}

._wgU9F {
    border-radius: 2px;
    display: inline-flex;
    margin-right: 10px;
    position: relative;
    transform: translateY(-2px)
}

.fclWZr {
    display: inline;
    margin-right: 8px
}

.Jwsdcs {
    font-size: 12px;
    vertical-align: middle
}

.g0xBrP {
    height: 20px;
    margin-left: 8px;
    width: 20px
}

.uxdyrX {
    margin-top: 3px
}

.uq_xEP {
    margin-right: 6px;
    vertical-align: middle
}

.UXYzvq {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: .625rem
}

.AVQfIX {
    visibility: hidden
}

.idmlsn {
    padding: 0 30px
}

.rhG6k7 {
    color: #222;
    font-size: 16px
}

.Vo8Ebs {
    border: 0;
    height: 25px;
    margin-left: 5px;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 25px
}

.Vo8Ebs: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)
}

.feDSnr {
    border-left: 1px solid rgba(0,0,0,.09);
    flex: 1;
    justify-content: center
}

.feDSnr:hover {
    cursor: pointer
}

.w2JMKY {
    background-color: transparent;
    border: 0;
    display: flex;
    outline: 0;
    overflow: visible;
    position: relative
}

.w2JMKY: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)
}

.vgMiJB {
    margin-right: 10px
}

.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
}

.tpgcVs {
    max-height: 100%;
    width: 100%
}

.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
}

._PPt_v:hover {
    cursor: pointer
}

.PhxDN7 {
    height: 1px;
    opacity: 0;
    width: 1px
}

.PhxDN7,.W3IooB {
    position: absolute
}

.W3IooB {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 160px;
    bottom: 0;
    left: 0;
    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/3d819965643f1287ea73.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
}

.w7ks6r {
    background-color: #fff;
    cursor: pointer;
    display: flex;
    padding: 1rem .875rem 1rem .75rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.xccTfr {
    flex-grow: 1;
    margin-left: .75rem;
    margin-right: 1rem
}

.SlwkHx {
    color: rgba(0,0,0,.87);
    margin-bottom: .25rem
}

.PLjDaD,.SlwkHx {
    font-size: .875rem
}

.PLjDaD {
    color: rgba(0,0,0,.54);
    word-break:
}

.jjGWyx {
    height: 1.25rem;
    width: 1.25rem
}

.yseyPt {
    align-self: center;
    height: .6875rem;
    width: .375rem
}

.SarUkj {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.IMAW1w,.ltOSWU {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.IMAW1w {
    display: block;
    object-fit: contain;
    object-position: center
}

.ltOSWU {
    align-items: center;
    display: flex;
    justify-content: center
}

.EoYuuW {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.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
}

.TMw1ot,.xxW0BG {
    position: relative
}

.xxW0BG:hover {
    cursor: pointer
}

.Ama42A {
    height: 120px!important;
    width: 120px!important
}

.UdI7e2 {
    position: relative
}

.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
}

.jA1mTx {
    position: relative
}

.jA1mTx:hover {
    cursor: pointer
}

.jA1mTx .MMqomL {
    font-size: 12px;
    height: 25px;
    line-height: 25px
}

.raRnQV {
    background-position: 50%;
    padding-top: 100%;
    width: 100%
}

.NYFAyb {
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-16px,-16px,0);
    width: 32px
}

.wOzCmT {
    border: 2px solid var(--brand-primary-color,#ee4d2d);
    bottom: 0;
    right: 0
}

.bh76f7,.wOzCmT {
    left: 0;
    position: absolute;
    top: 0
}

.bh76f7 {
    background: transparent;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.bh76f7:hover {
    background: hsla(0,0%,100%,.26)
}

.lZujh6 {
    align-items: center;
    background: rgba(0,0,0,.54);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: space-between;
    left: 0;
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    width: 100%
}

.WqggnM {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/f1a754a66c45599c570f.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 10px;
    width: 10px
}

.y8QiYh {
    text-align: right
}

.airUhU {
    margin: 5px -5px;
    position: relative
}

.grncJu {
    visibility: hidden
}

.UBG7wZ {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    width: 20%
}

.nVAzDy {
    background-color: rgba(0,0,0,.2)!important;
    border: 0;
    color: #fff;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.nVAzDy .shopee-svg-icon {
    font-size: 20px
}

.CAvqYR {
    left: 5px
}

.CAvqYR,.lWmpR1 {
    border: 0!important
}

.lWmpR1 {
    right: 5px
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.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
}

.ZznGOK {
    left: 0;
    position: absolute;
    top: 0
}

.bz2FnP {
    width: 3.625rem
}

.TBhGRX {
    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
}

.r2yBOD {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.bRvAln {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.BOkH2g {
    padding-right: 2.4375rem
}

._5cBZVE {
    align-items: center;
    display: flex;
    flex-direction: column
}

.A0VwSF {
    margin-bottom: .6875rem;
    overflow: hidden
}

.GxAlDi {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.Xg8MXC,.idrhoU {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.Xg8MXC {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.idrhoU {
    background-size: 100%
}

.kOrstZ {
    align-items: center;
    display: flex
}

.FQwKIF,.ODC3I7 {
    height: 1rem;
    padding: .1875rem
}

.A2SJhc.TBhGRX {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.A2SJhc .r2yBOD {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.A2SJhc .Xg8MXC {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.A2SJhc .idrhoU {
    height: 2.1875rem;
    width: 6.6875rem
}

.A2SJhc .riBcVs {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.A2SJhc .BOkH2g {
    padding-right: 1.4375rem
}

.A2SJhc ._5cBZVE {
    justify-content: center
}

.A2SJhc .GxAlDi {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.A2SJhc .A0VwSF {
    margin-bottom: -.25rem
}

.A2SJhc .FQwKIF,.A2SJhc .ODC3I7,.A2SJhc .R49LQp {
    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
}

.A2SJhc .R49LQp {
    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
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.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
}

._1zdBJ {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    background-color: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2Dkqc {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    margin-left: 2.5rem;
    margin-left: var(--ns-g,2.5rem);
    margin-right: 2.5rem;
    margin-right: var(--ns-g,2.5rem);
    max-height: 75%;
    max-width: 18.75rem;
    min-height: 8.125rem;
    min-width: 15rem;
    width: 100%
}

._2Dkqc,.d-Vo0 {
    overflow: hidden
}

.d-Vo0 {
    display: -webkit-box;
    margin-bottom: 1rem;
    margin-bottom: var(--ns-d,1rem);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2Xfwq {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    max-height: 15.625rem;
    min-height: 2.25rem;
    overflow-y: auto
}

._3pvMp {
    text-align: left
}

._1u0yb {
    text-align: center
}

._3Wssq {
    text-align: right
}

._2WWGU {
    padding: 1.25rem 1.25rem 1.5rem;
    padding: var(--ns-e,1.25rem) var(--ns-e,1.25rem) var(--ns-f,1.5rem) var(--ns-e,1.25rem);
    text-align: center
}

.Jl6On {
    display: flex;
    position: relative
}

.Jl6On:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    position: absolute;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    flex: 1;
    outline: none
}

.Jl6On._1ZxzA {
    flex-direction: row-reverse
}

.Jl6On._1ZxzA button {
    height: 2.96875rem
}

.Jl6On._1ZxzA button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1ZxzA button:first-child:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: scaleX(.5);
    width: .0625rem
}

.Jl6On._1ZxzA button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._24b2I button {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    height: 2.96875rem
}

.Jl6On._24b2I button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv {
    flex-direction: column;
    height: 5.9375rem
}

.Jl6On._3yCdv button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._3yCdv button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv button:nth-child(2):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On._1p6f1 {
    flex-direction: column;
    height: 8.96875rem
}

.Jl6On._1p6f1 button {
    position: relative
}

.Jl6On._1p6f1 button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1p6f1 button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._1p6f1 button:nth-child(2):after,.Jl6On._1p6f1 button:nth-child(3):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._1wbwU,._1wbwU ._2jlhf {
    width: 100%
}

.vX9SYw {
    margin-top: 1.25rem;
    padding: 0
}

.TFDXyQ {
    flex-shrink: 0;
    padding: 15px;
    width: 450px
}

.i9t0tr {
    flex: 1 0 auto;
    width: 0
}

.DXQgih {
    box-sizing: border-box;
    padding: 1.25rem 2.1875rem 0 1.25rem;
    width: 100%
}

.at_ZtL {
    margin-top: 1.5625rem;
    padding: 0 1.25rem
}

.UU0xP2 {
    border-radius: .25rem;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 1.5rem;
    width: auto
}

.UU0xP2 .shopee-alert-popup__title {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 0
}

.UU0xP2 .shopee-alert-popup__message {
    color: rgba(0,0,0,.65);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 0;
    min-width: 28.25rem
}

.UU0xP2 .shopee-alert-popup__button-horizontal-layout {
    flex-direction: row-reverse;
    margin-top: 1rem
}

.UU0xP2 .shopee-alert-popup__btn {
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 0 2.5rem;
    white-space: nowrap
}

.xoSh6i {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin: 20px 0 25px
}

.iQpU4t {
    margin-right: 8px
}

.gIL8h3 {
    display: flex;
    flex-direction: column;
    margin: 25px 15px;
    row-gap: 15px
}

.kz1LRx {
    align-items: center;
    display: flex
}

.Kdpve_ {
    flex-shrink: 0;
    height: 20px;
    margin-right: 5px;
    width: 20px
}

.lji0M1 {
    color: #222;
    padding-right: 20px;
    text-transform: capitalize
}

.u83Maa {
    color: rgba(0,0,0,.54)
}

.toDvEy {
    background: #fff;
    height: 65px;
    margin: 0 auto;
    width: 1200px
}

.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: 
}

.T_0yQ7 {
    background: #fff;
    box-sizing: border-box;
    display: flex;
    height: 65px;
    justify-content: space-between;
    padding: 12px 70px 13px
}

.IOzpm9 {
    display: flex;
    height: 40px;
    width: 268px
}

.oTDEDG {
    color: #066bc8;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.zyGyZ2 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.lHw3SG {
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: help
}

.fnRgQi {
    background: #fff;
    height: 65px
}

.EVBUfZ .shopee-drawer__contents {
    width: 268px
}

.eJ7VxS {
    background: #fff;
    padding: 12px
}

.fqmTt_ {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
    background: #fff;
    gap: 4px
}

.Nm4HEX,.fqmTt_ {
    align-items: center
}

.Nm4HEX {
    display: flex;
    font-size: 16px;
    min-width: 0
}

.Nm4HEX:first-child {
    justify-self: start
}

.Nm4HEX:nth-child(2) {
    justify-self: center
}

.Nm4HEX:nth-child(3) {
    justify-self: end
}

._7dS96 {
    min-width: 0
}

.XklnWA {
    color: #4a4a4a;
    cursor: help;
    display: flex;
    font-size: 16px;
    overflow: hidden;
    width: 100%
}

.XklnWA+.shopee-drawer__contents a {
    outline: 0;
    overflow: visible;
    position: relative
}

.XklnWA+.shopee-drawer__contents a: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)
}

.YzLslW {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._W1kLr {
    opacity: 0
}

.oZtSFx {
    flex-shrink: 0;
    height: 18px;
    margin-right: 5px;
    width: 18px
}

.CxLs6M {
    margin-left: .59375rem;
    stroke: #ee4d2d!important;
    height: .6875rem;
    width: .6875rem
}

.KUXX_3 {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem
}

.G7XNyd,.KUXX_3 {
    margin: 1.25rem 0
}

.G7XNyd {
    color: rgba(0,0,0,.54);
    font-size: 14px
}

.pUB15a {
    color: rgba(0,0,0,.87);
    font-size: 14px
}

.OH_b4J {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 6.25rem
}

.CeXbxn {
    min-height: 100px
}

.zlRPBS {
    width: 100%
}

.additionalInfoPopup {
    display: flex;
    flex-direction: column;
    min-height: 31.25rem;
    width: 50rem
}

.additionalInfoPopup .shopee-alert-popup__message {
    flex: 1;
    margin-top: 0
}

.additionalInfoPopup .shopee-alert-popup__button-horizontal-layout {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 1.25rem
}

.additionalInfoPopup .shopee-alert-popup__btn {
    flex-basis: 9.375rem;
    flex-grow: 0
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.P7IbkE {
    position: relative
}

.P7IbkE img {
    vertical-align: bottom
}

.juV2hh {
    visibility: hidden
}

.DIdXXL {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.kToENr {
    opacity: 0
}

.hnult1 {
    opacity: 1;
    transition: opacity .2s ease
}

.nVwb5f {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.vQYJ5N .IAYp87 {
    bottom: 0;
    right: 0
}

.IAYp87,.vQYJ5N .IAYp87 {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.IAYp87 {
    height: 100%;
    width: 100%
}

.r74CsV {
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: visible;
    padding: 25px!important
}

.pgFN2d {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 80px;
    margin-top: 20px;
    overflow: hidden;
    padding: 25px
}

.uLQaPg {
    border-right: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    max-width: 440px;
    padding-right: 25px
}

.lG5Xxv {
    flex-shrink: 0;
    margin-right: 20px;
    outline: 0;
    overflow: visible;
    position: relative
}

.lG5Xxv .y8f_ga {
    height: 80px;
    width: 80px
}

.lG5Xxv:focus-visible:before {
    --focus-indicator-border-radius: 50%;
    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)
}

.aUEg4L {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.aUEg4L .official-shop-new-badge {
    display: flex;
    justify-content: center
}

.aUEg4L>div {
    white-space: normal
}

.kgHbpK {
    left: 50%;
    transform: translateX(-50%);
    width: auto
}

.kgHbpK>div {
    font-size: 9px;
    white-space: nowrap
}

.BziOxR {
    bottom: 0;
    height: 21.33px;
    position: absolute;
    right: 0;
    width: 21.33px
}

.PYEGyz {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    overflow: hidden
}

.fV3TIn {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.asNEHY {
    margin: 0!important
}

.Fsv0YO {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    text-transform: capitalize
}

.NyRGTK {
    display: flex;
    margin-top: 8px
}

.NyRGTK .wq_EQj {
    margin-right: 10px
}

.NyRGTK .Z6yFUs,.NyRGTK .wq_EQj {
    flex-direction: row;
    text-transform: capitalize
}

.NyRGTK .Z6yFUs span,.NyRGTK .wq_EQj span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.NyRGTK .EXxJrT,.NyRGTK .esfDPs {
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/7bf03ed38ca37787fe78.svg)
}

.theme--ofs .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/cca4d4ed5534d55ee735.svg)
}

.theme--s-mart .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/11f3b40281448cc1cf5a.svg)
}

.NGzCXN {
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-gap: 20px 50px;
    color: rgba(0,0,0,.4);
    gap: 20px 50px;
    padding-left: 25px
}

.NGzCXN,.oQUf1d {
    flex-grow: 1
}

.YnZi6x {
    cursor: default;
    display: flex;
    justify-content: space-between;
    outline: 0;
    overflow: visible;
    position: relative
}

.YnZi6x:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.aArpoe .Cs6w3G {
    cursor: pointer
}

.H2wS9j {
    background: transparent;
    border: 0;
    outline: 0;
    overflow: visible;
    position: relative
}

.H2wS9j:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.ffHYws {
    color: rgba(0,0,0,.4);
    margin-right: 12px;
    text-transform: capitalize
}

.Cs6w3G {
    color: var(--brand-primary-color);
    text-align: right;
    white-space: nowrap
}

.mMlpiZ {
    align-items: center;
    color: #757575;
    display: flex;
    font-size: 14px
}

.H0wYar {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 1.875rem;
    width: 1.875rem
}

.H0wYar,.nkvGdS {
    position: relative
}

.nkvGdS {
    background-color: #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 100%;
    width: 100%
}

.Bk2cVc {
    stroke: #c6c6c6;
    font-size: 1.5rem;
    font-weight: 400;
    left: 50%;
    line-height: 2rem;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 24px;
    width: 24px
}

.Bk2cVc,.Qm507c {
    position: absolute
}

.Qm507c {
    border-radius: 50%;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.Qm507c:focus-visible {
    box-shadow: #fff 0 0 0 10px,var(--focus-indicator-color) 0 0 0 12px;
    outline: none
}

.gxSsbI {
    margin: 0 8px
}

.s4Wk4w a {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.product-page-seller-info__holiday-mode {
    color: #f9a51b;
    font-size: 12px;
    margin: 5px 0 6px;
    text-transform: capitalize;
    vertical-align: middle
}

.product-page-seller-info__holiday-symbol {
    align-items: center;
    background-color: #f9a51b;
    border-radius: 50%;
    display: inline-flex;
    height: 12px;
    justify-content: center;
    line-height: 12px;
    margin-right: 5px;
    width: 12px
}

.product-page-seller-info__holiday-symbol img {
    flex: 0 1 auto;
    height: 10px;
    width: 10px
}

.product-page-seller-info__inactive-indicator {
    color: #ff424f;
    font-size: 12px;
    margin: 5px 0 6px
}

.product-page-seller-info__online {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.product-page-seller-info__green-dot {
    background-color: #42ab17;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.product-page-seller-info__inactive-symbol {
    background-color: #ff424f;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-right: 5px;
    text-align: center;
    width: 12px
}

.product-page-seller-info__inactive-symbol>.shopee-svg-icon {
    color: #fff;
    font-size: 8px
}

.product-page-seller-info__inactive-symbol .icon-exclamation-mark {
    height: 8px;
    width: 8px
}

.product-not-exist {
    height: 600px;
    position: relative;
    text-align: center;
    width: 100%
}

.product-not-exist__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.product-not-exist__text {
    cursor: default;
    margin-top: 20px
}

.dBfDWY {
    background-color: #fffefb;
    border: 1px solid rgba(224,168,0,.4);
    border-radius: 2px;
    color: #222;
    line-height: 18px;
    margin-bottom: -.625rem;
    margin-top: 20px;
    padding: 11px 15px
}

.OzG_WI {
    height: 14px;
    margin-right: 10px;
    overflow: visible;
    vertical-align: -1px;
    width: 14px
}

.OK2S5z {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.XsMEjP {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.EBRFWp {
    background-color: rgba(0,0,0,.3);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.cz7Ulg {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    padding: 0 20px
}

.cz7Ulg:disabled {
    opacity: .5;
    pointer-events: none
}

.o9RGvm {
    background: #ee4d2d;
    border: 0;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.o9RGvm: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)
}

.o9RGvm:not(.LOZP9g):hover {
    background: #f05d40
}

.o9RGvm:not(.LOZP9g):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.o9RGvm.LOZP9g {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.NvCpmF {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    color: #212121
}

.NvCpmF:active,.NvCpmF:hover {
    background: rgba(0,0,0,.02)
}

.NvCpmF:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.oBKomb {
    font-size: 16px;
    line-height: 24px
}

.NEJEI0 {
    width: 100%
}

.X4TmNY {
    font-size: 16px;
    line-height: 24px;
    padding: 24px;
    width: 440px
}

.GufqRt {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.a3f5I1 {
    color: rgba(0,0,0,.65)
}

.YU4z24 {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    margin-top: 24px
}

.cGRn2O {
    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
}

.zErrE_ {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

#shopee-searchbar-selected-option {
    background-color: #fbfbfb
}

.shopee-searchbar {
    --focus-indicator-spacing: 3px;
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.shopee-searchbar--focus .shopee-searchbar-input:before {
    border-radius: 2px;
    bottom: -4px;
    content: "";
    left: -4px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: -4px;
    z-index: 1
}

.shopee-searchbar>.btn svg {
    margin: 0 auto
}

.shopee-searchbar__main {
    display: flex;
    flex: 1
}

.shopee-searchbar__search-button {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-searchbar__search-button:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-searchbar-input {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding: 0 .625rem;
    position: relative
}

.shopee-searchbar-input__input {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.shopee-searchbar-input__input:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-hints {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.shopee-searchbar-hints__header {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

.shopee-searchbar-hints__history-entry {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__history-entry__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry__typed-text {
    font-weight: 500
}

.shopee-searchbar-hints__history-entry__category-name {
    color: rgba(0,0,0,.26);
    margin-top: .25rem
}

.shopee-searchbar-hints__entry,.shopee-searchbar-hints__search-prefill,.shopee-searchbar-hints__search-shop {
    color: rgba(0,0,0,.87);
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__entry:hover,.shopee-searchbar-hints__search-prefill:hover,.shopee-searchbar-hints__search-shop:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__entry__bold-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__search-shop {
    align-items: center;
    display: flex
}

.shopee-searchbar-hints__search-shop .shopee-svg-icon {
    color: #ee4d2d;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.shopee-searchbar-hints__entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.shopee-searchbar-hints__entry--history {
    text-overflow: ellipsis
}

.shopee-searchbar-hints__entry__product-name {
    flex: 0 1 auto
}

.shopee-searchbar-hints__entry__typed-product-name {
    font-weight: 500
}

.shopee-searchbar-hints__entry__category-name {
    color: rgba(0,0,0,.26);
    flex: 0 1 auto;
    margin-top: .25rem
}

.shopee-searchbar-hints__search-prefill {
    align-items: center;
    display: flex;
    padding-right: 15px
}

.shopee-searchbar-hints__search-prefill img {
    margin-left: auto
}

.shopee-searchbar-hints__search-prefill .shopee-searchbar-hints__text {
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-user-hints {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-left: 1px solid rgba(0,0,0,.09);
    border-right: 1px solid rgba(0,0,0,.09)
}

.shopee-searchbar-user-hints__entry {
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-searchbar-selector {
    align-items: center;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    height: 100%;
    max-width: 9.375rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    line-height: 1.25rem;
    overflow: hidden;
    padding-left: .9375rem;
    padding-right: .625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__trigger>.shopee-svg-icon {
    height: .5rem;
    margin-left: .9375rem;
    width: .5rem
}

.shopee-searchbar-selector__dropdown {
    background-color: #fff;
    border-radius: .125rem;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin-top: .75rem;
    max-height: var(--radix-select-content-available-height);
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 601
}

.shopee-searchbar-selector__option {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 0 1 auto;
    height: 2.8125rem;
    justify-content: space-between;
    padding-left: .9375rem;
    padding-right: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__option:hover {
    background-color: #fbfbfb
}

.shopee-searchbar-selector__option-label {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    width: 100%
}

.shopee-searchbar-selector__option-tick {
    align-self: center;
    color: #ee4d2d;
    flex: 0 1 auto;
    height: .625rem;
    margin-left: .9375rem;
    width: .625rem
}

.ofs-more-menu {
    padding-top: 14px;
    position: absolute;
    right: 0;
    top: 50px
}

.ofs-more-menu__content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 50px 0 rgba(0,0,0,.2);
    display: flex;
    padding: 0 1.5625rem 1.5625rem;
    position: relative
}

.ofs-more-menu__content:before {
    border-bottom: 10px solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 44px;
    top: -10px;
    width: 0
}

.ofs-more-menu__col {
    flex: 1;
    width: 170px
}

.ofs-more-menu__item {
    color: rgba(0,0,0,.87);
    display: block;
    margin-top: 1.5625rem;
    overflow: hidden;
    padding-right: 15px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

.ofs-more-menu__item:hover {
    color: #ee4d2d;
    cursor: pointer;
    transition: color .3s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar--theme-official .ofs-more-menu__item:hover {
    color: #d0011b
}

.ofs-navbar {
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    min-height: 50px;
    transition: transform .3s cubic-bezier(.4,0,.6,1);
    z-index: 200
}

.ofs-navbar--theme-official .ofs-navbar__item--active,.ofs-navbar--theme-official .ofs-navbar__item:hover {
    color: #d0011b
}

.ofs-navbar--theme-official .ofs-navbar__item--active {
    border-color: #d0011b
}

.ofs-navbar--theme-official.preview {
    pointer-events: none
}

.ofs-navbar--docked {
    transform: translateZ(0)
}

.ofs-navbar--hidden {
    height: 0;
    min-height: 0;
    transform: translate3d(0,-50px,0)
}

.ofs-navbar__background {
    background: #fff
}

.ofs-navbar__wrapper {
    display: flex
}

.ofs-navbar__items {
    display: flex;
    flex: 1;
    justify-content: space-around
}

.ofs-navbar__item {
    align-items: center;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    font-size: .9375rem;
    font-weight: 700;
    padding: 14px 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ofs-navbar__item--active,.ofs-navbar__item:hover {
    color: #ee4d2d;
    cursor: pointer;
    transition: color .3s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item--active {
    border-color: #ee4d2d;
    transition: border-color .2s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ofs-navbar__more {
    display: flex;
    padding-left: 20px;
    position: relative
}

.ofs-navbar__more:before {
    border-left: 1px solid rgba(0,0,0,.09);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ofs-navbar__more>.icon-down-arrow-filled {
    height: .6em;
    margin-left: 4px;
    width: .6em
}

.ofs-navbar__more:hover {
    border-bottom-color: transparent;
    color: initial
}

.ofs-navbar__more--show>.icon-down-arrow-filled {
    transform: rotate(180deg)
}

.ofs-navbar__separator {
    background: rgba(0,0,0,.09);
    margin: 25px 0;
    width: 1px
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    align-items: center;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    outline: 0;
    text-transform: capitalize
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    max-width: 190px;
    min-width: 60px;
    padding: 0 15px
}

.btn--m {
    height: 40px;
    max-width: 220px;
    min-width: 70px;
    padding: 0 20px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l,.btn--xl {
    max-width: 250px;
    min-width: 80px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.cwKWhb {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

.cwKWhb:hover {
    background-color: #f8f8f8
}

.Q8sYgj {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.v9C9fv {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.wRXuLg {
    font-weight: 500;
    white-space: nowrap
}

.K98OHU,.wRXuLg {
    overflow: hidden;
    text-overflow: ellipsis
}

.K98OHU {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.U7qd54 {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.ruuPWB {
    color: #ee4d2d
}

.oQA219 {
    font-size: 9px;
    margin: 0 5px
}

.oQA219,.pJ0fmn {
    color: rgba(0,0,0,.54)
}

.fF3qL3,.pJ0fmn {
    font-size: .75rem
}

.fF3qL3 {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

.fF3qL3>.shopee-button-no-outline {
    font-weight: 400;
    padding: 0;
    white-space: nowrap
}

.xu2ybv {
    flex: 1
}

.Wq5Olu {
    margin-top: .625rem
}

.FgOG6A {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.N9m5w_ {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.QcxyjJ {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.cart-drawer-container {
    padding: 10px 0
}

.cart-drawer {
    cursor: pointer;
    margin: 0 0 0 5px;
    outline: 0;
    overflow: visible;
    position: relative
}

.cart-drawer:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.cart-drawer .shopee-cart-number-badge {
    left: -1.25rem;
    top: -.6875rem
}

.cart-drawer .icon-shopping-cart-2 {
    color: #fff;
    stroke: #fff
}

.cart-drawer__popover {
    z-index: 400!important
}

.OG8bFL {
    padding: 3.75rem 0;
    text-align: center
}

.NRsGJE {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9bdd8040b334d31946f4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.Jbh84d {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.j36PbB.j36PbB {
    flex-shrink: 0;
    max-width: unset
}

.jESbfG {
    line-height: normal;
    text-align: left
}

.au0ezw {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.j9MGss {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

._UmqrZ {
    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
}

._UmqrZ>.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
}

.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)
}

.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
}

.xqFGel {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem
}

.xqFGel.PeVO69: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
}

.xqFGel .X4A1mL {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.xqFGel .X4A1mL:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.dzD_oG {
    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
}

.lpd7LA {
    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
}

.lpd7LA.HGHYAE,.lpd7LA:hover {
    background-color: #fafafa
}

.lpd7LA .uoPjuf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lpd7LA .OYr_QV {
    font-weight: 500
}

.oBjriL {
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.oBjriL.hcSqiM {
    box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
}

.oBjriL .goo1BZ {
    margin: 0 auto
}

.oBjriL .goo1BZ,.oBjriL .goo1BZ:active,.oBjriL .goo1BZ:focus,.oBjriL .goo1BZ:hover {
    background-color: #066bc8
}

.Kc3bjM {
    display: flex;
    flex: 1;
    position: relative
}

.Kc3bjM .lCJQSq {
    width: 100%
}

.Kc3bjM .FByahe {
    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
}

.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
}

.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%
}

.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
}

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/d4abcabbd3a449975eb8.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%
}

.inVC2s {
    position: relative
}

.inVC2s img {
    vertical-align: bottom
}

.LoKV8G {
    visibility: hidden
}

.kqknPZ {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.jtfbM2 {
    opacity: 0
}

.WKlBzs {
    opacity: 1;
    transition: opacity .2s ease
}

.Ga0gYz {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.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)
    }
}

.K4HzYF,.WCesPV {
    align-items: center;
    display: flex
}

.K4HzYF {
    justify-content: center
}

.WCesPV {
    color: currentColor;
    padding: 6px 0
}

.b2cpp4 {
    pointer-events: none
}

.K4HzYF {
    background-color: #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem;
    left: -.75rem;
    margin-right: -.9375rem;
    position: relative;
    top: -.3125rem
}

.JIk5jC {
    width: 1.125rem
}

.Naa9e7 {
    width: 1.375rem
}

.iZrR7L {
    color: var(--brand-primary-color,#ee4d2d)
}

.Xj04dY {
    color: #d0011b
}

.HUb4uA {
    font-size: .8125rem;
    font-weight: 300;
    margin-left: .3125rem;
    text-transform: capitalize
}

.sXTYmG {
    position: relative
}

.sXTYmG img {
    vertical-align: bottom
}

.cBA2ug {
    visibility: hidden
}

.PyDb5M {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.xaeg6u {
    opacity: 0
}

.UqOtLU {
    opacity: 1;
    transition: opacity .2s ease
}

.zt11vf {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.Ghi0DB .R8bGj3 {
    bottom: 0;
    right: 0
}

.Ghi0DB .R8bGj3,.R8bGj3 {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.R8bGj3 {
    height: 100%;
    width: 100%
}

.X5bK0x {
    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
}

.gVKtRA {
    height: 6.25rem;
    width: 6.25rem
}

.EXiGJQ {
    margin: .625rem
}

.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)
}

.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
}

.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
}

.gbavatar,.gbstep1,.gbstep2,.gbstep3 {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4b96c5209105fcf85252.png) no-repeat;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.gbavatar {
    background-position: 0 0;
    background-size: cover;
    height: 100px;
    width: 100px
}

.gbstep1 {
    background-position: 0 -100px
}

.gbstep2 {
    background-position: -22px -100px
}

.gbstep3 {
    background-position: -44px -100px
}

.page-product__content--right>:not(:empty) {
    margin-left: .9375rem;
    width: 14.5rem
}

.page-product>.container {
    padding-bottom: 4.375rem
}

.page-product__breadcrumb {
    height: 1rem;
    margin-top: 1.25rem
}

.theme--s-mart .page-product__breadcrumb {
    color: #066bc8
}

.page-product__detail,.page-product__hot-sales,.page-product__info,.page-product__ratings,.page-product__recycle,.page-product__shop,.page-product__shop-voucher {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    margin-top: .9375rem;
    overflow: hidden;
    padding: .625rem
}

.page-product__content {
    display: flex;
    min-height: 40rem
}

.page-product__content--hidden {
    opacity: 0;
    pointer-events: none
}

.page-product__content--left {
    flex: 1;
    min-width: 0
}

.page-product__content--right>:not(:empty) {
    display: block!important
}

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

.toast--hidden {
    opacity: 0;
    pointer-events: none
}

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    margin-bottom: 1.25rem
}

.kkObvr,.toast__icon {
    display: flex;
    justify-content: center
}

.kkObvr {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    height: 60px;
    text-align: center;
    width: 60px
}

.bYHPUH {
    height: 30px;
    width: 30px
}

.K3c1N_ {
    height: 40px;
    width: 40px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/pcmall-productdetailspage.eaba0db876eaca3ba12c.css.map*/


  .stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.hD2Y0w {
    left: 0;
    position: absolute;
    top: 0
}

.wpcUJb {
    width: 3.625rem
}

.EapB0m {
    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
}

.f4W0Nx {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.d4PqHM {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.NpMZAS {
    padding-right: 2.4375rem
}

.f2QWKz {
    align-items: center;
    display: flex;
    flex-direction: column
}

.uu1ye7 {
    margin-bottom: .6875rem;
    overflow: hidden
}

.y7gXed {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.EGtL_w,.uZnObp {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.EGtL_w {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.uZnObp {
    background-size: 100%
}

.KxGoKs {
    align-items: center;
    display: flex
}

.ko5EyI,.pS6dAg {
    height: 1rem;
    padding: .1875rem
}

.zvDtEA.EapB0m {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.zvDtEA .f4W0Nx {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.zvDtEA .EGtL_w {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.zvDtEA .uZnObp {
    height: 2.1875rem;
    width: 6.6875rem
}

.zvDtEA .MJox0R {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.zvDtEA .NpMZAS {
    padding-right: 1.4375rem
}

.zvDtEA .f2QWKz {
    justify-content: center
}

.zvDtEA .y7gXed {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.zvDtEA .uu1ye7 {
    margin-bottom: -.25rem
}

.zvDtEA .B_hELM,.zvDtEA .ko5EyI,.zvDtEA .pS6dAg {
    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
}

.zvDtEA .B_hELM {
    margin-right: 0
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.aFFnrT {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

._3sjFp {
    align-items: center;
    border-radius: .125rem;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

.Re56EB {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.gOoSPx {
    color: #222;
    font-size: 1rem;
    text-align: center
}

.idLK2l {
    height: 15px
}

.EtYbJs,.idLK2l {
    white-space: nowrap
}

.EtYbJs {
    color: rgba(0,0,0,.87);
    color: #05a;
    font-size: 13px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.theme--s-mart .EtYbJs {
    color: #066bc8
}

.EtYbJs:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.R7vGdX {
    color: #05a;
    font-size: 14px
}

.EB95ts {
    height: 10px;
    margin: 0 5px;
    width: 10px
}

.oh0Xh2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TYHGxr {
    background-repeat: no-repeat;
    height: 2.25rem;
    width: 100%
}

@keyframes second-ten {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(0)
    }

    16.66% {
        transform: translateY(-17px)
    }

    31.66% {
        transform: translateY(-17px)
    }

    33.33% {
        transform: translateY(-34px)
    }

    48.33% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    65% {
        transform: translateY(-51px)
    }

    66.66% {
        transform: translateY(-68px)
    }

    81.66% {
        transform: translateY(-68px)
    }

    83.33% {
        transform: translateY(-85px)
    }

    98.33% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes second-digit {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes minute-ten {
    0% {
        transform: translateY(0)
    }

    16.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-17px)
    }

    33.305555% {
        transform: translateY(-17px)
    }

    33.333333% {
        transform: translateY(-34px)
    }

    49.972222% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    66.638888% {
        transform: translateY(-51px)
    }

    66.666666% {
        transform: translateY(-68px)
    }

    83.305555% {
        transform: translateY(-68px)
    }

    83.333333% {
        transform: translateY(-85px)
    }

    99.972222% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes minute-digit {
    0% {
        transform: translateY(0)
    }

    9.833% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.833% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.833% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.833% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.833% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.833% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.833% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.833% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.833% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.833% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-hundred {
    0% {
        transform: translateY(0)
    }

    9.999972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.999972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.999972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.999972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.999972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.999972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.999972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.999972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.999972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.999972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-ten {
    0% {
        transform: translateY(0)
    }

    9.99972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.99972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.99972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.99972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.99972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.99972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.99972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.99972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.99972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.99972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-digit {
    0% {
        transform: translateY(0)
    }

    9.9972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.9972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.9972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.9972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.9972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.9972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.9972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.9972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.9972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.9972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

.shopee-countdown-timer {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #000;
    cursor: default;
    display: flex
}

.shopee-countdown-timer__colon {
    background-position-y: 3px;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    height: 17px;
    margin: 0 2px;
    text-align: center;
    width: 3px
}

.shopee-countdown-timer__colon--flashing-off {
    opacity: 0
}

.shopee-countdown-timer__number {
    background: currentColor;
    border-radius: 2px;
    box-sizing: content-box;
    display: flex;
    font-size: 19px;
    height: 17px;
    justify-content: space-around;
    line-height: 20px;
    margin-bottom: 4px;
    min-width: 20px;
    overflow: hidden;
    padding: 1px 3px;
    text-align: center
}

.shopee-countdown-timer__number__deca,.shopee-countdown-timer__number__hexa {
    display: inline-block;
    height: 187px;
    overflow: hidden;
    width: 9px
}

.shopee-countdown-timer__number__deca--second {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: second-digit
}

.shopee-countdown-timer__number__hexa--second {
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-name: second-ten
}

.shopee-countdown-timer__number__deca--minute {
    animation-duration: 600s;
    animation-iteration-count: infinite;
    animation-name: minute-digit
}

.shopee-countdown-timer__number__hexa--minute {
    animation-duration: 3600s;
    animation-iteration-count: infinite;
    animation-name: minute-ten
}

.shopee-countdown-timer__number__deca--hour {
    animation-duration: 36000s;
    animation-iteration-count: infinite;
    animation-name: hour-digit
}

.shopee-countdown-timer__number__hexa--hour {
    animation-duration: 360000s;
    animation-iteration-count: infinite;
    animation-name: hour-ten
}

.shopee-countdown-timer__number__hund--hour {
    animation-duration: 3600000s;
    animation-iteration-count: infinite;
    animation-name: hour-hundred
}

.shopee-countdown-timer__number__item {
    height: 17px;
    position: relative;
    width: 9px
}

.shopee-countdown-timer__number__item svg {
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 17px;
    fill: #fff;
    stroke: #fff;
    overflow: visible
}

.colon-dot {
    background: currentColor;
    border-radius: 100%;
    height: 3px;
    left: 0;
    position: absolute;
    top: 10%;
    width: 3px
}

.colon-dot__wrapper {
    height: 50%;
    position: relative;
    width: 100%
}

.x7M8PV {
    align-items: center;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4323ad4dc2b3c72d0474.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    display: flex;
    height: 2.25rem;
    margin-top: .625rem;
    padding: 0 1.25rem
}

.x7M8PV .BYTod0 {
    margin-bottom: 0
}

.QYq0yX {
    height: 1.3125rem;
    object-fit: contain;
    object-position: center;
    width: 7.625rem
}

.Er7dmT {
    border: 1px solid #fff;
    border-radius: .0625rem;
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    margin-left: .9375rem;
    padding: .125rem .25rem
}

.meXFK1 {
    margin-left: auto;
    margin-right: .375rem
}

.rchvXw {
    font-weight: lighter;
    margin-right: .625rem;
    text-transform: uppercase
}

.oc36a7 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 2.75rem;
    max-width: 41.5625rem;
    padding-right: .9375rem
}

.p9zkFm {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.K2ZHLr {
    text-align: right;
    width: 100%
}

.QjMzan {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/6a5b16e354493609ddfe.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    font-size: 1rem;
    height: 36px;
    margin-top: .625rem;
    padding: 0 20px
}

.MuD8h4 {
    display: flex;
    font-size: 1.25rem;
    margin-right: .625rem
}

.L1_lX8 {
    text-align: right
}

.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
}

.btn-tinted,.btn.btn-tinted {
    background: rgba(255,87,34,.1);
    background: var(--brand-primary-light-color);
    border: 1px solid var(--brand-primary-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
}

.fnrLi4 {
    padding-left: 20px
}

.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
}

.RFtB8m {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 40px;
    padding: 0 15px
}

.RFtB8m:hover {
    cursor: pointer
}

.FIA9aM {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.pPGzNd {
    flex-shrink: 0;
    margin-right: 15px;
    max-height: 23px;
    max-width: 23px
}

.Ug6OeI {
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.px0yxd {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.fwuod7 {
    width: 66%
}

.ED51uK {
    font-weight: 500
}

.FQtUZP .o1D7nV {
    margin-right: 20px
}

.FQtUZP .KzKhX4 {
    font-weight: 500;
    margin-right: 2px
}

.FQtUZP .mC_csS {
    text-align: right
}

.u5Ij85 {
    opacity: .26
}

.R0yvAP {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 623px
}

.M4EZyL {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.R0yvAP .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

.prk9tO {
    min-height: 170px;
    width: 415px
}

.IF6ojx {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.j3SBEG {
    height: 360px;
    min-height: 0;
    padding: 0 30px 15px 15px
}

.qm6QLV {
    margin-left: 15px
}

.nHfAeP {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.TGiOM5 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 210px
}

.VFYEsP {
    padding-left: 20px
}

.hN1SOV {
    color: #333;
    margin-top: 20px
}

.jpxGdf {
    font-weight: 500
}

.SmGBM4 {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin: 0 30px 30px;
    width: 355px
}

.zIkywd {
    color: #333;
    line-height: 20px
}

.SSfI1U {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.SSfI1U .HjXj5I {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.KrtGbA {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

.oHWDGJ {
    margin-top: .9375rem
}

.Bf9ap6 {
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: -1000
}

.OgBXec {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 48px;
    padding: 0 12px
}

.OgBXec:hover {
    cursor: pointer
}

.HCI5LA {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.HkXJEX {
    font-size: 14px;
    margin-right: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.FCPqX3 {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.qwFJmq {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: .75rem;
    width: 5.875rem
}

.oAzNCW {
    width: 1.5rem
}

.H7bAjF {
    margin-top: .5rem;
    text-align: center
}

.Meg1Qh {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 794px
}

.QD7cFW {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.Meg1Qh .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

._0CFs8 {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.aOjCJj {
    height: 360px;
    min-height: 0;
    padding: 0 0 15px 15px
}

.rtRdUY {
    margin-left: 15px
}

.iJK0vB {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.ZWrHF4 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 260px
}

.vBGbBf {
    padding-left: 20px
}

.RDvi79 {
    color: #333;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.C_ZJMe {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.C_ZJMe .Uua34d {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.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;
    text-transform: capitalize;
    width: 110px
}

.GwcqEE,.WByRAC {
    height: 9px;
    margin-left: 6px
}

.rphiJ1 {
    box-sizing: border-box;
    padding: 30px 30px 20px;
    text-transform: capitalize;
    width: 350px
}

.U2D2mH {
    color: #222;
    font-size: 20px
}

.GbmMWt {
    color: #929292;
    margin-top: 30px
}

.P1Ozlo:first-child {
    width: 30%
}

.P1Ozlo:nth-child(2),.P1Ozlo:nth-child(3) {
    width: 35%
}

.fUtVgS {
    color: #222;
    width: 30%
}

._wnmWC {
    color: #ee4d2d;
    width: 35%
}

.izNOwG {
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 35%
}

.YCB1KC {
    margin-top: 25px
}

.iCq3ef {
    flex-direction: row-reverse;
    margin-top: 45px
}

.NtkrDO {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 22px;
    max-height: 200px;
    padding: 20px;
    width: 300px;
    word-wrap:;
    overflow: auto;
    text-align: left
}

.NtkrDO a {
    color: #05a
}

.gdYMVU {
    height: 14px;
    width: 14px
}

.y5xqvT {
    align-items: center;
    display: flex;
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.d_wQcV {
    width: 20px
}

.iDZfa6 {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.Y04pHP {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.HICLAp {
    width: 20px
}

.w2GEso {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.YyI58r {
    color: rgba(0,0,0,.87);
    line-height: 1.25rem;
    margin-top: .75rem
}

.SFi5Vg,.YyI58r {
    font-size: .875rem
}

.SFi5Vg {
    cursor: default;
    display: flex;
    flex-direction: column;
    margin: .75rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 28.625rem
}

.n9FCgW {
    align-items: flex-start;
    display: flex
}

.Xf1wi6 {
    font-weight: 500;
    max-width: 33.3%;
    padding-right: .625rem
}

.DbbHsV,.Xf1wi6 {
    display: -webkit-box;
    font-size: .875rem;
    line-height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.DbbHsV {
    margin-left: auto;
    max-width: 66%
}

.N1S9ia {
    color: rgba(0,0,0,.26);
    margin-right: 2px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.N1S9ia,.kVeRiB {
    display: inline-block
}

.kVeRiB {
    color: #ee4d2d
}

.kVeRiB:only-child {
    color: rgba(0,0,0,.87)
}

.dl9jlo {
    margin-top: .5rem
}

.VJJeDm,.dl9jlo {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.VJJeDm {
    display: inline-block;
    margin-top: .4375rem;
    white-space: 
}

.YULpJb {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-top: .625rem
}

.pl-promotion {
    flex: 0 1 auto
}

.SFi5Vg+.SFi5Vg {
    padding-top: .625rem
}

.theme-ofs .VJJeDm {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.hLl9Yz {
    border-bottom: 1px solid rgba(0,0,0,.09);
    font-size: .875rem;
    font-weight: 500;
    height: 3.25rem;
    line-height: 3.25rem
}

.q5KiF7 {
    margin-bottom: .75rem;
    padding: 0 1.25rem
}

.Ej6Io5 {
    padding-top: .625rem
}

.wykjJM {
    margin: 0
}

.wykjJM:not(:first-child) {
    margin-top: 1.5625rem
}

.wOMafz {
    font-weight: 400!important
}

.Rt_jnJ {
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.oJaVeR {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.ai5kXA {
    align-items: center;
    display: flex
}

.DkMKTu {
    color: #636363
}

.DkMKTu,.Vjww5c {
    margin-left: .625rem
}

.Vjww5c {
    display: inline-block;
    vertical-align: baseline
}

.Vjww5c .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.jZUECu {
    color: rgba(0,0,0,.54);
    fill: currentColor;
    stroke: none;
    height: .875rem;
    width: .875rem
}

.RC844M {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.RC844M ol,.RC844M ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.Z9LFVl {
    margin-bottom: .625rem
}

.fp3wtk {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.uvxHv_ {
    align-items: center;
    color: #636363;
    display: flex;
    margin: 0 0 0 10px
}

.fhEmmk {
    display: inline-block;
    margin-left: .5rem;
    vertical-align: baseline
}

.fhEmmk .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.N2y_MC {
    height: .875rem;
    width: .875rem
}

.MJLyzU {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.MJLyzU ol,.MJLyzU ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.nVIOok {
    display: flex
}

.nVIOok>div:first-child {
    margin-right: 1.25rem
}

._7aiwyt {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.CWIkAx {
    width: 515px
}

.Z3_m8m {
    height: 0;
    opacity: 0
}

.oqSQTf {
    height: auto;
    opacity: 1;
    transition: height .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)
}

.BWGW5I {
    align-items: center;
    display: flex
}

.gbmoiL {
    padding: 0 20px
}

.qPOUK4 {
    color: rgba(0,0,0,.54)
}

.vAmPSZ {
    color: #ee4d2d;
    margin-bottom: 10px
}

.vAmPSZ>.icon-preorder {
    font-size: 20px;
    margin: 0 14px 0 0
}

.wigEZ0 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 1fr
}

.Fy4A_Q {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1
}

.Fy4A_Q,.ohuenU {
    grid-row: 1;
    -ms-grid-row: 1;
    margin-bottom: 12px
}

.ohuenU {
    grid-column: 2;
    -ms-grid-column: 2;
    margin-left: 7px
}

.nDYwZC {
    align-items: center;
    color: #222;
    display: flex
}

.mU_CeI {
    color: rgba(0,0,0,.54);
    font-weight: 300;
    margin-top: 2px
}

.ylZz2_ {
    margin-left: 10px
}

.nzMrCh {
    white-space: normal
}

.H5IRYN {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2
}

.H5IRYN .fBlHLU,.H5IRYN .i9sDsG {
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    width: 20px
}

.JLop8B {
    grid-column: 2;
    -ms-grid-column: 2;
    grid-row: 2;
    -ms-grid-row: 2;
    margin-left: 7px
}

.Zg6PS1 {
    color: #636363;
    margin-right: 10px;
    text-transform: capitalize;
    width: 110px
}

.oTmzEO {
    position: relative
}

.C0ngbq {
    align-items: center;
    margin-bottom: 10px
}

.C0ngbq,.C0ngbq .shopee-drawer__contents {
    display: flex
}

.C0ngbq:last-child {
    margin: 0
}

.NH0wdP,.mMlgVz {
    margin-right: 5px
}

.nIv4eX {
    color: #000;
    font-weight: 500
}

.bAmXer {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bAmXer .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.bAmXer .icon-arrow-down,.bAmXer .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.bAmXer:hover .nIv4eX {
    color: #ee4d2d!important
}

.PZGOkt {
    color: #222;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.PZGOkt:hover {
    color: #ee4d2d
}

.PZGOkt .eTGwg9 {
    height: 12px;
    margin-left: 5px;
    width: 12px
}

.MdEora {
    border: 1px solid rgba(0,0,0,.09);
    margin: 5px 0 0 -5px;
    padding-bottom: 15px
}

.XeC500 {
    max-height: 400px;
    max-width: 500px;
    overflow-y: auto
}

.Gty4hV {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    padding: 18px 20px 0
}

.Gty4hV a {
    color: #4080ee
}

.HykkXO {
    display: inline-block;
    padding-top: 15px;
    text-align: center;
    width: 500px
}

.theme--ofs .PZGOkt :hover {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .ZeFe2s {
    color: #d0011b
}

.PddMlc {
    margin-right: 5px
}

.my0ZcO {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.my0ZcO .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.my0ZcO .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.my0ZcO .RhLDj0 {
    height: .625rem;
    margin-left: 5px;
    pointer-events: none;
    width: .625rem
}

.my0ZcO .RhLDj0.IE8riR {
    transform: rotate(180deg)
}

.my0ZcO:hover .jEJ3Vm {
    color: #ee4d2d!important
}

.my0ZcO button {
    background-color: transparent;
    border: 0
}

.awxJLd {
    color: #000;
    font-weight: 500
}

.Jzfbds {
    background: transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998
}

.LUAQqJ {
    display: inline-flex;
    flex-direction: row
}

.YRa9CH {
    color: #929292;
    margin-right: .3125rem;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.AGvOhq {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .5rem
}

.WjX0SZ {
    display: inline-block;
    font-size: 0;
    margin-top: toRem(-2px)
}

.WjX0SZ>svg {
    height: toRem(24px);
    width: toRem(24px)
}

.jQFffX {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1rem
}

.YMJfCu {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    margin-bottom: 10px
}

.F3NM4u {
    height: 20px;
    margin: 0 14px 0 0;
    width: 20px
}

.ytozli {
    border-bottom: 1px solid #efefef;
    padding: 15px
}

.gxPhDY {
    margin-right: 4px
}

.SsEdP1 {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: 14px;
    line-height: 16px
}

.BYQWiH {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

._2yNQg {
    align-items: center;
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    display: inline-flex;
    height: 1.25em;
    width: 1.25em
}

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

.s6Zx9 {
    animation: _2yNQg .56s linear infinite;
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: .25em;
    margin-bottom: -.25em;
    margin-right: .25em;
    transform: translateY(.0001%);
    width: .25em
}

.s6Zx9:nth-child(2) {
    animation-delay: -.14s
}

.s6Zx9:nth-child(3) {
    animation-delay: -.28s;
    margin-right: 0
}

@keyframes _2yNQg {
    50% {
        transform: translateY(-.25em)
    }
}

.uVwYBh {
    align-items: flex-start;
    max-width: 625px
}

.JeKiRh {
    color: rgba(0,0,0,.54)
}

.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:
}

.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: rgba(0,0,0,.09);
    color: #ccc
}

.UAc5Wb svg,.suQW3X[disabled] svg {
    fill: #ccc
}

.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
}

.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
}

.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
}

.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)
}

.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
}

.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)
}

.tElCxK {
    display: none
}

.voucher-ticket {
    max-width: 100%
}

.voucher-ticket .copy-field__button,.voucher-ticket__code,.voucher-ticket__promo-off {
    text-transform: uppercase
}

.voucher-ticket--fancy {
    align-items: stretch;
    background: #ee4d2d;
    border: .3125rem solid #ee4d2d;
    display: flex
}

.voucher-ticket--fancy__main {
    align-items: center;
    color: #fff;
    display: flex;
    flex: 0 0 42%;
    flex-direction: column;
    justify-content: center
}

.voucher-ticket--fancy__main-label {
    font-weight: 300;
    text-transform: uppercase
}

.voucher-ticket--fancy__detail {
    background: #fff;
    flex: 1 0 auto;
    overflow: hidden;
    padding: .625rem .625rem .9375rem;
    position: relative;
    z-index: 1
}

.voucher-ticket--fancy__bottom-border,.voucher-ticket--fancy__top-border {
    height: .3125rem;
    position: absolute;
    width: 8.625rem;
    z-index: 2
}

.voucher-ticket--fancy__top-border {
    right: .25rem;
    top: -.3125rem
}

.voucher-ticket--fancy__bottom-border {
    bottom: -.3125rem;
    left: 0
}

.voucher-ticket--fancy .voucher-ticket__code-wrapper {
    align-items: flex-end;
    border-top: 1px dashed rgba(0,0,0,.14);
    display: flex;
    justify-content: space-between;
    margin: .375rem 0 0;
    padding: .375rem 0 0
}

.voucher-ticket--fancy .voucher-ticket__code-label {
    font-weight: 500
}

.voucher-ticket--fancy .voucher-ticket__code {
    color: #ee4d2d;
    font-size: .875rem;
    font-weight: 700
}

.voucher-ticket--fancy .voucher-ticket__promo {
    line-height: 1em;
    position: relative;
    top: .2em
}

.voucher-ticket--fancy .voucher-promo-coins-cashback__label {
    font-size: .75rem;
    line-height: .875rem
}

.voucher-ticket--fancy.copy-field {
    display: block
}

.voucher-ticket--fancy.copy-field .copy-field__trigger {
    align-items: stretch;
    display: flex;
    height: 100%
}

.voucher-ticket--seller {
    border-radius: .125rem
}

.voucher-ticket--seller .copy-field {
    bottom: .9375rem;
    min-width: 3.75rem;
    position: absolute;
    right: .875rem;
    z-index: 2
}

.voucher-ticket--seller .voucher-ticket__promo {
    display: grid;
    font-size: 1.75rem;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto .875rem;
    min-height: 4.1875rem
}

.voucher-ticket--seller .voucher-ticket__promo--medium {
    font-size: 2rem
}

.voucher-ticket--seller .voucher-ticket__promo--medium .voucher-promo-value {
    line-height: 2rem
}

.voucher-ticket--seller .voucher-ticket__promo--large {
    font-size: 3.25rem
}

.voucher-ticket--seller .voucher-ticket__promo--large .voucher-promo-value {
    line-height: 3.25rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value {
    align-self: end;
    font-weight: 700;
    position: relative;
    top: .5rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--cashback {
    align-items: center;
    display: flex;
    grid-column: 1/2;
    grid-row: 1/2;
    margin-right: .25rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--percent {
    grid-column: 1/2;
    grid-row: 1/3
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--absolute-value {
    grid-column: 1/2;
    grid-row: 1/2
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--percent {
    align-self: end;
    font-size: 1.5625rem;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: .125rem;
    margin-left: .5rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--percent svg {
    display: block;
    fill: #fff
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--off {
    font-size: .875rem;
    font-weight: 700;
    grid-column: 2/3;
    grid-row: 2/3;
    line-height: 1rem;
    margin-left: .5rem;
    text-transform: uppercase
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coins-cashback {
    align-items: flex-end;
    display: flex;
    font-size: .75rem;
    grid-column: 1/3;
    grid-row: 3/4;
    justify-content: center;
    line-height: .875rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coin-cashback-percentage-sign {
    align-self: end;
    font-size: 1.5625rem;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: .4375rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coin-cashback-percentage-sign svg {
    display: block;
    fill: #fff
}

.voucher-ticket--seller .voucher-ticket__expiry {
    color: #929292;
    flex: 1;
    font-size: .8125rem
}

.voucher-ticket--seller .voucher-ticket--seller-basic {
    align-items: center;
    display: flex
}

.voucher-ticket--seller .voucher-ticket--fancy__main {
    justify-content: space-between;
    padding: 1.25rem 0
}

.voucher-ticket--seller .voucher-ticket--fancy__main-label {
    letter-spacing: .0625rem
}

.voucher-ticket--seller .voucher-ticket--fancy__detail {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: space-between
}

.voucher-ticket--seller-mini {
    align-items: center;
    border: .0625rem solid #ee4d2d;
    border-width: .0625rem 0;
    box-sizing: border-box;
    color: #ee4d2d;
    display: flex;
    font-weight: 700;
    height: 2.1875rem;
    justify-content: center;
    padding: 0 .5rem;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.voucher-ticket--seller-mini__border-left,.voucher-ticket--seller-mini__border-right {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2
}

.voucher-ticket--seller-mini__border-left svg,.voucher-ticket--seller-mini__border-right svg {
    height: 35px;
    width: 5px;
    fill: #ee4d2d
}

.voucher-ticket--seller-mini__border-left {
    left: 0
}

.voucher-ticket--seller-mini__border-right {
    right: 0;
    transform: rotate(180deg)
}

.voucher-ticket--seller-mini__border-right svg {
    float: right
}

.voucher-ticket--seller-mini-solid {
    align-items: center;
    background: rgba(208,1,27,.08);
    border: 0;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    justify-content: center;
    padding: 3px 7px;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.voucher-ticket--seller-mini-solid:after,.voucher-ticket--seller-mini-solid:before {
    background-image: radial-gradient(#fff 2px,transparent 0);
    background-position-x: -6px;
    background-size: 6px 6px;
    content: "";
    height: calc(100% - 5px);
    position: absolute;
    top: 2.5px;
    width: 6px
}

.voucher-ticket--seller-mini-solid:before {
    left: -3px
}

.voucher-ticket--seller-mini-solid:after {
    right: -3px
}

.voucher-ticket--seller-mini-solid .voucher-promo-label--coins-cashback,.voucher-ticket--seller-mini-solid .voucher-promo-label--off {
    margin-left: .25rem
}

.voucher-ticket--TW.voucher-ticket--seller .voucher-promo-label--off {
    font-size: 1.25rem
}

.voucher-ticket--VN.voucher-ticket--seller .copy-field__button {
    font-size: .75rem
}

.theme--ofs .voucher-ticket__code {
    color: #d0011b
}

.theme--ofs .voucher-ticket--fancy {
    background: #d0011b;
    border-color: #d0011b
}

.theme--ofs .voucher-ticket--fancy__bottom-border,.theme--ofs .voucher-ticket--fancy__top-border {
    fill: #d0011b
}

.theme--ofs .voucher-ticket .stardust-button {
    background: #d0011b
}

.theme--ofs .voucher-ticket--seller-mini {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .voucher-ticket--seller-mini__border-left svg,.theme--ofs .voucher-ticket--seller-mini__border-right svg {
    fill: #d0011b
}

.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
}

.UvSsjz:focus-visible {
    border-radius: 2px;
    outline: 2px solid #000
}

.mini-voucher-with-popover {
    margin-right: .625rem;
    position: relative
}

.mini-vouchers {
    width: 100%
}

.mini-vouchers__label {
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
    width: 110px
}

.mini-vouchers__wrapper {
    height: 1.375rem;
    min-width: calc(100% - 245px)
}

.mini-vouchers__vouchers {
    display: flex;
    flex-shrink: 1;
    overflow: hidden;
    position: relative
}

.mini-vouchers__mask {
    background: linear-gradient(90deg,hsla(0,0%,100%,.001) 80%,#fff);
    height: 100%;
    position: absolute;
    width: calc(100% + 1px);
    z-index: 1
}

.mini-vouchers__show-all {
    align-items: center;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    flex-shrink: 0;
    margin-left: .3125rem;
    white-space: nowrap
}

.mini-vouchers__show-all>svg {
    margin-left: .625rem;
    width: 1em
}

.theme--ofs .mini-vouchers .voucher-briefing__code,.theme--ofs .mini-vouchers .voucher-briefing__discount,.theme--ofs .mini-vouchers .voucher-ticket,.theme--ofs .mini-vouchers .voucher-ticket__promo {
    color: #d0011b
}

.theme--s-mart .mini-vouchers .voucher-briefing__code,.theme--s-mart .mini-vouchers .voucher-briefing__discount,.theme--s-mart .mini-vouchers .voucher-ticket,.theme--s-mart .mini-vouchers .voucher-ticket__promo {
    color: #fff
}

.mini-vouchers .mini-vouchers__show-all {
    color: var(--brand-primary-color)
}

.theme--ofs .mini-vouchers .voucher-ticket--seller-mini-solid {
    background: rgba(208,1,27,.08)
}

.theme--s-mart .mini-vouchers .voucher-ticket--seller-mini-solid {
    background: #f69113
}

.K4EMzU {
    background-color: #ee4d2d;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 5px
}

.E_9Yd2 {
    color: #08f;
    margin-left: 20px
}

.yjMlzR {
    align-items: center;
    color: #222;
    display: flex;
    margin-bottom: 25px;
    margin-left: -4px;
    margin-top: -4px;
    padding: 4px
}

.yjMlzR:last-child {
    margin-bottom: 0
}

.OGxzJN {
    align-items: center;
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
    width: 110px
}

.ZXrGhX {
    background: transparent;
    border: 1px solid #ee4d2d;
    border-color: var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    cursor: pointer;
    font-size: 14px;
    max-width: 450px;
    outline: 0;
    overflow: visible;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ZXrGhX: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)
}

.jbM8YZ {
    border: 1px solid var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    font-size: 14px;
    max-width: 450px;
    overflow: hidden;
    padding: 3px 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o8k8S4 {
    align-items: center;
    color: #555;
    display: flex
}

.G3Wedb {
    display: inline-block;
    font-size: 0;
    margin-right: 8px;
    padding: 0 5px
}

.ikrz0A {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.Q8e31z {
    margin-right: 12px
}

.w8_Dsz {
    color: rgba(0,0,0,.54);
    margin-right: 10px
}

.NGt3mo:hover {
    cursor: pointer
}

.Qk7Yut {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: toRem(14px);
    line-height: toRem(22px);
    max-height: 200px;
    overflow-y: auto;
    padding: toRem(20px);
    width: 475px;
    width: toRem(300px);
    word-wrap:;
    text-align: left
}

.Qk7Yut strong {
    font-weight: 500
}

.Qk7Yut .red {
    color: #ee4d2d
}

.Qk7Yut a {
    color: #08f
}

.CyT4Dj {
    align-items: center;
    color: #555;
    display: flex
}

.rQOiME {
    margin-right: 5px
}

.tk9RLq {
    margin-right: 10px
}

.bzbDeN {
    color: #ffae04
}

.jU9Xv1:hover {
    cursor: pointer
}

.W5LiQM {
    padding-bottom: 15px
}

.uF9btB {
    background: #fff5f5;
    margin: 15px -35px 0 -20px;
    padding: 10px 35px 15px 20px
}

.jJ5NSQ {
    align-items: center;
    display: flex
}

.jJ5NSQ .shopee-popover {
    top: 1.875rem!important
}

.jJ5NSQ .shopee-popover--dropdown {
    left: unset!important;
    right: 0
}

.jJ5NSQ .shopee-popover--dropdown:before {
    top: -1rem
}

.jJ5NSQ .shopee-popover .voucher-ticket {
    flex-wrap: wrap;
    text-align: center;
    white-space: normal
}

.hI_RBc .shopee-popover--dropdown:after,.hI_RBc .shopee-popover--dropdown:before {
    left: 8.625rem;
    right: auto
}

.FacMDR .shopee-popover--dropdown:after {
    border-bottom-color: #f5f5f5
}

.mDUADU {
    max-width: 625px
}

.DFQfff {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 21px;
    width: 110px
}

.BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9c166ca0a3c6cc3af938.svg)
}

.theme--ofs .BhIewg,.theme--s-mart .BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/a2db3c5da61ea3283d59.svg)
}

.KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8bb270ba4608c47a5403.svg)
}

.theme--ofs .KXhw16,.theme--s-mart .KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/ab4c931d6fec4b4c90a5.svg)
}

.msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0407a621b4442a066eb8.svg)
}

.theme--ofs .msTHzO,.theme--s-mart .msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/979c2e214ae591d71aa0.svg)
}

.c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/357d978f2aa5a0c04e4a.svg)
}

.theme--ofs .c68rxO,.theme--s-mart .c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/99af350ab822ca38a055.svg)
}

.EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4c6f1ae0a564806f3ee3.svg)
}

.theme--ofs .EUsrIT,.theme--s-mart .EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/fc17e1addec957a17b1a.svg)
}

.qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/759ea43d932fa2f500b4.svg)
}

.theme--ofs .qlCDpk,.theme--s-mart .qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dfe090b98951be4250ae.svg)
}

.ZRb8YF {
    color: rgba(0,0,0,.87);
    color: #555;
    display: block;
    display: flex;
    margin-top: 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ZRb8YF .flash-sale-logo {
    flex: 0 0 110px;
    width: 110px
}

.ZRb8YF .d24OWs {
    color: #555;
    height: 10px;
    vertical-align: middle;
    width: 10px
}

.ZRb8YF .d24OWs,.eLrI5y {
    flex: 0 1 auto;
    margin-left: 10px;
    min-width: 0
}

.eLrI5y:first-letter {
    text-transform: capitalize
}

.B2VeH5 {
    align-items: center;
    color: #222;
    display: flex;
    margin-top: 10px
}

.NcdXPM {
    margin: 0 10px
}

.M5LKBZ {
    width: auto
}

.NfhAIH {
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.NfhAIH: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)
}

.NfhAIH .TPeBcA {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.W6M3dH {
    margin-top: 20px
}

.GK_2LA {
    height: 22px;
    width: 82px
}

.p5fFhq {
    color: #222;
    margin-top: 10px
}

.p5fFhq .VnazUk {
    fill: #ee4d2d
}

.theme--ofs .p5fFhq .VnazUk,.theme--s-mart .p5fFhq .VnazUk {
    fill: #d0011b
}

._DFvc4 {
    margin: 0 10px
}

.xM0Pgc {
    width: auto
}

.lS7OCO {
    height: 14px;
    width: 14px
}

.KfcNHk {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.KfcNHk: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)
}

.KfcNHk .E0CH4h {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

._2pz6w {
    margin-top: 20px
}

.NvR0ah {
    color: #222;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ZdNfz5 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4449f8573c4eca4a6a01.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .ZdNfz5,.theme--s-mart .ZdNfz5 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b647148bd39e40205fdd.svg)
}

.S0EU5v {
    height: 12px;
    width: 32px
}

.S0EU5v,.theme--ofs .S0EU5v,.theme--s-mart .S0EU5v {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dbae024901819e83889b.svg)
}

.ZjevAU {
    height: 16px;
    width: 33px
}

.ZjevAU,.theme--ofs .ZjevAU,.theme--s-mart .ZjevAU {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/774b00f71863496b8881.svg)
}

.gzXXjX {
    align-items: center;
    display: flex
}

.WYICq6 {
    color: #ee4d2d;
    font-size: 14px;
    margin-right: 10px
}

.theme--ofs .WYICq6,.theme--s-mart .WYICq6 {
    color: #d0011b
}

.i2MfcC {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.ypPqEB {
    width: auto
}

.tcRfAU {
    height: 14px;
    width: 14px
}

.s3Pzn0 {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.s3Pzn0: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)
}

.s3Pzn0 .nRC_Ur {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.twmUI7 {
    margin-top: 20px
}

.BIj3A4 {
    margin-top: 10px
}

.LD3Atz {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/aa493bd105297046b511.svg);
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .LD3Atz,.theme--s-mart .LD3Atz {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/163d55e75c9ec0147c04.svg)
}

._1nGNo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8e3da046d68806fa2c21.svg);
    background-size: contain;
    height: 21px;
    width: 21px
}

.theme--ofs ._1nGNo,.theme--s-mart ._1nGNo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2c50059049ce7cd7ba61.svg)
}

.Fw7kDB {
    color: #ee4d2d;
    font-size: 14px
}

.theme--ofs .Fw7kDB,.theme--s-mart .Fw7kDB {
    color: #d0011b
}

._fTFUY {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.ZUZ1FO {
    background-color: #ee4d2d;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1;
    padding: .1875rem .25rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ZUZ1FO:before {
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    bottom: -.125rem;
    content: "";
    display: inline-block;
    left: .0625rem;
    position: absolute;
    transform: rotate(45deg)
}

.IM_tEy {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.IM_tEy:before {
    border-bottom-color: transparent;
    content: none;
    display: none
}

.vRzNCn {
    font-size: .75rem
}

.vRzNCn>._Xc318 {
    font-size: .5rem;
    margin-right: .1875rem
}

.TheSnF {
    background-color: #d0011b
}

.JmTm3y svg,.KamlEE svg {
    height: .625rem;
    width: 3.5625rem
}

.Lmf8rp {
    bottom: -1px;
    padding: .25rem .25rem 0
}

.Lmf8rp svg {
    height: .75rem;
    width: 4.0625rem
}

.Gn_PYU {
    background-color: #ffa604;
    position: relative
}

.Gn_PYU:before {
    border: .13125rem solid transparent;
    border-bottom-color: #ae7600
}

.S5RgI8 {
    font-size: .875rem;
    font-weight: 400;
    height: 1rem
}

.CF1_zm {
    margin: 0 .4375rem
}

.N2DnWM {
    background-color: #44b5ff;
    cursor: pointer;
    display: inline;
    position: relative
}

.N2DnWM:before {
    border: .13125rem solid transparent;
    border-bottom-color: #0971c2
}

.N2DnWM:hover>.ZMtecs {
    opacity: 1;
    z-index: 1
}

.N2DnWM>.oGCrs0 {
    font-size: 7px
}

.ZMtecs {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.26);
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    left: .5rem;
    min-width: 10rem;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    top: 1.375rem;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: -10
}

.gtMPmZ {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem
}

.gtMPmZ:last-child {
    margin: 0
}

.KXSw5q {
    color: #ee4d2d;
    margin-left: .75rem
}

.KbIqzY {
    background: transparent;
    border: 1px solid #f5a623;
    box-sizing: border-box;
    color: #f5a623;
    height: 16px;
    line-height: 1;
    padding: 2px 5px
}

.GX6H5_,.KbIqzY {
    font-size: .75rem
}

.GX6H5_ {
    background-color: rgba(0,0,0,.87);
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    min-width: 1.25rem;
    text-align: center
}

.o8dLsD {
    border-radius: .1875rem
}

.KnkA0Z {
    background-color: #ee4d2d
}

.m9V537 {
    border-radius: .625rem
}

.pe7Dnx {
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.hJo7kz {
    height: 32px;
    width: 36px
}

.eHC4a3 {
    background-color: rgba(255,212,36,.9)
}

.eHC4a3:after {
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.c1y5kQ {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.RJ9_yI {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.tnVxqd {
    flex-direction: column-reverse
}

.WHBcXf,.j7gK1S,.lgulfS {
    height: 100%;
    justify-content: center
}

.XmAz7R {
    color: #fff
}

.LdXTsk {
    color: #ee4d2d!important;
    display: inline!important;
    margin: 0
}

.dcGY2K,.pNTSF1,.v86cVi {
    display: none
}

.f6lNFN {
    height: 16px;
    width: 50px
}

.gllYNl {
    height: 16px;
    width: 69px
}

.MsCopP {
    height: 16px;
    width: 63px
}

.IxkJux {
    height: 16px;
    width: 64px
}

.UKJ57u {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10
}

.UKJ57u,.UKJ57u .A0NEU6 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.UKJ57u .A0NEU6 {
    background-color: rgba(0,0,0,.65);
    border-radius: 5rem;
    color: #fff;
    font-size: 1.25rem;
    height: 6.25rem;
    line-height: 1.5rem;
    max-width: calc(100% - 5rem);
    min-width: 6.25rem;
    text-align: center
}

.UKJ57u .hrlReN {
    border-radius: 6.25rem;
    max-width: calc(100% - 4.375rem);
    min-width: 6.8125rem
}

.UKJ57u .uyMz4f {
    border-radius: 6.25rem;
    max-width: calc(100% - 2.875rem);
    min-width: 8.375rem
}

.UKJ57u .PeGwUk {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.xdsBgZ {
    border: .0625rem solid;
    border-radius: .125rem;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.DDo0z3 {
    color: #fff;
    flex: 1
}

.DDo0z3,.PHYVzJ {
    font-size: .625rem;
    line-height: .75rem;
    overflow: hidden;
    padding: .0625rem .25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PHYVzJ {
    align-items: center;
    display: flex;
    position: relative
}

.PHYVzJ .r3mzkC {
    border-right: 5px solid transparent;
    border-top: 5px solid;
    height: 0;
    left: -.0625rem;
    position: absolute;
    top: -.0625rem;
    width: 0
}

.HeTkkY {
    border: .03125rem solid #ee4d2d;
    border-radius: .0625rem;
    color: #ee4d2d;
    font-size: .625rem;
    height: .75rem;
    line-height: .75rem;
    padding: .125rem .25rem;
    text-align: center
}

.XfpV7F {
    align-items: flex-start;
    display: flex;
    margin-top: .625rem
}

.XfpV7F .bhwGx5 {
    max-width: 75%
}

.XfpV7F .C0Gipt {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.XfpV7F .C0Gipt .FPpA9X {
    color: #ee4d2d
}

.XfpV7F .C0Gipt .f7pucd {
    flex-shrink: 0;
    margin-left: .5rem
}

.xK4Pya {
    color: rgba(0,0,0,.65);
    margin-top: 10px
}

.QAc7_y {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.qg2n76 {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.G27FPf {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .G27FPf,.theme--s-mart .G27FPf {
    color: #d0011b
}

.o_z7q9 {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .o_z7q9,.theme--s-mart .o_z7q9 {
    background-color: #d0011b
}

.D56Rgb {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
    text-transform: capitalize
}

.zSYItS {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.hB63GR {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e5bfba190f3ddf617913.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    margin-right: 10px;
    width: 21px
}

.theme--ofs .RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/88a2c5ced2d8aeb5f79b.svg)
}

.theme--s-mart .RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0f6a5e70590ae549bec5.svg)
}

.k8KFhP {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.SQ_WFs {
    color: rgba(0,0,0,.87);
    position: relative
}

.SQ_WFs .feoqk1 {
    color: rgba(0,0,0,.54);
    height: 1em;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translate(5px,-50%);
    width: 1em
}

.SQ_WFs .aO0DZE {
    height: 14px;
    width: 14px
}

.RvoGW4 {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.aIdpw8 {
    align-items: center;
    display: flex;
    margin-top: 5px
}

.ycY30D {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-right: 2px
}

.mCbTT9 {
    width: 460px
}

.Co0iAk {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 8px;
    column-gap: 8px;
    grid-row-gap: 4px;
    row-gap: 4px
}

.JZVgBK {
    align-self: center;
    grid-row-end: 3;
    grid-row-start: 1
}

.bcLI2T {
    color: #ee4d2d
}

.SrLMdT {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.CWiSMQ {
    background: #fafafa;
    padding: 15px 20px
}

.OtRglS {
    background-image: linear-gradient(-90deg,#e80f0f 2%,#d0011b 98%);
    color: #fff;
    height: 36px;
    padding: 0 20px
}

.o6J5TH {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.qT9OWd {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.f4BD5j {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .f4BD5j,.theme--s-mart .f4BD5j {
    color: #d0011b
}

.g1SI7G {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .g1SI7G,.theme--s-mart .g1SI7G {
    background-color: #d0011b
}

.fcRw1N {
    margin-left: 15px;
    white-space: nowrap
}

.fcRw1N .badge-coins-back--large {
    box-sizing: border-box;
    font-size: .75rem;
    padding: 2px 4px
}

.C2kME0 {
    margin-left: 15px;
    white-space: nowrap
}

.waMYrG {
    color: #929292;
    font-size: .75rem;
    margin-top: 10px
}

.N_55kT {
    color: #555;
    font-size: 1.25rem;
    font-weight: 500;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.PM9jT9 {
    color: #d0011b;
    font-size: 1.875rem
}

.N0BUsJ {
    margin-top: 15px
}

.L1n9hP {
    color: #555;
    margin-left: 15px
}

.pySYHb {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
    text-transform: capitalize
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

.loading-spinner-popup__container img {
    animation: rotating 2s linear infinite
}

.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:
}

.YysGiT {
    background: none;
    border: unset;
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-left: auto
}

.SDvgWG {
    background-color: #fff;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    width: 440px
}

.SDvgWG .UsJGRc {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.09);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 24px
}

.SDvgWG .UsJGRc .B1rS0C,.SDvgWG .UsJGRc .mmrQla {
    cursor: pointer;
    flex-shrink: 0
}

.SDvgWG .UsJGRc .B1rS0C {
    margin-left: auto
}

.SDvgWG .UsJGRc .cr59hK {
    flex-grow: 1;
    max-width: 324px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG .UsJGRc .cr59hK:not(:first-child) {
    margin-left: 10px
}

.SDvgWG .kmLN0Z {
    height: 220px;
    padding: 10px 24px
}

.SDvgWG ul {
    height: 220px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 0
}

.SDvgWG li {
    cursor: pointer;
    line-height: 20px;
    list-style-type: none;
    overflow: hidden;
    padding: 10px 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG li:hover {
    color: #ee4d2d
}

.SDvgWG .dcQE6F {
    padding: 24px
}

.SDvgWG .dcQE6F textarea {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    height: 114px;
    line-height: 20px;
    outline: unset;
    padding: 12px;
    resize: none;
    width: 100%
}

.SDvgWG .dcQE6F textarea:focus {
    border-color: rgba(0,0,0,.54)
}

.SDvgWG .dcQE6F textarea.RvXdsh {
    border-color: #ee2c4a
}

.SDvgWG .dcQE6F textarea::placeholder {
    color: rgba(0,0,0,.26)
}

.SDvgWG .dcQE6F .ImeN3R {
    color: #ee2c4a
}

.SDvgWG .I0yZUl {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.09);
    display: flex;
    flex-direction: row-reverse;
    padding: 12px 24px
}

.pQNWXh {
    height: 120px;
    justify-content: center;
    width: 260px
}

.T1549_ {
    display: inline-flex
}

.T1549_,.sAOZ6s {
    position: relative
}

.sAOZ6s {
    margin-right: 1px
}

.ZDu7mK {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.R6CPBG,.VAir_o {
    background-repeat: no-repeat;
    background-size: contain;
    height: 14px;
    width: 14px
}

.R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b1bcd65233e15eb99b68.svg)
}

.theme--s-mart .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/3ae5126a0937c63fd895.svg)
}

.theme--ofs .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/44c46951c46c5a5e8129.svg)
}

.VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2a44ed8141cd3a3ed0c9.svg)
}

.theme--s-mart .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e0898f40b1711fbb7c40.svg)
}

.theme--ofs .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/76bc916eeb1487a396ef.svg)
}

.asFzUa {
    margin-top: .625rem;
    position: relative
}

.PjACP4,.e2p50f {
    align-items: flex-end;
    padding: 0 15px
}

.PjACP4:first-child,.e2p50f:first-child {
    padding-left: 0
}

.PjACP4:not(:first-child),.e2p50f:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.PjACP4,.e2p50f {
    align-items: center
}

.e2p50f {
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.F9RHbS,.SvhRrv {
    color: #222;
    font-size: 1rem;
    margin-right: 5px;
    padding-bottom: 1px
}

.F9RHbS {
    border-bottom: 1px solid #555
}

.dQEiAI {
    border-bottom-color: #ee4d2d;
    color: #ee4d2d
}

.theme--ofs .dQEiAI {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--s-mart .dQEiAI {
    border-bottom-color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.87)
}

.W7cTiS {
    fill: #ee4d2d
}

.theme--ofs .W7cTiS {
    fill: #d0011b
}

.theme--s-mart .W7cTiS {
    fill: #ffce3d
}

.vOrlgh {
    line-height: 1.4375rem
}

.j9cYc1,.vOrlgh,.x1i_He {
    color: #767676;
    font-size: .875rem;
    text-transform: capitalize
}

.j9cYc1,.x1i_He {
    margin-right: 5px;
    padding: 4px 0
}

.UAYfPc {
    color: rgba(0,0,0,.54);
    height: .75rem;
    margin-left: tpRem(6px);
    width: tpRem(12px)
}

.N052bu {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.s4ihzY {
    align-items: center;
    display: flex;
    padding-right: .9375rem
}

.acDggL {
    margin-left: .3125rem
}

.mnzVGI {
    align-items: center;
    padding: 0 15px
}

.mnzVGI:first-child {
    padding-left: 0
}

.mnzVGI:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.AcmPRb {
    color: #222;
    font-size: 1rem;
    padding-bottom: 1px
}

.AcmPRb,.aleSBU {
    margin-right: 5px
}

.aleSBU {
    color: #767676;
    font-size: .875rem;
    padding: 4px 0;
    text-transform: capitalize
}

.RqQS2I {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.WBVL_7 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    max-height: 48px;
    max-width: 665px;
    overflow: hidden;
    overflow-wrap:;
    vertical-align: sub
}

._wgU9F {
    border-radius: 2px;
    display: inline-flex;
    margin-right: 10px;
    position: relative;
    transform: translateY(-2px)
}

.fclWZr {
    display: inline;
    margin-right: 8px
}

.Jwsdcs {
    font-size: 12px;
    vertical-align: middle
}

.g0xBrP {
    height: 20px;
    margin-left: 8px;
    width: 20px
}

.uxdyrX {
    margin-top: 3px
}

.uq_xEP {
    margin-right: 6px;
    vertical-align: middle
}

.UXYzvq {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: .625rem
}

.AVQfIX {
    visibility: hidden
}

.idmlsn {
    padding: 0 30px
}

.rhG6k7 {
    color: #222;
    font-size: 16px
}

.Vo8Ebs {
    border: 0;
    height: 25px;
    margin-left: 5px;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 25px
}

.Vo8Ebs: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)
}

.feDSnr {
    border-left: 1px solid rgba(0,0,0,.09);
    flex: 1;
    justify-content: center
}

.feDSnr:hover {
    cursor: pointer
}

.w2JMKY {
    background-color: transparent;
    border: 0;
    display: flex;
    outline: 0;
    overflow: visible;
    position: relative
}

.w2JMKY: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)
}

.vgMiJB {
    margin-right: 10px
}

.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
}

.tpgcVs {
    max-height: 100%;
    width: 100%
}

.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
}

._PPt_v:hover {
    cursor: pointer
}

.PhxDN7 {
    height: 1px;
    opacity: 0;
    width: 1px
}

.PhxDN7,.W3IooB {
    position: absolute
}

.W3IooB {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 160px;
    bottom: 0;
    left: 0;
    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/3d819965643f1287ea73.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
}

.w7ks6r {
    background-color: #fff;
    cursor: pointer;
    display: flex;
    padding: 1rem .875rem 1rem .75rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.xccTfr {
    flex-grow: 1;
    margin-left: .75rem;
    margin-right: 1rem
}

.SlwkHx {
    color: rgba(0,0,0,.87);
    margin-bottom: .25rem
}

.PLjDaD,.SlwkHx {
    font-size: .875rem
}

.PLjDaD {
    color: rgba(0,0,0,.54);
    word-break:
}

.jjGWyx {
    height: 1.25rem;
    width: 1.25rem
}

.yseyPt {
    align-self: center;
    height: .6875rem;
    width: .375rem
}

.SarUkj {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.IMAW1w,.ltOSWU {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.IMAW1w {
    display: block;
    object-fit: contain;
    object-position: center
}

.ltOSWU {
    align-items: center;
    display: flex;
    justify-content: center
}

.EoYuuW {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.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
}

.TMw1ot,.xxW0BG {
    position: relative
}

.xxW0BG:hover {
    cursor: pointer
}

.Ama42A {
    height: 120px!important;
    width: 120px!important
}

.UdI7e2 {
    position: relative
}

.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
}

.jA1mTx {
    position: relative
}

.jA1mTx:hover {
    cursor: pointer
}

.jA1mTx .MMqomL {
    font-size: 12px;
    height: 25px;
    line-height: 25px
}

.raRnQV {
    background-position: 50%;
    padding-top: 100%;
    width: 100%
}

.NYFAyb {
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-16px,-16px,0);
    width: 32px
}

.wOzCmT {
    border: 2px solid var(--brand-primary-color,#ee4d2d);
    bottom: 0;
    right: 0
}

.bh76f7,.wOzCmT {
    left: 0;
    position: absolute;
    top: 0
}

.bh76f7 {
    background: transparent;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.bh76f7:hover {
    background: hsla(0,0%,100%,.26)
}

.lZujh6 {
    align-items: center;
    background: rgba(0,0,0,.54);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: space-between;
    left: 0;
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    width: 100%
}

.WqggnM {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/f1a754a66c45599c570f.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 10px;
    width: 10px
}

.y8QiYh {
    text-align: right
}

.airUhU {
    margin: 5px -5px;
    position: relative
}

.grncJu {
    visibility: hidden
}

.UBG7wZ {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    width: 20%
}

.nVAzDy {
    background-color: rgba(0,0,0,.2)!important;
    border: 0;
    color: #fff;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.nVAzDy .shopee-svg-icon {
    font-size: 20px
}

.CAvqYR {
    left: 5px
}

.CAvqYR,.lWmpR1 {
    border: 0!important
}

.lWmpR1 {
    right: 5px
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.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
}

.ZznGOK {
    left: 0;
    position: absolute;
    top: 0
}

.bz2FnP {
    width: 3.625rem
}

.TBhGRX {
    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
}

.r2yBOD {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.bRvAln {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.BOkH2g {
    padding-right: 2.4375rem
}

._5cBZVE {
    align-items: center;
    display: flex;
    flex-direction: column
}

.A0VwSF {
    margin-bottom: .6875rem;
    overflow: hidden
}

.GxAlDi {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.Xg8MXC,.idrhoU {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.Xg8MXC {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.idrhoU {
    background-size: 100%
}

.kOrstZ {
    align-items: center;
    display: flex
}

.FQwKIF,.ODC3I7 {
    height: 1rem;
    padding: .1875rem
}

.A2SJhc.TBhGRX {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.A2SJhc .r2yBOD {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.A2SJhc .Xg8MXC {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.A2SJhc .idrhoU {
    height: 2.1875rem;
    width: 6.6875rem
}

.A2SJhc .riBcVs {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.A2SJhc .BOkH2g {
    padding-right: 1.4375rem
}

.A2SJhc ._5cBZVE {
    justify-content: center
}

.A2SJhc .GxAlDi {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.A2SJhc .A0VwSF {
    margin-bottom: -.25rem
}

.A2SJhc .FQwKIF,.A2SJhc .ODC3I7,.A2SJhc .R49LQp {
    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
}

.A2SJhc .R49LQp {
    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
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.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
}

._1zdBJ {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    background-color: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2Dkqc {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    margin-left: 2.5rem;
    margin-left: var(--ns-g,2.5rem);
    margin-right: 2.5rem;
    margin-right: var(--ns-g,2.5rem);
    max-height: 75%;
    max-width: 18.75rem;
    min-height: 8.125rem;
    min-width: 15rem;
    width: 100%
}

._2Dkqc,.d-Vo0 {
    overflow: hidden
}

.d-Vo0 {
    display: -webkit-box;
    margin-bottom: 1rem;
    margin-bottom: var(--ns-d,1rem);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2Xfwq {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    max-height: 15.625rem;
    min-height: 2.25rem;
    overflow-y: auto
}

._3pvMp {
    text-align: left
}

._1u0yb {
    text-align: center
}

._3Wssq {
    text-align: right
}

._2WWGU {
    padding: 1.25rem 1.25rem 1.5rem;
    padding: var(--ns-e,1.25rem) var(--ns-e,1.25rem) var(--ns-f,1.5rem) var(--ns-e,1.25rem);
    text-align: center
}

.Jl6On {
    display: flex;
    position: relative
}

.Jl6On:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    position: absolute;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    flex: 1;
    outline: none
}

.Jl6On._1ZxzA {
    flex-direction: row-reverse
}

.Jl6On._1ZxzA button {
    height: 2.96875rem
}

.Jl6On._1ZxzA button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1ZxzA button:first-child:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: scaleX(.5);
    width: .0625rem
}

.Jl6On._1ZxzA button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._24b2I button {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    height: 2.96875rem
}

.Jl6On._24b2I button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv {
    flex-direction: column;
    height: 5.9375rem
}

.Jl6On._3yCdv button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._3yCdv button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv button:nth-child(2):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On._1p6f1 {
    flex-direction: column;
    height: 8.96875rem
}

.Jl6On._1p6f1 button {
    position: relative
}

.Jl6On._1p6f1 button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1p6f1 button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._1p6f1 button:nth-child(2):after,.Jl6On._1p6f1 button:nth-child(3):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._1wbwU,._1wbwU ._2jlhf {
    width: 100%
}

.vX9SYw {
    margin-top: 1.25rem;
    padding: 0
}

.TFDXyQ {
    flex-shrink: 0;
    padding: 15px;
    width: 450px
}

.i9t0tr {
    flex: 1 0 auto;
    width: 0
}

.DXQgih {
    box-sizing: border-box;
    padding: 1.25rem 2.1875rem 0 1.25rem;
    width: 100%
}

.at_ZtL {
    margin-top: 1.5625rem;
    padding: 0 1.25rem
}

.UU0xP2 {
    border-radius: .25rem;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 1.5rem;
    width: auto
}

.UU0xP2 .shopee-alert-popup__title {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 0
}

.UU0xP2 .shopee-alert-popup__message {
    color: rgba(0,0,0,.65);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 0;
    min-width: 28.25rem
}

.UU0xP2 .shopee-alert-popup__button-horizontal-layout {
    flex-direction: row-reverse;
    margin-top: 1rem
}

.UU0xP2 .shopee-alert-popup__btn {
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 0 2.5rem;
    white-space: nowrap
}

.xoSh6i {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin: 20px 0 25px
}

.iQpU4t {
    margin-right: 8px
}

.gIL8h3 {
    display: flex;
    flex-direction: column;
    margin: 25px 15px;
    row-gap: 15px
}

.kz1LRx {
    align-items: center;
    display: flex
}

.Kdpve_ {
    flex-shrink: 0;
    height: 20px;
    margin-right: 5px;
    width: 20px
}

.lji0M1 {
    color: #222;
    padding-right: 20px;
    text-transform: capitalize
}

.u83Maa {
    color: rgba(0,0,0,.54)
}

.toDvEy {
    background: #fff;
    height: 65px;
    margin: 0 auto;
    width: 1200px
}

.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: 
}

.T_0yQ7 {
    background: #fff;
    box-sizing: border-box;
    display: flex;
    height: 65px;
    justify-content: space-between;
    padding: 12px 70px 13px
}

.IOzpm9 {
    display: flex;
    height: 40px;
    width: 268px
}

.oTDEDG {
    color: #066bc8;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.zyGyZ2 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.lHw3SG {
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: help
}

.fnRgQi {
    background: #fff;
    height: 65px
}

.EVBUfZ .shopee-drawer__contents {
    width: 268px
}

.eJ7VxS {
    background: #fff;
    padding: 12px
}

.fqmTt_ {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
    background: #fff;
    gap: 4px
}

.Nm4HEX,.fqmTt_ {
    align-items: center
}

.Nm4HEX {
    display: flex;
    font-size: 16px;
    min-width: 0
}

.Nm4HEX:first-child {
    justify-self: start
}

.Nm4HEX:nth-child(2) {
    justify-self: center
}

.Nm4HEX:nth-child(3) {
    justify-self: end
}

._7dS96 {
    min-width: 0
}

.XklnWA {
    color: #4a4a4a;
    cursor: help;
    display: flex;
    font-size: 16px;
    overflow: hidden;
    width: 100%
}

.XklnWA+.shopee-drawer__contents a {
    outline: 0;
    overflow: visible;
    position: relative
}

.XklnWA+.shopee-drawer__contents a: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)
}

.YzLslW {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._W1kLr {
    opacity: 0
}

.oZtSFx {
    flex-shrink: 0;
    height: 18px;
    margin-right: 5px;
    width: 18px
}

.CxLs6M {
    margin-left: .59375rem;
    stroke: #ee4d2d!important;
    height: .6875rem;
    width: .6875rem
}

.KUXX_3 {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem
}

.G7XNyd,.KUXX_3 {
    margin: 1.25rem 0
}

.G7XNyd {
    color: rgba(0,0,0,.54);
    font-size: 14px
}

.pUB15a {
    color: rgba(0,0,0,.87);
    font-size: 14px
}

.OH_b4J {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 6.25rem
}

.CeXbxn {
    min-height: 100px
}

.zlRPBS {
    width: 100%
}

.additionalInfoPopup {
    display: flex;
    flex-direction: column;
    min-height: 31.25rem;
    width: 50rem
}

.additionalInfoPopup .shopee-alert-popup__message {
    flex: 1;
    margin-top: 0
}

.additionalInfoPopup .shopee-alert-popup__button-horizontal-layout {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 1.25rem
}

.additionalInfoPopup .shopee-alert-popup__btn {
    flex-basis: 9.375rem;
    flex-grow: 0
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.P7IbkE {
    position: relative
}

.P7IbkE img {
    vertical-align: bottom
}

.juV2hh {
    visibility: hidden
}

.DIdXXL {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.kToENr {
    opacity: 0
}

.hnult1 {
    opacity: 1;
    transition: opacity .2s ease
}

.nVwb5f {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.vQYJ5N .IAYp87 {
    bottom: 0;
    right: 0
}

.IAYp87,.vQYJ5N .IAYp87 {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.IAYp87 {
    height: 100%;
    width: 100%
}

.r74CsV {
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: visible;
    padding: 25px!important
}

.pgFN2d {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 80px;
    margin-top: 20px;
    overflow: hidden;
    padding: 25px
}

.uLQaPg {
    border-right: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    max-width: 440px;
    padding-right: 25px
}

.lG5Xxv {
    flex-shrink: 0;
    margin-right: 20px;
    outline: 0;
    overflow: visible;
    position: relative
}

.lG5Xxv .y8f_ga {
    height: 80px;
    width: 80px
}

.lG5Xxv:focus-visible:before {
    --focus-indicator-border-radius: 50%;
    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)
}

.aUEg4L {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.aUEg4L .official-shop-new-badge {
    display: flex;
    justify-content: center
}

.aUEg4L>div {
    white-space: normal
}

.kgHbpK {
    left: 50%;
    transform: translateX(-50%);
    width: auto
}

.kgHbpK>div {
    font-size: 9px;
    white-space: nowrap
}

.BziOxR {
    bottom: 0;
    height: 21.33px;
    position: absolute;
    right: 0;
    width: 21.33px
}

.PYEGyz {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    overflow: hidden
}

.fV3TIn {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.asNEHY {
    margin: 0!important
}

.Fsv0YO {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    text-transform: capitalize
}

.NyRGTK {
    display: flex;
    margin-top: 8px
}

.NyRGTK .wq_EQj {
    margin-right: 10px
}

.NyRGTK .Z6yFUs,.NyRGTK .wq_EQj {
    flex-direction: row;
    text-transform: capitalize
}

.NyRGTK .Z6yFUs span,.NyRGTK .wq_EQj span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.NyRGTK .EXxJrT,.NyRGTK .esfDPs {
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/7bf03ed38ca37787fe78.svg)
}

.theme--ofs .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/cca4d4ed5534d55ee735.svg)
}

.theme--s-mart .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/11f3b40281448cc1cf5a.svg)
}

.NGzCXN {
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-gap: 20px 50px;
    color: rgba(0,0,0,.4);
    gap: 20px 50px;
    padding-left: 25px
}

.NGzCXN,.oQUf1d {
    flex-grow: 1
}

.YnZi6x {
    cursor: default;
    display: flex;
    justify-content: space-between;
    outline: 0;
    overflow: visible;
    position: relative
}

.YnZi6x:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.aArpoe .Cs6w3G {
    cursor: pointer
}

.H2wS9j {
    background: transparent;
    border: 0;
    outline: 0;
    overflow: visible;
    position: relative
}

.H2wS9j:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.ffHYws {
    color: rgba(0,0,0,.4);
    margin-right: 12px;
    text-transform: capitalize
}

.Cs6w3G {
    color: var(--brand-primary-color);
    text-align: right;
    white-space: nowrap
}

.mMlpiZ {
    align-items: center;
    color: #757575;
    display: flex;
    font-size: 14px
}

.H0wYar {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 1.875rem;
    width: 1.875rem
}

.H0wYar,.nkvGdS {
    position: relative
}

.nkvGdS {
    background-color: #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 100%;
    width: 100%
}

.Bk2cVc {
    stroke: #c6c6c6;
    font-size: 1.5rem;
    font-weight: 400;
    left: 50%;
    line-height: 2rem;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 24px;
    width: 24px
}

.Bk2cVc,.Qm507c {
    position: absolute
}

.Qm507c {
    border-radius: 50%;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.Qm507c:focus-visible {
    box-shadow: #fff 0 0 0 10px,var(--focus-indicator-color) 0 0 0 12px;
    outline: none
}

.gxSsbI {
    margin: 0 8px
}

.s4Wk4w a {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.product-page-seller-info__holiday-mode {
    color: #f9a51b;
    font-size: 12px;
    margin: 5px 0 6px;
    text-transform: capitalize;
    vertical-align: middle
}

.product-page-seller-info__holiday-symbol {
    align-items: center;
    background-color: #f9a51b;
    border-radius: 50%;
    display: inline-flex;
    height: 12px;
    justify-content: center;
    line-height: 12px;
    margin-right: 5px;
    width: 12px
}

.product-page-seller-info__holiday-symbol img {
    flex: 0 1 auto;
    height: 10px;
    width: 10px
}

.product-page-seller-info__inactive-indicator {
    color: #ff424f;
    font-size: 12px;
    margin: 5px 0 6px
}

.product-page-seller-info__online {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.product-page-seller-info__green-dot {
    background-color: #42ab17;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.product-page-seller-info__inactive-symbol {
    background-color: #ff424f;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-right: 5px;
    text-align: center;
    width: 12px
}

.product-page-seller-info__inactive-symbol>.shopee-svg-icon {
    color: #fff;
    font-size: 8px
}

.product-page-seller-info__inactive-symbol .icon-exclamation-mark {
    height: 8px;
    width: 8px
}

.product-not-exist {
    height: 600px;
    position: relative;
    text-align: center;
    width: 100%
}

.product-not-exist__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.product-not-exist__text {
    cursor: default;
    margin-top: 20px
}

.dBfDWY {
    background-color: #fffefb;
    border: 1px solid rgba(224,168,0,.4);
    border-radius: 2px;
    color: #222;
    line-height: 18px;
    margin-bottom: -.625rem;
    margin-top: 20px;
    padding: 11px 15px
}

.OzG_WI {
    height: 14px;
    margin-right: 10px;
    overflow: visible;
    vertical-align: -1px;
    width: 14px
}

.OK2S5z {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.XsMEjP {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.EBRFWp {
    background-color: rgba(0,0,0,.3);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.cz7Ulg {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    padding: 0 20px
}

.cz7Ulg:disabled {
    opacity: .5;
    pointer-events: none
}

.o9RGvm {
    background: #ee4d2d;
    border: 0;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.o9RGvm: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)
}

.o9RGvm:not(.LOZP9g):hover {
    background: #f05d40
}

.o9RGvm:not(.LOZP9g):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.o9RGvm.LOZP9g {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.NvCpmF {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    color: #212121
}

.NvCpmF:active,.NvCpmF:hover {
    background: rgba(0,0,0,.02)
}

.NvCpmF:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.oBKomb {
    font-size: 16px;
    line-height: 24px
}

.NEJEI0 {
    width: 100%
}

.X4TmNY {
    font-size: 16px;
    line-height: 24px;
    padding: 24px;
    width: 440px
}

.GufqRt {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.a3f5I1 {
    color: rgba(0,0,0,.65)
}

.YU4z24 {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    margin-top: 24px
}

.cGRn2O {
    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
}

.zErrE_ {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

#shopee-searchbar-selected-option {
    background-color: #fbfbfb
}

.shopee-searchbar {
    --focus-indicator-spacing: 3px;
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.shopee-searchbar--focus .shopee-searchbar-input:before {
    border-radius: 2px;
    bottom: -4px;
    content: "";
    left: -4px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: -4px;
    z-index: 1
}

.shopee-searchbar>.btn svg {
    margin: 0 auto
}

.shopee-searchbar__main {
    display: flex;
    flex: 1
}

.shopee-searchbar__search-button {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-searchbar__search-button:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-searchbar-input {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding: 0 .625rem;
    position: relative
}

.shopee-searchbar-input__input {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.shopee-searchbar-input__input:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-hints {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.shopee-searchbar-hints__header {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

.shopee-searchbar-hints__history-entry {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__history-entry__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry__typed-text {
    font-weight: 500
}

.shopee-searchbar-hints__history-entry__category-name {
    color: rgba(0,0,0,.26);
    margin-top: .25rem
}

.shopee-searchbar-hints__entry,.shopee-searchbar-hints__search-prefill,.shopee-searchbar-hints__search-shop {
    color: rgba(0,0,0,.87);
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__entry:hover,.shopee-searchbar-hints__search-prefill:hover,.shopee-searchbar-hints__search-shop:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__entry__bold-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__search-shop {
    align-items: center;
    display: flex
}

.shopee-searchbar-hints__search-shop .shopee-svg-icon {
    color: #ee4d2d;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.shopee-searchbar-hints__entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.shopee-searchbar-hints__entry--history {
    text-overflow: ellipsis
}

.shopee-searchbar-hints__entry__product-name {
    flex: 0 1 auto
}

.shopee-searchbar-hints__entry__typed-product-name {
    font-weight: 500
}

.shopee-searchbar-hints__entry__category-name {
    color: rgba(0,0,0,.26);
    flex: 0 1 auto;
    margin-top: .25rem
}

.shopee-searchbar-hints__search-prefill {
    align-items: center;
    display: flex;
    padding-right: 15px
}

.shopee-searchbar-hints__search-prefill img {
    margin-left: auto
}

.shopee-searchbar-hints__search-prefill .shopee-searchbar-hints__text {
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-user-hints {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-left: 1px solid rgba(0,0,0,.09);
    border-right: 1px solid rgba(0,0,0,.09)
}

.shopee-searchbar-user-hints__entry {
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-searchbar-selector {
    align-items: center;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    height: 100%;
    max-width: 9.375rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    line-height: 1.25rem;
    overflow: hidden;
    padding-left: .9375rem;
    padding-right: .625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__trigger>.shopee-svg-icon {
    height: .5rem;
    margin-left: .9375rem;
    width: .5rem
}

.shopee-searchbar-selector__dropdown {
    background-color: #fff;
    border-radius: .125rem;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin-top: .75rem;
    max-height: var(--radix-select-content-available-height);
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 601
}

.shopee-searchbar-selector__option {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 0 1 auto;
    height: 2.8125rem;
    justify-content: space-between;
    padding-left: .9375rem;
    padding-right: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__option:hover {
    background-color: #fbfbfb
}

.shopee-searchbar-selector__option-label {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    width: 100%
}

.shopee-searchbar-selector__option-tick {
    align-self: center;
    color: #ee4d2d;
    flex: 0 1 auto;
    height: .625rem;
    margin-left: .9375rem;
    width: .625rem
}

.ofs-more-menu {
    padding-top: 14px;
    position: absolute;
    right: 0;
    top: 50px
}

.ofs-more-menu__content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 50px 0 rgba(0,0,0,.2);
    display: flex;
    padding: 0 1.5625rem 1.5625rem;
    position: relative
}

.ofs-more-menu__content:before {
    border-bottom: 10px solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 44px;
    top: -10px;
    width: 0
}

.ofs-more-menu__col {
    flex: 1;
    width: 170px
}

.ofs-more-menu__item {
    color: rgba(0,0,0,.87);
    display: block;
    margin-top: 1.5625rem;
    overflow: hidden;
    padding-right: 15px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

.ofs-more-menu__item:hover {
    color: #ee4d2d;
    cursor: pointer;
    transition: color .3s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar--theme-official .ofs-more-menu__item:hover {
    color: #d0011b
}

.ofs-navbar {
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    min-height: 50px;
    transition: transform .3s cubic-bezier(.4,0,.6,1);
    z-index: 200
}

.ofs-navbar--theme-official .ofs-navbar__item--active,.ofs-navbar--theme-official .ofs-navbar__item:hover {
    color: #d0011b
}

.ofs-navbar--theme-official .ofs-navbar__item--active {
    border-color: #d0011b
}

.ofs-navbar--theme-official.preview {
    pointer-events: none
}

.ofs-navbar--docked {
    transform: translateZ(0)
}

.ofs-navbar--hidden {
    height: 0;
    min-height: 0;
    transform: translate3d(0,-50px,0)
}

.ofs-navbar__background {
    background: #fff
}

.ofs-navbar__wrapper {
    display: flex
}

.ofs-navbar__items {
    display: flex;
    flex: 1;
    justify-content: space-around
}

.ofs-navbar__item {
    align-items: center;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    font-size: .9375rem;
    font-weight: 700;
    padding: 14px 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ofs-navbar__item--active,.ofs-navbar__item:hover {
    color: #ee4d2d;
    cursor: pointer;
    transition: color .3s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item--active {
    border-color: #ee4d2d;
    transition: border-color .2s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ofs-navbar__more {
    display: flex;
    padding-left: 20px;
    position: relative
}

.ofs-navbar__more:before {
    border-left: 1px solid rgba(0,0,0,.09);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ofs-navbar__more>.icon-down-arrow-filled {
    height: .6em;
    margin-left: 4px;
    width: .6em
}

.ofs-navbar__more:hover {
    border-bottom-color: transparent;
    color: initial
}

.ofs-navbar__more--show>.icon-down-arrow-filled {
    transform: rotate(180deg)
}

.ofs-navbar__separator {
    background: rgba(0,0,0,.09);
    margin: 25px 0;
    width: 1px
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    align-items: center;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    outline: 0;
    text-transform: capitalize
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    max-width: 190px;
    min-width: 60px;
    padding: 0 15px
}

.btn--m {
    height: 40px;
    max-width: 220px;
    min-width: 70px;
    padding: 0 20px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l,.btn--xl {
    max-width: 250px;
    min-width: 80px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.cwKWhb {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

.cwKWhb:hover {
    background-color: #f8f8f8
}

.Q8sYgj {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.v9C9fv {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.wRXuLg {
    font-weight: 500;
    white-space: nowrap
}

.K98OHU,.wRXuLg {
    overflow: hidden;
    text-overflow: ellipsis
}

.K98OHU {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.U7qd54 {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.ruuPWB {
    color: #ee4d2d
}

.oQA219 {
    font-size: 9px;
    margin: 0 5px
}

.oQA219,.pJ0fmn {
    color: rgba(0,0,0,.54)
}

.fF3qL3,.pJ0fmn {
    font-size: .75rem
}

.fF3qL3 {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

.fF3qL3>.shopee-button-no-outline {
    font-weight: 400;
    padding: 0;
    white-space: nowrap
}

.xu2ybv {
    flex: 1
}

.Wq5Olu {
    margin-top: .625rem
}

.FgOG6A {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.N9m5w_ {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.QcxyjJ {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.cart-drawer-container {
    padding: 10px 0
}

.cart-drawer {
    cursor: pointer;
    margin: 0 0 0 5px;
    outline: 0;
    overflow: visible;
    position: relative
}

.cart-drawer:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.cart-drawer .shopee-cart-number-badge {
    left: -1.25rem;
    top: -.6875rem
}

.cart-drawer .icon-shopping-cart-2 {
    color: #fff;
    stroke: #fff
}

.cart-drawer__popover {
    z-index: 400!important
}

.OG8bFL {
    padding: 3.75rem 0;
    text-align: center
}

.NRsGJE {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9bdd8040b334d31946f4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.Jbh84d {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.j36PbB.j36PbB {
    flex-shrink: 0;
    max-width: unset
}

.jESbfG {
    line-height: normal;
    text-align: left
}

.au0ezw {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.j9MGss {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

._UmqrZ {
    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
}

._UmqrZ>.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
}

.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)
}

.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
}

.xqFGel {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem
}

.xqFGel.PeVO69: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
}

.xqFGel .X4A1mL {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.xqFGel .X4A1mL:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.dzD_oG {
    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
}

.lpd7LA {
    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
}

.lpd7LA.HGHYAE,.lpd7LA:hover {
    background-color: #fafafa
}

.lpd7LA .uoPjuf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lpd7LA .OYr_QV {
    font-weight: 500
}

.oBjriL {
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.oBjriL.hcSqiM {
    box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
}

.oBjriL .goo1BZ {
    margin: 0 auto
}

.oBjriL .goo1BZ,.oBjriL .goo1BZ:active,.oBjriL .goo1BZ:focus,.oBjriL .goo1BZ:hover {
    background-color: #066bc8
}

.Kc3bjM {
    display: flex;
    flex: 1;
    position: relative
}

.Kc3bjM .lCJQSq {
    width: 100%
}

.Kc3bjM .FByahe {
    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
}

.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
}

.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%
}

.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
}

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/d4abcabbd3a449975eb8.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%
}

.inVC2s {
    position: relative
}

.inVC2s img {
    vertical-align: bottom
}

.LoKV8G {
    visibility: hidden
}

.kqknPZ {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.jtfbM2 {
    opacity: 0
}

.WKlBzs {
    opacity: 1;
    transition: opacity .2s ease
}

.Ga0gYz {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.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)
    }
}

.K4HzYF,.WCesPV {
    align-items: center;
    display: flex
}

.K4HzYF {
    justify-content: center
}

.WCesPV {
    color: currentColor;
    padding: 6px 0
}

.b2cpp4 {
    pointer-events: none
}

.K4HzYF {
    background-color: #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem;
    left: -.75rem;
    margin-right: -.9375rem;
    position: relative;
    top: -.3125rem
}

.JIk5jC {
    width: 1.125rem
}

.Naa9e7 {
    width: 1.375rem
}

.iZrR7L {
    color: var(--brand-primary-color,#ee4d2d)
}

.Xj04dY {
    color: #d0011b
}

.HUb4uA {
    font-size: .8125rem;
    font-weight: 300;
    margin-left: .3125rem;
    text-transform: capitalize
}

.sXTYmG {
    position: relative
}

.sXTYmG img {
    vertical-align: bottom
}

.cBA2ug {
    visibility: hidden
}

.PyDb5M {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.xaeg6u {
    opacity: 0
}

.UqOtLU {
    opacity: 1;
    transition: opacity .2s ease
}

.zt11vf {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.Ghi0DB .R8bGj3 {
    bottom: 0;
    right: 0
}

.Ghi0DB .R8bGj3,.R8bGj3 {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.R8bGj3 {
    height: 100%;
    width: 100%
}

.X5bK0x {
    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
}

.gVKtRA {
    height: 6.25rem;
    width: 6.25rem
}

.EXiGJQ {
    margin: .625rem
}

.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)
}

.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
}

.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
}

.gbavatar,.gbstep1,.gbstep2,.gbstep3 {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4b96c5209105fcf85252.png) no-repeat;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.gbavatar {
    background-position: 0 0;
    background-size: cover;
    height: 100px;
    width: 100px
}

.gbstep1 {
    background-position: 0 -100px
}

.gbstep2 {
    background-position: -22px -100px
}

.gbstep3 {
    background-position: -44px -100px
}

.page-product__content--right>:not(:empty) {
    margin-left: .9375rem;
    width: 14.5rem
}

.page-product>.container {
    padding-bottom: 4.375rem
}

.page-product__breadcrumb {
    height: 1rem;
    margin-top: 1.25rem
}

.theme--s-mart .page-product__breadcrumb {
    color: #066bc8
}

.page-product__detail,.page-product__hot-sales,.page-product__info,.page-product__ratings,.page-product__recycle,.page-product__shop,.page-product__shop-voucher {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    margin-top: .9375rem;
    overflow: hidden;
    padding: .625rem
}

.page-product__content {
    display: flex;
    min-height: 40rem
}

.page-product__content--hidden {
    opacity: 0;
    pointer-events: none
}

.page-product__content--left {
    flex: 1;
    min-width: 0
}

.page-product__content--right>:not(:empty) {
    display: block!important
}

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

.toast--hidden {
    opacity: 0;
    pointer-events: none
}

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    margin-bottom: 1.25rem
}

.kkObvr,.toast__icon {
    display: flex;
    justify-content: center
}

.kkObvr {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    height: 60px;
    text-align: center;
    width: 60px
}

.bYHPUH {
    height: 30px;
    width: 30px
}

.K3c1N_ {
    height: 40px;
    width: 40px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/pcmall-productdetailspage.eaba0db876eaca3ba12c.css.map*/
.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.hD2Y0w {
    left: 0;
    position: absolute;
    top: 0
}

.wpcUJb {
    width: 3.625rem
}

.EapB0m {
    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
}

.f4W0Nx {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.d4PqHM {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.NpMZAS {
    padding-right: 2.4375rem
}

.f2QWKz {
    align-items: center;
    display: flex;
    flex-direction: column
}

.uu1ye7 {
    margin-bottom: .6875rem;
    overflow: hidden
}

.y7gXed {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.EGtL_w,.uZnObp {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.EGtL_w {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.uZnObp {
    background-size: 100%
}

.KxGoKs {
    align-items: center;
    display: flex
}

.ko5EyI,.pS6dAg {
    height: 1rem;
    padding: .1875rem
}

.zvDtEA.EapB0m {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.zvDtEA .f4W0Nx {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.zvDtEA .EGtL_w {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.zvDtEA .uZnObp {
    height: 2.1875rem;
    width: 6.6875rem
}

.zvDtEA .MJox0R {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.zvDtEA .NpMZAS {
    padding-right: 1.4375rem
}

.zvDtEA .f2QWKz {
    justify-content: center
}

.zvDtEA .y7gXed {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.zvDtEA .uu1ye7 {
    margin-bottom: -.25rem
}

.zvDtEA .B_hELM,.zvDtEA .ko5EyI,.zvDtEA .pS6dAg {
    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
}

.zvDtEA .B_hELM {
    margin-right: 0
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.aFFnrT {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

._3sjFp {
    align-items: center;
    border-radius: .125rem;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

.Re56EB {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.gOoSPx {
    color: #222;
    font-size: 1rem;
    text-align: center
}

.idLK2l {
    height: 15px
}

.EtYbJs,.idLK2l {
    white-space: nowrap
}

.EtYbJs {
    color: rgba(0,0,0,.87);
    color: #05a;
    font-size: 13px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.theme--s-mart .EtYbJs {
    color: #066bc8
}

.EtYbJs:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.R7vGdX {
    color: #05a;
    font-size: 14px
}

.EB95ts {
    height: 10px;
    margin: 0 5px;
    width: 10px
}

.oh0Xh2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TYHGxr {
    background-repeat: no-repeat;
    height: 2.25rem;
    width: 100%
}

@keyframes second-ten {
    0% {
        transform: translateY(0)
    }

    15% {
        transform: translateY(0)
    }

    16.66% {
        transform: translateY(-17px)
    }

    31.66% {
        transform: translateY(-17px)
    }

    33.33% {
        transform: translateY(-34px)
    }

    48.33% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    65% {
        transform: translateY(-51px)
    }

    66.66% {
        transform: translateY(-68px)
    }

    81.66% {
        transform: translateY(-68px)
    }

    83.33% {
        transform: translateY(-85px)
    }

    98.33% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes second-digit {
    0% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes minute-ten {
    0% {
        transform: translateY(0)
    }

    16.638888% {
        transform: translateY(0)
    }

    16.666666% {
        transform: translateY(-17px)
    }

    33.305555% {
        transform: translateY(-17px)
    }

    33.333333% {
        transform: translateY(-34px)
    }

    49.972222% {
        transform: translateY(-34px)
    }

    50% {
        transform: translateY(-51px)
    }

    66.638888% {
        transform: translateY(-51px)
    }

    66.666666% {
        transform: translateY(-68px)
    }

    83.305555% {
        transform: translateY(-68px)
    }

    83.333333% {
        transform: translateY(-85px)
    }

    99.972222% {
        transform: translateY(-85px)
    }

    to {
        transform: translateY(-102px)
    }
}

@keyframes minute-digit {
    0% {
        transform: translateY(0)
    }

    9.833% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.833% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.833% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.833% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.833% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.833% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.833% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.833% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.833% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.833% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-hundred {
    0% {
        transform: translateY(0)
    }

    9.999972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.999972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.999972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.999972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.999972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.999972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.999972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.999972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.999972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.999972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-ten {
    0% {
        transform: translateY(0)
    }

    9.99972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.99972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.99972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.99972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.99972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.99972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.99972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.99972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.99972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.99972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

@keyframes hour-digit {
    0% {
        transform: translateY(0)
    }

    9.9972222% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(-17px)
    }

    19.9972222% {
        transform: translateY(-17px)
    }

    20% {
        transform: translateY(-34px)
    }

    29.9972222% {
        transform: translateY(-34px)
    }

    30% {
        transform: translateY(-51px)
    }

    39.9972222% {
        transform: translateY(-51px)
    }

    40% {
        transform: translateY(-68px)
    }

    49.9972222% {
        transform: translateY(-68px)
    }

    50% {
        transform: translateY(-85px)
    }

    59.9972222% {
        transform: translateY(-85px)
    }

    60% {
        transform: translateY(-102px)
    }

    69.9972222% {
        transform: translateY(-102px)
    }

    70% {
        transform: translateY(-119px)
    }

    79.9972222% {
        transform: translateY(-119px)
    }

    80% {
        transform: translateY(-136px)
    }

    89.9972222% {
        transform: translateY(-136px)
    }

    90% {
        transform: translateY(-153px)
    }

    99.9972222% {
        transform: translateY(-153px)
    }

    to {
        transform: translateY(-170px)
    }
}

.shopee-countdown-timer {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #000;
    cursor: default;
    display: flex
}

.shopee-countdown-timer__colon {
    background-position-y: 3px;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    height: 17px;
    margin: 0 2px;
    text-align: center;
    width: 3px
}

.shopee-countdown-timer__colon--flashing-off {
    opacity: 0
}

.shopee-countdown-timer__number {
    background: currentColor;
    border-radius: 2px;
    box-sizing: content-box;
    display: flex;
    font-size: 19px;
    height: 17px;
    justify-content: space-around;
    line-height: 20px;
    margin-bottom: 4px;
    min-width: 20px;
    overflow: hidden;
    padding: 1px 3px;
    text-align: center
}

.shopee-countdown-timer__number__deca,.shopee-countdown-timer__number__hexa {
    display: inline-block;
    height: 187px;
    overflow: hidden;
    width: 9px
}

.shopee-countdown-timer__number__deca--second {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: second-digit
}

.shopee-countdown-timer__number__hexa--second {
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-name: second-ten
}

.shopee-countdown-timer__number__deca--minute {
    animation-duration: 600s;
    animation-iteration-count: infinite;
    animation-name: minute-digit
}

.shopee-countdown-timer__number__hexa--minute {
    animation-duration: 3600s;
    animation-iteration-count: infinite;
    animation-name: minute-ten
}

.shopee-countdown-timer__number__deca--hour {
    animation-duration: 36000s;
    animation-iteration-count: infinite;
    animation-name: hour-digit
}

.shopee-countdown-timer__number__hexa--hour {
    animation-duration: 360000s;
    animation-iteration-count: infinite;
    animation-name: hour-ten
}

.shopee-countdown-timer__number__hund--hour {
    animation-duration: 3600000s;
    animation-iteration-count: infinite;
    animation-name: hour-hundred
}

.shopee-countdown-timer__number__item {
    height: 17px;
    position: relative;
    width: 9px
}

.shopee-countdown-timer__number__item svg {
    height: 13px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 17px;
    fill: #fff;
    stroke: #fff;
    overflow: visible
}

.colon-dot {
    background: currentColor;
    border-radius: 100%;
    height: 3px;
    left: 0;
    position: absolute;
    top: 10%;
    width: 3px
}

.colon-dot__wrapper {
    height: 50%;
    position: relative;
    width: 100%
}

.x7M8PV {
    align-items: center;
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4323ad4dc2b3c72d0474.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    display: flex;
    height: 2.25rem;
    margin-top: .625rem;
    padding: 0 1.25rem
}

.x7M8PV .BYTod0 {
    margin-bottom: 0
}

.QYq0yX {
    height: 1.3125rem;
    object-fit: contain;
    object-position: center;
    width: 7.625rem
}

.Er7dmT {
    border: 1px solid #fff;
    border-radius: .0625rem;
    color: #fff;
    font-size: .625rem;
    font-weight: 400;
    margin-left: .9375rem;
    padding: .125rem .25rem
}

.meXFK1 {
    margin-left: auto;
    margin-right: .375rem
}

.rchvXw {
    font-weight: lighter;
    margin-right: .625rem;
    text-transform: uppercase
}

.oc36a7 {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 2.75rem;
    max-width: 41.5625rem;
    padding-right: .9375rem
}

.p9zkFm {
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.K2ZHLr {
    text-align: right;
    width: 100%
}

.QjMzan {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/6a5b16e354493609ddfe.jpg),linear-gradient(-90deg,#f0451e 9%,#f32424 96%);
    color: #fff;
    font-size: 1rem;
    height: 36px;
    margin-top: .625rem;
    padding: 0 20px
}

.MuD8h4 {
    display: flex;
    font-size: 1.25rem;
    margin-right: .625rem
}

.L1_lX8 {
    text-align: right
}

.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
}

.btn-tinted,.btn.btn-tinted {
    background: rgba(255,87,34,.1);
    background: var(--brand-primary-light-color);
    border: 1px solid var(--brand-primary-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
}

.fnrLi4 {
    padding-left: 20px
}

.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
}

.RFtB8m {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 40px;
    padding: 0 15px
}

.RFtB8m:hover {
    cursor: pointer
}

.FIA9aM {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.pPGzNd {
    flex-shrink: 0;
    margin-right: 15px;
    max-height: 23px;
    max-width: 23px
}

.Ug6OeI {
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.px0yxd {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.fwuod7 {
    width: 66%
}

.ED51uK {
    font-weight: 500
}

.FQtUZP .o1D7nV {
    margin-right: 20px
}

.FQtUZP .KzKhX4 {
    font-weight: 500;
    margin-right: 2px
}

.FQtUZP .mC_csS {
    text-align: right
}

.u5Ij85 {
    opacity: .26
}

.R0yvAP {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 623px
}

.M4EZyL {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.R0yvAP .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

.prk9tO {
    min-height: 170px;
    width: 415px
}

.IF6ojx {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.j3SBEG {
    height: 360px;
    min-height: 0;
    padding: 0 30px 15px 15px
}

.qm6QLV {
    margin-left: 15px
}

.nHfAeP {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.TGiOM5 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 210px
}

.VFYEsP {
    padding-left: 20px
}

.hN1SOV {
    color: #333;
    margin-top: 20px
}

.jpxGdf {
    font-weight: 500
}

.SmGBM4 {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin: 0 30px 30px;
    width: 355px
}

.zIkywd {
    color: #333;
    line-height: 20px
}

.SSfI1U {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.SSfI1U .HjXj5I {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.KrtGbA {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

.oHWDGJ {
    margin-top: .9375rem
}

.Bf9ap6 {
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: -1000
}

.OgBXec {
    flex-shrink: 0;
    margin-top: 10px;
    min-height: 48px;
    padding: 0 12px
}

.OgBXec:hover {
    cursor: pointer
}

.HCI5LA {
    background: rgba(0,0,0,.02);
    color: #ee4d2d;
    font-weight: 500
}

.HkXJEX {
    font-size: 14px;
    margin-right: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: capitalize
}

.FCPqX3 {
    flex-shrink: 0;
    height: 9px;
    margin-left: 6px
}

.qwFJmq {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: .75rem;
    width: 5.875rem
}

.oAzNCW {
    width: 1.5rem
}

.H7bAjF {
    margin-top: .5rem;
    text-align: center
}

.Meg1Qh {
    box-sizing: border-box;
    min-height: 545px;
    padding: 30px 0 0;
    width: 794px
}

.QD7cFW {
    height: 18px;
    margin-right: 9px;
    width: 18px
}

.Meg1Qh .shopee-popup-form__prompt-message {
    align-items: center;
    margin: -18px 18px 9px
}

._0CFs8 {
    color: #333;
    font-size: 20px;
    margin-bottom: 36px;
    padding: 0 30px
}

.aOjCJj {
    height: 360px;
    min-height: 0;
    padding: 0 0 15px 15px
}

.rtRdUY {
    margin-left: 15px
}

.iJK0vB {
    color: #929292;
    flex-shrink: 0;
    margin-top: 10px;
    text-transform: capitalize
}

.ZWrHF4 {
    border-right: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    flex-shrink: 0;
    overflow-y: scroll;
    padding: 0 15px 15px 0;
    width: 260px
}

.vBGbBf {
    padding-left: 20px
}

.RDvi79 {
    color: #333;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.C_ZJMe {
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 20px 30px
}

.C_ZJMe .Uua34d {
    color: rgba(0,0,0,.54);
    margin-right: 12px
}

.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;
    text-transform: capitalize;
    width: 110px
}

.GwcqEE,.WByRAC {
    height: 9px;
    margin-left: 6px
}

.rphiJ1 {
    box-sizing: border-box;
    padding: 30px 30px 20px;
    text-transform: capitalize;
    width: 350px
}

.U2D2mH {
    color: #222;
    font-size: 20px
}

.GbmMWt {
    color: #929292;
    margin-top: 30px
}

.P1Ozlo:first-child {
    width: 30%
}

.P1Ozlo:nth-child(2),.P1Ozlo:nth-child(3) {
    width: 35%
}

.fUtVgS {
    color: #222;
    width: 30%
}

._wnmWC {
    color: #ee4d2d;
    width: 35%
}

.izNOwG {
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 35%
}

.YCB1KC {
    margin-top: 25px
}

.iCq3ef {
    flex-direction: row-reverse;
    margin-top: 45px
}

.NtkrDO {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 22px;
    max-height: 200px;
    padding: 20px;
    width: 300px;
    word-wrap:;
    overflow: auto;
    text-align: left
}

.NtkrDO a {
    color: #05a
}

.gdYMVU {
    height: 14px;
    width: 14px
}

.y5xqvT {
    align-items: center;
    display: flex;
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.d_wQcV {
    width: 20px
}

.iDZfa6 {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.Y04pHP {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.HICLAp {
    width: 20px
}

.w2GEso {
    color: #636363;
    line-height: 1;
    margin: 0 10px
}

.YyI58r {
    color: rgba(0,0,0,.87);
    line-height: 1.25rem;
    margin-top: .75rem
}

.SFi5Vg,.YyI58r {
    font-size: .875rem
}

.SFi5Vg {
    cursor: default;
    display: flex;
    flex-direction: column;
    margin: .75rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 28.625rem
}

.n9FCgW {
    align-items: flex-start;
    display: flex
}

.Xf1wi6 {
    font-weight: 500;
    max-width: 33.3%;
    padding-right: .625rem
}

.DbbHsV,.Xf1wi6 {
    display: -webkit-box;
    font-size: .875rem;
    line-height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.DbbHsV {
    margin-left: auto;
    max-width: 66%
}

.N1S9ia {
    color: rgba(0,0,0,.26);
    margin-right: 2px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.N1S9ia,.kVeRiB {
    display: inline-block
}

.kVeRiB {
    color: #ee4d2d
}

.kVeRiB:only-child {
    color: rgba(0,0,0,.87)
}

.dl9jlo {
    margin-top: .5rem
}

.VJJeDm,.dl9jlo {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.VJJeDm {
    display: inline-block;
    margin-top: .4375rem;
    white-space: 
}

.YULpJb {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-top: .625rem
}

.pl-promotion {
    flex: 0 1 auto
}

.SFi5Vg+.SFi5Vg {
    padding-top: .625rem
}

.theme-ofs .VJJeDm {
    color: #d0011b!important;
    stroke: #d0011b!important
}

.hLl9Yz {
    border-bottom: 1px solid rgba(0,0,0,.09);
    font-size: .875rem;
    font-weight: 500;
    height: 3.25rem;
    line-height: 3.25rem
}

.q5KiF7 {
    margin-bottom: .75rem;
    padding: 0 1.25rem
}

.Ej6Io5 {
    padding-top: .625rem
}

.wykjJM {
    margin: 0
}

.wykjJM:not(:first-child) {
    margin-top: 1.5625rem
}

.wOMafz {
    font-weight: 400!important
}

.Rt_jnJ {
    margin-bottom: .625rem;
    margin-right: 1.375rem
}

.oJaVeR {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.ai5kXA {
    align-items: center;
    display: flex
}

.DkMKTu {
    color: #636363
}

.DkMKTu,.Vjww5c {
    margin-left: .625rem
}

.Vjww5c {
    display: inline-block;
    vertical-align: baseline
}

.Vjww5c .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.jZUECu {
    color: rgba(0,0,0,.54);
    fill: currentColor;
    stroke: none;
    height: .875rem;
    width: .875rem
}

.RC844M {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.RC844M ol,.RC844M ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.Z9LFVl {
    margin-bottom: .625rem
}

.fp3wtk {
    flex-shrink: 0;
    height: 1rem;
    width: 2.375rem
}

.uvxHv_ {
    align-items: center;
    color: #636363;
    display: flex;
    margin: 0 0 0 10px
}

.fhEmmk {
    display: inline-block;
    margin-left: .5rem;
    vertical-align: baseline
}

.fhEmmk .shopee-arrow-box__content {
    max-height: 8.75rem;
    overflow-y: auto
}

.N2y_MC {
    height: .875rem;
    width: .875rem
}

.MJLyzU {
    background: #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem .9375rem;
    width: 21.25rem
}

.MJLyzU ol,.MJLyzU ul {
    line-height: 1.125rem;
    margin-top: 0;
    padding-left: 1.25rem
}

.nVIOok {
    display: flex
}

.nVIOok>div:first-child {
    margin-right: 1.25rem
}

._7aiwyt {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.CWIkAx {
    width: 515px
}

.Z3_m8m {
    height: 0;
    opacity: 0
}

.oqSQTf {
    height: auto;
    opacity: 1;
    transition: height .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)
}

.BWGW5I {
    align-items: center;
    display: flex
}

.gbmoiL {
    padding: 0 20px
}

.qPOUK4 {
    color: rgba(0,0,0,.54)
}

.vAmPSZ {
    color: #ee4d2d;
    margin-bottom: 10px
}

.vAmPSZ>.icon-preorder {
    font-size: 20px;
    margin: 0 14px 0 0
}

.wigEZ0 {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto 1fr
}

.Fy4A_Q {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1
}

.Fy4A_Q,.ohuenU {
    grid-row: 1;
    -ms-grid-row: 1;
    margin-bottom: 12px
}

.ohuenU {
    grid-column: 2;
    -ms-grid-column: 2;
    margin-left: 7px
}

.nDYwZC {
    align-items: center;
    color: #222;
    display: flex
}

.mU_CeI {
    color: rgba(0,0,0,.54);
    font-weight: 300;
    margin-top: 2px
}

.ylZz2_ {
    margin-left: 10px
}

.nzMrCh {
    white-space: normal
}

.H5IRYN {
    justify-self: center;
    -ms-grid-column-align: center;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-row: 2;
    -ms-grid-row: 2
}

.H5IRYN .fBlHLU,.H5IRYN .i9sDsG {
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    width: 20px
}

.JLop8B {
    grid-column: 2;
    -ms-grid-column: 2;
    grid-row: 2;
    -ms-grid-row: 2;
    margin-left: 7px
}

.Zg6PS1 {
    color: #636363;
    margin-right: 10px;
    text-transform: capitalize;
    width: 110px
}

.oTmzEO {
    position: relative
}

.C0ngbq {
    align-items: center;
    margin-bottom: 10px
}

.C0ngbq,.C0ngbq .shopee-drawer__contents {
    display: flex
}

.C0ngbq:last-child {
    margin: 0
}

.NH0wdP,.mMlgVz {
    margin-right: 5px
}

.nIv4eX {
    color: #000;
    font-weight: 500
}

.bAmXer {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bAmXer .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.bAmXer .icon-arrow-down,.bAmXer .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.bAmXer:hover .nIv4eX {
    color: #ee4d2d!important
}

.PZGOkt {
    color: #222;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.PZGOkt:hover {
    color: #ee4d2d
}

.PZGOkt .eTGwg9 {
    height: 12px;
    margin-left: 5px;
    width: 12px
}

.MdEora {
    border: 1px solid rgba(0,0,0,.09);
    margin: 5px 0 0 -5px;
    padding-bottom: 15px
}

.XeC500 {
    max-height: 400px;
    max-width: 500px;
    overflow-y: auto
}

.Gty4hV {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    padding: 18px 20px 0
}

.Gty4hV a {
    color: #4080ee
}

.HykkXO {
    display: inline-block;
    padding-top: 15px;
    text-align: center;
    width: 500px
}

.theme--ofs .PZGOkt :hover {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .ZeFe2s {
    color: #d0011b
}

.PddMlc {
    margin-right: 5px
}

.my0ZcO {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.my0ZcO .shopee-address-picker {
    left: 0;
    margin-top: 1px;
    position: absolute;
    top: 100%
}

.my0ZcO .icon-arrow-up {
    font-size: .625rem;
    fill: #636363;
    margin-left: 5px;
    pointer-events: none
}

.my0ZcO .RhLDj0 {
    height: .625rem;
    margin-left: 5px;
    pointer-events: none;
    width: .625rem
}

.my0ZcO .RhLDj0.IE8riR {
    transform: rotate(180deg)
}

.my0ZcO:hover .jEJ3Vm {
    color: #ee4d2d!important
}

.my0ZcO button {
    background-color: transparent;
    border: 0
}

.awxJLd {
    color: #000;
    font-weight: 500
}

.Jzfbds {
    background: transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998
}

.LUAQqJ {
    display: inline-flex;
    flex-direction: row
}

.YRa9CH {
    color: #929292;
    margin-right: .3125rem;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.AGvOhq {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .5rem
}

.WjX0SZ {
    display: inline-block;
    font-size: 0;
    margin-top: toRem(-2px)
}

.WjX0SZ>svg {
    height: toRem(24px);
    width: toRem(24px)
}

.jQFffX {
    background-color: #fff;
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    line-height: 1rem
}

.YMJfCu {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    margin-bottom: 10px
}

.F3NM4u {
    height: 20px;
    margin: 0 14px 0 0;
    width: 20px
}

.ytozli {
    border-bottom: 1px solid #efefef;
    padding: 15px
}

.gxPhDY {
    margin-right: 4px
}

.SsEdP1 {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: 14px;
    line-height: 16px
}

.BYQWiH {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

._2yNQg {
    align-items: center;
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    display: inline-flex;
    height: 1.25em;
    width: 1.25em
}

.YrpgA {
    font-size: 2rem
}

._3G4Hy {
    font-size: 1rem
}

.s6Zx9 {
    animation: _2yNQg .56s linear infinite;
    background: currentColor;
    border-radius: 99px;
    display: block;
    height: .25em;
    margin-bottom: -.25em;
    margin-right: .25em;
    transform: translateY(.0001%);
    width: .25em
}

.s6Zx9:nth-child(2) {
    animation-delay: -.14s
}

.s6Zx9:nth-child(3) {
    animation-delay: -.28s;
    margin-right: 0
}

@keyframes _2yNQg {
    50% {
        transform: translateY(-.25em)
    }
}

.uVwYBh {
    align-items: flex-start;
    max-width: 625px
}

.JeKiRh {
    color: rgba(0,0,0,.54)
}

.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:
}

.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: rgba(0,0,0,.09);
    color: #ccc
}

.UAc5Wb svg,.suQW3X[disabled] svg {
    fill: #ccc
}

.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
}

.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
}

.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
}

.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)
}

.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
}

.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)
}

.tElCxK {
    display: none
}

.voucher-ticket {
    max-width: 100%
}

.voucher-ticket .copy-field__button,.voucher-ticket__code,.voucher-ticket__promo-off {
    text-transform: uppercase
}

.voucher-ticket--fancy {
    align-items: stretch;
    background: #ee4d2d;
    border: .3125rem solid #ee4d2d;
    display: flex
}

.voucher-ticket--fancy__main {
    align-items: center;
    color: #fff;
    display: flex;
    flex: 0 0 42%;
    flex-direction: column;
    justify-content: center
}

.voucher-ticket--fancy__main-label {
    font-weight: 300;
    text-transform: uppercase
}

.voucher-ticket--fancy__detail {
    background: #fff;
    flex: 1 0 auto;
    overflow: hidden;
    padding: .625rem .625rem .9375rem;
    position: relative;
    z-index: 1
}

.voucher-ticket--fancy__bottom-border,.voucher-ticket--fancy__top-border {
    height: .3125rem;
    position: absolute;
    width: 8.625rem;
    z-index: 2
}

.voucher-ticket--fancy__top-border {
    right: .25rem;
    top: -.3125rem
}

.voucher-ticket--fancy__bottom-border {
    bottom: -.3125rem;
    left: 0
}

.voucher-ticket--fancy .voucher-ticket__code-wrapper {
    align-items: flex-end;
    border-top: 1px dashed rgba(0,0,0,.14);
    display: flex;
    justify-content: space-between;
    margin: .375rem 0 0;
    padding: .375rem 0 0
}

.voucher-ticket--fancy .voucher-ticket__code-label {
    font-weight: 500
}

.voucher-ticket--fancy .voucher-ticket__code {
    color: #ee4d2d;
    font-size: .875rem;
    font-weight: 700
}

.voucher-ticket--fancy .voucher-ticket__promo {
    line-height: 1em;
    position: relative;
    top: .2em
}

.voucher-ticket--fancy .voucher-promo-coins-cashback__label {
    font-size: .75rem;
    line-height: .875rem
}

.voucher-ticket--fancy.copy-field {
    display: block
}

.voucher-ticket--fancy.copy-field .copy-field__trigger {
    align-items: stretch;
    display: flex;
    height: 100%
}

.voucher-ticket--seller {
    border-radius: .125rem
}

.voucher-ticket--seller .copy-field {
    bottom: .9375rem;
    min-width: 3.75rem;
    position: absolute;
    right: .875rem;
    z-index: 2
}

.voucher-ticket--seller .voucher-ticket__promo {
    display: grid;
    font-size: 1.75rem;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto .875rem;
    min-height: 4.1875rem
}

.voucher-ticket--seller .voucher-ticket__promo--medium {
    font-size: 2rem
}

.voucher-ticket--seller .voucher-ticket__promo--medium .voucher-promo-value {
    line-height: 2rem
}

.voucher-ticket--seller .voucher-ticket__promo--large {
    font-size: 3.25rem
}

.voucher-ticket--seller .voucher-ticket__promo--large .voucher-promo-value {
    line-height: 3.25rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value {
    align-self: end;
    font-weight: 700;
    position: relative;
    top: .5rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--cashback {
    align-items: center;
    display: flex;
    grid-column: 1/2;
    grid-row: 1/2;
    margin-right: .25rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--percent {
    grid-column: 1/2;
    grid-row: 1/3
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-value--absolute-value {
    grid-column: 1/2;
    grid-row: 1/2
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--percent {
    align-self: end;
    font-size: 1.5625rem;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: .125rem;
    margin-left: .5rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--percent svg {
    display: block;
    fill: #fff
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--off {
    font-size: .875rem;
    font-weight: 700;
    grid-column: 2/3;
    grid-row: 2/3;
    line-height: 1rem;
    margin-left: .5rem;
    text-transform: uppercase
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coins-cashback {
    align-items: flex-end;
    display: flex;
    font-size: .75rem;
    grid-column: 1/3;
    grid-row: 3/4;
    justify-content: center;
    line-height: .875rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coin-cashback-percentage-sign {
    align-self: end;
    font-size: 1.5625rem;
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: .4375rem
}

.voucher-ticket--seller .voucher-ticket__promo .voucher-promo-label--coin-cashback-percentage-sign svg {
    display: block;
    fill: #fff
}

.voucher-ticket--seller .voucher-ticket__expiry {
    color: #929292;
    flex: 1;
    font-size: .8125rem
}

.voucher-ticket--seller .voucher-ticket--seller-basic {
    align-items: center;
    display: flex
}

.voucher-ticket--seller .voucher-ticket--fancy__main {
    justify-content: space-between;
    padding: 1.25rem 0
}

.voucher-ticket--seller .voucher-ticket--fancy__main-label {
    letter-spacing: .0625rem
}

.voucher-ticket--seller .voucher-ticket--fancy__detail {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: space-between
}

.voucher-ticket--seller-mini {
    align-items: center;
    border: .0625rem solid #ee4d2d;
    border-width: .0625rem 0;
    box-sizing: border-box;
    color: #ee4d2d;
    display: flex;
    font-weight: 700;
    height: 2.1875rem;
    justify-content: center;
    padding: 0 .5rem;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.voucher-ticket--seller-mini__border-left,.voucher-ticket--seller-mini__border-right {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2
}

.voucher-ticket--seller-mini__border-left svg,.voucher-ticket--seller-mini__border-right svg {
    height: 35px;
    width: 5px;
    fill: #ee4d2d
}

.voucher-ticket--seller-mini__border-left {
    left: 0
}

.voucher-ticket--seller-mini__border-right {
    right: 0;
    transform: rotate(180deg)
}

.voucher-ticket--seller-mini__border-right svg {
    float: right
}

.voucher-ticket--seller-mini-solid {
    align-items: center;
    background: rgba(208,1,27,.08);
    border: 0;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    justify-content: center;
    padding: 3px 7px;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.voucher-ticket--seller-mini-solid:after,.voucher-ticket--seller-mini-solid:before {
    background-image: radial-gradient(#fff 2px,transparent 0);
    background-position-x: -6px;
    background-size: 6px 6px;
    content: "";
    height: calc(100% - 5px);
    position: absolute;
    top: 2.5px;
    width: 6px
}

.voucher-ticket--seller-mini-solid:before {
    left: -3px
}

.voucher-ticket--seller-mini-solid:after {
    right: -3px
}

.voucher-ticket--seller-mini-solid .voucher-promo-label--coins-cashback,.voucher-ticket--seller-mini-solid .voucher-promo-label--off {
    margin-left: .25rem
}

.voucher-ticket--TW.voucher-ticket--seller .voucher-promo-label--off {
    font-size: 1.25rem
}

.voucher-ticket--VN.voucher-ticket--seller .copy-field__button {
    font-size: .75rem
}

.theme--ofs .voucher-ticket__code {
    color: #d0011b
}

.theme--ofs .voucher-ticket--fancy {
    background: #d0011b;
    border-color: #d0011b
}

.theme--ofs .voucher-ticket--fancy__bottom-border,.theme--ofs .voucher-ticket--fancy__top-border {
    fill: #d0011b
}

.theme--ofs .voucher-ticket .stardust-button {
    background: #d0011b
}

.theme--ofs .voucher-ticket--seller-mini {
    border-color: #d0011b;
    color: #d0011b
}

.theme--ofs .voucher-ticket--seller-mini__border-left svg,.theme--ofs .voucher-ticket--seller-mini__border-right svg {
    fill: #d0011b
}

.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
}

.UvSsjz:focus-visible {
    border-radius: 2px;
    outline: 2px solid #000
}

.mini-voucher-with-popover {
    margin-right: .625rem;
    position: relative
}

.mini-vouchers {
    width: 100%
}

.mini-vouchers__label {
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
    width: 110px
}

.mini-vouchers__wrapper {
    height: 1.375rem;
    min-width: calc(100% - 245px)
}

.mini-vouchers__vouchers {
    display: flex;
    flex-shrink: 1;
    overflow: hidden;
    position: relative
}

.mini-vouchers__mask {
    background: linear-gradient(90deg,hsla(0,0%,100%,.001) 80%,#fff);
    height: 100%;
    position: absolute;
    width: calc(100% + 1px);
    z-index: 1
}

.mini-vouchers__show-all {
    align-items: center;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    flex-shrink: 0;
    margin-left: .3125rem;
    white-space: nowrap
}

.mini-vouchers__show-all>svg {
    margin-left: .625rem;
    width: 1em
}

.theme--ofs .mini-vouchers .voucher-briefing__code,.theme--ofs .mini-vouchers .voucher-briefing__discount,.theme--ofs .mini-vouchers .voucher-ticket,.theme--ofs .mini-vouchers .voucher-ticket__promo {
    color: #d0011b
}

.theme--s-mart .mini-vouchers .voucher-briefing__code,.theme--s-mart .mini-vouchers .voucher-briefing__discount,.theme--s-mart .mini-vouchers .voucher-ticket,.theme--s-mart .mini-vouchers .voucher-ticket__promo {
    color: #fff
}

.mini-vouchers .mini-vouchers__show-all {
    color: var(--brand-primary-color)
}

.theme--ofs .mini-vouchers .voucher-ticket--seller-mini-solid {
    background: rgba(208,1,27,.08)
}

.theme--s-mart .mini-vouchers .voucher-ticket--seller-mini-solid {
    background: #f69113
}

.K4EMzU {
    background-color: #ee4d2d;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 5px
}

.E_9Yd2 {
    color: #08f;
    margin-left: 20px
}

.yjMlzR {
    align-items: center;
    color: #222;
    display: flex;
    margin-bottom: 25px;
    margin-left: -4px;
    margin-top: -4px;
    padding: 4px
}

.yjMlzR:last-child {
    margin-bottom: 0
}

.OGxzJN {
    align-items: center;
    color: #757575;
    flex-shrink: 0;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
    width: 110px
}

.ZXrGhX {
    background: transparent;
    border: 1px solid #ee4d2d;
    border-color: var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    cursor: pointer;
    font-size: 14px;
    max-width: 450px;
    outline: 0;
    overflow: visible;
    overflow: hidden;
    padding: 3px 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ZXrGhX: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)
}

.jbM8YZ {
    border: 1px solid var(--brand-primary-color,#ee4d2d);
    border-radius: 2px;
    color: var(--brand-primary-color,#ee4d2d);
    font-size: 14px;
    max-width: 450px;
    overflow: hidden;
    padding: 3px 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.o8k8S4 {
    align-items: center;
    color: #555;
    display: flex
}

.G3Wedb {
    display: inline-block;
    font-size: 0;
    margin-right: 8px;
    padding: 0 5px
}

.ikrz0A {
    height: 16px;
    margin-right: 5px;
    width: 16px
}

.Q8e31z {
    margin-right: 12px
}

.w8_Dsz {
    color: rgba(0,0,0,.54);
    margin-right: 10px
}

.NGt3mo:hover {
    cursor: pointer
}

.Qk7Yut {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: toRem(14px);
    line-height: toRem(22px);
    max-height: 200px;
    overflow-y: auto;
    padding: toRem(20px);
    width: 475px;
    width: toRem(300px);
    word-wrap:;
    text-align: left
}

.Qk7Yut strong {
    font-weight: 500
}

.Qk7Yut .red {
    color: #ee4d2d
}

.Qk7Yut a {
    color: #08f
}

.CyT4Dj {
    align-items: center;
    color: #555;
    display: flex
}

.rQOiME {
    margin-right: 5px
}

.tk9RLq {
    margin-right: 10px
}

.bzbDeN {
    color: #ffae04
}

.jU9Xv1:hover {
    cursor: pointer
}

.W5LiQM {
    padding-bottom: 15px
}

.uF9btB {
    background: #fff5f5;
    margin: 15px -35px 0 -20px;
    padding: 10px 35px 15px 20px
}

.jJ5NSQ {
    align-items: center;
    display: flex
}

.jJ5NSQ .shopee-popover {
    top: 1.875rem!important
}

.jJ5NSQ .shopee-popover--dropdown {
    left: unset!important;
    right: 0
}

.jJ5NSQ .shopee-popover--dropdown:before {
    top: -1rem
}

.jJ5NSQ .shopee-popover .voucher-ticket {
    flex-wrap: wrap;
    text-align: center;
    white-space: normal
}

.hI_RBc .shopee-popover--dropdown:after,.hI_RBc .shopee-popover--dropdown:before {
    left: 8.625rem;
    right: auto
}

.FacMDR .shopee-popover--dropdown:after {
    border-bottom-color: #f5f5f5
}

.mDUADU {
    max-width: 625px
}

.DFQfff {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 21px;
    width: 110px
}

.BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9c166ca0a3c6cc3af938.svg)
}

.theme--ofs .BhIewg,.theme--s-mart .BhIewg {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/a2db3c5da61ea3283d59.svg)
}

.KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8bb270ba4608c47a5403.svg)
}

.theme--ofs .KXhw16,.theme--s-mart .KXhw16 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/ab4c931d6fec4b4c90a5.svg)
}

.msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0407a621b4442a066eb8.svg)
}

.theme--ofs .msTHzO,.theme--s-mart .msTHzO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/979c2e214ae591d71aa0.svg)
}

.c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/357d978f2aa5a0c04e4a.svg)
}

.theme--ofs .c68rxO,.theme--s-mart .c68rxO {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/99af350ab822ca38a055.svg)
}

.EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4c6f1ae0a564806f3ee3.svg)
}

.theme--ofs .EUsrIT,.theme--s-mart .EUsrIT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/fc17e1addec957a17b1a.svg)
}

.qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/759ea43d932fa2f500b4.svg)
}

.theme--ofs .qlCDpk,.theme--s-mart .qlCDpk {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dfe090b98951be4250ae.svg)
}

.ZRb8YF {
    color: rgba(0,0,0,.87);
    color: #555;
    display: block;
    display: flex;
    margin-top: 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ZRb8YF .flash-sale-logo {
    flex: 0 0 110px;
    width: 110px
}

.ZRb8YF .d24OWs {
    color: #555;
    height: 10px;
    vertical-align: middle;
    width: 10px
}

.ZRb8YF .d24OWs,.eLrI5y {
    flex: 0 1 auto;
    margin-left: 10px;
    min-width: 0
}

.eLrI5y:first-letter {
    text-transform: capitalize
}

.B2VeH5 {
    align-items: center;
    color: #222;
    display: flex;
    margin-top: 10px
}

.NcdXPM {
    margin: 0 10px
}

.M5LKBZ {
    width: auto
}

.NfhAIH {
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.NfhAIH: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)
}

.NfhAIH .TPeBcA {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.W6M3dH {
    margin-top: 20px
}

.GK_2LA {
    height: 22px;
    width: 82px
}

.p5fFhq {
    color: #222;
    margin-top: 10px
}

.p5fFhq .VnazUk {
    fill: #ee4d2d
}

.theme--ofs .p5fFhq .VnazUk,.theme--s-mart .p5fFhq .VnazUk {
    fill: #d0011b
}

._DFvc4 {
    margin: 0 10px
}

.xM0Pgc {
    width: auto
}

.lS7OCO {
    height: 14px;
    width: 14px
}

.KfcNHk {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.KfcNHk: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)
}

.KfcNHk .E0CH4h {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

._2pz6w {
    margin-top: 20px
}

.NvR0ah {
    color: #222;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ZdNfz5 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4449f8573c4eca4a6a01.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .ZdNfz5,.theme--s-mart .ZdNfz5 {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b647148bd39e40205fdd.svg)
}

.S0EU5v {
    height: 12px;
    width: 32px
}

.S0EU5v,.theme--ofs .S0EU5v,.theme--s-mart .S0EU5v {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/dbae024901819e83889b.svg)
}

.ZjevAU {
    height: 16px;
    width: 33px
}

.ZjevAU,.theme--ofs .ZjevAU,.theme--s-mart .ZjevAU {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/774b00f71863496b8881.svg)
}

.gzXXjX {
    align-items: center;
    display: flex
}

.WYICq6 {
    color: #ee4d2d;
    font-size: 14px;
    margin-right: 10px
}

.theme--ofs .WYICq6,.theme--s-mart .WYICq6 {
    color: #d0011b
}

.i2MfcC {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.ypPqEB {
    width: auto
}

.tcRfAU {
    height: 14px;
    width: 14px
}

.s3Pzn0 {
    background: transparent;
    border: 0;
    color: #05a;
    cursor: pointer;
    outline: 0;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.s3Pzn0: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)
}

.s3Pzn0 .nRC_Ur {
    height: 10px;
    margin-left: 5px;
    width: 10px
}

.twmUI7 {
    margin-top: 20px
}

.BIj3A4 {
    margin-top: 10px
}

.LD3Atz {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/aa493bd105297046b511.svg);
    background-size: contain;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.theme--ofs .LD3Atz,.theme--s-mart .LD3Atz {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/163d55e75c9ec0147c04.svg)
}

._1nGNo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/8e3da046d68806fa2c21.svg);
    background-size: contain;
    height: 21px;
    width: 21px
}

.theme--ofs ._1nGNo,.theme--s-mart ._1nGNo {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2c50059049ce7cd7ba61.svg)
}

.Fw7kDB {
    color: #ee4d2d;
    font-size: 14px
}

.theme--ofs .Fw7kDB,.theme--s-mart .Fw7kDB {
    color: #d0011b
}

._fTFUY {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.ZUZ1FO {
    background-color: #ee4d2d;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: .625rem;
    font-weight: 500;
    line-height: 1;
    padding: .1875rem .25rem;
    position: relative;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ZUZ1FO:before {
    border: .13125rem solid transparent;
    border-bottom-color: #a92d05;
    bottom: -.125rem;
    content: "";
    display: inline-block;
    left: .0625rem;
    position: absolute;
    transform: rotate(45deg)
}

.IM_tEy {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.IM_tEy:before {
    border-bottom-color: transparent;
    content: none;
    display: none
}

.vRzNCn {
    font-size: .75rem
}

.vRzNCn>._Xc318 {
    font-size: .5rem;
    margin-right: .1875rem
}

.TheSnF {
    background-color: #d0011b
}

.JmTm3y svg,.KamlEE svg {
    height: .625rem;
    width: 3.5625rem
}

.Lmf8rp {
    bottom: -1px;
    padding: .25rem .25rem 0
}

.Lmf8rp svg {
    height: .75rem;
    width: 4.0625rem
}

.Gn_PYU {
    background-color: #ffa604;
    position: relative
}

.Gn_PYU:before {
    border: .13125rem solid transparent;
    border-bottom-color: #ae7600
}

.S5RgI8 {
    font-size: .875rem;
    font-weight: 400;
    height: 1rem
}

.CF1_zm {
    margin: 0 .4375rem
}

.N2DnWM {
    background-color: #44b5ff;
    cursor: pointer;
    display: inline;
    position: relative
}

.N2DnWM:before {
    border: .13125rem solid transparent;
    border-bottom-color: #0971c2
}

.N2DnWM:hover>.ZMtecs {
    opacity: 1;
    z-index: 1
}

.N2DnWM>.oGCrs0 {
    font-size: 7px
}

.ZMtecs {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .25rem 0 rgba(0,0,0,.26);
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    left: .5rem;
    min-width: 10rem;
    opacity: 0;
    padding: .75rem;
    position: absolute;
    top: 1.375rem;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: -10
}

.gtMPmZ {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem
}

.gtMPmZ:last-child {
    margin: 0
}

.KXSw5q {
    color: #ee4d2d;
    margin-left: .75rem
}

.KbIqzY {
    background: transparent;
    border: 1px solid #f5a623;
    box-sizing: border-box;
    color: #f5a623;
    height: 16px;
    line-height: 1;
    padding: 2px 5px
}

.GX6H5_,.KbIqzY {
    font-size: .75rem
}

.GX6H5_ {
    background-color: rgba(0,0,0,.87);
    color: #fff;
    display: inline-block;
    height: 1.25rem;
    line-height: 1.25rem;
    min-width: 1.25rem;
    text-align: center
}

.o8dLsD {
    border-radius: .1875rem
}

.KnkA0Z {
    background-color: #ee4d2d
}

.m9V537 {
    border-radius: .625rem
}

.pe7Dnx {
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    padding: 4px 2px 3px;
    position: relative
}

.hJo7kz {
    height: 32px;
    width: 36px
}

.eHC4a3 {
    background-color: rgba(255,212,36,.9)
}

.eHC4a3:after {
    border-color: transparent rgba(255,212,36,.9);
    border-style: solid;
    border-width: 0 18px 4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0
}

.c1y5kQ {
    color: #ee4d2d;
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 400;
    line-height: .8125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.RJ9_yI {
    flex-direction: row;
    justify-content: center;
    line-height: 28px
}

.tnVxqd {
    flex-direction: column-reverse
}

.WHBcXf,.j7gK1S,.lgulfS {
    height: 100%;
    justify-content: center
}

.XmAz7R {
    color: #fff
}

.LdXTsk {
    color: #ee4d2d!important;
    display: inline!important;
    margin: 0
}

.dcGY2K,.pNTSF1,.v86cVi {
    display: none
}

.f6lNFN {
    height: 16px;
    width: 50px
}

.gllYNl {
    height: 16px;
    width: 69px
}

.MsCopP {
    height: 16px;
    width: 63px
}

.IxkJux {
    height: 16px;
    width: 64px
}

.UKJ57u {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10
}

.UKJ57u,.UKJ57u .A0NEU6 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.UKJ57u .A0NEU6 {
    background-color: rgba(0,0,0,.65);
    border-radius: 5rem;
    color: #fff;
    font-size: 1.25rem;
    height: 6.25rem;
    line-height: 1.5rem;
    max-width: calc(100% - 5rem);
    min-width: 6.25rem;
    text-align: center
}

.UKJ57u .hrlReN {
    border-radius: 6.25rem;
    max-width: calc(100% - 4.375rem);
    min-width: 6.8125rem
}

.UKJ57u .uyMz4f {
    border-radius: 6.25rem;
    max-width: calc(100% - 2.875rem);
    min-width: 8.375rem
}

.UKJ57u .PeGwUk {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.xdsBgZ {
    border: .0625rem solid;
    border-radius: .125rem;
    box-sizing: border-box;
    cursor: default;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.DDo0z3 {
    color: #fff;
    flex: 1
}

.DDo0z3,.PHYVzJ {
    font-size: .625rem;
    line-height: .75rem;
    overflow: hidden;
    padding: .0625rem .25rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PHYVzJ {
    align-items: center;
    display: flex;
    position: relative
}

.PHYVzJ .r3mzkC {
    border-right: 5px solid transparent;
    border-top: 5px solid;
    height: 0;
    left: -.0625rem;
    position: absolute;
    top: -.0625rem;
    width: 0
}

.HeTkkY {
    border: .03125rem solid #ee4d2d;
    border-radius: .0625rem;
    color: #ee4d2d;
    font-size: .625rem;
    height: .75rem;
    line-height: .75rem;
    padding: .125rem .25rem;
    text-align: center
}

.XfpV7F {
    align-items: flex-start;
    display: flex;
    margin-top: .625rem
}

.XfpV7F .bhwGx5 {
    max-width: 75%
}

.XfpV7F .C0Gipt {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.XfpV7F .C0Gipt .FPpA9X {
    color: #ee4d2d
}

.XfpV7F .C0Gipt .f7pucd {
    flex-shrink: 0;
    margin-left: .5rem
}

.xK4Pya {
    color: rgba(0,0,0,.65);
    margin-top: 10px
}

.QAc7_y {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.qg2n76 {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.G27FPf {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .G27FPf,.theme--s-mart .G27FPf {
    color: #d0011b
}

.o_z7q9 {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .o_z7q9,.theme--s-mart .o_z7q9 {
    background-color: #d0011b
}

.D56Rgb {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
    text-transform: capitalize
}

.zSYItS {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.hB63GR {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e5bfba190f3ddf617913.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    margin-right: 10px;
    width: 21px
}

.theme--ofs .RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/88a2c5ced2d8aeb5f79b.svg)
}

.theme--s-mart .RCCoGY {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/0f6a5e70590ae549bec5.svg)
}

.k8KFhP {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.SQ_WFs {
    color: rgba(0,0,0,.87);
    position: relative
}

.SQ_WFs .feoqk1 {
    color: rgba(0,0,0,.54);
    height: 1em;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translate(5px,-50%);
    width: 1em
}

.SQ_WFs .aO0DZE {
    height: 14px;
    width: 14px
}

.RvoGW4 {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-top: 4px
}

.aIdpw8 {
    align-items: center;
    display: flex;
    margin-top: 5px
}

.ycY30D {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-right: 2px
}

.mCbTT9 {
    width: 460px
}

.Co0iAk {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: 8px;
    column-gap: 8px;
    grid-row-gap: 4px;
    row-gap: 4px
}

.JZVgBK {
    align-self: center;
    grid-row-end: 3;
    grid-row-start: 1
}

.bcLI2T {
    color: #ee4d2d
}

.SrLMdT {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.CWiSMQ {
    background: #fafafa;
    padding: 15px 20px
}

.OtRglS {
    background-image: linear-gradient(-90deg,#e80f0f 2%,#d0011b 98%);
    color: #fff;
    height: 36px;
    padding: 0 20px
}

.o6J5TH {
    flex-basis: 625px;
    flex-wrap: wrap;
    min-height: 1.875rem;
    width: 625px
}

.qT9OWd {
    color: #929292;
    font-size: 1rem;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.f4BD5j {
    color: #ee4d2d;
    font-size: 1.875rem;
    font-weight: 500
}

.theme--ofs .f4BD5j,.theme--s-mart .f4BD5j {
    color: #d0011b
}

.g1SI7G {
    background: #ee4d2d;
    border-radius: 2px;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-left: 15px;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.theme--ofs .g1SI7G,.theme--s-mart .g1SI7G {
    background-color: #d0011b
}

.fcRw1N {
    margin-left: 15px;
    white-space: nowrap
}

.fcRw1N .badge-coins-back--large {
    box-sizing: border-box;
    font-size: .75rem;
    padding: 2px 4px
}

.C2kME0 {
    margin-left: 15px;
    white-space: nowrap
}

.waMYrG {
    color: #929292;
    font-size: .75rem;
    margin-top: 10px
}

.N_55kT {
    color: #555;
    font-size: 1.25rem;
    font-weight: 500;
    margin-right: 10px;
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.PM9jT9 {
    color: #d0011b;
    font-size: 1.875rem
}

.N0BUsJ {
    margin-top: 15px
}

.L1n9hP {
    color: #555;
    margin-left: 15px
}

.pySYHb {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    font-weight: 400;
    margin-left: .5rem;
    text-transform: capitalize
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

.loading-spinner-popup__container img {
    animation: rotating 2s linear infinite
}

.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:
}

.YysGiT {
    background: none;
    border: unset;
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-left: auto
}

.SDvgWG {
    background-color: #fff;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    width: 440px
}

.SDvgWG .UsJGRc {
    align-items: center;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.09);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 24px
}

.SDvgWG .UsJGRc .B1rS0C,.SDvgWG .UsJGRc .mmrQla {
    cursor: pointer;
    flex-shrink: 0
}

.SDvgWG .UsJGRc .B1rS0C {
    margin-left: auto
}

.SDvgWG .UsJGRc .cr59hK {
    flex-grow: 1;
    max-width: 324px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG .UsJGRc .cr59hK:not(:first-child) {
    margin-left: 10px
}

.SDvgWG .kmLN0Z {
    height: 220px;
    padding: 10px 24px
}

.SDvgWG ul {
    height: 220px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
    padding: 0
}

.SDvgWG li {
    cursor: pointer;
    line-height: 20px;
    list-style-type: none;
    overflow: hidden;
    padding: 10px 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SDvgWG li:hover {
    color: #ee4d2d
}

.SDvgWG .dcQE6F {
    padding: 24px
}

.SDvgWG .dcQE6F textarea {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    height: 114px;
    line-height: 20px;
    outline: unset;
    padding: 12px;
    resize: none;
    width: 100%
}

.SDvgWG .dcQE6F textarea:focus {
    border-color: rgba(0,0,0,.54)
}

.SDvgWG .dcQE6F textarea.RvXdsh {
    border-color: #ee2c4a
}

.SDvgWG .dcQE6F textarea::placeholder {
    color: rgba(0,0,0,.26)
}

.SDvgWG .dcQE6F .ImeN3R {
    color: #ee2c4a
}

.SDvgWG .I0yZUl {
    box-shadow: inset 0 1px 0 rgba(0,0,0,.09);
    display: flex;
    flex-direction: row-reverse;
    padding: 12px 24px
}

.pQNWXh {
    height: 120px;
    justify-content: center;
    width: 260px
}

.T1549_ {
    display: inline-flex
}

.T1549_,.sAOZ6s {
    position: relative
}

.sAOZ6s {
    margin-right: 1px
}

.ZDu7mK {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.R6CPBG,.VAir_o {
    background-repeat: no-repeat;
    background-size: contain;
    height: 14px;
    width: 14px
}

.R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/b1bcd65233e15eb99b68.svg)
}

.theme--s-mart .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/3ae5126a0937c63fd895.svg)
}

.theme--ofs .R6CPBG {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/44c46951c46c5a5e8129.svg)
}

.VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/2a44ed8141cd3a3ed0c9.svg)
}

.theme--s-mart .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/e0898f40b1711fbb7c40.svg)
}

.theme--ofs .VAir_o {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/76bc916eeb1487a396ef.svg)
}

.asFzUa {
    margin-top: .625rem;
    position: relative
}

.PjACP4,.e2p50f {
    align-items: flex-end;
    padding: 0 15px
}

.PjACP4:first-child,.e2p50f:first-child {
    padding-left: 0
}

.PjACP4:not(:first-child),.e2p50f:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.PjACP4,.e2p50f {
    align-items: center
}

.e2p50f {
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.F9RHbS,.SvhRrv {
    color: #222;
    font-size: 1rem;
    margin-right: 5px;
    padding-bottom: 1px
}

.F9RHbS {
    border-bottom: 1px solid #555
}

.dQEiAI {
    border-bottom-color: #ee4d2d;
    color: #ee4d2d
}

.theme--ofs .dQEiAI {
    border-bottom-color: #d0011b;
    color: #d0011b
}

.theme--s-mart .dQEiAI {
    border-bottom-color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.87)
}

.W7cTiS {
    fill: #ee4d2d
}

.theme--ofs .W7cTiS {
    fill: #d0011b
}

.theme--s-mart .W7cTiS {
    fill: #ffce3d
}

.vOrlgh {
    line-height: 1.4375rem
}

.j9cYc1,.vOrlgh,.x1i_He {
    color: #767676;
    font-size: .875rem;
    text-transform: capitalize
}

.j9cYc1,.x1i_He {
    margin-right: 5px;
    padding: 4px 0
}

.UAYfPc {
    color: rgba(0,0,0,.54);
    height: .75rem;
    margin-left: tpRem(6px);
    width: tpRem(12px)
}

.N052bu {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.s4ihzY {
    align-items: center;
    display: flex;
    padding-right: .9375rem
}

.acDggL {
    margin-left: .3125rem
}

.mnzVGI {
    align-items: center;
    padding: 0 15px
}

.mnzVGI:first-child {
    padding-left: 0
}

.mnzVGI:not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.14)
}

.AcmPRb {
    color: #222;
    font-size: 1rem;
    padding-bottom: 1px
}

.AcmPRb,.aleSBU {
    margin-right: 5px
}

.aleSBU {
    color: #767676;
    font-size: .875rem;
    padding: 4px 0;
    text-transform: capitalize
}

.RqQS2I {
    box-sizing: border-box;
    line-height: 1.25rem;
    overflow: scroll;
    padding: 1.625rem 1.5625rem 1.5625rem;
    width: 31.25rem
}

.WBVL_7 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    max-height: 48px;
    max-width: 665px;
    overflow: hidden;
    overflow-wrap:;
    vertical-align: sub
}

._wgU9F {
    border-radius: 2px;
    display: inline-flex;
    margin-right: 10px;
    position: relative;
    transform: translateY(-2px)
}

.fclWZr {
    display: inline;
    margin-right: 8px
}

.Jwsdcs {
    font-size: 12px;
    vertical-align: middle
}

.g0xBrP {
    height: 20px;
    margin-left: 8px;
    width: 20px
}

.uxdyrX {
    margin-top: 3px
}

.uq_xEP {
    margin-right: 6px;
    vertical-align: middle
}

.UXYzvq {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: .625rem
}

.AVQfIX {
    visibility: hidden
}

.idmlsn {
    padding: 0 30px
}

.rhG6k7 {
    color: #222;
    font-size: 16px
}

.Vo8Ebs {
    border: 0;
    height: 25px;
    margin-left: 5px;
    outline: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 25px
}

.Vo8Ebs: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)
}

.feDSnr {
    border-left: 1px solid rgba(0,0,0,.09);
    flex: 1;
    justify-content: center
}

.feDSnr:hover {
    cursor: pointer
}

.w2JMKY {
    background-color: transparent;
    border: 0;
    display: flex;
    outline: 0;
    overflow: visible;
    position: relative
}

.w2JMKY: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)
}

.vgMiJB {
    margin-right: 10px
}

.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
}

.tpgcVs {
    max-height: 100%;
    width: 100%
}

.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
}

._PPt_v:hover {
    cursor: pointer
}

.PhxDN7 {
    height: 1px;
    opacity: 0;
    width: 1px
}

.PhxDN7,.W3IooB {
    position: absolute
}

.W3IooB {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 160px;
    bottom: 0;
    left: 0;
    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/3d819965643f1287ea73.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
}

.w7ks6r {
    background-color: #fff;
    cursor: pointer;
    display: flex;
    padding: 1rem .875rem 1rem .75rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.xccTfr {
    flex-grow: 1;
    margin-left: .75rem;
    margin-right: 1rem
}

.SlwkHx {
    color: rgba(0,0,0,.87);
    margin-bottom: .25rem
}

.PLjDaD,.SlwkHx {
    font-size: .875rem
}

.PLjDaD {
    color: rgba(0,0,0,.54);
    word-break:
}

.jjGWyx {
    height: 1.25rem;
    width: 1.25rem
}

.yseyPt {
    align-self: center;
    height: .6875rem;
    width: .375rem
}

.SarUkj {
    padding-bottom: 100%;
    position: relative;
    width: 100%
}

.IMAW1w,.ltOSWU {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.IMAW1w {
    display: block;
    object-fit: contain;
    object-position: center
}

.ltOSWU {
    align-items: center;
    display: flex;
    justify-content: center
}

.EoYuuW {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.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
}

.TMw1ot,.xxW0BG {
    position: relative
}

.xxW0BG:hover {
    cursor: pointer
}

.Ama42A {
    height: 120px!important;
    width: 120px!important
}

.UdI7e2 {
    position: relative
}

.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
}

.jA1mTx {
    position: relative
}

.jA1mTx:hover {
    cursor: pointer
}

.jA1mTx .MMqomL {
    font-size: 12px;
    height: 25px;
    line-height: 25px
}

.raRnQV {
    background-position: 50%;
    padding-top: 100%;
    width: 100%
}

.NYFAyb {
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-16px,-16px,0);
    width: 32px
}

.wOzCmT {
    border: 2px solid var(--brand-primary-color,#ee4d2d);
    bottom: 0;
    right: 0
}

.bh76f7,.wOzCmT {
    left: 0;
    position: absolute;
    top: 0
}

.bh76f7 {
    background: transparent;
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.bh76f7:hover {
    background: hsla(0,0%,100%,.26)
}

.lZujh6 {
    align-items: center;
    background: rgba(0,0,0,.54);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 16px;
    justify-content: space-between;
    left: 0;
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    width: 100%
}

.WqggnM {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/f1a754a66c45599c570f.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 10px;
    width: 10px
}

.y8QiYh {
    text-align: right
}

.airUhU {
    margin: 5px -5px;
    position: relative
}

.grncJu {
    visibility: hidden
}

.UBG7wZ {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    width: 20%
}

.nVAzDy {
    background-color: rgba(0,0,0,.2)!important;
    border: 0;
    color: #fff;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.nVAzDy .shopee-svg-icon {
    font-size: 20px
}

.CAvqYR {
    left: 5px
}

.CAvqYR,.lWmpR1 {
    border: 0!important
}

.lWmpR1 {
    right: 5px
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.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
}

.ZznGOK {
    left: 0;
    position: absolute;
    top: 0
}

.bz2FnP {
    width: 3.625rem
}

.TBhGRX {
    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
}

.r2yBOD {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.bRvAln {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.BOkH2g {
    padding-right: 2.4375rem
}

._5cBZVE {
    align-items: center;
    display: flex;
    flex-direction: column
}

.A0VwSF {
    margin-bottom: .6875rem;
    overflow: hidden
}

.GxAlDi {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.Xg8MXC,.idrhoU {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.Xg8MXC {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.idrhoU {
    background-size: 100%
}

.kOrstZ {
    align-items: center;
    display: flex
}

.FQwKIF,.ODC3I7 {
    height: 1rem;
    padding: .1875rem
}

.A2SJhc.TBhGRX {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.A2SJhc .r2yBOD {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.A2SJhc .Xg8MXC {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.A2SJhc .idrhoU {
    height: 2.1875rem;
    width: 6.6875rem
}

.A2SJhc .riBcVs {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.A2SJhc .BOkH2g {
    padding-right: 1.4375rem
}

.A2SJhc ._5cBZVE {
    justify-content: center
}

.A2SJhc .GxAlDi {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.A2SJhc .A0VwSF {
    margin-bottom: -.25rem
}

.A2SJhc .FQwKIF,.A2SJhc .ODC3I7,.A2SJhc .R49LQp {
    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
}

.A2SJhc .R49LQp {
    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
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.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
}

._1zdBJ {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    background-color: var(--nc-util-mask,rgba(0,0,0,.4));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

._2Dkqc {
    background: #fff;
    border-radius: .25rem;
    border-radius: var(--nr-overlay,.25rem);
    margin-left: 2.5rem;
    margin-left: var(--ns-g,2.5rem);
    margin-right: 2.5rem;
    margin-right: var(--ns-g,2.5rem);
    max-height: 75%;
    max-width: 18.75rem;
    min-height: 8.125rem;
    min-width: 15rem;
    width: 100%
}

._2Dkqc,.d-Vo0 {
    overflow: hidden
}

.d-Vo0 {
    display: -webkit-box;
    margin-bottom: 1rem;
    margin-bottom: var(--ns-d,1rem);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

._2Xfwq {
    color: rgba(0,0,0,.65);
    color: var(--nc-text-secondary,rgba(0,0,0,.65));
    max-height: 15.625rem;
    min-height: 2.25rem;
    overflow-y: auto
}

._3pvMp {
    text-align: left
}

._1u0yb {
    text-align: center
}

._3Wssq {
    text-align: right
}

._2WWGU {
    padding: 1.25rem 1.25rem 1.5rem;
    padding: var(--ns-e,1.25rem) var(--ns-e,1.25rem) var(--ns-f,1.5rem) var(--ns-e,1.25rem);
    text-align: center
}

.Jl6On {
    display: flex;
    position: relative
}

.Jl6On:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    position: absolute;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button {
    background: #fff;
    border: 0;
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87));
    flex: 1;
    outline: none
}

.Jl6On._1ZxzA {
    flex-direction: row-reverse
}

.Jl6On._1ZxzA button {
    height: 2.96875rem
}

.Jl6On._1ZxzA button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1ZxzA button:first-child:after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: scaleX(.5);
    width: .0625rem
}

.Jl6On._1ZxzA button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._24b2I button {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d);
    height: 2.96875rem
}

.Jl6On._24b2I button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv {
    flex-direction: column;
    height: 5.9375rem
}

.Jl6On._3yCdv button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._3yCdv button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._3yCdv button:nth-child(2):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On._1p6f1 {
    flex-direction: column;
    height: 8.96875rem
}

.Jl6On._1p6f1 button {
    position: relative
}

.Jl6On._1p6f1 button:first-child {
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

.Jl6On._1p6f1 button:first-child:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

.Jl6On._1p6f1 button:nth-child(2):after,.Jl6On._1p6f1 button:nth-child(3):after {
    background-color: rgba(0,0,0,.09);
    background-color: var(--nc-util-line,rgba(0,0,0,.09));
    content: "";
    height: .0625rem;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(.5);
    width: 100%
}

.Jl6On button:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._1wbwU,._1wbwU ._2jlhf {
    width: 100%
}

.vX9SYw {
    margin-top: 1.25rem;
    padding: 0
}

.TFDXyQ {
    flex-shrink: 0;
    padding: 15px;
    width: 450px
}

.i9t0tr {
    flex: 1 0 auto;
    width: 0
}

.DXQgih {
    box-sizing: border-box;
    padding: 1.25rem 2.1875rem 0 1.25rem;
    width: 100%
}

.at_ZtL {
    margin-top: 1.5625rem;
    padding: 0 1.25rem
}

.UU0xP2 {
    border-radius: .25rem;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 1.5rem;
    width: auto
}

.UU0xP2 .shopee-alert-popup__title {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 0
}

.UU0xP2 .shopee-alert-popup__message {
    color: rgba(0,0,0,.65);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 0;
    min-width: 28.25rem
}

.UU0xP2 .shopee-alert-popup__button-horizontal-layout {
    flex-direction: row-reverse;
    margin-top: 1rem
}

.UU0xP2 .shopee-alert-popup__btn {
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    padding: 0 2.5rem;
    white-space: nowrap
}

.xoSh6i {
    align-items: center;
    display: flex;
    font-size: 12px;
    margin: 20px 0 25px
}

.iQpU4t {
    margin-right: 8px
}

.gIL8h3 {
    display: flex;
    flex-direction: column;
    margin: 25px 15px;
    row-gap: 15px
}

.kz1LRx {
    align-items: center;
    display: flex
}

.Kdpve_ {
    flex-shrink: 0;
    height: 20px;
    margin-right: 5px;
    width: 20px
}

.lji0M1 {
    color: #222;
    padding-right: 20px;
    text-transform: capitalize
}

.u83Maa {
    color: rgba(0,0,0,.54)
}

.toDvEy {
    background: #fff;
    height: 65px;
    margin: 0 auto;
    width: 1200px
}

.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: 
}

.T_0yQ7 {
    background: #fff;
    box-sizing: border-box;
    display: flex;
    height: 65px;
    justify-content: space-between;
    padding: 12px 70px 13px
}

.IOzpm9 {
    display: flex;
    height: 40px;
    width: 268px
}

.oTDEDG {
    color: #066bc8;
    flex-shrink: 0;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.zyGyZ2 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.lHw3SG {
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    cursor: help
}

.fnRgQi {
    background: #fff;
    height: 65px
}

.EVBUfZ .shopee-drawer__contents {
    width: 268px
}

.eJ7VxS {
    background: #fff;
    padding: 12px
}

.fqmTt_ {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 4px;
    background: #fff;
    gap: 4px
}

.Nm4HEX,.fqmTt_ {
    align-items: center
}

.Nm4HEX {
    display: flex;
    font-size: 16px;
    min-width: 0
}

.Nm4HEX:first-child {
    justify-self: start
}

.Nm4HEX:nth-child(2) {
    justify-self: center
}

.Nm4HEX:nth-child(3) {
    justify-self: end
}

._7dS96 {
    min-width: 0
}

.XklnWA {
    color: #4a4a4a;
    cursor: help;
    display: flex;
    font-size: 16px;
    overflow: hidden;
    width: 100%
}

.XklnWA+.shopee-drawer__contents a {
    outline: 0;
    overflow: visible;
    position: relative
}

.XklnWA+.shopee-drawer__contents a: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)
}

.YzLslW {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._W1kLr {
    opacity: 0
}

.oZtSFx {
    flex-shrink: 0;
    height: 18px;
    margin-right: 5px;
    width: 18px
}

.CxLs6M {
    margin-left: .59375rem;
    stroke: #ee4d2d!important;
    height: .6875rem;
    width: .6875rem
}

.KUXX_3 {
    color: rgba(0,0,0,.87);
    font-size: 1.25rem
}

.G7XNyd,.KUXX_3 {
    margin: 1.25rem 0
}

.G7XNyd {
    color: rgba(0,0,0,.54);
    font-size: 14px
}

.pUB15a {
    color: rgba(0,0,0,.87);
    font-size: 14px
}

.OH_b4J {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 6.25rem
}

.CeXbxn {
    min-height: 100px
}

.zlRPBS {
    width: 100%
}

.additionalInfoPopup {
    display: flex;
    flex-direction: column;
    min-height: 31.25rem;
    width: 50rem
}

.additionalInfoPopup .shopee-alert-popup__message {
    flex: 1;
    margin-top: 0
}

.additionalInfoPopup .shopee-alert-popup__button-horizontal-layout {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 1.25rem
}

.additionalInfoPopup .shopee-alert-popup__btn {
    flex-basis: 9.375rem;
    flex-grow: 0
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.P7IbkE {
    position: relative
}

.P7IbkE img {
    vertical-align: bottom
}

.juV2hh {
    visibility: hidden
}

.DIdXXL {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.kToENr {
    opacity: 0
}

.hnult1 {
    opacity: 1;
    transition: opacity .2s ease
}

.nVwb5f {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.vQYJ5N .IAYp87 {
    bottom: 0;
    right: 0
}

.IAYp87,.vQYJ5N .IAYp87 {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.IAYp87 {
    height: 100%;
    width: 100%
}

.r74CsV {
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow: visible;
    padding: 25px!important
}

.pgFN2d {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: flex;
    height: 80px;
    margin-top: 20px;
    overflow: hidden;
    padding: 25px
}

.uLQaPg {
    border-right: 1px solid rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    max-width: 440px;
    padding-right: 25px
}

.lG5Xxv {
    flex-shrink: 0;
    margin-right: 20px;
    outline: 0;
    overflow: visible;
    position: relative
}

.lG5Xxv .y8f_ga {
    height: 80px;
    width: 80px
}

.lG5Xxv:focus-visible:before {
    --focus-indicator-border-radius: 50%;
    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)
}

.aUEg4L {
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.aUEg4L .official-shop-new-badge {
    display: flex;
    justify-content: center
}

.aUEg4L>div {
    white-space: normal
}

.kgHbpK {
    left: 50%;
    transform: translateX(-50%);
    width: auto
}

.kgHbpK>div {
    font-size: 9px;
    white-space: nowrap
}

.BziOxR {
    bottom: 0;
    height: 21.33px;
    position: absolute;
    right: 0;
    width: 21.33px
}

.PYEGyz {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    overflow: hidden
}

.fV3TIn {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.asNEHY {
    margin: 0!important
}

.Fsv0YO {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    text-transform: capitalize
}

.NyRGTK {
    display: flex;
    margin-top: 8px
}

.NyRGTK .wq_EQj {
    margin-right: 10px
}

.NyRGTK .Z6yFUs,.NyRGTK .wq_EQj {
    flex-direction: row;
    text-transform: capitalize
}

.NyRGTK .Z6yFUs span,.NyRGTK .wq_EQj span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.NyRGTK .EXxJrT,.NyRGTK .esfDPs {
    display: inline-block;
    flex-shrink: 0;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/7bf03ed38ca37787fe78.svg)
}

.theme--ofs .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/cca4d4ed5534d55ee735.svg)
}

.theme--s-mart .NyRGTK .EXxJrT {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/11f3b40281448cc1cf5a.svg)
}

.NGzCXN {
    display: grid;
    grid-template-columns: repeat(3,auto);
    grid-gap: 20px 50px;
    color: rgba(0,0,0,.4);
    gap: 20px 50px;
    padding-left: 25px
}

.NGzCXN,.oQUf1d {
    flex-grow: 1
}

.YnZi6x {
    cursor: default;
    display: flex;
    justify-content: space-between;
    outline: 0;
    overflow: visible;
    position: relative
}

.YnZi6x:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.aArpoe .Cs6w3G {
    cursor: pointer
}

.H2wS9j {
    background: transparent;
    border: 0;
    outline: 0;
    overflow: visible;
    position: relative
}

.H2wS9j:focus-visible:before {
    --focus-indicator-spacing: 3px;
    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)
}

.ffHYws {
    color: rgba(0,0,0,.4);
    margin-right: 12px;
    text-transform: capitalize
}

.Cs6w3G {
    color: var(--brand-primary-color);
    text-align: right;
    white-space: nowrap
}

.mMlpiZ {
    align-items: center;
    color: #757575;
    display: flex;
    font-size: 14px
}

.H0wYar {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 1.875rem;
    width: 1.875rem
}

.H0wYar,.nkvGdS {
    position: relative
}

.nkvGdS {
    background-color: #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 100%;
    width: 100%
}

.Bk2cVc {
    stroke: #c6c6c6;
    font-size: 1.5rem;
    font-weight: 400;
    left: 50%;
    line-height: 2rem;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 24px;
    width: 24px
}

.Bk2cVc,.Qm507c {
    position: absolute
}

.Qm507c {
    border-radius: 50%;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.Qm507c:focus-visible {
    box-shadow: #fff 0 0 0 10px,var(--focus-indicator-color) 0 0 0 12px;
    outline: none
}

.gxSsbI {
    margin: 0 8px
}

.s4Wk4w a {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.product-page-seller-info__holiday-mode {
    color: #f9a51b;
    font-size: 12px;
    margin: 5px 0 6px;
    text-transform: capitalize;
    vertical-align: middle
}

.product-page-seller-info__holiday-symbol {
    align-items: center;
    background-color: #f9a51b;
    border-radius: 50%;
    display: inline-flex;
    height: 12px;
    justify-content: center;
    line-height: 12px;
    margin-right: 5px;
    width: 12px
}

.product-page-seller-info__holiday-symbol img {
    flex: 0 1 auto;
    height: 10px;
    width: 10px
}

.product-page-seller-info__inactive-indicator {
    color: #ff424f;
    font-size: 12px;
    margin: 5px 0 6px
}

.product-page-seller-info__online {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.product-page-seller-info__green-dot {
    background-color: #42ab17;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px
}

.product-page-seller-info__inactive-symbol {
    background-color: #ff424f;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-right: 5px;
    text-align: center;
    width: 12px
}

.product-page-seller-info__inactive-symbol>.shopee-svg-icon {
    color: #fff;
    font-size: 8px
}

.product-page-seller-info__inactive-symbol .icon-exclamation-mark {
    height: 8px;
    width: 8px
}

.product-not-exist {
    height: 600px;
    position: relative;
    text-align: center;
    width: 100%
}

.product-not-exist__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.product-not-exist__text {
    cursor: default;
    margin-top: 20px
}

.dBfDWY {
    background-color: #fffefb;
    border: 1px solid rgba(224,168,0,.4);
    border-radius: 2px;
    color: #222;
    line-height: 18px;
    margin-bottom: -.625rem;
    margin-top: 20px;
    padding: 11px 15px
}

.OzG_WI {
    height: 14px;
    margin-right: 10px;
    overflow: visible;
    vertical-align: -1px;
    width: 14px
}

.OK2S5z {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.XsMEjP {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    height: auto;
    position: relative;
    z-index: 10000
}

.EBRFWp {
    background-color: rgba(0,0,0,.3);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1001
}

.cz7Ulg {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    padding: 0 20px
}

.cz7Ulg:disabled {
    opacity: .5;
    pointer-events: none
}

.o9RGvm {
    background: #ee4d2d;
    border: 0;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.o9RGvm: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)
}

.o9RGvm:not(.LOZP9g):hover {
    background: #f05d40
}

.o9RGvm:not(.LOZP9g):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.o9RGvm.LOZP9g {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.NvCpmF {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    color: #212121
}

.NvCpmF:active,.NvCpmF:hover {
    background: rgba(0,0,0,.02)
}

.NvCpmF:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.oBKomb {
    font-size: 16px;
    line-height: 24px
}

.NEJEI0 {
    width: 100%
}

.X4TmNY {
    font-size: 16px;
    line-height: 24px;
    padding: 24px;
    width: 440px
}

.GufqRt {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 0
}

.a3f5I1 {
    color: rgba(0,0,0,.65)
}

.YU4z24 {
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    margin-top: 24px
}

.cGRn2O {
    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
}

.zErrE_ {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

#shopee-searchbar-selected-option {
    background-color: #fbfbfb
}

.shopee-searchbar {
    --focus-indicator-spacing: 3px;
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.shopee-searchbar--focus .shopee-searchbar-input:before {
    border-radius: 2px;
    bottom: -4px;
    content: "";
    left: -4px;
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    pointer-events: none;
    position: absolute;
    right: 7px;
    top: -4px;
    z-index: 1
}

.shopee-searchbar>.btn svg {
    margin: 0 auto
}

.shopee-searchbar__main {
    display: flex;
    flex: 1
}

.shopee-searchbar__search-button {
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-searchbar__search-button:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-searchbar-input {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding: 0 .625rem;
    position: relative
}

.shopee-searchbar-input__input {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.shopee-searchbar-input__input:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-input__input::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.shopee-searchbar-hints {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.26);
    margin-left: -.1875rem;
    margin-top: .5rem;
    overflow: hidden
}

.shopee-searchbar-hints__header {
    color: rgba(0,0,0,.26);
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem
}

.shopee-searchbar-hints__history-entry {
    color: rgba(0,0,0,.87);
    color: rgba(0,0,0,.8);
    display: block;
    font-size: .875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__history-entry__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__history-entry__typed-text {
    font-weight: 500
}

.shopee-searchbar-hints__history-entry__category-name {
    color: rgba(0,0,0,.26);
    margin-top: .25rem
}

.shopee-searchbar-hints__entry,.shopee-searchbar-hints__search-prefill,.shopee-searchbar-hints__search-shop {
    color: rgba(0,0,0,.87);
    line-height: 1rem;
    overflow: hidden;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__entry:hover,.shopee-searchbar-hints__search-prefill:hover,.shopee-searchbar-hints__search-shop:hover {
    background-color: #fafafa
}

.shopee-searchbar-hints__entry__bold-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-hints__search-shop {
    align-items: center;
    display: flex
}

.shopee-searchbar-hints__search-shop .shopee-svg-icon {
    color: #ee4d2d;
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.shopee-searchbar-hints__entry {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.shopee-searchbar-hints__entry--history {
    text-overflow: ellipsis
}

.shopee-searchbar-hints__entry__product-name {
    flex: 0 1 auto
}

.shopee-searchbar-hints__entry__typed-product-name {
    font-weight: 500
}

.shopee-searchbar-hints__entry__category-name {
    color: rgba(0,0,0,.26);
    flex: 0 1 auto;
    margin-top: .25rem
}

.shopee-searchbar-hints__search-prefill {
    align-items: center;
    display: flex;
    padding-right: 15px
}

.shopee-searchbar-hints__search-prefill img {
    margin-left: auto
}

.shopee-searchbar-hints__search-prefill .shopee-searchbar-hints__text {
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-searchbar-user-hints {
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    border-left: 1px solid rgba(0,0,0,.09);
    border-right: 1px solid rgba(0,0,0,.09)
}

.shopee-searchbar-user-hints__entry {
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    padding: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-searchbar-selector {
    align-items: center;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    height: 100%;
    max-width: 9.375rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-searchbar-selector__trigger {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-left: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 75%;
    line-height: 1.25rem;
    overflow: hidden;
    padding-left: .9375rem;
    padding-right: .625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__trigger>.shopee-svg-icon {
    height: .5rem;
    margin-left: .9375rem;
    width: .5rem
}

.shopee-searchbar-selector__dropdown {
    background-color: #fff;
    border-radius: .125rem;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.05);
    margin-top: .75rem;
    max-height: var(--radix-select-content-available-height);
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 601
}

.shopee-searchbar-selector__option {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 0 1 auto;
    height: 2.8125rem;
    justify-content: space-between;
    padding-left: .9375rem;
    padding-right: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.shopee-searchbar-selector__option:hover {
    background-color: #fbfbfb
}

.shopee-searchbar-selector__option-label {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    width: 100%
}

.shopee-searchbar-selector__option-tick {
    align-self: center;
    color: #ee4d2d;
    flex: 0 1 auto;
    height: .625rem;
    margin-left: .9375rem;
    width: .625rem
}

.ofs-more-menu {
    padding-top: 14px;
    position: absolute;
    right: 0;
    top: 50px
}

.ofs-more-menu__content {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 50px 0 rgba(0,0,0,.2);
    display: flex;
    padding: 0 1.5625rem 1.5625rem;
    position: relative
}

.ofs-more-menu__content:before {
    border-bottom: 10px solid #fff;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 44px;
    top: -10px;
    width: 0
}

.ofs-more-menu__col {
    flex: 1;
    width: 170px
}

.ofs-more-menu__item {
    color: rgba(0,0,0,.87);
    display: block;
    margin-top: 1.5625rem;
    overflow: hidden;
    padding-right: 15px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis
}

.ofs-more-menu__item:hover {
    color: #ee4d2d;
    cursor: pointer;
    transition: color .3s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar--theme-official .ofs-more-menu__item:hover {
    color: #d0011b
}

.ofs-navbar {
    background: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    min-height: 50px;
    transition: transform .3s cubic-bezier(.4,0,.6,1);
    z-index: 200
}

.ofs-navbar--theme-official .ofs-navbar__item--active,.ofs-navbar--theme-official .ofs-navbar__item:hover {
    color: #d0011b
}

.ofs-navbar--theme-official .ofs-navbar__item--active {
    border-color: #d0011b
}

.ofs-navbar--theme-official.preview {
    pointer-events: none
}

.ofs-navbar--docked {
    transform: translateZ(0)
}

.ofs-navbar--hidden {
    height: 0;
    min-height: 0;
    transform: translate3d(0,-50px,0)
}

.ofs-navbar__background {
    background: #fff
}

.ofs-navbar__wrapper {
    display: flex
}

.ofs-navbar__items {
    display: flex;
    flex: 1;
    justify-content: space-around
}

.ofs-navbar__item {
    align-items: center;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    font-size: .9375rem;
    font-weight: 700;
    padding: 14px 10px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ofs-navbar__item--active,.ofs-navbar__item:hover {
    color: #ee4d2d;
    cursor: pointer;
    transition: color .3s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item--active {
    border-color: #ee4d2d;
    transition: border-color .2s cubic-bezier(.4,0,.6,1)
}

.ofs-navbar__item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ofs-navbar__more {
    display: flex;
    padding-left: 20px;
    position: relative
}

.ofs-navbar__more:before {
    border-left: 1px solid rgba(0,0,0,.09);
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ofs-navbar__more>.icon-down-arrow-filled {
    height: .6em;
    margin-left: 4px;
    width: .6em
}

.ofs-navbar__more:hover {
    border-bottom-color: transparent;
    color: initial
}

.ofs-navbar__more--show>.icon-down-arrow-filled {
    transform: rotate(180deg)
}

.ofs-navbar__separator {
    background: rgba(0,0,0,.09);
    margin: 25px 0;
    width: 1px
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    align-items: center;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    outline: 0;
    text-transform: capitalize
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    max-width: 190px;
    min-width: 60px;
    padding: 0 15px
}

.btn--m {
    height: 40px;
    max-width: 220px;
    min-width: 70px;
    padding: 0 20px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l,.btn--xl {
    max-width: 250px;
    min-width: 80px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.cwKWhb {
    box-sizing: border-box;
    display: flex;
    padding: .625rem;
    position: relative;
    width: 100%
}

.cwKWhb:hover {
    background-color: #f8f8f8
}

.Q8sYgj {
    border: 1px solid rgba(0,0,0,.09);
    flex-shrink: 0;
    height: 2.5rem;
    object-fit: cover;
    width: 2.5rem
}

.v9C9fv {
    flex: 1;
    margin-left: .625rem;
    overflow: hidden
}

.wRXuLg {
    font-weight: 500;
    white-space: nowrap
}

.K98OHU,.wRXuLg {
    overflow: hidden;
    text-overflow: ellipsis
}

.K98OHU {
    color: rgba(0,0,0,.54);
    font-size: .75rem
}

.U7qd54 {
    align-items: baseline;
    flex-shrink: 0;
    margin-left: 2.5rem
}

.ruuPWB {
    color: #ee4d2d
}

.oQA219 {
    font-size: 9px;
    margin: 0 5px
}

.oQA219,.pJ0fmn {
    color: rgba(0,0,0,.54)
}

.fF3qL3,.pJ0fmn {
    font-size: .75rem
}

.fF3qL3 {
    flex-shrink: 0;
    float: right;
    z-index: 1
}

.fF3qL3>.shopee-button-no-outline {
    font-weight: 400;
    padding: 0;
    white-space: nowrap
}

.xu2ybv {
    flex: 1
}

.Wq5Olu {
    margin-top: .625rem
}

.FgOG6A {
    background-color: hsla(0,0%,100%,.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.N9m5w_ {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    line-height: 1rem;
    margin-right: .5em;
    padding: 0 1px
}

.QcxyjJ {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem;
    text-transform: capitalize
}

.cart-drawer-container {
    padding: 10px 0
}

.cart-drawer {
    cursor: pointer;
    margin: 0 0 0 5px;
    outline: 0;
    overflow: visible;
    position: relative
}

.cart-drawer:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.cart-drawer .shopee-cart-number-badge {
    left: -1.25rem;
    top: -.6875rem
}

.cart-drawer .icon-shopping-cart-2 {
    color: #fff;
    stroke: #fff
}

.cart-drawer__popover {
    z-index: 400!important
}

.OG8bFL {
    padding: 3.75rem 0;
    text-align: center
}

.NRsGJE {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/9bdd8040b334d31946f4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 6.25rem;
    width: 6.25rem
}

.Jbh84d {
    margin-top: 1.25rem;
    text-transform: capitalize
}

.j36PbB.j36PbB {
    flex-shrink: 0;
    max-width: unset
}

.jESbfG {
    line-height: normal;
    text-align: left
}

.au0ezw {
    color: rgba(0,0,0,.26);
    height: 2.5rem;
    padding-left: .625rem;
    text-transform: capitalize
}

.j9MGss {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    overflow: hidden;
    width: 25rem
}

._UmqrZ {
    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
}

._UmqrZ>.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
}

.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)
}

.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
}

.xqFGel {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    padding-left: .625rem;
    padding-right: .625rem
}

.xqFGel.PeVO69: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
}

.xqFGel .X4A1mL {
    align-items: center;
    border: 0;
    display: flex;
    flex: 1;
    margin: 0;
    outline: none;
    padding: 0
}

.xqFGel .X4A1mL:-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL:-ms-input-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL::-webkit-input-placeholder {
    color: rgba(0,0,0,.54)
}

.xqFGel .X4A1mL::-moz-placeholder {
    color: rgba(0,0,0,.54)
}

.dzD_oG {
    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
}

.lpd7LA {
    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
}

.lpd7LA.HGHYAE,.lpd7LA:hover {
    background-color: #fafafa
}

.lpd7LA .uoPjuf {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lpd7LA .OYr_QV {
    font-weight: 500
}

.oBjriL {
    align-items: stretch;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 2.5rem;
    justify-content: space-between;
    padding: .1875rem
}

.oBjriL.hcSqiM {
    box-shadow: 0 0 12px 0 rgba(0,0,0,.09)
}

.oBjriL .goo1BZ {
    margin: 0 auto
}

.oBjriL .goo1BZ,.oBjriL .goo1BZ:active,.oBjriL .goo1BZ:focus,.oBjriL .goo1BZ:hover {
    background-color: #066bc8
}

.Kc3bjM {
    display: flex;
    flex: 1;
    position: relative
}

.Kc3bjM .lCJQSq {
    width: 100%
}

.Kc3bjM .FByahe {
    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
}

.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
}

.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%
}

.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
}

.header-navbar-background {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/d4abcabbd3a449975eb8.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%
}

.inVC2s {
    position: relative
}

.inVC2s img {
    vertical-align: bottom
}

.LoKV8G {
    visibility: hidden
}

.kqknPZ {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.jtfbM2 {
    opacity: 0
}

.WKlBzs {
    opacity: 1;
    transition: opacity .2s ease
}

.Ga0gYz {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.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
}

.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)
    }
}

.K4HzYF,.WCesPV {
    align-items: center;
    display: flex
}

.K4HzYF {
    justify-content: center
}

.WCesPV {
    color: currentColor;
    padding: 6px 0
}

.b2cpp4 {
    pointer-events: none
}

.K4HzYF {
    background-color: #fff;
    border-radius: 1.25rem;
    box-sizing: border-box;
    font-size: .75rem;
    left: -.75rem;
    margin-right: -.9375rem;
    position: relative;
    top: -.3125rem
}

.JIk5jC {
    width: 1.125rem
}

.Naa9e7 {
    width: 1.375rem
}

.iZrR7L {
    color: var(--brand-primary-color,#ee4d2d)
}

.Xj04dY {
    color: #d0011b
}

.HUb4uA {
    font-size: .8125rem;
    font-weight: 300;
    margin-left: .3125rem;
    text-transform: capitalize
}

.sXTYmG {
    position: relative
}

.sXTYmG img {
    vertical-align: bottom
}

.cBA2ug {
    visibility: hidden
}

.PyDb5M {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.xaeg6u {
    opacity: 0
}

.UqOtLU {
    opacity: 1;
    transition: opacity .2s ease
}

.zt11vf {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.Ghi0DB .R8bGj3 {
    bottom: 0;
    right: 0
}

.Ghi0DB .R8bGj3,.R8bGj3 {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.R8bGj3 {
    height: 100%;
    width: 100%
}

.X5bK0x {
    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
}

.gVKtRA {
    height: 6.25rem;
    width: 6.25rem
}

.EXiGJQ {
    margin: .625rem
}

.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)
}

.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
}

.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
}

.gbavatar,.gbstep1,.gbstep2,.gbstep3 {
    background: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/productdetailspage/4b96c5209105fcf85252.png) no-repeat;
    display: inline-block;
    height: 22px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 22px
}

.gbavatar {
    background-position: 0 0;
    background-size: cover;
    height: 100px;
    width: 100px
}

.gbstep1 {
    background-position: 0 -100px
}

.gbstep2 {
    background-position: -22px -100px
}

.gbstep3 {
    background-position: -44px -100px
}

.page-product__content--right>:not(:empty) {
    margin-left: .9375rem;
    width: 14.5rem
}

.page-product>.container {
    padding-bottom: 4.375rem
}

.page-product__breadcrumb {
    height: 1rem;
    margin-top: 1.25rem
}

.theme--s-mart .page-product__breadcrumb {
    color: #066bc8
}

.page-product__detail,.page-product__hot-sales,.page-product__info,.page-product__ratings,.page-product__recycle,.page-product__shop,.page-product__shop-voucher {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    margin-top: .9375rem;
    overflow: hidden;
    padding: .625rem
}

.page-product__content {
    display: flex;
    min-height: 40rem
}

.page-product__content--hidden {
    opacity: 0;
    pointer-events: none
}

.page-product__content--left {
    flex: 1;
    min-width: 0
}

.page-product__content--right>:not(:empty) {
    display: block!important
}

.toast {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .1s cubic-bezier(.4,0,.6,1);
    z-index: 10000
}

.toast--hidden {
    opacity: 0;
    pointer-events: none
}

.toast__container {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    cursor: default;
    display: inline-block;
    font-size: 1.0625rem;
    max-width: 25rem;
    min-width: 18.75rem;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    text-align: center
}

.toast__icon {
    margin-bottom: 1.25rem
}

.kkObvr,.toast__icon {
    display: flex;
    justify-content: center
}

.kkObvr {
    align-items: center;
    background-color: #00bfa5;
    border-radius: 50%;
    height: 60px;
    text-align: center;
    width: 60px
}

.bYHPUH {
    height: 30px;
    width: 30px
}

.K3c1N_ {
    height: 40px;
    width: 40px
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/pcmall-productdetailspage.eaba0db876eaca3ba12c.css.map*/
.vc_VoucherStandardTemplate_template{border:.0625rem solid transparent;border-left:none;box-shadow:var(--vc-template-box-shadow,.125rem .125rem .3125rem rgba(0,0,0,.07));box-sizing:border-box;display:flex;height:100%;position:relative;transition:background 1s ease}.vc_VoucherStandardTemplate_left{align-items:center;border-right:.0625rem dashed #e8e8e8;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;position:relative;width:var(--vc-card-height,7.375rem)}.vc_VoucherStandardTemplate_middle{display:flex;flex:1;flex-direction:column;justify-content:center;overflow:hidden;padding-left:.75rem;position:relative}.vc_VoucherStandardTemplate_right{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;padding:.75rem;position:relative}.vc_VoucherStandardTemplate_center{align-items:center;display:flex;flex-direction:column}.vc_VoucherStandardTemplate_hideOverflow{border:.0625rem solid transparent;border-radius:.125rem;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.vc_VoucherStandardTemplate_fsv .vc_VoucherStandardTemplate_left,.vc_VoucherStandardTemplate_shopee .vc_VoucherStandardTemplate_left{border-right:none}.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_dp .vc_VoucherStandardTemplate_left,.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_dp .vc_VoucherStandardTemplate_middle,.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_fsv .vc_VoucherStandardTemplate_middle,.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_shop .vc_VoucherStandardTemplate_left,.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_shop .vc_VoucherStandardTemplate_middle,.vc_VoucherStandardTemplate_inapplicable.vc_VoucherStandardTemplate_shopee .vc_VoucherStandardTemplate_middle{opacity:.5}.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_dp .vc_VoucherStandardTemplate_template,.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_fsv .vc_VoucherStandardTemplate_middle,.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_fsv .vc_VoucherStandardTemplate_right,.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_shop .vc_VoucherStandardTemplate_template,.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_shopee .vc_VoucherStandardTemplate_middle,.vc_VoucherStandardTemplate_highlight.vc_VoucherStandardTemplate_shopee .vc_VoucherStandardTemplate_right{background-color:#fef7e7}


  
  .YknRSx {
    position: relative
}

.o5ubXd {
    background: #000;
    cursor: pointer;
    height: 100%;
    outline: none;
    width: 100%
}

.BdHLAq,.IxMgmu {
    height: 6.25rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-3.125rem,-3.125rem,0);
    width: 6.25rem
}

.shopee-rating-media-list-image__content,.shopee-rating-media-list-image__wrapper {
    height: 100%;
    width: 100%
}

.shopee-rating-media-list-image__wrapper {
    position: relative
}

.shopee-rating-media-list-image__content {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0
}

.shopee-rating-media-list-image__content--blur {
    height: 100%;
    width: 100%
}

.shopee-rating-media-list-image__place-holder {
    background-color: #fafafa;
    height: 100%;
    position: relative;
    width: 100%
}

.shopee-rating-media-list-image__place-holder .icon-loading-image {
    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;
    stroke: #c6c6c6
}

.HZhOa2 {
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.YUZF1I {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 1.875rem 1.875rem 1.5rem;
    width: 27.5rem
}

.YUZF1I .DFuIt4 {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    margin-bottom: 1.3125rem
}

.YUZF1I .qNrbT4 {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    margin-bottom: 1.6875rem
}

.YUZF1I .BqrkTr {
    display: flex;
    justify-content: flex-end
}

.YUZF1I .BqrkTr .HozkSw {
    background: #fff;
    border: "none";
    box-shadow: none;
    color: #555;
    height: 2.5rem;
    width: 9.375rem
}

.YUZF1I .BqrkTr ._BVHfu {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14);
    color: #fff
}

.rating-media-list-carousel-arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    line-height: 50px;
    margin-top: -25px;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 50%;
    transition: all .1s cubic-bezier(.4,0,.6,1);
    width: 50px
}

.rating-media-list-carousel-arrow>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    transition: width .1s cubic-bezier(.4,0,.6,1);
    fill: rgba(0,0,0,.54)
}

.rating-media-list-carousel-arrow--prev {
    left: 0
}

.rating-media-list-carousel-arrow--next {
    right: 0
}

.rating-media-list-carousel-arrow--hint {
    background-color: #fff;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    width: 25px
}

.rating-media-list-carousel-arrow--hint>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    height: .625rem;
    width: .625rem;
    fill: currentColor
}

.mngPGv {
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.xeRgG7 {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 1.875rem 1.875rem 1.5rem;
    width: 27.5rem
}

.xeRgG7 .lpuQp7 {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    margin-bottom: 1.3125rem
}

.xeRgG7 .HLggVF {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    margin-bottom: .8125rem
}

.xeRgG7 .WncHwZ {
    display: flex;
    justify-content: flex-end
}

.xeRgG7 .WncHwZ .rPnv8I {
    background: #fff;
    border: 0;
    box-shadow: none;
    color: #555;
    height: 2.5rem;
    width: 9.375rem
}

.xeRgG7 .WncHwZ .wDxADU {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14);
    color: #fff
}

.rating-media-list-image-carousel {
    height: 100%;
    position: relative;
    width: 100%
}

.rating-media-list-image-carousel__item-list-wrapper {
    height: 100%;
    overflow: hidden
}

.rating-media-list-image-carousel__item-list {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.rating-media-list-image-carousel__item {
    align-self: center;
    float: left;
    height: 100%;
    list-style: none;
    overflow-x: hidden
}

.rating-media-list-image-carousel__item--fluid {
    flex: 0 1 auto;
    overflow-x: visible
}

.rating-media-list-image-carousel__item>div {
    height: 100%
}

.rating-media-list-image-carousel__item a,.rating-media-list-image-carousel__item img {
    -webkit-user-drag: none
}

.rating-media-list-image-carousel__dots {
    bottom: 1.25rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

.rating-media-list-image-carousel__dots--hidden {
    opacity: 0;
    pointer-events: none
}

.rating-media-list-image-carousel__dot {
    background-color: rgba(0,0,0,.26);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .625rem;
    width: .625rem
}

.rating-media-list-image-carousel__dot:not(:first-child) {
    margin-left: .3125rem
}

.rating-media-list-image-carousel__dot--active {
    background-color: #ee4d2d;
    opacity: 1
}

.rating-media-list-image-carousel__arrow {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.25rem;
    height: 3.75rem;
    justify-content: center;
    line-height: 3.75rem;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.1875rem;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

.rating-media-list-image-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.rating-media-list-image-carousel__arrow--prev {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    left: 0
}

.rating-media-list-image-carousel__arrow--next {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    right: 0
}

.RwARlw {
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.hcEx_I {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 1.875rem 1.875rem 1.5rem;
    width: 27.5rem
}

.hcEx_I .T9HIzt {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    margin-bottom: 1.3125rem
}

.hcEx_I .Oolvcb {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    margin-bottom: .8125rem
}

.hcEx_I .a4D5as {
    display: flex;
    justify-content: flex-end
}

.hcEx_I .a4D5as .MFutG9 {
    background: #fff;
    border: 0;
    box-shadow: none;
    color: #555;
    height: 2.5rem;
    width: 9.375rem
}

.hcEx_I .a4D5as .WKVxzG {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14);
    color: #fff
}

.rating-media-list__container {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.rating-media-list__image-wrapper {
    height: 4.5rem;
    margin: 0 .625rem .625rem 0;
    position: relative;
    width: 4.5rem
}

.rating-media-list__image-wrapper--inactive {
    cursor: zoom-in
}

.rating-media-list__image-wrapper--active {
    border: 2px solid #ee4d2d;
    box-sizing: border-box;
    cursor: zoom-out;
    padding: 2px
}

.rating-media-list__video-cover {
    align-items: center;
    background: rgba(0,0,0,.54);
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: .75rem;
    height: 1.25rem;
    justify-content: space-between;
    left: 0;
    line-height: 1.25rem;
    padding: 0 4px;
    position: absolute;
    right: 0;
    z-index: 1
}

.rating-media-list__zoomed-image {
    display: none;
    height: 100%;
    margin-left: -.6rem;
    max-height: 31.25rem;
    max-width: 32.25rem;
    width: 100%
}

.rating-media-list__zoomed-image--active {
    display: block;
    margin-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-media-list__zoomed-image-item,.rating-media-list__zoomed-video-item {
    max-height: 31.25rem;
    max-width: 32.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-media-list__zoomed-video-item {
    height: 31.25rem;
    width: 32.25rem
}

.TQTPT9 {
    background-color: #f5f5f5;
    margin-bottom: .75rem;
    padding: .875rem .75rem;
    position: relative
}

.TQTPT9:after {
    border: .28125rem solid transparent;
    border-bottom-color: #f5f5f5;
    content: "";
    display: inline-block;
    left: 2rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-100%)
}

.xO9geG {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    text-transform: capitalize
}

.qiTixQ {
    color: rgba(0,0,0,.65);
    margin-top: .625rem;
    
    word-break:
}

.dMTuWJ {
    position: relative
}

.ZWdKv_ {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.zFp3PR {
    align-items: center;
    display: flex;
    flex-flow: "row nowrap"
}

.zFp3PR .wMM2UN {
    font-size: toRem(14px);
    margin: toRem(20px) auto toRem(7px);
    min-width: 180px
}

.zFp3PR .q4MF_i {
    align-items: center;
    display: flex;
    flex-flow: "row nowrap"
}

.zFp3PR .t6nNTC {
    margin-left: 10px;
    min-width: 100px
}

.qXgJA1 {
    background-color: #f5f5f5;
    margin-bottom: .75rem;
    padding: .875rem .75rem;
    position: relative
}

.qXgJA1:after {
    border: .28125rem solid transparent;
    border-bottom-color: #f5f5f5;
    content: "";
    display: inline-block;
    left: 2rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-100%)
}

.uKl6aA {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    text-transform: capitalize
}

.cSirg9 {
    color: rgba(0,0,0,.65);
    margin-top: .625rem;
    
    word-break:
}

.shopee-product-rating__follow_up_content_title {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    line-height: .875rem;
    margin-bottom: -.5rem;
    margin-top: 1rem;
    padding-left: .5rem;
    position: relative
}

.shopee-product-rating__follow_up_content_title:after {
    background: #ee4d2d;
    content: " ";
    height: .875rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .25rem
}

.shopee-product-rating__medias {
    margin-top: .9375rem
}

.Zm4GSB {
    display: flex;
    margin: 1.75rem 0 .625rem 1rem
}

.njWjw_ {
    margin-right: .625rem;
    padding-top: 1.375rem;
    text-align: center;
    width: 2.5rem
}

.LNoC4G {
    height: 2.5rem;
    width: 2.5rem
}

.ypRaPx {
    border-top: 1px solid rgba(0,0,0,.05);
    flex: 1;
    padding-top: 1.375rem
}

.ypRaPx .rating-stars__container>div {
    margin: 0 .125rem 0 0
}

.tleNTD {
    color: #222;
    font-size: .75rem;
    line-height: .875rem;
    margin-bottom: .375rem;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uyPdAV {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    margin: .9375rem 0;
    
    word-break:
}

.JUl8xD {
    margin-top: .6875rem
}

.etz7q9 {
    margin-top: .9375rem
}

.yEXdce {
    display: flex;
    position: relative;
    width: 100%
}

.PQYLVf {
    flex: 1
}

.OR7ELQ {
    color: #bbb;
    font-size: .75rem;
    margin-top: .4375rem
}

.yEXdce>.shopee-button-outline {
    background-color: #fef6f5;
    border: 1px solid #ee4d2d;
    border-radius: 1px;
    color: #ee4d2d;
    flex-shrink: 0;
    height: 2rem
}

.hjCxnH {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: .9375rem
}

.hjCxnH>.shopee-button-no-outline {
    font-size: .75rem;
    text-transform: uppercase
}

.zofI9b {
    cursor: pointer;
    margin-left: auto
}

.zofI9b .stardust-dropdown__item-body {
    background: #fff;
    display: none;
    overflow: visible;
    position: absolute;
    right: 0;
    z-index: 1
}

.zofI9b .stardust-dropdown__item-body--open {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .375rem rgba(0,0,0,.09);
    display: block
}

.zofI9b .stardust-dropdown__item-header {
    text-align: right
}

.uAkO_r {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
    color: rgba(0,0,0,.8);
    padding: .75rem 1.625rem;
    text-transform: capitalize;
    white-space: nowrap
}

.Tl7Sbo {
    padding: 0 .375rem;
    position: relative
}

.WdyDU8 {
    background: #fafdf7;
    border: 1px solid rgba(87,172,3,.3);
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    left: 50%;
    padding: .75rem .9375rem;
    position: absolute;
    top: 100%;
    transform: translate(-50%,45%)
}

.yg6UFn {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1rem;
    margin-left: .625rem
}

.Cx1rBH,.yg6UFn {
    display: inline-block
}

.Cx1rBH {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .625rem;
    color: #929292;
    font-size: .75rem;
    margin-right: .625rem;
    padding: .25rem .625rem;
    word-break:
}

.nryILS {
    margin-bottom: .9375rem
}

.I83LOI {
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    line-height: 1.0625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.W0XhTD {
    border: 1px solid rgba(0,0,0,.09);
    display: inline-block;
    flex-shrink: 0;
    height: 3.5rem!important;
    margin-right: .625rem;
    width: 3.5rem!important
}

.suoW0p {
    word-wrap:;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.ebS_Lb {
    color: rgba(0,0,0,.8);
    font-size: 14px;
    font-weight: 400;
    word-break:
}

.gs2KUm {
    color: rgba(0,0,0,.26)
}

.product-rating-reply__input input:-moz-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input input:-ms-input-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input input::-webkit-input-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input input::-moz-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input--error .input-with-validator {
    border: 2px solid #ee4d2d
}

.product-rating-reply__error {
    color: #ff424f
}

.product-rating-reply__actions {
    display: flex;
    margin-top: .875rem
}

.product-rating-reply__actions>.product-rating-reply__button {
    display: inline-block;
    height: 2rem;
    justify-content: flex-start;
    line-height: 2rem;
    margin-right: .5625rem;
    text-align: center;
    text-transform: capitalize;
    width: 3.9375rem
}

.product-rating-reply__actions>.product-rating-reply__fatty {
    flex: 1
}

.product-rating-reply__actions>.product-rating-reply__memo {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    justify-content: flex-end
}

.LOTgrA {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.LOTgrA .shopee-avatar {
    flex-shrink: 0;
    margin-right: .625rem
}

.ymIIA_ {
    color: rgba(0,0,0,.54);
    flex: 1;
    min-width: 0
}

.caWDHI {
    background-color: #fff;
    border: 1px solid #ee4d2d;
    border-radius: 1px;
    color: #ee4d2d;
    cursor: pointer;
    font-size: .75rem;
    padding: .5rem .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.IUEPEY {
    border-top: 1px solid rgba(0,0,0,.05);
    margin: 1.125rem 0 0 2.5rem;
    padding-top: 1.125rem
}

.IUEPEY .rating-stars__container>div {
    margin: 0 .125rem 0 0
}

.Vpio2s {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    margin-top: .9375rem
}

.NE8ARh {
    margin-top: .6875rem
}

.IWpCq8 {
    color: #bbb;
    font-size: .75rem;
    margin-top: .4375rem
}

.c5o00Y {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: .9375rem
}

.c5o00Y>.shopee-button-no-outline {
    font-size: .75rem;
    text-transform: uppercase
}

.BdM2lP {
    color: #929292;
    font-size: .875rem;
    text-align: right
}

.UEEXxo {
    color: #ee4d2d
}

.G6K_qq {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0
}

.G6K_qq,.GJew6O {
    overflow: hidden;
    position: absolute
}

.GJew6O>* {
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%
}

.xQnSXz {
    right: 50%
}

.xQnSXz>* {
    transform-origin: right
}

.d3hwLK {
    left: 50%
}

.d3hwLK>* {
    transform-origin: left
}

.Y5ceMw {
    display: flex;
    justify-content: flex-start
}

.Bpmgeo,.Y5ceMw {
    align-items: center
}

.Bpmgeo {
    background: #fef6f5;
    border: 1px solid #ee4d2d;
    box-sizing: border-box;
    color: #ee4d2d;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    margin-right: 8px;
    padding: 0 12px
}

.Bpmgeo .BiwStw {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 6px
}

.mXvRBf {
    display: none
}

.G95cR4 {
    align-items: center;
    background: #fff;
    border: 1px dashed rgba(0,0,0,.26);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    height: 54px;
    justify-content: center;
    margin-right: 6px;
    width: 54px
}

.G95cR4 .BiwStw {
    color: rgba(0,0,0,.26);
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px
}

.G95cR4 svg {
    height: 20px;
    width: 20px
}

._Y1LWz {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 54px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    width: 54px
}

._Y1LWz.P5gbxm {
    border: 1px dashed rgba(0,0,0,.26)
}

._Y1LWz img {
    height: 100%;
    width: 100%
}

._Y1LWz button {
    background: rgba(0,0,0,.4);
    border: 0;
    cursor: pointer;
    height: 16px;
    justify-content: center;
    outline: none;
    padding: 0;
    top: 0;
    width: 16px
}

._Y1LWz button,.pap6j9 {
    align-items: center;
    display: flex;
    position: absolute;
    right: 0
}

.pap6j9 {
    background: rgba(0,0,0,.54);
    bottom: 0;
    color: #fff;
    font-size: 10px;
    height: 20px;
    justify-content: space-between;
    left: 0;
    line-height: 12px;
    padding-right: 2px
}

.nNhuz7 {
    border: 1px solid rgba(0,0,0,.26)
}

.m0qypn,.nNhuz7 {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    margin: 0 0 .75rem;
    padding: .75rem;
    position: relative
}

.m0qypn {
    border: 2px solid #ee2c4a
}

.BsmFJD {
    margin: 0 0 .75rem;
    padding: 0;
    position: relative
}

.pFkDf6 {
    border: 0;
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: 0;
    overflow: hidden;
    padding: 0;
    resize: none;
    width: 100%
}

.pFkDf6:focus {
    border: 0;
    outline: none
}

.pFkDf6::placeholder {
    color: rgba(0,0,0,.26)
}

.fD7sMX {
    color: rgba(0,0,0,.87);
    left: 0;
    margin-bottom: .25rem;
    position: relative
}

.fD7sMX,.pzW7UR {
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    top: 0
}

.pzW7UR {
    color: rgba(0,0,0,.26);
    position: absolute;
    z-index: 1
}

.LQNDXX {
    background-color: rgba(0,0,0,.09);
    height: 1px;
    margin: 0 0 .75rem;
    padding: 0;
    width: 100%
}

._wP3Oz {
    margin-top: 1.25rem
}

.J5M4lP {
    background-color: #f5f5f5;
    padding: 1.25rem 1.5625rem .9375rem;
    position: relative
}

.rating-modal-handler__rating-anonymous-wrapper {
    align-items: center;
    display: flex;
    margin-top: 1.25rem
}

.rating-modal-handler__rating-anonymous-wrapper .rating-modal-handler__rating-anonymous-hint {
    color: rgba(0,0,0,.87);
    cursor: pointer;
    font-size: .875rem;
    margin-bottom: .25rem
}

.rating-modal-handler__rating-anonymous-wrapper .rating-modal-handler__rating-anonymous-username {
    color: rgba(0,0,0,.54);
    cursor: pointer;
    font-size: .75rem
}

.rating-modal-handler_media-err-content {
    color: #ee2c4a;
    font-family: Roboto;
    font-size: .875rem;
    margin-top: .875rem
}

.rating-comment-check-with-media-check {
    margin-top: .5rem
}

.rating-comment-check-with-media-check-logo {
    margin-bottom: .5rem
}

.rating-hint-text-coin {
    margin-top: .5rem
}

.GuwnmB {
    align-items: center;
    background: #fff8e4;
    border: 1px solid #f69113;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    padding: .5rem .75rem;
    position: relative;
    transition: all .2s
}

.bFqf7g {
    flex-shrink: 0;
    height: 1.25rem;
    margin-right: .5rem;
    width: 1.25rem
}

.Q1z1E5 {
    color: rgba(0,0,0,.87);
    flex: 1;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem
}

.DNmGAi {
    color: #ee4d2d
}

.wcnOnW {
    height: 1.25rem;
    width: 1.25rem
}

.wcnOnW,.wcnOnW .RipHyo {
    cursor: pointer;
    display: inline-block
}

.wcnOnW .RipHyo {
    border-bottom: 2px solid #555;
    border-right: 2px solid #555;
    height: .525rem;
    transform: rotate(45deg);
    width: .525rem
}

.m2q7Gh {
    border: 2px solid rgba(0,0,0,.5);
    border-radius: 50%;
    color: rgba(0,0,0,.5);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: .9375rem;
    line-height: .9375rem;
    margin-left: .625rem;
    text-align: center;
    width: .9375rem
}

.wEQhHh {
    align-items: flex-start;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    padding: 1rem 1.25rem;
    right: 0;
    width: 30rem;
    z-index: 1000
}

.wEQhHh .ByB4Vf {
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding-bottom: .625rem;
    width: 100%
}

.wEQhHh .ByB4Vf .m_hU0Q {
    color: rgba(0,0,0,.8);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem
}

.wEQhHh .ByB4Vf .Q_kpc5 {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    line-height: 1rem;
    margin-top: .625rem
}

.wEQhHh .zroYrq {
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding-top: .625rem;
    width: 100%
}

.wEQhHh .zroYrq .o7g6Vs {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .625rem
}

.wEQhHh .zroYrq ._G9Asz {
    align-items: center;
    color: rgba(0,0,0,.65);
    display: flex;
    flex-direction: row;
    font-size: .875rem;
    justify-content: space-between;
    line-height: 1.25rem;
    margin-bottom: .625rem
}

.wEQhHh .zroYrq ._G9Asz .CXdsX_ {
    color: #ee4d2d;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem
}

.wEQhHh .aO3Yoo {
    color: rgba(0,0,0,.4);
    font-size: .75rem;
    line-height: 1rem;
    padding: .75rem 0
}

.fFC4f6 {
    font-size: 16px
}

.d5oZax {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.vlajSX {
    margin-top: 15px
}

.oiFnma {
    max-height: 37.5rem;
    max-height: calc(100vh - 120px);
    width: 45.625rem!important
}

.oiFnma .shopee-popup-form__header {
    height: unset;
    margin-bottom: 1.875rem
}

.sOvnRU {
    text-align: center
}

.nmGhXO {
    display: inline-block;
    padding: 30px 0
}

.texHG6 {
    color: #ee4d2d;
    cursor: pointer
}

.dauclT {
    align-items: center;
    bottom: 2.5rem;
    color: rgba(0,0,0,.5);
    display: flex;
    position: fixed;
    z-index: 100
}

.MOIN2r {
    margin-top: 1.25rem
}

.ynweAm {
    background-color: #f5f5f5;
    margin-bottom: 16px;
    margin-top: 12px;
    padding: 16px
}

.mjDsBq {
    align-items: center;
    color: rgba(0,0,0,.4);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.TpqF5a {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.N2CwzE {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-left: 8px;
    position: relative
}

.N2CwzE:after {
    background: #ee4d2d;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.Ec27a7 {
    border: .5px solid rgba(0,0,0,.05);
    height: 0;
    width: 100%
}

.ecmASt {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: column;
    height: 10.625rem;
    justify-content: center;
    width: 25.375rem
}

.OQJc3S {
    height: 3.125rem;
    margin-bottom: 1.4375rem;
    width: 3.125rem
}

.KvP4dB {
    color: #f6a700;
    font-size: 1.25rem
}

.bym9XP {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 8.4375rem
}

.fqsljO {
    height: 3.25rem;
    margin-bottom: .875rem;
    width: 3.25rem
}

.MYWtCx {
    color: #6c0;
    font-size: 1rem
}

@keyframes wqOEkG {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.NK1kxR {
    position: fixed
}

.HXKS_3,.NK1kxR {
    align-items: center;
    background: hsla(0,0%,100%,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.HXKS_3 {
    position: absolute
}

.DRhvQk {
    align-items: center;
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 1px rgba(0,0,0,.09);
    display: flex;
    height: 6.75rem;
    justify-content: center;
    width: 6.75rem
}

.DRhvQk img {
    animation: wqOEkG 2s linear infinite
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-shoprating/_/342.9bf9b9f4e1b7672c2b7e.css.map*/

.product-ratings {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    margin-top: .9375rem;
    overflow: hidden;
    overflow: visible;
    padding: 1.5625rem
}

.product-ratings__header {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 1em
}

.product-ratings__header_score {
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    margin-right: .2em;
    text-transform: capitalize
}

.product-ratings__page-controller {
    justify-content: flex-end;
    margin-top: 1.25rem;
    text-align: right
}

.product-ratings__page-controller .shopee-button-solid,.product-ratings__page-controller .shopee-icon-button {
    margin: 0 .75rem
}

.product-ratings__page-controller .shopee-button-no-outline,.product-ratings__page-controller .shopee-button-solid {
    font-size: 1rem;
    height: 1.5rem;
    min-width: 1.5rem
}

.product-ratings__page-controller .shopee-button-solid {
    background-color: var(--brand-primary-color,#ee4d2d)!important
}

.product-ratings__page-controller .shopee-icon-button {
    border: 1px solid rgba(0,0,0,.09);
    font-size: .625rem;
    height: 1.5rem;
    min-width: 1.5rem
}

.product-ratings__page-controller .shopee-button-no-outline {
    color: rgba(0,0,0,.87);
    margin: 0
}

.product-ratings-comments-view__no-data {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 25rem;
    justify-content: center
}

.product-ratings-comments-view__no-data__icon {
    background-repeat: no-repeat;
    background-size: contain
}

.product-ratings-comments-view__no-data__text {
    color: rgba(0,0,0,.8);
    font-size: 1rem;
    margin-top: 1.25rem
}

.product-ratings-comments-view__no-data__desc {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin-top: .75rem
}

.product_ratings_icon_help {
    color: rgba(0,0,0,.54)
}

.product_ratings_drawer_container {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.375rem;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap:;
    text-align: left
}

.product_ratings_drawer_container a {
    color: #05a;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-shoprating/_/pcmall-productrating.2a247dc1698334f33e59.css.map*/



  .YknRSx {
    position: relative
}

.o5ubXd {
    background: #000;
    cursor: pointer;
    height: 100%;
    outline: none;
    width: 100%
}

.BdHLAq,.IxMgmu {
    height: 6.25rem;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-3.125rem,-3.125rem,0);
    width: 6.25rem
}

.shopee-rating-media-list-image__content,.shopee-rating-media-list-image__wrapper {
    height: 100%;
    width: 100%
}

.shopee-rating-media-list-image__wrapper {
    position: relative
}

.shopee-rating-media-list-image__content {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0
}

.shopee-rating-media-list-image__content--blur {
    height: 100%;
    width: 100%
}

.shopee-rating-media-list-image__place-holder {
    background-color: #fafafa;
    height: 100%;
    position: relative;
    width: 100%
}

.shopee-rating-media-list-image__place-holder .icon-loading-image {
    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;
    stroke: #c6c6c6
}

.HZhOa2 {
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.YUZF1I {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 1.875rem 1.875rem 1.5rem;
    width: 27.5rem
}

.YUZF1I .DFuIt4 {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    margin-bottom: 1.3125rem
}

.YUZF1I .qNrbT4 {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    margin-bottom: 1.6875rem
}

.YUZF1I .BqrkTr {
    display: flex;
    justify-content: flex-end
}

.YUZF1I .BqrkTr .HozkSw {
    background: #fff;
    border: "none";
    box-shadow: none;
    color: #555;
    height: 2.5rem;
    width: 9.375rem
}

.YUZF1I .BqrkTr ._BVHfu {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14);
    color: #fff
}

.rating-media-list-carousel-arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    line-height: 50px;
    margin-top: -25px;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 50%;
    transition: all .1s cubic-bezier(.4,0,.6,1);
    width: 50px
}

.rating-media-list-carousel-arrow>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    transition: width .1s cubic-bezier(.4,0,.6,1);
    fill: rgba(0,0,0,.54)
}

.rating-media-list-carousel-arrow--prev {
    left: 0
}

.rating-media-list-carousel-arrow--next {
    right: 0
}

.rating-media-list-carousel-arrow--hint {
    background-color: #fff;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    width: 25px
}

.rating-media-list-carousel-arrow--hint>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    height: .625rem;
    width: .625rem;
    fill: currentColor
}

.mngPGv {
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.xeRgG7 {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 1.875rem 1.875rem 1.5rem;
    width: 27.5rem
}

.xeRgG7 .lpuQp7 {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    margin-bottom: 1.3125rem
}

.xeRgG7 .HLggVF {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    margin-bottom: .8125rem
}

.xeRgG7 .WncHwZ {
    display: flex;
    justify-content: flex-end
}

.xeRgG7 .WncHwZ .rPnv8I {
    background: #fff;
    border: 0;
    box-shadow: none;
    color: #555;
    height: 2.5rem;
    width: 9.375rem
}

.xeRgG7 .WncHwZ .wDxADU {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14);
    color: #fff
}

.rating-media-list-image-carousel {
    height: 100%;
    position: relative;
    width: 100%
}

.rating-media-list-image-carousel__item-list-wrapper {
    height: 100%;
    overflow: hidden
}

.rating-media-list-image-carousel__item-list {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.rating-media-list-image-carousel__item {
    align-self: center;
    float: left;
    height: 100%;
    list-style: none;
    overflow-x: hidden
}

.rating-media-list-image-carousel__item--fluid {
    flex: 0 1 auto;
    overflow-x: visible
}

.rating-media-list-image-carousel__item>div {
    height: 100%
}

.rating-media-list-image-carousel__item a,.rating-media-list-image-carousel__item img {
    -webkit-user-drag: none
}

.rating-media-list-image-carousel__dots {
    bottom: 1.25rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

.rating-media-list-image-carousel__dots--hidden {
    opacity: 0;
    pointer-events: none
}

.rating-media-list-image-carousel__dot {
    background-color: rgba(0,0,0,.26);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .625rem;
    width: .625rem
}

.rating-media-list-image-carousel__dot:not(:first-child) {
    margin-left: .3125rem
}

.rating-media-list-image-carousel__dot--active {
    background-color: #ee4d2d;
    opacity: 1
}

.rating-media-list-image-carousel__arrow {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.25rem;
    height: 3.75rem;
    justify-content: center;
    line-height: 3.75rem;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.1875rem;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

.rating-media-list-image-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.rating-media-list-image-carousel__arrow--prev {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    left: 0
}

.rating-media-list-image-carousel__arrow--next {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    right: 0
}

.RwARlw {
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.hcEx_I {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 1.875rem 1.875rem 1.5rem;
    width: 27.5rem
}

.hcEx_I .T9HIzt {
    color: rgba(0,0,0,.87);
    font-size: 20px;
    margin-bottom: 1.3125rem
}

.hcEx_I .Oolvcb {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    margin-bottom: .8125rem
}

.hcEx_I .a4D5as {
    display: flex;
    justify-content: flex-end
}

.hcEx_I .a4D5as .MFutG9 {
    background: #fff;
    border: 0;
    box-shadow: none;
    color: #555;
    height: 2.5rem;
    width: 9.375rem
}

.hcEx_I .a4D5as .WKVxzG {
    background: #ee4d2d;
    border: 0;
    border-radius: .125rem;
    box-shadow: 0 .0625rem .0625rem 0 rgba(0,0,0,.14);
    color: #fff
}

.rating-media-list__container {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.rating-media-list__image-wrapper {
    height: 4.5rem;
    margin: 0 .625rem .625rem 0;
    position: relative;
    width: 4.5rem
}

.rating-media-list__image-wrapper--inactive {
    cursor: zoom-in
}

.rating-media-list__image-wrapper--active {
    border: 2px solid #ee4d2d;
    box-sizing: border-box;
    cursor: zoom-out;
    padding: 2px
}

.rating-media-list__video-cover {
    align-items: center;
    background: rgba(0,0,0,.54);
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: .75rem;
    height: 1.25rem;
    justify-content: space-between;
    left: 0;
    line-height: 1.25rem;
    padding: 0 4px;
    position: absolute;
    right: 0;
    z-index: 1
}

.rating-media-list__zoomed-image {
    display: none;
    height: 100%;
    margin-left: -.6rem;
    max-height: 31.25rem;
    max-width: 32.25rem;
    width: 100%
}

.rating-media-list__zoomed-image--active {
    display: block;
    margin-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-media-list__zoomed-image-item,.rating-media-list__zoomed-video-item {
    max-height: 31.25rem;
    max-width: 32.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rating-media-list__zoomed-video-item {
    height: 31.25rem;
    width: 32.25rem
}

.TQTPT9 {
    background-color: #f5f5f5;
    margin-bottom: .75rem;
    padding: .875rem .75rem;
    position: relative
}

.TQTPT9:after {
    border: .28125rem solid transparent;
    border-bottom-color: #f5f5f5;
    content: "";
    display: inline-block;
    left: 2rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-100%)
}

.xO9geG {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    text-transform: capitalize
}

.qiTixQ {
    color: rgba(0,0,0,.65);
    margin-top: .625rem;
    
    word-break:
}

.dMTuWJ {
    position: relative
}

.ZWdKv_ {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.zFp3PR {
    align-items: center;
    display: flex;
    flex-flow: "row nowrap"
}

.zFp3PR .wMM2UN {
    font-size: toRem(14px);
    margin: toRem(20px) auto toRem(7px);
    min-width: 180px
}

.zFp3PR .q4MF_i {
    align-items: center;
    display: flex;
    flex-flow: "row nowrap"
}

.zFp3PR .t6nNTC {
    margin-left: 10px;
    min-width: 100px
}

.qXgJA1 {
    background-color: #f5f5f5;
    margin-bottom: .75rem;
    padding: .875rem .75rem;
    position: relative
}

.qXgJA1:after {
    border: .28125rem solid transparent;
    border-bottom-color: #f5f5f5;
    content: "";
    display: inline-block;
    left: 2rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-100%)
}

.uKl6aA {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    text-transform: capitalize
}

.cSirg9 {
    color: rgba(0,0,0,.65);
    margin-top: .625rem;
    
    word-break:
}

.shopee-product-rating__follow_up_content_title {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    line-height: .875rem;
    margin-bottom: -.5rem;
    margin-top: 1rem;
    padding-left: .5rem;
    position: relative
}

.shopee-product-rating__follow_up_content_title:after {
    background: #ee4d2d;
    content: " ";
    height: .875rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .25rem
}

.shopee-product-rating__medias {
    margin-top: .9375rem
}

.Zm4GSB {
    display: flex;
    margin: 1.75rem 0 .625rem 1rem
}

.njWjw_ {
    margin-right: .625rem;
    padding-top: 1.375rem;
    text-align: center;
    width: 2.5rem
}

.LNoC4G {
    height: 2.5rem;
    width: 2.5rem
}

.ypRaPx {
    border-top: 1px solid rgba(0,0,0,.05);
    flex: 1;
    padding-top: 1.375rem
}

.ypRaPx .rating-stars__container>div {
    margin: 0 .125rem 0 0
}

.tleNTD {
    color: #222;
    font-size: .75rem;
    line-height: .875rem;
    margin-bottom: .375rem;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uyPdAV {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    margin: .9375rem 0;
    
    word-break:
}

.JUl8xD {
    margin-top: .6875rem
}

.etz7q9 {
    margin-top: .9375rem
}

.yEXdce {
    display: flex;
    position: relative;
    width: 100%
}

.PQYLVf {
    flex: 1
}

.OR7ELQ {
    color: #bbb;
    font-size: .75rem;
    margin-top: .4375rem
}

.yEXdce>.shopee-button-outline {
    background-color: #fef6f5;
    border: 1px solid #ee4d2d;
    border-radius: 1px;
    color: #ee4d2d;
    flex-shrink: 0;
    height: 2rem
}

.hjCxnH {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: .9375rem
}

.hjCxnH>.shopee-button-no-outline {
    font-size: .75rem;
    text-transform: uppercase
}

.zofI9b {
    cursor: pointer;
    margin-left: auto
}

.zofI9b .stardust-dropdown__item-body {
    background: #fff;
    display: none;
    overflow: visible;
    position: absolute;
    right: 0;
    z-index: 1
}

.zofI9b .stardust-dropdown__item-body--open {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 0 .375rem rgba(0,0,0,.09);
    display: block
}

.zofI9b .stardust-dropdown__item-header {
    text-align: right
}

.uAkO_r {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
    color: rgba(0,0,0,.8);
    padding: .75rem 1.625rem;
    text-transform: capitalize;
    white-space: nowrap
}

.Tl7Sbo {
    padding: 0 .375rem;
    position: relative
}

.WdyDU8 {
    background: #fafdf7;
    border: 1px solid rgba(87,172,3,.3);
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    left: 50%;
    padding: .75rem .9375rem;
    position: absolute;
    top: 100%;
    transform: translate(-50%,45%)
}

.yg6UFn {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1rem;
    margin-left: .625rem
}

.Cx1rBH,.yg6UFn {
    display: inline-block
}

.Cx1rBH {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .625rem;
    color: #929292;
    font-size: .75rem;
    margin-right: .625rem;
    padding: .25rem .625rem;
    word-break:
}

.nryILS {
    margin-bottom: .9375rem
}

.I83LOI {
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    line-height: 1.0625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.W0XhTD {
    border: 1px solid rgba(0,0,0,.09);
    display: inline-block;
    flex-shrink: 0;
    height: 3.5rem!important;
    margin-right: .625rem;
    width: 3.5rem!important
}

.suoW0p {
    word-wrap:;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.ebS_Lb {
    color: rgba(0,0,0,.8);
    font-size: 14px;
    font-weight: 400;
    word-break:
}

.gs2KUm {
    color: rgba(0,0,0,.26)
}

.product-rating-reply__input input:-moz-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input input:-ms-input-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input input::-webkit-input-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input input::-moz-placeholder {
    text-transform: capitalize
}

.product-rating-reply__input--error .input-with-validator {
    border: 2px solid #ee4d2d
}

.product-rating-reply__error {
    color: #ff424f
}

.product-rating-reply__actions {
    display: flex;
    margin-top: .875rem
}

.product-rating-reply__actions>.product-rating-reply__button {
    display: inline-block;
    height: 2rem;
    justify-content: flex-start;
    line-height: 2rem;
    margin-right: .5625rem;
    text-align: center;
    text-transform: capitalize;
    width: 3.9375rem
}

.product-rating-reply__actions>.product-rating-reply__fatty {
    flex: 1
}

.product-rating-reply__actions>.product-rating-reply__memo {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    justify-content: flex-end
}

.LOTgrA {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.LOTgrA .shopee-avatar {
    flex-shrink: 0;
    margin-right: .625rem
}

.ymIIA_ {
    color: rgba(0,0,0,.54);
    flex: 1;
    min-width: 0
}

.caWDHI {
    background-color: #fff;
    border: 1px solid #ee4d2d;
    border-radius: 1px;
    color: #ee4d2d;
    cursor: pointer;
    font-size: .75rem;
    padding: .5rem .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.IUEPEY {
    border-top: 1px solid rgba(0,0,0,.05);
    margin: 1.125rem 0 0 2.5rem;
    padding-top: 1.125rem
}

.IUEPEY .rating-stars__container>div {
    margin: 0 .125rem 0 0
}

.Vpio2s {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    margin-top: .9375rem
}

.NE8ARh {
    margin-top: .6875rem
}

.IWpCq8 {
    color: #bbb;
    font-size: .75rem;
    margin-top: .4375rem
}

.c5o00Y {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: .9375rem
}

.c5o00Y>.shopee-button-no-outline {
    font-size: .75rem;
    text-transform: uppercase
}

.BdM2lP {
    color: #929292;
    font-size: .875rem;
    text-align: right
}

.UEEXxo {
    color: #ee4d2d
}

.G6K_qq {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0
}

.G6K_qq,.GJew6O {
    overflow: hidden;
    position: absolute
}

.GJew6O>* {
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%
}

.xQnSXz {
    right: 50%
}

.xQnSXz>* {
    transform-origin: right
}

.d3hwLK {
    left: 50%
}

.d3hwLK>* {
    transform-origin: left
}

.Y5ceMw {
    display: flex;
    justify-content: flex-start
}

.Bpmgeo,.Y5ceMw {
    align-items: center
}

.Bpmgeo {
    background: #fef6f5;
    border: 1px solid #ee4d2d;
    box-sizing: border-box;
    color: #ee4d2d;
    cursor: pointer;
    display: inline-flex;
    height: 30px;
    margin-right: 8px;
    padding: 0 12px
}

.Bpmgeo .BiwStw {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 6px
}

.mXvRBf {
    display: none
}

.G95cR4 {
    align-items: center;
    background: #fff;
    border: 1px dashed rgba(0,0,0,.26);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    height: 54px;
    justify-content: center;
    margin-right: 6px;
    width: 54px
}

.G95cR4 .BiwStw {
    color: rgba(0,0,0,.26);
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px
}

.G95cR4 svg {
    height: 20px;
    width: 20px
}

._Y1LWz {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 54px;
    margin-right: 6px;
    overflow: hidden;
    position: relative;
    width: 54px
}

._Y1LWz.P5gbxm {
    border: 1px dashed rgba(0,0,0,.26)
}

._Y1LWz img {
    height: 100%;
    width: 100%
}

._Y1LWz button {
    background: rgba(0,0,0,.4);
    border: 0;
    cursor: pointer;
    height: 16px;
    justify-content: center;
    outline: none;
    padding: 0;
    top: 0;
    width: 16px
}

._Y1LWz button,.pap6j9 {
    align-items: center;
    display: flex;
    position: absolute;
    right: 0
}

.pap6j9 {
    background: rgba(0,0,0,.54);
    bottom: 0;
    color: #fff;
    font-size: 10px;
    height: 20px;
    justify-content: space-between;
    left: 0;
    line-height: 12px;
    padding-right: 2px
}

.nNhuz7 {
    border: 1px solid rgba(0,0,0,.26)
}

.m0qypn,.nNhuz7 {
    background-color: #fff;
    border-radius: .125rem;
    box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    margin: 0 0 .75rem;
    padding: .75rem;
    position: relative
}

.m0qypn {
    border: 2px solid #ee2c4a
}

.BsmFJD {
    margin: 0 0 .75rem;
    padding: 0;
    position: relative
}

.pFkDf6 {
    border: 0;
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.25rem;
    line-height: 1.25rem;
    margin: 0;
    overflow: hidden;
    padding: 0;
    resize: none;
    width: 100%
}

.pFkDf6:focus {
    border: 0;
    outline: none
}

.pFkDf6::placeholder {
    color: rgba(0,0,0,.26)
}

.fD7sMX {
    color: rgba(0,0,0,.87);
    left: 0;
    margin-bottom: .25rem;
    position: relative
}

.fD7sMX,.pzW7UR {
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.25rem;
    top: 0
}

.pzW7UR {
    color: rgba(0,0,0,.26);
    position: absolute;
    z-index: 1
}

.LQNDXX {
    background-color: rgba(0,0,0,.09);
    height: 1px;
    margin: 0 0 .75rem;
    padding: 0;
    width: 100%
}

._wP3Oz {
    margin-top: 1.25rem
}

.J5M4lP {
    background-color: #f5f5f5;
    padding: 1.25rem 1.5625rem .9375rem;
    position: relative
}

.rating-modal-handler__rating-anonymous-wrapper {
    align-items: center;
    display: flex;
    margin-top: 1.25rem
}

.rating-modal-handler__rating-anonymous-wrapper .rating-modal-handler__rating-anonymous-hint {
    color: rgba(0,0,0,.87);
    cursor: pointer;
    font-size: .875rem;
    margin-bottom: .25rem
}

.rating-modal-handler__rating-anonymous-wrapper .rating-modal-handler__rating-anonymous-username {
    color: rgba(0,0,0,.54);
    cursor: pointer;
    font-size: .75rem
}

.rating-modal-handler_media-err-content {
    color: #ee2c4a;
    font-family: Roboto;
    font-size: .875rem;
    margin-top: .875rem
}

.rating-comment-check-with-media-check {
    margin-top: .5rem
}

.rating-comment-check-with-media-check-logo {
    margin-bottom: .5rem
}

.rating-hint-text-coin {
    margin-top: .5rem
}

.GuwnmB {
    align-items: center;
    background: #fff8e4;
    border: 1px solid #f69113;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    padding: .5rem .75rem;
    position: relative;
    transition: all .2s
}

.bFqf7g {
    flex-shrink: 0;
    height: 1.25rem;
    margin-right: .5rem;
    width: 1.25rem
}

.Q1z1E5 {
    color: rgba(0,0,0,.87);
    flex: 1;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem
}

.DNmGAi {
    color: #ee4d2d
}

.wcnOnW {
    height: 1.25rem;
    width: 1.25rem
}

.wcnOnW,.wcnOnW .RipHyo {
    cursor: pointer;
    display: inline-block
}

.wcnOnW .RipHyo {
    border-bottom: 2px solid #555;
    border-right: 2px solid #555;
    height: .525rem;
    transform: rotate(45deg);
    width: .525rem
}

.m2q7Gh {
    border: 2px solid rgba(0,0,0,.5);
    border-radius: 50%;
    color: rgba(0,0,0,.5);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: .9375rem;
    line-height: .9375rem;
    margin-left: .625rem;
    text-align: center;
    width: .9375rem
}

.wEQhHh {
    align-items: flex-start;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    padding: 1rem 1.25rem;
    right: 0;
    width: 30rem;
    z-index: 1000
}

.wEQhHh .ByB4Vf {
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding-bottom: .625rem;
    width: 100%
}

.wEQhHh .ByB4Vf .m_hU0Q {
    color: rgba(0,0,0,.8);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem
}

.wEQhHh .ByB4Vf .Q_kpc5 {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    line-height: 1rem;
    margin-top: .625rem
}

.wEQhHh .zroYrq {
    border-bottom: 1px solid rgba(0,0,0,.09);
    padding-top: .625rem;
    width: 100%
}

.wEQhHh .zroYrq .o7g6Vs {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1rem;
    margin-bottom: .625rem
}

.wEQhHh .zroYrq ._G9Asz {
    align-items: center;
    color: rgba(0,0,0,.65);
    display: flex;
    flex-direction: row;
    font-size: .875rem;
    justify-content: space-between;
    line-height: 1.25rem;
    margin-bottom: .625rem
}

.wEQhHh .zroYrq ._G9Asz .CXdsX_ {
    color: #ee4d2d;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem
}

.wEQhHh .aO3Yoo {
    color: rgba(0,0,0,.4);
    font-size: .75rem;
    line-height: 1rem;
    padding: .75rem 0
}

.fFC4f6 {
    font-size: 16px
}

.d5oZax {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.vlajSX {
    margin-top: 15px
}

.oiFnma {
    max-height: 37.5rem;
    max-height: calc(100vh - 120px);
    width: 45.625rem!important
}

.oiFnma .shopee-popup-form__header {
    height: unset;
    margin-bottom: 1.875rem
}

.sOvnRU {
    text-align: center
}

.nmGhXO {
    display: inline-block;
    padding: 30px 0
}

.texHG6 {
    color: #ee4d2d;
    cursor: pointer
}

.dauclT {
    align-items: center;
    bottom: 2.5rem;
    color: rgba(0,0,0,.5);
    display: flex;
    position: fixed;
    z-index: 100
}

.MOIN2r {
    margin-top: 1.25rem
}

.ynweAm {
    background-color: #f5f5f5;
    margin-bottom: 16px;
    margin-top: 12px;
    padding: 16px
}

.mjDsBq {
    align-items: center;
    color: rgba(0,0,0,.4);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.TpqF5a {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.N2CwzE {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-left: 8px;
    position: relative
}

.N2CwzE:after {
    background: #ee4d2d;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.Ec27a7 {
    border: .5px solid rgba(0,0,0,.05);
    height: 0;
    width: 100%
}

.ecmASt {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: column;
    height: 10.625rem;
    justify-content: center;
    width: 25.375rem
}

.OQJc3S {
    height: 3.125rem;
    margin-bottom: 1.4375rem;
    width: 3.125rem
}

.KvP4dB {
    color: #f6a700;
    font-size: 1.25rem
}

.bym9XP {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 8.4375rem
}

.fqsljO {
    height: 3.25rem;
    margin-bottom: .875rem;
    width: 3.25rem
}

.MYWtCx {
    color: #6c0;
    font-size: 1rem
}

@keyframes wqOEkG {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.NK1kxR {
    position: fixed
}

.HXKS_3,.NK1kxR {
    align-items: center;
    background: hsla(0,0%,100%,.4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.HXKS_3 {
    position: absolute
}

.DRhvQk {
    align-items: center;
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 3px 1px rgba(0,0,0,.09);
    display: flex;
    height: 6.75rem;
    justify-content: center;
    width: 6.75rem
}

.DRhvQk img {
    animation: wqOEkG 2s linear infinite
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-shoprating/_/342.9bf9b9f4e1b7672c2b7e.css.map*/


  .shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.shopee-mini-page-controller {
    align-items: center;
    display: flex
}

.shopee-mini-page-controller__current {
    color: #ee4d2d
}

.shopee-mini-page-controller__next-btn,.shopee-mini-page-controller__prev-btn {
    background: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    height: 2.125rem;
    width: 2.25rem
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled .shopee-svg-icon,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled .shopee-svg-icon {
    fill: #ccc
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:hover,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:hover {
    background: #f9f9f9
}

.shopee-mini-page-controller__next-btn.shopee-button-outline--disabled:active,.shopee-mini-page-controller__prev-btn.shopee-button-outline--disabled:active {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05)
}

.shopee-mini-page-controller__next-btn .shopee-svg-icon,.shopee-mini-page-controller__prev-btn .shopee-svg-icon {
    height: .625rem;
    width: .625rem;
    fill: #555;
    margin-top: .125rem
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__next-btn:hover,.shopee-mini-page-controller__prev-btn:active,.shopee-mini-page-controller__prev-btn:hover {
    background: #fdfdfd
}

.shopee-mini-page-controller__next-btn:active,.shopee-mini-page-controller__prev-btn:active {
    box-shadow: inset 0 .0625rem 0 0 rgba(0,0,0,.03)
}

.shopee-mini-page-controller__prev-btn {
    border-bottom-right-radius: 0;
    border-right: 1px solid #f2f2f2;
    border-top-right-radius: 0;
    margin-left: 1.25rem
}

.shopee-mini-page-controller__next-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-page-controller {
    display: flex;
    justify-content: center
}

.shopee-page-controller .shopee-icon-button {
    border: 0;
    color: rgba(0,0,0,.4);
    height: 1.875rem;
    min-width: 2.5rem
}

.shopee-page-controller .shopee-icon-button .shopee-svg-icon {
    vertical-align: middle
}

.shopee-page-controller .shopee-icon-button--left {
    margin-right: .9375rem;
    text-align: right
}

.shopee-page-controller .shopee-icon-button--right {
    margin-left: .9375rem;
    text-align: left
}

.shopee-page-controller .shopee-button-no-outline {
    color: rgba(0,0,0,.4)
}

.shopee-page-controller .shopee-button-no-outline,.shopee-page-controller .shopee-button-solid {
    font-size: 1.25rem;
    height: 1.875rem;
    margin-left: .9375rem;
    margin-right: .9375rem;
    min-width: 2.5rem;
    padding: 0;
    text-align: center
}

.shopee-page-controller .shopee-button-solid {
    color: #fff
}

.shopee-page-controller .shopee-button-no-outline--non-click {
    cursor: auto
}

.shopee-page-controller__ellipses {
    display: inline-block;
    margin: 0
}

.shopee-page-controller--v2 .shopee-icon-button {
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.54);
    height: 1.5rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-icon-button .shopee-svg-icon {
    width: .6875rem
}

.shopee-page-controller--v2 .shopee-icon-button--left {
    margin-right: .625rem
}

.shopee-page-controller--v2 .shopee-icon-button--right {
    margin-left: .625rem
}

.shopee-page-controller--v2 .shopee-button-no-outline {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.shopee-page-controller--v2 .shopee-button-solid {
    border-radius: .0625rem;
    box-shadow: none;
    font-size: 1rem;
    height: 1.5rem;
    margin: 0 .625rem;
    min-width: 1.5rem
}

.rating-tips-icon {
    display: inline-block;
    position: relative
}

.rating-tips-icon .shopee-product-rating__tips {
    align-items: center;
    display: flex;
    margin-top: .8125rem
}

.rating-tips-icon .shopee-product-rating__tipsText {
    color: #ee4d2d;
    margin-right: .5rem
}

.IlUtxL {
    display: block;
    margin-bottom: .3125rem
}

.lxT1yS {
    background-color: #f5f5f5;
    display: flex;
    height: 3.4375rem;
    width: 20.125rem
}

.lxT1yS img {
    height: 3.4375rem;
    width: 3.4375rem
}

.lxT1yS .MbeSk3 {
    color: rgba(0,0,0,.8);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: .625rem;
    text-overflow: ellipsis
}

.lxT1yS .MbeSk3 .og9JkJ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lxT1yS .Z8yTFp {
    color: #757575;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis
}

.shopee-product-rating__follow_up_content_title {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    line-height: .875rem;
    margin-bottom: -.5rem;
    padding-left: .5rem;
    position: relative
}

.shopee-product-rating__follow_up_content_title:after {
    background: #ee4d2d;
    content: " ";
    height: .875rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .25rem
}

.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:
}

.AbAry0 {
    padding: 1.375rem 1.875rem 0;
    width: 27.0625rem
}

.wyF6UN {
    box-sizing: border-box;
    position: relative
}

.fMFMHA {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    font-weight: 400;
    height: 2rem;
    line-height: 1.25rem;
    margin-bottom: .625rem
}

.KVl3L2,.fMFMHA {
    background-color: #fff
}

.KVl3L2 {
    list-style: none;
    margin: 0;
    padding: 0
}

.E1T2Tw {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-size: .875rem;
    justify-content: center;
    line-height: 1rem;
    padding: 1rem 0
}

.avoVcu {
    padding-right: .75rem
}

.mTLSvV {
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    top: -.25rem;
    width: 100%
}

.mTLSvV input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .5px solid rgba(0,0,0,.09);
    border-radius: .125rem;
    margin-bottom: .75rem;
    outline: none;
    padding: .75rem;
    width: 90%
}

.mTLSvV input:active,.mTLSvV input:focus {
    outline: none
}

.Z2v_Bc {
    align-items: center;
    background: #fff9f9;
    border: 1px solid rgba(255,66,79,.2);
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    padding: .625rem .9375rem
}

.ExnH4z {
    margin-right: .325rem
}

.shopee-product-rating {
    align-items: flex-start;
    border-bottom: 1px solid rgba(0,0,0,.09);
    display: flex;
    padding: 1rem 0 1rem 1.25rem
}

.shopee-product-rating:first-child {
    padding-top: 0
}

.shopee-product-rating__avatar {
    margin-right: .625rem;
    text-align: center;
    width: 2.5rem
}

.shopee-product-rating__avatar .shopee-avatar {
    border: 0;
    height: 2.5rem;
    width: 2.5rem
}

.shopee-product-rating__main {
    flex: 1
}

.shopee-product-rating__main .repeat-purchase-con {
    display: flex
}

.shopee-product-rating__main .repeat-purchase-con .repeat-purchase-area {
    align-items: center;
    display: flex
}

.shopee-product-rating__main .repeat-purchase-con .repeat-purchase-area .delimiter {
    color: rgba(0,0,0,.4);
    margin-left: .25rem;
    margin-right: .5rem
}

.shopee-product-rating__main .repeat-purchase-con .repeat-purchase-area .writing {
    color: #e79911;
    font-size: .75rem;
    font-weight: 400;
    margin-left: .375rem
}

.shopee-product-rating__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    
    word-break:
}

.shopee-product-rating__button--reply {
    border: .5px solid #ee4d2d;
    color: #ee4d2d;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    width: 3.9375rem
}

.shopee-product-rating__button--reply:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-product-rating__author-name {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.shopee-product-rating__rating {
    margin-top: .375rem
}

.shopee-product-rating__rating .icon-rating-solid {
    color: #ee4d2d;
    margin-right: .125rem
}

.theme--ofs .shopee-product-rating__rating .icon-rating-solid {
    color: #d0011b
}

.theme--s-mart .shopee-product-rating__rating .icon-rating-solid {
    color: #ffce3d
}

.shopee-product-rating__rating .icon-rating {
    color: #ee4d2d;
    margin-right: .125rem;
    stroke: currentColor
}

.theme--ofs .shopee-product-rating__rating .icon-rating {
    color: #d0011b
}

.theme--s-mart .shopee-product-rating__rating .icon-rating {
    color: #ffce3d
}

.shopee-product-rating__content {
    margin-bottom: .875rem;
    margin-top: .875rem
}

.shopee-product-rating__image-list-wrapper {
    margin-top: .9375rem
}

.shopee-product-rating__image-list-wrapper .image-list-inline-zoom__image-wrapper,.shopee-product-rating__image-list-wrapper .shopee-image-list__image-wrapper {
    height: 4.5rem;
    width: 4.5rem
}

.shopee-product-rating__tags {
    display: flex;
    flex-wrap: wrap
}

.shopee-product-rating__tag {
    border: 1px solid rgba(0,0,0,.4);
    border-radius: .9375rem;
    color: rgba(0,0,0,.4);
    cursor: default;
    margin-bottom: .3125rem;
    max-width: 100%;
    padding: .25rem .625rem;
    text-overflow: ellipsis;
    word-break:
}

.shopee-product-rating__tag:not(:last-child) {
    margin-right: .625rem
}

.shopee-product-rating__image {
    cursor: pointer;
    height: 6.25rem;
    margin-right: .625rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 6.25rem
}

.shopee-product-rating__image:hover .product-comment-item__image-preview {
    display: block
}

.shopee-product-rating__image-thumbnail {
    height: 6.25rem;
    position: absolute;
    width: 6.25rem
}

.shopee-product-rating__image-preview {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    display: none;
    line-height: 1;
    padding: .3125rem;
    position: absolute;
    top: 6.25rem;
    z-index: 1
}

.shopee-product-rating__image-preview__picture {
    border: 1px solid rgba(0,0,0,.26);
    width: 18.125rem
}

.shopee-product-rating__image-preview__link {
    background-color: #fff;
    bottom: 0;
    color: rgba(0,0,0,.87);
    height: 1.875rem;
    line-height: 1.875rem;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 1.875rem
}

.shopee-product-rating__image-preview__link svg {
    color: rgba(0,0,0,.4);
    font-size: 1rem
}

.shopee-product-rating__time {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    margin-bottom: .9375rem;
    margin-top: .25rem
}

.shopee-product-rating__actions {
    color: rgba(0,0,0,.4);
    display: flex;
    margin-top: 1.25rem
}

.shopee-product-rating__like-button {
    color: rgba(0,0,0,.2);
    cursor: pointer;
    margin-right: .25rem
}

.shopee-product-rating__like-button svg {
    fill: currentColor
}

.shopee-product-rating__like-button--liked {
    color: #ee4d2d
}

.shopee-product-rating__like-count {
    text-transform: capitalize
}

.shopee-product-rating__view-button {
    margin-right: .25rem
}

.shopee-product-rating__view-count {
    margin-right: .625rem
}

.shopee-product-rating__action-button-con {
    align-items: center;
    cursor: pointer;
    display: flex
}

.shopee-product-rating__action-button-con--text {
    color: #ee4d2d;
    font-size: .875rem;
    margin-left: .3125rem
}

.shopee-product-rating__action-button-primary {
    align-items: center;
    background-color: #fef6f5;
    border: 1px solid #ee4d2d;
    border-radius: 2px;
    color: #ee4d2d;
    cursor: pointer;
    display: flex;
    padding: 8px 16px;
    transition: all .3s
}

.shopee-product-rating__action-button-primary:hover {
    background-color: #fff
}

.shopee-product-rating__report-menu-button {
    cursor: pointer;
    margin-left: auto
}

.shopee-product-rating__report-menu-button .stardust-dropdown__item-body {
    background: #fff;
    display: none;
    overflow: visible;
    position: absolute;
    right: 0;
    z-index: 1
}

.shopee-product-rating__report-menu-button .stardust-dropdown__item-body--open {
    display: block
}

.shopee-product-rating__report-menu-dropdown {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);
    color: rgba(0,0,0,.8);
    padding: .75rem 1.625rem;
    text-transform: capitalize;
    white-space: nowrap
}

.shopee-product-rating__report-success-toast {
    background: #fafdf7;
    border: 1px solid rgba(87,172,3,.3);
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    display: flex;
    padding: .875rem 1rem;
    white-space: nowrap
}

.shopee-product-rating__report-error-toast {
    background: #fff9f9;
    border: 1px solid rgba(255,66,79,.2)
}

.shopee-product-rating__report-success-icon {
    border: 1px solid #6c0;
    border-radius: .625rem;
    color: #6c0;
    height: 1rem;
    width: 1rem
}

.shopee-product-rating__report-error-icon,.shopee-product-rating__report-success-icon {
    align-items: center;
    display: flex;
    font-size: .625rem;
    justify-content: center;
    margin-right: .5rem
}

.shopee-product-rating__variation {
    color: rgba(0,0,0,.4);
    font-weight: 300
}

.theme--ofs .shopee-product-rating__like-button--liked {
    fill: #d0011b
}

._kc6eh {
    background-color: #f5f5f5;
    margin-bottom: .75rem;
    padding: .875rem .75rem;
    position: relative
}

._kc6eh:after {
    border: .28125rem solid transparent;
    border-bottom-color: #f5f5f5;
    content: "";
    display: inline-block;
    left: 2rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-100%)
}

.qi81TA {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 500;
    text-transform: capitalize
}

.xlNqq9 {
    color: rgba(0,0,0,.65);
    margin-top: .625rem;
    
    word-break:
}

.product-rating-overview {
    align-items: center;
    background-color: #fffbf8;
    border: 1px solid #f9ede5;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 1rem;
    min-height: 5rem;
    padding: 1.875rem
}

.theme--s-mart .product-rating-overview {
    background-color: #e6f0f9
}

.product-rating-overview__briefing {
    margin-right: 1.875rem;
    text-align: center
}

.product-rating-overview__score-wrapper {
    color: #ee4d2d;
    font-size: 1.125rem
}

.theme--ofs .product-rating-overview__score-wrapper {
    color: #d0011b
}

.theme--s-mart .product-rating-overview__score-wrapper {
    color: rgba(0,0,0,.87)
}

.product-rating-overview__score-wrapper .shopee-svg-icon {
    font-size: 1.25rem
}

.product-rating-overview__score-wrapper .shopee-rating-stars__star-wrapper {
    margin-right: .25rem
}

.product-rating-overview__rating-score {
    font-size: 1.875rem
}

.product-rating-overview__stars {
    font-size: 1.25rem;
    margin-top: .625rem
}

.product-rating-overview__text-overview {
    color: #ee4d2d;
    font-size: 1rem;
    margin-top: .75rem
}

.product-rating-overview__filters {
    flex: 1;
    margin-left: .9375rem
}

.product-rating-overview__filter {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    color: rgba(0,0,0,.8);
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    margin-bottom: .3125rem;
    margin-right: .5rem;
    margin-top: .3125rem;
    min-width: 6.25rem;
    padding: 0 .625rem;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.product-rating-overview__filter--active {
    border-color: var(--brand-primary-color,#ee4d2d);
    fill: var(--brand-primary-color,#ee4d2d);
    color: var(--brand-primary-color,#ee4d2d)
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-shoprating/_/65.fc616016bbbef9c9b7d4.css.map*/
.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.RUUTXP {
    left: 0;
    position: absolute;
    top: 0
}

.cqCNTu {
    width: 3.625rem
}

.Rv_GYV {
    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
}

.uJzG1F {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.jGf4Cs {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.bMrQDd {
    padding-right: 2.4375rem
}

.e3x9Zs {
    align-items: center;
    display: flex;
    flex-direction: column
}

.w7cmbE {
    margin-bottom: .6875rem;
    overflow: hidden
}

.XZFp_j {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.LlDjFb,.nRbXap {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.nRbXap {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.LlDjFb {
    background-size: 100%
}

.UQu5j1 {
    align-items: center;
    display: flex
}

.KzLzfI,.Ya_3VY {
    height: 1rem;
    padding: .1875rem
}

.zv9njd.Rv_GYV {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.zv9njd .uJzG1F {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.zv9njd .nRbXap {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.zv9njd .LlDjFb {
    height: 2.1875rem;
    width: 6.6875rem
}

.zv9njd .A0xLVe {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.zv9njd .bMrQDd {
    padding-right: 1.4375rem
}

.zv9njd .e3x9Zs {
    justify-content: center
}

.zv9njd .XZFp_j {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.zv9njd .w7cmbE {
    margin-bottom: -.25rem
}

.zv9njd .HoXjNE,.zv9njd .KzLzfI,.zv9njd .Ya_3VY {
    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
}

.zv9njd .HoXjNE {
    margin-right: 0
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.Etp4G2 {
    text-transform: uppercase;
    width: 140px
}

Button[data-cy=IDLargeSubmitBtn] {
    width: 200px
}

.shopee-popup-form {
    background: #fff;
    border-radius: .125rem;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    padding: 30px 30px 0;
    width: 500px
}

.shopee-popup-form__header {
    align-items: center;
    display: flex;
    height: 60px
}

.shopee-popup-form__title {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: capitalize
}

.shopee-popup-form__subtitle {
    color: #bbb;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.0625rem;
    margin-top: -15px;
    text-transform: capitalize
}

.shopee-popup-form__back-btn {
    color: rgba(0,0,0,.4);
    cursor: pointer;
    display: inline-block;
    margin-right: .875rem
}

.shopee-popup-form__back-btn>.icon-back {
    font-size: .9375rem
}

.shopee-popup-form__main {
    flex: 1;
    margin-left: -50px;
    margin-right: -50px;
    overflow-y: auto;
    padding-left: 50px;
    padding-right: 50px;
    position: relative
}

.shopee-popup-form__main::-webkit-scrollbar {
    display: none
}

.shopee-popup-form__main-container {
    margin-bottom: 84px
}

.shopee-popup-form__prompt-message {
    background: #fffefb;
    border: 1px solid rgba(255,174,4,.2);
    border-radius: 2px;
    color: #764;
    display: flex;
    margin: 0 0 15px;
    padding: 12px
}

.shopee-popup-form__prompt-message-text {
    flex: 1
}

.shopee-popup-form__message {
    color: rgba(0,0,0,.54)
}

.shopee-popup-form__server-error {
    align-items: center;
    color: #ff424f;
    display: flex;
    justify-content: center;
    margin-bottom: 7px;
    width: 100%
}

.shopee-popup-form__subheader {
    color: rgba(0,0,0,.54);
    display: flex;
    margin: .375rem 0 .5rem
}

.shopee-popup-form__subheader-text {
    text-transform: capitalize
}

.shopee-popup-form__gap {
    flex: 1
}

.shopee-popup-form__footer {
    align-items: center;
    background: linear-gradient(hsla(0,0%,100%,.9),#fff);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 84px;
    justify-content: flex-end;
    left: 0;
    padding: 22px 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase
}

.shopee-popup-form__footer .shopee-button-outline,.shopee-popup-form__footer .shopee-popup-form__cancel,.shopee-popup-form__footer>.shopee-button-solid {
    box-sizing: border-box;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    outline: 0;
    padding: .75rem 0;
    text-transform: uppercase;
    width: 140px
}

.shopee-popup-form__inputs-row {
    display: flex
}

.shopee-popup-form--voice-otp {
    max-height: 260px
}

.shopee-popup-form--user-detail,.shopee-popup-form--verify {
    height: 21.25rem
}

.shopee-popup-form--bank-account,.shopee-popup-form--credit-card {
    height: 34.375rem
}

.shopee-popup-form--bank-account-id {
    height: 34.375rem;
    width: 640px
}

.shopee-popup-form__my-address-toggle {
    color: #ee4d2d;
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.shopee-popup-form__my-address-toggle:first-letter {
    text-transform: uppercase
}

.shopee-popup-form--user-detail-tw {
    height: 34.375rem
}

.icon-prompt-bell {
    height: 20px;
    margin-right: 5px;
    width: 22px
}

.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
}

.hvvlA7 {
    left: 0;
    position: absolute;
    top: 0
}

.rvKe63 {
    width: 3.625rem
}

.mWE2iI {
    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
}

.p0rY8B {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.XwBYS3 {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.a5Czyc {
    padding-right: 2.4375rem
}

.bBOwrn {
    align-items: center;
    display: flex;
    flex-direction: column
}

.VVN5cr {
    margin-bottom: .6875rem;
    overflow: hidden
}

.UDVERB {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.kl2HY5,.mQj449 {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.mQj449 {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.kl2HY5 {
    background-size: 100%
}

.K2kVHx {
    align-items: center;
    display: flex
}

.JzU6fZ,.u5fQtm {
    height: 1rem;
    padding: .1875rem
}

.V4yaMa.mWE2iI {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.V4yaMa .p0rY8B {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.V4yaMa .mQj449 {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.V4yaMa .kl2HY5 {
    height: 2.1875rem;
    width: 6.6875rem
}

.V4yaMa .XOpfZm {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.V4yaMa .a5Czyc {
    padding-right: 1.4375rem
}

.V4yaMa .bBOwrn {
    justify-content: center
}

.V4yaMa .UDVERB {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.V4yaMa .VVN5cr {
    margin-bottom: -.25rem
}

.V4yaMa .JzU6fZ,.V4yaMa .fSgd2j,.V4yaMa .u5fQtm {
    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
}

.V4yaMa .fSgd2j {
    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
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    align-items: center;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    outline: 0;
    text-transform: capitalize
}

.btn--inline {
    display: inline-flex
}

.btn--full {
    width: 100%
}

.btn--s {
    height: 34px;
    max-width: 190px;
    min-width: 60px;
    padding: 0 15px
}

.btn--m {
    height: 40px;
    max-width: 220px;
    min-width: 70px;
    padding: 0 20px
}

.btn--l {
    font-size: 16px;
    height: 48px;
    padding: 0 20px
}

.btn--l,.btn--xl {
    max-width: 250px;
    min-width: 80px
}

.btn--xl {
    height: 52px
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.oeyM3A {
    position: relative
}

.oeyM3A img {
    vertical-align: bottom
}

.lqBcuP {
    visibility: hidden
}

.YaAC9S {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.I1DGpz {
    opacity: 0
}

.tuSYFv {
    opacity: 1;
    transition: opacity .2s ease
}

.DI8kNT {
    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.3-.5-1.6-2.2-2.7-3.5-3.4-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2-2.4-1.2-4-2.6-4.8-4.2-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7-2 .3-4.7 2-4.4 4.6.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    width: 60px
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.xETVbO .vckkZD {
    bottom: 0;
    right: 0
}

.vckkZD,.xETVbO .vckkZD {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.vckkZD {
    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
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.stardust-dropdown {
    position: relative
}

.stardust-dropdown__item-body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)
}

.stardust-dropdown__item-body--open {
    height: auto;
    opacity: 1
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.shopee-image__content,.shopee-image__wrapper {
    height: 100%;
    width: 100%
}

.shopee-image__wrapper {
    position: relative
}

.shopee-image__content {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0
}

.shopee-image__content--blur {
    height: 100%;
    width: 100%
}

.shopee-image__place-holder {
    background-color: #fafafa;
    height: 100%;
    position: relative;
    width: 100%
}

.shopee-image__place-holder .icon-loading-image {
    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;
    stroke: #c6c6c6
}

.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-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: 
}

.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
}

.shopee-image-list__container {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.shopee-image-list__image-wrapper {
    height: 1.875rem;
    margin: 0 .625rem .625rem 0;
    width: 1.875rem
}

.shopee-image-list__show-image-wrapper {
    background: #fff;
    height: 18.75rem;
    padding: .3125rem;
    width: 25rem
}

.carousel-arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.12);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    line-height: 50px;
    margin-top: -25px;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 50%;
    transition: all .1s cubic-bezier(.4,0,.6,1);
    width: 50px
}

.carousel-arrow>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    transition: width .1s cubic-bezier(.4,0,.6,1);
    fill: rgba(0,0,0,.54)
}

.carousel-arrow--prev {
    left: 0
}

.carousel-arrow--next {
    right: 0
}

.carousel-arrow--hint {
    background-color: #fff;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    width: 25px
}

.carousel-arrow--hint>.shopee-svg-icon {
    color: rgba(0,0,0,.54);
    height: .625rem;
    width: .625rem;
    fill: currentColor
}

.image-carousel {
    height: 100%;
    position: relative;
    width: 100%
}

.image-carousel__item-list-wrapper {
    height: 100%;
    overflow: hidden;
    touch-action: pan-y
}

.image-carousel__item-list {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative
}

.image-carousel__item {
    float: left;
    list-style: none;
    overflow-x: hidden;
    touch-action: pan-y
}

.image-carousel__item--fluid {
    flex: 0 1 auto;
    overflow-x: visible
}

.image-carousel__item>div {
    height: 100%
}

.image-carousel__item a,.image-carousel__item img {
    -webkit-user-drag: none
}

.image-carousel__dots {
    bottom: 1.25rem;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    transition: opacity .1s cubic-bezier(.4,0,.2,1)
}

.image-carousel__dots--hidden {
    opacity: 0;
    pointer-events: none
}

.image-carousel__dot {
    background-color: rgba(0,0,0,.26);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .625rem;
    width: .625rem
}

.image-carousel__dot:not(:first-child) {
    margin-left: .3125rem
}

.image-carousel__dot--active {
    background-color: #ee4d2d;
    opacity: 1
}

.image-carousel__arrow {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.25rem;
    height: 3.75rem;
    justify-content: center;
    line-height: 3.75rem;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.1875rem;
    fill: #fff;
    background-color: rgba(0,0,0,.18);
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .1s cubic-bezier(.4,0,.6,1),opacity .1s cubic-bezier(.4,0,.6,1)
}

.image-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.image-carousel__arrow--prev {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    left: 0
}

.image-carousel__arrow--next {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    right: 0
}

.stardust-carousel,.stardust-carousel__item-list-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.stardust-carousel__item-list-wrapper {
    box-sizing: border-box;
    overflow-x: hidden
}

.stardust-carousel__item-list {
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: pan-y
}

.stardust-carousel__item {
    align-items: center;
    align-self: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    list-style: none;
    overflow: hidden
}

.stardust-carousel__item-inner-wrapper {
    height: 100%;
    width: 100%
}

.stardust-carousel__item-inner-wrapper--hide {
    display: none
}

.stardust-carousel:hover .stardust-carousel__arrow {
    opacity: 1
}

.stardust-carousel__arrow {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.09);
    color: rgba(0,0,0,.87);
    cursor: pointer;
    display: inline-flex;
    font-size: 20px;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 20px;
    fill: rgba(0,0,0,.87);
    background-color: #fff;
    transition: opacity .3s ease
}

.stardust-carousel__arrow>svg {
    color: #ee4d2d;
    flex: 0 1 auto;
    height: 75%;
    width: 75%
}

.stardust-carousel__arrow:hover {
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow:active {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.09)
}

.stardust-carousel__arrow--type-2 {
    opacity: 1
}

.stardust-carousel__arrow--prev {
    left: -10px
}

.stardust-carousel__arrow--next {
    right: -10px
}

.stardust-carousel__arrow--disabled>svg {
    fill: rgba(0,0,0,.12)
}

.stardust-carousel__dots {
    bottom: 1rem;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%);
    transition: opacity .5s ease;
    width: 100%
}

.stardust-carousel__dot {
    background-color: hsla(0,0%,100%,.4);
    border: 1px solid hsla(0,0%,54%,.4);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: .5rem;
    opacity: 1;
    width: .5rem
}

.stardust-carousel__dot:not(:first-child) {
    margin-left: .5rem
}

.stardust-carousel__dot--active {
    background-color: #ee4d2d;
    border-color: #ee4d2d;
    opacity: 1
}

.stardust-carousel__indexing {
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 12.4px;
    bottom: 10px;
    color: rgba(0,0,0,.65);
    color: #000;
    font-size: 14px;
    opacity: .65;
    padding: 3px 10px;
    position: absolute;
    right: 10px
}

.stardust-carousel__tabs {
    align-content: center;
    bottom: 0;
    display: flex;
    height: 30px;
    position: absolute;
    width: 100%
}

.stardust-carousel__tab {
    background-color: hsla(0,0%,100%,.5);
    cursor: pointer;
    flex: 1 0 0;
    font-size: 12px;
    overflow: hidden;
    text-align: center
}

.stardust-carousel__tab--active {
    background-color: #ee4d2d;
    color: #fff
}

.stardust-carousel__tab-name {
    line-height: 30px
}

.shopee-image-placeholder {
    background-color: #fafafa;
    font-size: 3.8125rem;
    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: inherit;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.shopee-image-placeholder>.icon-default-image {
    stroke: #fff
}

.full-home-banners__main-banner-image,.home-banners__lazy-image {
    padding-top: 29.5%;
    width: 100%
}

.full-home-banners {
    display: flex;
    line-height: 0;
    max-height: 235px;
    min-height: 235px
}

.full-home-banners img {
    object-position: bottom
}

.full-home-banners__main-banner {
    border-radius: .125rem;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    flex-basis: 0;
    flex-grow: 2;
    flex-shrink: 1;
    overflow: hidden
}

.full-home-banners__main-banner .stardust-carousel__item-inner-wrapper {
    display: unset
}

.full-home-banners__main-banner .stardust-carousel__arrow {
    background-color: rgba(0,0,0,.18);
    border-radius: initial;
    height: 3.75rem;
    width: 2.1875rem
}

.full-home-banners__main-banner .stardust-carousel__arrow:hover {
    background-color: rgba(0,0,0,.32)
}

.full-home-banners__main-banner .stardust-carousel__arrow--prev {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    left: 0
}

.full-home-banners__main-banner .stardust-carousel__arrow--next {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    right: 0
}

.full-home-banners__main-banner .stardust-carousel__arrow>svg {
    color: #fff;
    height: 1em;
    width: 1em
}

.full-home-banners__banner-image {
    display: block;
    height: 100%
}

.full-home-banners__banner-image>div {
    display: flex;
    height: 100%
}

.full-home-banners__full-height,.full-home-banners__right-banner-image {
    height: 100%
}

.full-home-banners__right-banner-image {
    background-position: bottom
}

.full-home-banners__light-background {
    background-color: #fafafa
}

.full-home-banners__main-banner-image {
    background-position: bottom
}

.full-home-banners .shopee-image-placeholder {
    padding-top: 29.5%
}

.full-home-banners .shopee-image-placeholder.transparent-bg {
    background-color: transparent
}

.full-home-banners__right-wrapper {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    display: flex;
    flex-basis: 0;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    margin-left: .3125rem
}

.full-home-banners__right-wrapper>.shopee-image-placeholder {
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    flex: 1 1 50%;
    overflow: hidden;
    padding-top: 0;
    width: 100%
}

.full-home-banners__right-wrapper>.shopee-image-placeholder:last-child {
    margin-top: .3125rem
}

.full-home-banners__right-banner {
    background-position: 50%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: rgba(0,0,0,.87);
    display: block;
    flex: 1 1 50%;
    overflow: hidden;
    -webkit-text-decoration: none;
    text-decoration: none
}

.full-home-banners__right-banner:first-child {
    border-top-right-radius: 2px;
    overflow: hidden
}

.full-home-banners__right-banner:last-child {
    border-bottom-right-radius: 2px;
    margin-top: .3125rem;
    overflow: hidden
}

.skeleton-base__container-fallback {
    height: 100%;
    width: 100%
}

.skeleton-base__shape {
    height: inherit;
    width: inherit
}

.skeleton-base__shape.skeleton-base__shape-animated {
    animation: skeleton__loading 1s ease .2s infinite;
    background-color: #fafafa;
    background-image: linear-gradient(90deg,#fafafa,#f1f0f0 25%,#fafafa 50%);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 200% 100%
}

.skeleton-base__shape.skeleton-base__shape-static {
    background-color: #fafafa
}

.skeleton-base__shape.skeleton-base__shape-rounded {
    border-radius: .125rem
}

.skeleton-base__shape.skeleton-base__shape-circle {
    border-radius: 100%
}

@keyframes skeleton__loading {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.I2Rgpn {
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    margin: 10px auto 0;
    min-height: 108px;
    width: 1200px
}

.I2Rgpn a {
    color: inherit;
    text-decoration: inherit
}

.I2Rgpn.l8Nibb {
    flex-wrap: wrap;
    justify-content: unset;
    padding: 16px 0 26px
}

.I2Rgpn.l8Nibb a {
    display: flex;
    justify-content: space-around;
    max-width: 25%;
    min-width: 16.6666666667%
}

.I2Rgpn.l8Nibb.MFx1d4 a {
    width: 20%
}

.I2Rgpn.l8Nibb.Ncw3lO a {
    width: 25%
}

.uShIlM:hover {
    transform: translateY(-.0625rem)
}

.l9BpBx {
    border-radius: 50%;
    height: 45px;
    width: 45px
}

.MyJP_P {
    margin: 18px auto 8px
}

.v6wCE6 {
    display: inline-block;
    margin: 31px 14px 31px 0;
    vertical-align: middle
}

.yo2q9M {
    color: #222;
    letter-spacing: 0;
    text-align: center
}

.eYKBSx {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .8125rem;
    line-height: .875rem;
    margin-bottom: 8px;
    max-width: 150px;
    word-wrap:;
    overflow: hidden;
    white-space: pre-line
}

.SXPoJX {
    line-height: 1.1875rem
}

.B40vvm {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: left;
    vertical-align: middle
}

.XQoi5s {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 180px;
    word-wrap:;
    overflow: hidden
}

.cJkvqj {
    border-radius: 0;
    height: 100%
}

.Xij_V5 {
    border-radius: 50%
}

.Xij_V5,.ZBuW1G {
    height: 100%
}

.nOzJRY {
    height: 1.25rem;
    width: 100%
}

.kucxTc {
    height: .875rem;
    width: 100%
}

.ZtbTxz {
    display: flex
}

.Z6NCOE {
    height: 27rem;
    width: 21.75rem
}

.home-banners {
    line-height: 0;
    margin-left: .625rem
}

.home-banners__top-banner {
    border-radius: .125rem;
    border-top-right-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden
}

.home-banners__banner-image {
    display: block
}

.home-banners__lazy-image {
    padding-top: 29.5%;
    width: 100%
}

.home-banners .shopee-image-placeholder {
    padding-top: 29.5%
}

.home-banners__bottom-wrapper {
    padding-top: .3125rem;
    position: relative
}

.home-banners__bottom-wrapper>.shopee-image-placeholder {
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    display: inline-block;
    overflow: hidden;
    padding-top: 14.75%;
    width: calc(50% - .15625rem)
}

.home-banners__bottom-wrapper>.shopee-image-placeholder:last-child {
    margin-left: .3125rem
}

.home-banners__bottom-banner {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: .125rem;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: rgba(0,0,0,.87);
    display: block;
    display: inline-block;
    overflow: hidden;
    padding-top: 14.75%;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: calc(50% - .15625rem)
}

.home-banners__bottom-banner:last-child {
    border-bottom-right-radius: 2px;
    margin-left: .3125rem;
    overflow: hidden
}

.category-banners__banner-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-top: 29.1666666667%;
    width: 100%
}

.image-list-inline-zoom__container {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.image-list-inline-zoom__image-wrapper {
    height: 4.5rem;
    margin: 0 .625rem .625rem 0;
    width: 4.5rem
}

.image-list-inline-zoom__image-wrapper--inactive {
    cursor: zoom-in
}

.image-list-inline-zoom__image-wrapper--active {
    border: 2px solid #ee4d2d;
    cursor: zoom-out;
    padding: 2px
}

.image-list-inline-zoom__zoomed-image {
    display: none;
    height: 100%;
    margin-left: -.6rem;
    max-height: 31.25rem;
    max-width: 32.25rem;
    width: 100%
}

.image-list-inline-zoom__zoomed-image--active {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.image-list-inline-zoom__zoomed-image-item {
    max-height: 31.25rem;
    max-width: 32.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.input-with-validator {
    align-items: center;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    color: #222;
    display: flex;
    height: 40px;
    padding: 10px;
    position: relative;
    transition: border-color .1s ease
}

.input-with-validator--focus {
    border-color: rgba(0,0,0,.54);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.14)
}

.input-with-validator--error {
    background-color: #fff9fa;
    border-color: #ff424f
}

.input-with-validator input {
    background: transparent;
    border: 0;
    box-shadow: none;
    flex: 1;
    font-size: 14px;
    outline: none
}

.input-with-validator input:-moz-placeholder {
    color: #bbb
}

.input-with-validator input:-ms-input-placeholder {
    color: #bbb
}

.input-with-validator input::-webkit-input-placeholder {
    color: #bbb
}

.input-with-validator input::-moz-placeholder {
    color: #bbb
}

.input-with-validator:hover {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.05)
}

.input-with-validator__error-message {
    align-items: center;
    color: #ff424f;
    display: flex;
    font-size: 12px;
    height: 20px
}

.input-with-validator__info-message,.input-with-validator__success-message {
    font-size: 12px;
    height: 20px
}

.input-with-validator__cancel-button {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.NQpfKB {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.14);
    border-radius: .125rem;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    color: #222;
    display: block;
    font-size: .875rem;
    height: 100%;
    margin: auto auto .75rem;
    min-height: 6.25rem;
    outline: 0;
    overflow: auto;
    padding: .9375rem;
    resize: none;
    transition: border-color .1s ease;
    width: 100%
}

.NQpfKB:-moz-placeholder {
    color: #bbb
}

.NQpfKB:-ms-input-placeholder {
    color: #bbb
}

.NQpfKB::-webkit-input-placeholder {
    color: #bbb
}

.NQpfKB::-moz-placeholder {
    color: #bbb
}

.NQpfKB:hover {
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.05)
}

.NQpfKB:focus {
    border-color: rgba(0,0,0,.54);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.14)
}

.stardust-checkbox {
    align-items: center;
    color: rgba(0,0,0,.54);
    cursor: default;
    display: flex;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    max-width: 400px;
    position: relative
}

.stardust-checkbox__input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.stardust-checkbox__box {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.stardust-checkbox__box:hover {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.09)
}

.stardust-checkbox__box:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 9px
}

.stardust-checkbox--disabled {
    cursor: no-drop;
    opacity: .35
}

.stardust-checkbox--disabled .stardust-checkbox__box {
    background: #e7e7e7!important;
    box-shadow: none!important
}

.stardust-checkbox--disabled .stardust-checkbox__box:before {
    border-color: transparent
}

.stardust-checkbox--checked>.stardust-checkbox__box {
    background: #ee4d2d;
    border-color: #ee4d2d
}

.stardust-checkbox--checked>.stardust-checkbox__box:hover {
    box-shadow: none
}

.stardust-checkbox--checked>.stardust-checkbox__box:before {
    border-color: #fff
}

.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)
    }
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-shoprating/_/52.ac4c648a7aff58e3243c.css.map*/


.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;
   
   
    margin: 8px 8px 0 0;
    min-height: 2.5rem;
    min-width: 5rem;
    outline: 0;
    overflow: visible;
    padding: .5rem;
    position: relative;
  
    
}



  
.airUhU {
    margin: 5px -5px;
    position: relative;
}


.UBG7wZ {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    width: 20%;
}

.jA1mTx {
    position: relative;
}

.YM40Nc {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}

.UkIsx8 {
    display: contents;
}


.UkIsx8 {
    display: contents;
}

.NYFAyb, .raRnQV {
    position: absolute;
}
.raRnQV {
    height: 100%;
    left: 0;
    object-fit: contain;
    object-position: center;
    right: 0;
    width: 100%;
}
.NYFAyb {
    height: 32px;
    left: 50%;
    top: 50%;
    transform: translate3d(-16px, -16px, 0);
    width: 32px;
}
.NYFAyb, .raRnQV {
    position: absolute;
}

/**/

.GHUxSkxNuJ {
    fill: currentColor;
    display: inline-block;
    line-height: 0
}

.MRRh75x5Ux>svg {
    height: 14px;
    width: 14px
}

.aRLAkB8Zrm {
    position: relative
}

.gAiLALcDL7 {
    background: #ee4d2d;
    border: 1px solid #fff;
    border-radius: 9px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    height: 18px;
    overflow: hidden;
    padding: 1px 5px;
    position: absolute;
    right: -4px;
    top: -6px
}

.MMvRRRsryi {
    color: #333;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: 30px
}

.GIWCwJZJzG {
    align-items: center;
    display: flex;
    height: 20px;
    margin: 12px 0;
    opacity: 0;
    overflow: hidden;
    transition: width .2s cubic-bezier(.26,0,1,1);
    white-space: nowrap
}

.GIWCwJZJzG.Z27mpOy85y {
    margin-left: -2px;
    opacity: 1
}

.Gf04Aiojki {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: center;
    position: relative;
    width: 44px
}

.jZzeCQHIzA {
    color: #ee4d2d;
    height: 24px;
    opacity: 1;
    width: 24px
}

.CDfxbn4ZiJ {
    align-items: center;
    border: .5px solid #e5e5e5;
    border-radius: 54px;
    box-shadow: 0 4px 18px -2px rgba(0,0,0,.122),0 1px 4px 0 rgba(0,0,0,.039);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    height: 44px;
    justify-content: space-between;
    position: relative
}

.CDfxbn4ZiJ.uZjpaOVZLe {
    background-color: #ee4d2d;
    border: .5px solid #ee4d2d
}

.CDfxbn4ZiJ.uZjpaOVZLe .j0lWW1yiAZ {
    color: #fff;
    opacity: .5
}

.CDfxbn4ZiJ.uZjpaOVZLe .j0lWW1yiAZ.NuUu0k527Z {
    opacity: 1
}

.CDfxbn4ZiJ.uZjpaOVZLe .MMvRRRsryi,.CDfxbn4ZiJ.uZjpaOVZLe .jZzeCQHIzA {
    color: #fff
}

.CDfxbn4ZiJ.uZjpaOVZLe .Oaw6LpGsn6:before {
    content: "";
    opacity: .5
}

.CDfxbn4ZiJ.uZjpaOVZLe .qkN6EH0q3W {
    border: 1px solid #ee4d2d
}

.CDfxbn4ZiJ.IZKX0usVWk {
    background-color: #fff
}

.CDfxbn4ZiJ.L7EAUoJKzm {
    background-color: #fff;
    border: .5px solid #e5e5e5
}

.CDfxbn4ZiJ.L7EAUoJKzm .j0lWW1yiAZ {
    color: #999
}

.CDfxbn4ZiJ.L7EAUoJKzm .j0lWW1yiAZ.NuUu0k527Z {
    color: #333
}

.CDfxbn4ZiJ.L7EAUoJKzm .jZzeCQHIzA {
    color: #ee4d2d
}

.CDfxbn4ZiJ.L7EAUoJKzm .MMvRRRsryi {
    color: #333
}

.CDfxbn4ZiJ.obWep1e_86 {
    background-color: #ee4d2d
}

.CDfxbn4ZiJ.obWep1e_86 .j0lWW1yiAZ {
    color: #fff;
    opacity: .5
}

.CDfxbn4ZiJ.obWep1e_86 .j0lWW1yiAZ.NuUu0k527Z {
    opacity: 1
}

.CDfxbn4ZiJ.obWep1e_86 .MMvRRRsryi,.CDfxbn4ZiJ.obWep1e_86 .jZzeCQHIzA {
    color: #fff
}

.CDfxbn4ZiJ.obWep1e_86 .Oaw6LpGsn6:before {
    content: "";
    opacity: .5
}

.ZbkI8cjmb1 {
    bottom: 0;
    position: absolute;
    right: calc(100% + 8px)
}

._XSJ6AR_TF {
    border-radius: 4px;
    bottom: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    right: calc(100% + 16px);
    width: 320px;
    z-index: 100000
}

._XSJ6AR_TF,._XSJ6AR_TF:before {
    background: #fff;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.12);
    position: absolute
}

._XSJ6AR_TF:before {
    bottom: 24px;
    content: "";
    display: inline-block;
    height: 10px;
    right: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

._XSJ6AR_TF:after {
    background: #fff;
    bottom: 20px;
    content: "";
    display: inline-block;
    height: 18px;
    position: absolute;
    right: 0;
    width: 8px
}

.Vwk9C74cna {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px
}

.WRwluoypn9 {
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 5px 8px
}

.XOHLYgO_ci {
    border: 1px solid #e5e5e5;
    color: #333;
    margin-right: 16px
}

.apIkMBLaHt {
    background-color: #ee4d2d;
    border: 1px solid #ee4d2d;
    color: #fff
}

.lmRE8vX68Q {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    bottom: 416px;
    box-shadow: 0 1px 8px rgba(0,0,0,.12);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    display: flex;
    font-family: Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    max-width: 390px;
    padding: 8px 12px;
    position: absolute;
    right: 208px;
    -webkit-transform: translate(50%,100%);
    transform: translate(50%,100%);
    width: 100%;
    z-index: -1
}

.sd52AxPSGC {
    z-index: 100003
}

.PJHbR_Yd2l {
    box-shadow: none;
    padding: 0;
    width: 0
}

.rN6EXEam8W {
    flex-shrink: 0;
    font-size: inherit;
    height: 1em;
    width: 1em
}

.W7qaOmRY0O {
    color: #5c7
}

.H8ClYudgH1,.eFxCzEILZ1 {
    color: #ff4742
}

.aZ9QwlAfiP {
    color: #2673dd
}

.U_lOTqvndI {
    color: #ffbf03
}

.uM6AUh43Zu {
    color: #624410;
    margin-left: 8px;
    white-space: normal
}

.gEBiGsPtJy {
    background: #f3f3f3;
    height: 100%;
    justify-content: center;
    width: 100%
}

.gEBiGsPtJy,.yyHKyYrvkA {
    align-items: center;
    display: flex
}

.yyHKyYrvkA {
    flex-direction: column;
    margin: auto
}

.ZAV0ULHaxr {
    -webkit-user-drag: none;
    display: block;
    height: 80px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 94px
}

.auAKC8Ldbh {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 24px auto 16px;
    text-align: center
}

.OnSxgsQlfi,.vtmwj0xvUQ {
    min-width: 90px
}

.OnSxgsQlfi {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ee4d2d;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    outline: none;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.OnSxgsQlfi:before {
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px
}

.gLbzKNEAYF {
    height: 40px;
    width: 100%
}

.sIQQtRWQPz {
    height: 53px
}

.Mj9lh6KccD {
    display: flex;
    flex-direction: column;
    height: calc(100% - 40px);
    position: relative;
    width: 100%
}

.yLzxr6DkWa {
    height: calc(100% - 53px)
}

#tlP8zSCItE * {
    pointer-events: none
}

.WHIaShCfot {
    background: #f3f3f3;
    border-top: 1px solid #eee;
    flex: 1;
    min-width: 6px;
    position: relative
}

.QDLp_uN4bC {
    border-top: 1px solid #e4e6e8;
    width: 100%;
    z-index: 11
}

.SbG_pFWCiW {
    text-align: center
}

.kOcjq_yQuK>i {
    animation: poZXixiXiK 1.4s ease-in-out infinite both;
    background-color: #ee4d2d;
    border-radius: 100%;
    display: inline-block;
    height: 6px;
    margin-right: 4px;
    width: 6px
}

.kOcjq_yQuK .Zk4z7tTqaE {
    animation-delay: -.32s
}

.kOcjq_yQuK .HrQFl6UVN_ {
    animation-delay: -.16s
}

.kOcjq_yQuK .UCRIgeBPof {
    margin-right: 0
}

.kmss6JpUXN {
    display: flex
}

.kmss6JpUXN>i {
    background-color: #ccc
}

.Q3uoPWJlY_ {
    color: #333;
    font-size: 12px;
    margin-top: 8px;
    text-align: center
}

@keyframes poZXixiXiK {
    0%,80%,to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.mtSDzvuYwh {
    animation: WxZczoU9Y2 1.4s ease infinite;
    background: linear-gradient(90deg,#f6f6f6 25%,#fafafa 37%,#f6f6f6 63%);
    background-size: 400% 100%;
    position: relative
}

.uYvboya2A0 {
    width: 100%
}

.Ni__LTrxDO {
    width: 100%
}

.FpEp58JgHm,.Ni__LTrxDO {
    border-radius: 2px;
    height: 10px
}

.FpEp58JgHm {
    margin-top: 16px;
    width: 80%
}

.zccgav569R {
    border-radius: 2px;
    height: 56px;
    width: 56px
}

.Vm7b3BCuyS {
    border-radius: 50%;
    height: 56px;
    width: 56px
}

@keyframes WxZczoU9Y2 {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.hczDQaHbc3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.d8Brdj_NdG,.hczDQaHbc3 {
    color: #666;
    font-size: 12px;
    height: 100%;
    width: 100%
}

._2LI_4hvU0 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: calc(100% - 40px);
    justify-content: center
}

.Ht2E1kwC5D {
    -webkit-user-drag: none;
    margin-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Ht2E1kwC5D,.Ht2E1kwC5D svg {
    height: 100px;
    width: 160px
}

.bAKwNuP3ME {
    color: #2673dd;
    cursor: pointer;
    margin-left: 2px
}

.EGGLy1QwiK {
    align-items: flex-start;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 12px;
    width: 40%
}

.iTrdMlUViL {
    justify-content: space-between
}

.JVrP6W1yHV,.iTrdMlUViL {
    align-items: center;
    display: flex;
    width: 100%
}

.lm0LkZVj3H {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 6px 0 6px 8px;
    position: relative;
    width: 100%
}

.lm0LkZVj3H .tGULtQDa1B {
    margin-top: 2px;
    width: 40%
}

.lm0LkZVj3H .cq5bdsI9t0 {
    height: 18px;
    margin-right: 8px;
    width: 18px
}

.lm0LkZVj3H .cq5bdsI9t0:last-of-type {
    margin-right: 0
}

.lm0LkZVj3H .bUDk9CxOKh {
    bottom: 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 0 8px;
    position: absolute
}

.ASpaoyxJc1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.ASpaoyxJc1 .dX03hubXeI {
    align-items: center;
    display: flex;
    height: 41px;
    width: 75%
}

.ASpaoyxJc1 .pycE_45cIS {
    align-items: center;
    display: flex;
    height: 32px
}

.X6WsSex6SN,.hiSCn8qauq {
    align-items: center;
    display: flex;
    justify-content: center
}

.X6WsSex6SN {
    height: 100%;
    width: 100%
}

.qk8HcS1veu {
    align-items: flex-start;
    display: flex;
    padding: 12px 16px
}

.i6xFxbUJy0 {
    color: #666;
    flex: 1;
    font-size: 14px;
    line-height: 16px
}

.V8PYjKIzUj {
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-sizing: border-box;
    display: inline;
    line-height: 0;
    max-width: 640px;
    padding: 8px 10px;
    text-align: center
}

.V8PYjKIzUj .i6xFxbUJy0 {
    font-size: 12px;
    line-height: 14px
}

.uEVHwkddgf {
    background-color: #fafafa
}

.CYIOIVrUNV {
    background: #eaf8ee
}

.qATiJNvRcf {
    background: #ffe9e8
}

.NE4XGeVE_4 {
    background: #fff7e0
}

.SGbCqUvg1s {
    background: #e5eefb
}

.NLSosCWzVU {
    height: 14px;
    width: 14px
}

.n9Uin1AXqK {
    margin-right: 9px
}

.BqNuyihNZm {
    color: #5c7
}

.ilWTKnVD2h {
    color: #ff4742
}

.TWDtL150yN {
    color: #2673dd
}

.MVyhYgfTfW {
    color: #ffbf03
}

.od5EZwbuyM {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    margin: -4px -4px -4px 4px;
    width: 24px
}

.Yi576Kxch2 {
    color: #bbb
}

.tyGNDMk_QD {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.E1p2ARHhtj {
    position: relative
}

.elvJjCo914 {
    background-color: #000;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.09),0 8px 8px 0 rgba(0,0,0,.05);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 16px!important;
    min-width: 30px;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    text-align: left;
    text-decoration: none;
    top: -28px;
    white-space: nowrap
}

.elvJjCo914.qGQqO_DNoK {
    -webkit-transform: translateX(calc(50% - 5px));
    transform: translateX(calc(50% - 5px))
}

.UvGSSkd1qQ {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 9px 0 rgba(0,0,0,.122);
    flex-direction: column;
    height: 582px;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: width .25s cubic-bezier(.4,.8,.74,1);
    width: 642px
}

.PBqe51NF33,.UvGSSkd1qQ {
    border-radius: 4px 4px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex
}

.PBqe51NF33 {
    align-items: center;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.08);
    height: 40px;
    justify-content: space-between;
    width: 100%
}

.Z8RjJZsXy1 {
    display: flex;
    flex: 1
}

.Ffl5D3J1YM {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: 0 12px
}

.tH3c0fxDcu {
    color: #ee4d2d;
    height: 22px;
    width: 44px
}

.zhhA1X0YeX {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-right: 12px
}

.b4WLaPHvaN {
    margin-left: 16px
}

.b4WLaPHvaN>div {
    line-height: 0
}

.X8XVK1EpGd {
    color: #333;
    cursor: pointer;
    height: 16px;
    width: 16px
}

.t0DSoDjLOv {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    font-size: 12px;
    margin-left: 8px
}

.GQqiEMsjau,.sCTuxhWsM6 {
    color: #ee4d2d;
    height: 12px;
    width: 3px
}

.C8Jzw7jkTU {
    border-left: 1px solid #e4e6e8;
    flex-grow: 1;
    flex-shrink: 0;
    height: 100%;
    opacity: 1;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: width .25s cubic-bezier(.4,.8,.74,1),border .1s ease,opacity .1s ease .15s;
    width: 416px;
    z-index: 999
}

.eB3tTukA7J {
    width: 226px
}

.eB3tTukA7J .C8Jzw7jkTU {
    border: 0;
    opacity: 0;
    transition: width .25s cubic-bezier(.4,.8,.74,1),border .1s ease,opacity .05s ease;
    width: 0
}

.lBcVbnezbE {
    align-items: center;
    background-color: #f3f3f3;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    width: 100%
}

.qqqFtuT3WF {
    display: none
}

.AJGGbveN2k {
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    width: 632px
}

.t6aX8KMaL1,.t6aX8KMaL1 svg {
    height: 120px;
    width: 200px
}

.zMIcJ6vtsM {
    background-color: #fff;
    display: block;
    height: 100%
}

.y1awX1FEiw,.zMIcJ6vtsM {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.y1awX1FEiw {
    width: 108px
}

.YN8sHjfMB4 {
    -webkit-user-drag: none;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin: 8px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.D_bmite0fe {
    font-size: 16px;
    line-height: 20px;
    margin-top: 16px
}

.nG2T6V5_Ra {
    color: #395692;
    cursor: pointer;
    font-size: 12px
}

.pRa93I89hk {
    height: 80px
}

.j0EIXydtVc {
    font-size: 12px;
    line-height: 14px
}

.r2v9ozyahe {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    padding: 12px
}

.HiSJ3Vx2WM {
    color: #ee4d2d;
    height: 22px;
    width: 44px
}

.m3Mb2Tqdlw {
    color: #ee4d2d;
    height: 24px;
    margin-right: 8px;
    opacity: 1;
    width: 24px
}

.v_6qeRY1jW {
    background: #ee4d2d;
    border: 1px solid #f6f6f6;
    border-radius: 9px;
    color: #fff;
    font-size: 12px;
    height: 18px;
    overflow: hidden;
    padding: 1px 5px;
    position: absolute;
    right: -4px;
    top: -9px
}

.bGX0VV9OFp,.v_6qeRY1jW {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bGX0VV9OFp {
    align-items: center;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 4px 20px 0 rgba(28,28,51,.16);
    display: flex;
    height: 48px;
    justify-content: space-between;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: background-color .15s ease-out;
    width: 100px
}

.bGX0VV9OFp.nAERRUqs_I {
    background-color: #ee4d2d
}

.bGX0VV9OFp.nAERRUqs_I .HiSJ3Vx2WM,.bGX0VV9OFp.nAERRUqs_I .P_7D65k6v8,.bGX0VV9OFp.nAERRUqs_I .m3Mb2Tqdlw {
    color: #fff
}

.bGX0VV9OFp.nAERRUqs_I .lCHLPQcY1b:before {
    content: "";
    opacity: .5
}

.bGX0VV9OFp.VMBV0_VURc,.bGX0VV9OFp.t9J4UYN3jm {
    background-color: #fff
}

.bGX0VV9OFp.t9J4UYN3jm .P_7D65k6v8 {
    color: #333
}

.bGX0VV9OFp.t9J4UYN3jm .HiSJ3Vx2WM,.bGX0VV9OFp.t9J4UYN3jm .m3Mb2Tqdlw {
    color: #ee4d2d
}

.bGX0VV9OFp.m_VOzMbX6j {
    background-color: #ee4d2d
}

.bGX0VV9OFp.m_VOzMbX6j .HiSJ3Vx2WM,.bGX0VV9OFp.m_VOzMbX6j .P_7D65k6v8,.bGX0VV9OFp.m_VOzMbX6j .m3Mb2Tqdlw {
    color: #fff
}

.bGX0VV9OFp.m_VOzMbX6j .lCHLPQcY1b:before {
    content: "";
    opacity: .5
}

.gG0vfe2rzi {
    background: #fff;
    border-radius: 4px;
    bottom: 0;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.12);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    position: absolute;
    right: calc(100% + 16px);
    width: 320px;
    z-index: 100000
}

.gG0vfe2rzi:before {
    bottom: 24px;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.12);
    height: 10px;
    right: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

.gG0vfe2rzi:after,.gG0vfe2rzi:before {
    background: #fff;
    content: "";
    display: inline-block;
    position: absolute
}

.gG0vfe2rzi:after {
    bottom: 20px;
    height: 18px;
    right: 0;
    width: 8px
}

.xlItAfgC0G {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px
}

.hWgLq9FUmR {
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    padding: 5px 8px
}

.Qo96nl_Au8 {
    border: 1px solid #e5e5e5;
    color: #333;
    margin-right: 16px
}

.UPQ8yWSGDT {
    background-color: #ee4d2d;
    border: 1px solid #ee4d2d;
    color: #fff
}

.EU5AP2w2pW {
    background-color: #fff;
    border: 1px solid #dcdce0;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 4px 20px 0 rgba(74,74,78,.16);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 502px;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: width .25s cubic-bezier(.4,.8,.74,1);
    width: 642px
}

.VZURjZgd48 {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.gZSXuTECya {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.aBmy1g8C28 {
    transition: opacity .25s ease-out 50ms,-webkit-transform .25s ease-out 50ms;
    transition: opacity .25s ease-out 50ms,transform .25s ease-out 50ms;
    transition: opacity .25s ease-out 50ms,transform .25s ease-out 50ms,-webkit-transform .25s ease-out 50ms
}

.aBmy1g8C28,.hG2kVJ1aJ0 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.hG2kVJ1aJ0 {
    transition: opacity .2s ease-out 50ms,-webkit-transform .2s ease-out 50ms;
    transition: opacity .2s ease-out 50ms,transform .2s ease-out 50ms;
    transition: opacity .2s ease-out 50ms,transform .2s ease-out 50ms,-webkit-transform .2s ease-out 50ms
}

.kFb4ptXBeH {
    opacity: 1
}

.glVxPVStQE {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.TylLzJLLTu,.glVxPVStQE {
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out;
    transition: opacity .3s ease-out,transform .3s ease-out,-webkit-transform .3s ease-out
}

.TylLzJLLTu {
    -webkit-transform: scale(.3);
    transform: scale(.3)
}

.zWxOU2Js04 {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    transition: opacity .25s ease-out,-webkit-transform .25s ease-out;
    transition: opacity .25s ease-out,transform .25s ease-out;
    transition: opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/cyrillic-ext-light.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/cyrillic-light.woff2) format("woff2");
    unicode-range: U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/greek-ext-light.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/greek-light.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/vietnamese-light.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/latin-ext-light.woff2) format("woff2");
    unicode-range: U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/latin-light.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/cyrillic-ext-regular.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/cyrillic-regular.woff2) format("woff2");
    unicode-range: U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/greek-ext-regular.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/greek-regular.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/vietnamese-regular.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/latin-ext-regular.woff2) format("woff2");
    unicode-range: U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/latin-regular.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/cyrillic-ext-medium.woff2) format("woff2");
    unicode-range: U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/cyrillic-medium.woff2) format("woff2");
    unicode-range: U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/greek-ext-medium.woff2) format("woff2");
    unicode-range: U+1f??
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/greek-medium.woff2) format("woff2");
    unicode-range: U+0370-03ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/vietnamese-medium.woff2) format("woff2");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/latin-ext-medium.woff2) format("woff2");
    unicode-range: U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/latin-medium.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

#shopee-mini-chat-embedded,pre#chat-text-pre {
    font-family: Roboto,Droid Sans,Arial,sans-serif
}

#shopee-mini-chat-embedded {
    font-weight: 400
}

#shopee-mini-chat-embedded button,#shopee-mini-chat-embedded pre {
    font-family: Roboto,Droid Sans,Arial,sans-serif
}

#shopee-mini-chat-embedded button:focus {
    outline: none
}

#shopee-mini-chat-embedded ::-webkit-scrollbar {
    height: 6px;
    width: 4px
}

#shopee-mini-chat-embedded ::-webkit-scrollbar-track {
    background: transparent
}

#shopee-mini-chat-embedded ::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 3px
}

.chat-modal .shopee-react-modal__mask {
    z-index: 100000
}

.chat-modal .shopee-react-modal__body {
    align-items: center;
    display: flex
}

.chat-faq-history-modal .shopee-react-modal__mask {
    z-index: 100000
}

.chat-easy-window-container {
    background-color: #fff;
    border: 1px solid #dcdce0;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 4px 20px 0 rgba(74,74,78,.16);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 502px;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: width .25s cubic-bezier(.4,.8,.74,1);
    width: 642px
}
:root {
    --chatbot-gray-1: #212121
}

.SIP-ChatbotUI-accordion-container {
    border: 1px solid rgba(0,0,0,.09);
    border-left: none;
    border-radius: 4px;
    border-right: none
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item .title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 22px;
    margin: -1px 0;
    padding: 8px 12px;
    position: relative
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item .accordion-item-content {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.87);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: -1px 0
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item .title.selected {
    color: #ee4d2d;
    font-weight: 700
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item .accordion-item-content {
    padding: 8px 12px
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item-icon {
    max-width: 100%!important;
    width: auto!important
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item .SIP-ChatbotUI-rich-text-content img {
    max-width: 100%
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item:first-child .title {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item:last-child .title {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item:last-child .title.selected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.SIP-ChatbotUI-accordion-container .SIP-ChatbotUI-accordion-item:last-child .accordion-item-content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.SIP-ChatbotUI-announcements {
    -webkit-box-flex: 0;
    border-radius: 8px;
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    margin-right: 8px;
    padding: 12px 12px 0
}

.SIP-ChatbotUI-announcements,.SIP-ChatbotUI-announcements-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.SIP-ChatbotUI-announcements-container {
    padding: 0 12px
}

.SIP-ChatbotUI-announcements-swiper-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.SIP-ChatbotUI-announcements-icon {
    -webkit-box-flex: 0;
    color: #eda500;
    -ms-flex: none;
    flex: none;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.SIP-ChatbotUI-announcements-content__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 4px
}

.SIP-ChatbotUI-announcements-content__message {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.SIP-ChatbotUI-announcements-swiper-item {
    background: #fff8e4;
    border: 1px solid rgba(237,165,0,.44);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.SIP-ChatbotUI-article {
    width: 100%
}

.SIP-ChatbotUI-article .SIP-ChatbotUI-button {
    padding: 9px 12px
}

.SIP-ChatbotUI-article-title {
    -webkit-box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    padding: 8px
}

.SIP-ChatbotUI-article-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 240px;
    overflow: hidden;
    padding: 8px 10px;
    position: relative
}

.SIP-ChatbotUI-article-content-gradient {
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));
    background: -webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));
    background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    bottom: 0;
    display: none;
    height: 40px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.SIP-ChatbotUI-article-content-gradient__show {
    display: initial
}

.SIP-ChatbotUI-article-desc {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin: 12px 8px
}

.SIP-ChatbotUI-article-first-element {
    overflow: hidden
}

.SIP-ChatbotUI-article-first-element .SIP-ChatbotUI-table-list-container {
    margin-left: 10px;
    margin-right: 10px
}

.SIP-ChatbotUI-article__deleted,.SIP-ChatbotUI-article__error,.SIP-ChatbotUI-article__loading {
    height: 120px;
    padding: 12px
}

.SIP-ChatbotUI-article__deleted .SIP-ChatbotUI-article-content,.SIP-ChatbotUI-article__error .SIP-ChatbotUI-article-content,.SIP-ChatbotUI-article__loading .SIP-ChatbotUI-article-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.SIP-ChatbotUI-article__error-image {
    height: 30px
}

.SIP-ChatbotUI-article__error-prompt {
    color: rgba(0,0,0,.26);
    font-size: 12px;
    line-height: 14px;
    margin-top: 6px
}

.SIP-ChatbotUI-article__error-prompt>a {
    color: #4e9aef
}

.SIP-ChatbotUI-article__loading {
    background: none
}

.SIP-ChatbotUI-article__loading-icon {
    -webkit-animation: turn 1s linear infinite;
    animation: turn 1s linear infinite;
    background: none;
    height: 16px;
    width: 16px
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.SIP-ChatbotUI-article__article-button {
    border-top: .5px solid rgba(0,0,0,.09)!important
}

.SIP-ChatbotUI-article accordion-block {
    display: block;
    margin: 0 0 8px
}

.SIP-ChatbotUI-article-modal-container {
    max-height: calc(100% - 40px)!important;
    min-height: 168px;
    width: calc(100% - 36px)!important
}

.SIP-ChatbotUI-article-modal-container .SIP-ChatbotUI-rich-text {
    max-width: none!important;
    padding: 0 0 24px
}

.SIP-ChatbotUI-article-modal-container .SIP-ChatbotUI-rich-text-content {
    min-width: auto
}

.SIP-ChatbotUI-modal-article-rich-text {
    padding-bottom: 16px
}

.SIP-ChatbotUI-modal-article-rich-text div,.SIP-ChatbotUI-modal-article-rich-text p,.SIP-ChatbotUI-modal-article-rich-text span {
    font-size: 14px
}

.SIP-ChatbotUI-modal-article-rich-text a.chatbot-text-link-tel_button-style.chatbot-text-link-tel[href*="phone_style=2"] {
    background-color: #ee4d2d!important;
    border-radius: 2px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff!important;
    display: inline-block!important;
    font-size: 14px!important;
    font-weight: 400;
    height: 36px;
    line-height: 16px!important;
    max-width: 100%!important;
    min-width: 64px;
    padding: 10px 16px;
    text-align: center!important;
    text-decoration: none!important;
    width: auto!important
}

.SIP-ChatbotUI-modal-article-rich-text a.chatbot-text-link-tel[href*="phone_style=2"][href*="button_style=1"] {
    background-color: #ee4d2d!important;
    color: #fff!important
}

.SIP-ChatbotUI-modal-article-rich-text a.chatbot-text-link-tel[href*="phone_style=2"][href*="button_style=2"] {
    background-color: #fff!important;
    border: 1px solid #ee4d2d!important;
    color: #ee4d2d!important
}

.SIP-ChatbotUI-modal-article-rich-text a.chatbot-text-link-tel[href*="phone_style=2"][href*="button_style=3"] {
    background-color: #fff!important;
    border: 1px solid rgba(0,0,0,.26)!important;
    color: rgba(0,0,0,.87)!important
}

.SIP-ChatbotUI-modal-article-rich-text div.redirection-button-to-taskbots-or-app-page {
    background-color: #ee4d2d;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px!important;
    font-weight: 400;
    height: auto!important;
    line-height: 16px;
    margin-right: 8px;
    min-height: 36px;
    padding: 10px 16px;
    text-align: center
}

.SIP-ChatbotUI-modal-article-rich-text div.redirection-button-to-taskbots-or-app-page[data-button-json*='"buttonStyle":1'] {
    background-color: #ee4d2d;
    color: #fff
}

.SIP-ChatbotUI-modal-article-rich-text div.redirection-button-to-taskbots-or-app-page[data-button-json*='"buttonStyle":2'] {
    background-color: #fff;
    border: 1px solid #ee4d2d;
    color: #ee4d2d
}

.SIP-ChatbotUI-modal-article-rich-text div.redirection-button-to-taskbots-or-app-page[data-button-json*='"buttonStyle":3'] {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87)
}

.SIP-ChatbotUI-content-article-title {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 4px;
    overflow-y: hidden
}

.SIP-ChatbotUI-avatar {
    border-radius: 50%;
    display: inline-block;
    overflow: hidden
}

.SIP-ChatbotUI-avatar img {
    display: block;
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 36px
}

.SIP-ChatbotUI-avatar--sm img {
    height: 24px;
    width: 24px
}

.SIP-ChatbotUI-avatar--lg img {
    height: 40px;
    width: 40px
}

.SIP-ChatbotUI-avatar--square {
    border-radius: 4px
}

.SIP-ChatbotUI-badge {
    background: #ee4d2d;
    border-radius: 50%;
    color: #fff;
    font-size: .625rem;
    height: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    width: 1.125rem
}

.SIP-ChatbotUI-badge-overflow {
    border-radius: .5625rem;
    padding: 0 .25rem;
    width: auto
}

.SIP-ChatbotUI-bubble {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding: 0
}

.SIP-ChatbotUI-bubble .redirection-button-to-taskbots-or-app-page {
    max-width: 100%
}

.SIP-ChatbotUI-bubble-overflow_visible,.SIP-ChatbotUI-bubble-overflow_visible .SIP-ChatbotUI-bubble-real-content-overflow {
    overflow: visible
}

.SIP-ChatbotUI-bubble-margin {
    margin-bottom: 8px;
    margin-top: 8px
}

.SIP-ChatbotUI-bubble::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-bubble-left+.SIP-ChatbotUI-bubble-right,.SIP-ChatbotUI-bubble-right+.SIP-ChatbotUI-bubble-left,.SIP-ChatbotUI-bubble-right+.SIP-ChatbotUI-bubble-text {
    margin-top: 20px
}

.SIP-ChatbotUI-bubble-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: rgba(0,0,0,.54);
    font-size: 12px;
    justify-content: center;
    line-height: 14px;
    padding: 8px 8px 0
}

.SIP-ChatbotUI-bubble-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    overflow-y: hidden
}

.SIP-ChatbotUI-bubble-right>.SIP-ChatbotUI-bubble-container {
    margin-right: 8px
}

.SIP-ChatbotUI-bubble-right>.SIP-ChatbotUI-bubble-container,.SIP-ChatbotUI-bubble-right__revamp>.SIP-ChatbotUI-bubble-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-left: 0
}

.SIP-ChatbotUI-bubble-right__revamp>.SIP-ChatbotUI-bubble-container {
    margin-right: 16px
}

.SIP-ChatbotUI-bubble-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    max-width: calc(80% + 24px);
    position: relative;
    z-index: 0
}

.SIP-ChatbotUI-bubble-container__block {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.SIP-ChatbotUI-bubble-container__block .SIP-ChatbotUI-bubble-content {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    width: 100%
}

.SIP-ChatbotUI-bubble-container__revamp {
    max-width: calc(70% + 24px);
    padding-bottom: 1px
}

.SIP-ChatbotUI-bubble-container-new-panel {
    max-width: calc(100% - 60px)
}

.SIP-ChatbotUI-bubble-angle {
    bottom: 4px;
    display: none;
    height: 12px;
    left: -8px;
    position: absolute;
    width: 9px;
    z-index: -1
}

.SIP-ChatbotUI-bubble-angle img {
    display: block;
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-bubble-angle__reversed {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.SIP-ChatbotUI-bubble-angle-revamp {
    display: block;
    height: 12px;
    left: -8px;
    position: absolute;
    top: -1px;
    width: 9px;
    z-index: 1
}

.SIP-ChatbotUI-bubble-angle-revamp img {
    display: block;
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-bubble-angle-revamp__reversed {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.SIP-ChatbotUI-bubble-right .SIP-ChatbotUI-bubble-angle,.SIP-ChatbotUI-bubble-right .SIP-ChatbotUI-bubble-angle-revamp {
    left: auto;
    right: -8px
}

.SIP-ChatbotUI-bubble-default {
    background-color: #fff;
    border-radius: 8px;
    color: #212121
}

.SIP-ChatbotUI-bubble-primary {
    background-color: #d7f7ef;
    border-radius: 8px;
    color: #333
}

.SIP-ChatbotUI-bubble-default-border {
    border-radius: 0 8px 8px 8px
}

.SIP-ChatbotUI-bubble-primary-border {
    border-radius: 8px 0 8px 8px!important
}

.SIP-ChatbotUI-bubble-primary-revamp {
    background-color: #fde5e0;
    border-radius: 8px;
    color: #333
}

.SIP-ChatbotUI-bubble-content {
    border-radius: .5rem
}

.SIP-ChatbotUI-bubble-content,.SIP-ChatbotUI-bubble-content__revamp {
    font-size: 14px;
    max-width: 100%;
    position: relative
}

.SIP-ChatbotUI-bubble-content__revamp-left-border {
    border-radius: 0 8px 8px 8px
}

.SIP-ChatbotUI-bubble-content__revamp-right-border {
    border-radius: 8px 0 8px 8px
}

.SIP-ChatbotUI-bubble-content-full-width {
    width: 100%
}

.SIP-ChatbotUI-bubble-revamp-shadow {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1)
}

.SIP-ChatbotUI-bubble-left .SIP-ChatbotUI-bubble-container {
    padding-left: 0
}

.SIP-ChatbotUI-bubble-left__revamp .SIP-ChatbotUI-bubble-container {
    padding-left: 16px
}

.SIP-ChatbotUI-bubble-left__revamp {
    overflow-x: visible
}

.SIP-ChatbotUI-bubble-real-content {
    border-radius: .5rem
}

.SIP-ChatbotUI-bubble-real-content,.SIP-ChatbotUI-bubble-real-content__revamp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-bubble-real-content__revamp-left-border {
    border-radius: 0 8px 8px 8px
}

.SIP-ChatbotUI-bubble-real-content__revamp-right-border {
    border-radius: 8px 0 8px 8px
}

.SIP-ChatbotUI-bubble-real-content-overflow {
    overflow: hidden
}

.SIP-ChatbotUI-bubble-typing {
    display: block;
    height: 24px;
    margin: 4.8px 0;
    width: 60px
}

.SIP-ChatbotUI-bubble-typing-revamp {
    display: block;
    height: 24px;
    margin: 4.8px 11.2px;
    width: 24px
}

.SIP-ChatbotUI-bubble-status {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px
}

.SIP-ChatbotUI-bubble-status__loading {
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    cursor: pointer
}

.SIP-ChatbotUI-bubble-status__error {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.SIP-ChatbotUI-bubble-right .SIP-ChatbotUI-bubble-status {
    margin-left: 0;
    margin-right: 4px
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.SIP-ChatbotUI-button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: #ee4d2d;
    cursor: pointer;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    min-width: 244px;
    padding: 8px;
    text-align: center;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: break-word
}

.SIP-ChatbotUI-button-default__disabled,.SIP-ChatbotUI-button-frameless__disabled,.SIP-ChatbotUI-button-link__disabled,.SIP-ChatbotUI-button-primary-outlined__disabled,.SIP-ChatbotUI-button-primary__disabled,.SIP-ChatbotUI-button-secondary-outlined__disabled,.SIP-ChatbotUI-button-text__disabled {
    cursor: not-allowed;
    -webkit-transition: none;
    transition: none
}

.SIP-ChatbotUI-button-frameless,.SIP-ChatbotUI-button-frameless__disabled,.SIP-ChatbotUI-button-primary,.SIP-ChatbotUI-button-primary-outlined,.SIP-ChatbotUI-button-primary__disabled,.SIP-ChatbotUI-button-secondary-outlined,.SIP-ChatbotUI-button-secondary-outlined__disabled {
    min-width: 220px
}

.SIP-ChatbotUI-button:hover {
    opacity: .9
}

.SIP-ChatbotUI-button:active {
    opacity: .75
}

.SIP-ChatbotUI-button-default {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    align-items: center;
    border-top: .03125rem solid rgba(0,0,0,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: center
}

.SIP-ChatbotUI-button-group__horizontal>.SIP-ChatbotUI-button-default:not(:last-child) {
    border-right: 1px solid rgba(0,0,0,.09)
}

.SIP-ChatbotUI-button-default__disabled {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-button-primary {
    background-color: #ee4d2d;
    border-radius: 2px;
    border-top: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    margin: 6px 8px;
    padding: 8px 4px
}

.SIP-ChatbotUI-button-primary__disabled {
    background: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-button-primary-outlined {
    border: 1px solid #ee4d2d;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    margin: 6px 8px;
    padding: 8px 4px
}

.SIP-ChatbotUI-button-primary-outlined__disabled {
    border: 1px solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-button-secondary-outlined {
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 2px;
    color: #212121;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    margin: 6px 8px;
    padding: 8px 4px
}

.SIP-ChatbotUI-button-secondary-outlined__disabled {
    border: 1px solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-button-frameless {
    border: none;
    color: #2673dd;
    font-size: 14px;
    line-height: 1em;
    margin: 6px 8px;
    padding: 3px 0
}

.SIP-ChatbotUI-button-frameless__disabled {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-button-link {
    border-top: .5px solid rgba(0,0,0,.09);
    color: #2673dd;
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px 0
}

.SIP-ChatbotUI-button-link__disabled {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-button__sm {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin: 15px 10px 15px 0;
    padding: 5px 8px
}

.SIP-ChatbotUI-button__inline {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-grow: 0;
    min-width: inherit
}

.SIP-ChatbotUI-button__loading {
    opacity: .7
}

.SIP-ChatbotUI-button__loading:hover {
    cursor: default;
    opacity: .8
}

.SIP-ChatbotUI-button-loading-icon {
    -webkit-animation: loadingCircle 1s linear infinite;
    animation: loadingCircle 1s linear infinite;
    display: inline-block;
    margin-right: .5rem
}

.SIP-ChatbotUI-button-loading-icon>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0
}

@-webkit-keyframes loadingCircle {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loadingCircle {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.SIP-ChatbotUI-button-text {
    border-top: .5px solid rgba(0,0,0,.09);
    color: #212121;
    font-size: 14px;
    line-height: 20px;
    padding: 8px;
    text-align: left
}

.SIP-ChatbotUI-button-text__disabled {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-button-ordinary {
    border-top: 1px solid #eee;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 20px;
    padding: 8px;
    text-align: left
}

.SIP-ChatbotUI-button-ordinary:not(:first-child) {
    margin-left: 8px;
    padding-left: 0
}

.SIP-ChatbotUI-button-panel-ui {
    min-width: auto
}

.SIP-ChatbotUI-button-group__vertical {
    width: 100%
}

.SIP-ChatbotUI-button-group__horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.SIP-ChatbotUI-button-group__horizontal .SIP-ChatbotUI-button {
    min-width: unset
}

.SIP-ChatbotUI-button-group__padding>div:first-child {
    margin-left: 8px;
    padding-left: 0
}

.SIP-ChatbotUI-card {
    background: #fff;
    border-radius: 8px;
    display: inline-block;
    overflow: hidden
}

.SIP-ChatbotUI-card-media {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.SIP-ChatbotUI-card-media--wide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0
}

.SIP-ChatbotUI-card-media--wide .SIP-ChatbotUI-card-media-content {
    max-height: 100%;
    max-width: 100%
}

.SIP-ChatbotUI-card-media--square {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 44px
}

.SIP-ChatbotUI-cascader-message .SIP-ChatbotUI-message-content {
    font-weight: 500
}

.SIP-ChatbotUI-modal-cascader .SIP-ChatbotUI-title {
    padding: 14px;
    text-align: center
}

.SIP-ChatbotUI-modal-cascader-content {
    background: #efefef;
    padding: 12px 0!important
}

.SIP-ChatbotUI-modal-cascader-content-buttons {
    background: #fff
}

.SIP-ChatbotUI-case-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .75rem
}

.SIP-ChatbotUI-case-info-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.SIP-ChatbotUI-case-info-desc {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    margin-top: .25rem
}

.SIP-ChatbotUI-case-info-image {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    flex-grow: 0;
    flex-shrink: 0;
    height: 3rem;
    margin-left: 1.25rem;
    width: 3rem
}

.SIP-ChatbotUI-case-status {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0 .75rem .625rem
}

.SIP-ChatbotUI-case-status-date {
    color: rgba(0,0,0,.26);
    font-size: .625rem
}

.SIP-ChatbotUI-case-divider {
    position: relative
}

.SIP-ChatbotUI-case-divider:after {
    background-color: rgba(0,0,0,.09);
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    width: 100%
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx) {
    .SIP-ChatbotUI-case-divider:after {
        -webkit-transform:scaleY(.5);
        transform: scaleY(.5)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (min-resolution:3dppx) {
    .SIP-ChatbotUI-case-divider:after {
        -webkit-transform:scaleY(.33);
        transform: scaleY(.33)
    }
}

.SIP-ChatbotUI-chatbot-input {
    width: 100%
}

.SIP-ChatbotUI-chatbot-input-container {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-chatbot-input-submit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: not-allowed;
    margin-right: 16px;
    width: 16px
}

.SIP-ChatbotUI-chatbot-input-submit,.SIP-ChatbotUI-chatbot-input-submit>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-chatbot-input-submit__active {
    cursor: pointer
}

.SIP-ChatbotUI-chatbot-input-submit__active svg {
    fill: #ee4d2d
}

.SIP-ChatbotUI-checkbox {
    padding: 6px 0
}

.SIP-ChatbotUI-checkbox .checkbox__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-checkbox__label {
    color: rgba(0,0,0,.65);
    font-size: 15px;
    margin-left: 12px
}

.SIP-ChatbotUI-checkbox .rc-checkbox,.SIP-ChatbotUI-checkbox .rc-checkbox-inner {
    height: 15px;
    width: 15px
}

.SIP-ChatbotUI-checkbox .rc-checkbox .rc-checkbox-inner {
    border-radius: 1px
}

.SIP-ChatbotUI-checkbox .rc-checkbox.rc-checkbox-checked .rc-checkbox-inner {
    background-color: #ee4d2d;
    border-color: #ee4d2d
}

.SIP-ChatbotUI-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

.SIP-ChatbotUI-container::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-container__messages {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto
}

.SIP-ChatbotUI-container__input {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.SIP-ChatbotUI-date-time-container {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .875rem;
    padding: .5rem;
    text-align: center
}

.SIP-ChatbotUI-evaluation-content {
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 0 10px;
    width: 78%
}

.SIP-ChatbotUI-evaluation-content__title {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

.SIP-ChatbotUI-evaluation-content__desc {
    color: rgba(0,0,0,.65);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin: 18px 14px;
    word-break: break-word
}

.SIP-ChatbotUI-evaluation-content__desc.center {
    text-align: center
}

.SIP-ChatbotUI-evaluation-content__rate {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.SIP-ChatbotUI-evaluation-content__rate .rate-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 14px;
    padding: 12px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.SIP-ChatbotUI-evaluation-content__rate .rate-box__image {
    height: 40px;
    width: 40px
}

.SIP-ChatbotUI-evaluation-content__rate .rate-box__label {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    margin-top: 12px;
    text-align: center
}

.SIP-ChatbotUI-evaluation-content__rate .rate-box:active {
    background-color: rgba(0,0,0,.1)
}

.SIP-ChatbotUI-evaluation-content__divider {
    border-top: 1px solid rgba(0,0,0,.12)
}

.SIP-ChatbotUI-evaluation-content__options {
    min-height: 200px;
    padding: 0 20px 20px
}

.SIP-ChatbotUI-evaluation-content__button {
    color: #ee4d2d;
    font-size: 14px;
    padding-top: 10px
}

.SIP-ChatbotUI-evaluation-content-final,.SIP-ChatbotUI-evaluation-content__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.SIP-ChatbotUI-evaluation-content-final {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 14px
}

.SIP-ChatbotUI-evaluation-content-final__icon {
    height: 40px;
    width: 40px
}

.SIP-ChatbotUI-evaluation-content-final__label {
    font-size: 14px;
    font-weight: 300;
    margin: 14px;
    text-align: center
}

.csat-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0,0,0,.26);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center
}

.csat-wrapper .csat-content {
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 0 10px;
    width: 78%
}

.csat-wrapper .csat-content__title {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

.csat-wrapper .csat-content__desc {
    color: rgba(0,0,0,.65);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin: 18px 14px;
    word-break: break-word
}

.csat-wrapper .csat-content__desc.center {
    text-align: center
}

.csat-wrapper .csat-content__rate {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.csat-wrapper .csat-content__rate .rate-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 14px;
    padding: 12px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.csat-wrapper .csat-content__rate .rate-box__image {
    height: 40px;
    width: 40px
}

.csat-wrapper .csat-content__rate .rate-box__label {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    margin-top: 12px;
    text-align: center
}

.csat-wrapper .csat-content__rate .rate-box:active {
    background-color: rgba(0,0,0,.1)
}

.csat-wrapper .csat-content .divider {
    border-top: 1px solid rgba(0,0,0,.12)
}

.csat-wrapper .csat-content .csat-options {
    min-height: 200px;
    padding: 0 20px 20px
}

.csat-wrapper .csat-content .csat-submit {
    color: #ee4d2d;
    font-size: 14px;
    padding-top: 10px
}

.csat-wrapper .csat-content .csat-submit,.csat-wrapper .csat-content .final-feedback {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.csat-wrapper .csat-content .final-feedback {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 14px
}

.csat-wrapper .csat-content .final-feedback__icon {
    height: 40px;
    width: 40px
}

.csat-wrapper .csat-content .final-feedback__label {
    font-size: 14px;
    font-weight: 300;
    margin: 14px;
    text-align: center
}

.SIP-ChatbotUI-bubble-left .SIP-ChatbotUI-feedback {
    margin-left: 8px
}

.SIP-ChatbotUI-bubble-right .SIP-ChatbotUI-feedback {
    margin-right: 8px
}

.SIP-ChatbotUI-feedback {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.SIP-ChatbotUI-feedback__disabled {
    cursor: not-allowed
}

.SIP-ChatbotUI-feedback__disabled .SIP-ChatbotUI-feedback-no svg,.SIP-ChatbotUI-feedback__disabled .SIP-ChatbotUI-feedback-yes svg {
    fill: rgba(0,0,0,.09)
}

.SIP-ChatbotUI-feedback__disabled+.SIP-ChatbotUI-feedback-yes__choosed .SIP-ChatbotUI-feedback-yes svg {
    fill: #ee4d2d
}

.SIP-ChatbotUI-feedback__disabled+.SIP-ChatbotUI-feedback-no__choosed .SIP-ChatbotUI-feedback-no svg {
    fill: rgba(0,0,0,.4)
}

.SIP-ChatbotUI-feedback-no,.SIP-ChatbotUI-feedback-yes {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.06);
    box-shadow: 0 0 6px rgba(0,0,0,.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.SIP-ChatbotUI-feedback-no>div,.SIP-ChatbotUI-feedback-yes>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-feedback-no>div>svg,.SIP-ChatbotUI-feedback-yes>div>svg {
    fill: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-feedback-yes__choosed .SIP-ChatbotUI-feedback-yes svg {
    fill: #ee4d2d
}

.SIP-ChatbotUI-feedback-yes__choosed .SIP-ChatbotUI-feedback-no svg {
    fill: rgba(0,0,0,.09)
}

.SIP-ChatbotUI-feedback-no {
    margin-top: 8px
}

.SIP-ChatbotUI-feedback-no__choosed .SIP-ChatbotUI-feedback-yes svg {
    fill: rgba(0,0,0,.09)
}

.SIP-ChatbotUI-feedback-no__choosed .SIP-ChatbotUI-feedback-no svg {
    fill: rgba(0,0,0,.4)
}

.SIP-ChatbotUI-feedback-options {
    border-bottom: .5px solid rgba(0,0,0,.09);
    border-top: .5px solid rgba(0,0,0,.09);
    padding: 0 12px
}

.SIP-ChatbotUI-feedback-options-container {
    width: 100%
}

.SIP-ChatbotUI-feedback-options-content {
    border-radius: 0;
    font-size: 14px;
    line-height: 24px;
    margin-left: 12px;
    vertical-align: middle
}

.SIP-ChatbotUI-feedback-options-freetext-input {
    -webkit-appearance: none;
    background: #fff;
    border: .5px solid rgba(0,0,0,.09);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    height: 40px;
    outline: 0;
    padding: 0 12px;
    width: 100%
}

.SIP-ChatbotUI-feedback-options-freetext-input.disabled {
    background: #f5f5f5
}

.SIP-ChatbotUI-feedback-options-button-group {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.SIP-ChatbotUI-feedback-options-button-group>div:first-child {
    margin-left: 8px;
    margin-right: 8px
}

.SIP-ChatbotUI-feedback-options-button-group>div:last-child {
    margin-right: 12px
}

.SIP-ChatbotUI-feedback-options-button {
    font-size: 12px;
    line-height: 14px;
    margin: 10px 0;
    padding: 5px 8px
}

.SIP-ChatbotUI-form-item {
    background: #fff;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    line-height: 1rem;
    margin: .75rem 0;
    padding: 1rem .75rem
}

.SIP-ChatbotUI-form-item-limit {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .875rem
}

.SIP-ChatbotUI-form-item-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

.SIP-ChatbotUI-form-item-horizontal .SIP-ChatbotUI-form-item-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 8px
}

.SIP-ChatbotUI-form-item-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .75rem
}

.SIP-ChatbotUI-form-item-vertical .SIP-ChatbotUI-form-item-value {
    margin-top: 12px
}

.SIP-ChatbotUI-form-item-label {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-negative: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between
}

.SIP-ChatbotUI-form-item-value {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.SIP-ChatbotUI-form-item-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: .5rem
}

.SIP-ChatbotUI-form-item-arrow>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-form-item-arrow svg,.SIP-ChatbotUI-form-item-arrow svg>path {
    fill: rgba(0,0,0,.54)
}

.SIP-ChatbotUI-form-item-required:after {
    color: #ee2c4a;
    content: "*";
    display: inline-block;
    font-size: .875rem;
    margin-left: .25rem
}

.SIP-ChatbotUI-form-item-prompt {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px;
    margin-top: 12px
}

.SIP-ChatbotUI-vertical-category-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 112px;
    margin-right: 8px;
    overflow: hidden;
    padding: 12px 8px;
    width: 95px
}

.SIP-ChatbotUI-vertical-category-item-ad-hoc {
    padding: 0 0 12px
}

.SIP-ChatbotUI-vertical-category-item-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0
}

.SIP-ChatbotUI-vertical-category-item-icon-img {
    max-height: 100%;
    max-width: 100%
}

.SIP-ChatbotUI-vertical-category-item-icon-svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 44px
}

.SIP-ChatbotUI-vertical-category-item-icon-svg,.SIP-ChatbotUI-vertical-category-item-label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-vertical-category-item-label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: rgba(0,0,0,.87);
    flex-grow: 1;
    font-size: 12px;
    justify-content: center;
    line-height: 14px;
    margin-top: 2px;
    text-align: center
}

.SIP-ChatbotUI-vertical-category-item-label-ad-hoc {
    padding: 0 12px
}

.SIP-ChatbotUI-vertical-category-item .SIP-ChatbotUI-intent-icon {
    height: 44px;
    width: 44px
}

.SIP-ChatbotUI-vertical-category-item .SIP-ChatbotUI-intent-icon-wrapper {
    height: 44px
}

.SIP-ChatbotUI-intent-icon-wrapper {
    width: 40px
}

.SIP-ChatbotUI-hot-question-category {
    padding-left: 12px;
    padding-right: 4px;
    width: 100%
}

.SIP-ChatbotUI-category-item {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 44px;
    margin-right: 8px;
    overflow: hidden;
    padding: 8px 8px 8px 0;
    width: 128px
}

.SIP-ChatbotUI-category-item-ad-hoc {
    padding: 0
}

.SIP-ChatbotUI-category-item-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-category-item-icon-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.SIP-ChatbotUI-category-item-icon-svg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    flex-shrink: 0;
    height: 44px
}

.SIP-ChatbotUI-category-item-label {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    line-height: 14px;
    word-break: break-word
}

.SIP-ChatbotUI-category-item-label-ad-hoc {
    padding: 0 12px
}

.SIP-ChatbotUI-image {
    background: #fff;
    max-width: 100%;
    text-align: center
}

.SIP-ChatbotUI-image img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.SIP-ChatbotUI-image__error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-image__error img {
    width: 50px
}

.SIP-ChatbotUI-infinite-scroll {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto
}

.SIP-ChatbotUI-infinite-scroll--loading {
    padding: 12px 0;
    text-align: center
}

.SIP-ChatbotUI-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.SIP-ChatbotUI-input-wrapper {
    margin-left: 44px
}

.SIP-ChatbotUI-input_input {
    height: 48px
}

.SIP-ChatbotUI-input__input,.SIP-ChatbotUI-input__textarea {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background: #fff;
    border: 0;
    flex-grow: 1;
    font-size: 16px;
    line-height: 16px;
    outline: 0;
    padding: 8px 12px
}

.SIP-ChatbotUI-input__input--bordered,.SIP-ChatbotUI-input__textarea--bordered {
    border: 1px solid #e5e5e5
}

.SIP-ChatbotUI-input__textarea {
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px;
    resize: none
}

.SIP-ChatbotUI-input__input {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px;
    padding: 16px
}

.SIP-ChatbotUI-input__input::-webkit-input-placeholder {
    color: #999
}

.SIP-ChatbotUI-input__input::-moz-placeholder {
    color: #999
}

.SIP-ChatbotUI-input__input:-ms-input-placeholder {
    color: #999
}

.SIP-ChatbotUI-input-counter {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-top: 4px
}

.SIP-ChatbotUI-input__submit {
    text-align: center;
    width: 50px
}

.SIP-ChatbotUI-input__submit.disabled {
    opacity: .7
}

.SIP-ChatbotUI-intent-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    width: 32px
}

.SIP-ChatbotUI-intent-icon-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center
}

.SIP-ChatbotUI-key-answer__loading {
    background: -webkit-gradient(linear,left top,right top,color-stop(.03%,#f5f5f5),color-stop(50.07%,hsla(0,0%,88%,.885)),color-stop(100.03%,#f5f5f5));
    background: -webkit-linear-gradient(left,#f5f5f5 .03%,hsla(0,0%,88%,.885) 50.07%,#f5f5f5 100.03%);
    background: linear-gradient(90deg,#f5f5f5 .03%,hsla(0,0%,88%,.885) 50.07%,#f5f5f5 100.03%);
    height: 1rem;
    margin: .75rem
}

.SIP-ChatbotUI-key-answer__loading:first-child {
    width: 74%
}

.SIP-ChatbotUI-key-answer__loading:nth-child(2) {
    width: calc(100% - 1.5rem)
}

.SIP-ChatbotUI-key-answer__loading:nth-child(3) {
    width: 84%
}

.SIP-ChatbotUI-key-answer__error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    padding: .75rem
}

.SIP-ChatbotUI-key-answer-prompt-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SIP-ChatbotUI-key-answer-prompt-icon,.SIP-ChatbotUI-key-answer-prompt-icon>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-key-answer-prompt-text {
    color: rgba(0,0,0,.4);
    font-size: .875rem;
    line-height: 1rem;
    margin-left: .5rem
}

.SIP-ChatbotUI-key-answer-summary {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 8px 12px;
    position: relative
}

.SIP-ChatbotUI-key-answer-gradient {
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));
    background: -webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));
    background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    bottom: 0;
    display: none;
    height: 40px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.SIP-ChatbotUI-key-answer-gradient__show {
    display: initial
}

.SIP-ChatbotUI-key-answer-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-shadow: inset 0 .5px 0 rgba(0,0,0,.09);
    box-shadow: inset 0 .5px 0 rgba(0,0,0,.09);
    color: #ee4d2d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    line-height: 1.25rem;
    padding: .5rem .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.SIP-ChatbotUI-key-answer-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: .25rem
}

.SIP-ChatbotUI-key-answer-arrow>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-key-answer-faq-container {
    -webkit-box-shadow: inset 0 .5px 0 #e8e8e8;
    box-shadow: inset 0 .5px 0 #e8e8e8;
    margin: .25rem .75rem .5rem;
    padding-top: .75rem
}

.SIP-ChatbotUI-key-answer-faq-title {
    color: rgba(0,0,0,.54);
    line-height: 1.25rem;
    word-break: break-word
}

.SIP-ChatbotUI-key-answer-faq-item {
    color: #4080ee;
    cursor: pointer;
    line-height: 1.25rem;
    margin-top: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-break: break-word
}

.SIP-ChatbotUI-key-answer-faq-item__disabled {
    color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.SIP-ChatbotUI-key-answer-detail {
    height: 100%;
    overflow: auto
}

.SIP-ChatbotUI-key-answer-detail>div {
    height: calc(100% - 2.5rem);
    overflow: auto
}

.SIP-ChatbotUI-key-answer-detail .SIP-ChatbotUI-rich-text {
    padding: 0 .75rem
}

.SIP-ChatbotUI-key-answer-detail .SIP-ChatbotUI-key-answer-faq-container,.SIP-ChatbotUI-key-answer-supporting-message {
    margin-top: .75rem
}

.SIP-ChatbotUI-key_answer-modal-container {
    max-height: calc(100% - 40px)!important;
    min-height: 168px;
    width: calc(100% - 36px)!important
}

.SIP-ChatbotUI-key_answer-modal-container .SIP-ChatbotUI-rich-text {
    max-width: none!important;
    padding: 0 0 24px
}

.SIP-ChatbotUI-key_answer-modal-container .SIP-ChatbotUI-rich-text-content {
    min-width: auto
}

.SIP-ChatbotUI-modal-popup.SIP-ChatbotUI-key-answer-popup-content {
    height: 100%!important
}

.SIP-ChatbotUI-sp-desc-loader img,.SIP-ChatbotUI-sp-dialogue-loader img,.SIP-ChatbotUI-sp-list-loader img {
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-sp-list-loader {
    display: inline-block;
    height: 42px;
    width: 42px
}

.SIP-ChatbotUI-sp-desc-loader {
    display: inline-block;
    height: 12px;
    width: 12px
}

.SIP-ChatbotUI-sp-dialogue-loader {
    display: block;
    height: 24px;
    margin: 4.8px 11.2px;
    width: 24px
}

.SIP-ChatbotUI-sp-agent-dialogue-loader {
    display: block;
    height: 14.4px;
    margin: 9.6px 11.2px;
    width: 24px
}

.SIP-ChatbotUI-sp-agent-dialogue-loader img {
    height: 12.8px;
    width: 24px
}

.SIP-ChatbotUI-sp-agent-upload-loader {
    display: inline-block;
    margin-right: 8px
}

.SIP-ChatbotUI-sp-agent-upload-loader>img {
    -webkit-animation: turn 1s linear infinite;
    animation: turn 1s linear infinite;
    background: none!important;
    display: block;
    height: 16px;
    width: 16px
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

.SIP-ChatbotUI-mask {
    background: #000;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    right: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
    z-index: 10
}

.SIP-ChatbotUI-mask__active {
    display: block;
    opacity: .3
}

.SIP-ChatbotUI-message {
    max-width: 100%
}

.SIP-ChatbotUI-message-content {
    padding: 12px 12px 8px;
    white-space: pre-line
}

.SIP-ChatbotUI-message-content__revamp {
    padding: 8px 12px;
    white-space: pre-line
}

.SIP-ChatbotUI-message-content-no-bottom-padding__revamp {
    line-height: 20px;
    padding: 8px 10px 0
}

.SIP-ChatbotUI-message-content-no-bottom-padding {
    padding: 8px 10px 0
}

.SIP-ChatbotUI-message-buttons {
    min-width: 244px
}

.SIP-ChatbotUI-message-buttons .SIP-ChatbotUI-button-link {
    margin: 0 12px
}

.SIP-ChatbotUI-message-buttons.SIP-ChatbotUI-button-group__padding>div:first-child {
    margin-left: 12px
}

.SIP-ChatbotUI-message-collapse-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.SIP-ChatbotUI-message .SIP-ChatbotUI-hot-question-revamp-button-wrapper .SIP-ChatbotUI-hot-question-revamp-button-content {
    padding: 0
}

.SIP-ChatbotUI-message .SIP-ChatbotUI-hot-question-revamp-button-wrapper .SIP-ChatbotUI-hot-question-revamp-button-content .SIP-ChatbotUI-hot-question-revamp-button-content-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: unset;
    display: -webkit-box;
    font-size: unset;
    font-weight: unset;
    white-space: normal
}

.SIP-ChatbotUI-message .SIP-ChatbotUI-hot-question-revamp-button-wrapper img {
    display: none
}

.SIP-ChatbotUI-message .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover {
    opacity: 1!important
}

.SIP-ChatbotUI-message .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover .SIP-ChatbotUI-hot-question-revamp-button-content>* {
    opacity: .9
}

.SIP-ChatbotUI-message .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover .SIP-ChatbotUI-hot-question-revamp-button-content-hover,.SIP-ChatbotUI-message .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover .SIP-ChatbotUI-hot-question-revamp-button-content-hover>* {
    opacity: 1
}

.SIP-ChatbotUI-message .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover .SIP-ChatbotUI-hot-question-revamp-button-content-hover {
    display: block
}

.SIP-ChatbotUI-message-buttons.SIP-ChatbotUI-button-group__vertical .SIP-ChatbotUI-button:first-child {
    margin-top: 2px
}

.SIP-ChatbotUI-message-container {
    width: 100%
}

.SIP-ChatbotUI-message-container::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-message-inline-button-container {
    line-height: normal;
    max-width: 100%;
    padding: 12px
}

.SIP-ChatbotUI-message-inline-button-button {
    margin: 0 0 0 5px
}

.SIP-ChatbotUI-modal {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.SIP-ChatbotUI-modal::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-modal-shadow {
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.04);
    box-shadow: 0 0 16px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.04)
}

.SIP-ChatbotUI-modal-transparent {
    background: transparent!important
}

.SIP-ChatbotUI-modal-article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px
}

.SIP-ChatbotUI-modal-popup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 4px 4px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 0;
    max-height: 80%;
    max-width: 100%;
    position: absolute;
    width: 100%;
    z-index: 12
}

.SIP-ChatbotUI-modal-popup::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-modal-popup-appear,.SIP-ChatbotUI-modal-popup-appear-active,.SIP-ChatbotUI-modal-popup-appear-done,.SIP-ChatbotUI-modal-popup-enter,.SIP-ChatbotUI-modal-popup-enter-active {
    bottom: -100%;
    opacity: 0;
    -webkit-transition: bottom .3s;
    transition: bottom .3s
}

.SIP-ChatbotUI-modal-popup-enter-done {
    bottom: 0;
    height: unset!important;
    opacity: 1;
    -webkit-transition: bottom .3s;
    transition: bottom .3s
}

.SIP-ChatbotUI-modal-popup-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-modal-popup-close {
    cursor: pointer;
    font-size: 0;
    height: 16px;
    margin: 11px 8px 11px auto;
    width: 16px
}

.SIP-ChatbotUI-modal-popup-close img {
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-modal-popup-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    padding: 8px 12px
}

.SIP-ChatbotUI-modal-popup-content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 8px
}

.SIP-ChatbotUI-modal-popup-footer {
    height: 58px
}

.SIP-ChatbotUI-modal-popup .SIP-ChatbotUI-modal-close-button {
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    margin: 8px;
    padding: 0
}

.SIP-ChatbotUI-modal-no-transiton .SIP-ChatbotUI-modal-popup {
    bottom: 0;
    height: unset!important;
    opacity: 1
}

.SIP-ChatbotUI-modal>.SIP-ChatbotUI-modal-modal {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.SIP-ChatbotUI-modal-modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 80%;
    max-width: 100%;
    width: 305px;
    z-index: 12
}

.SIP-ChatbotUI-modal-modal-close {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 20px
}

.SIP-ChatbotUI-modal-modal-close img {
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-modal-modal-title {
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    padding: 20px 20px 0;
    text-align: center
}

.SIP-ChatbotUI-modal-modal-content {
    color: rgba(0,0,0,.65);
    font-size: 14px;
    margin-top: 16px;
    overflow: auto;
    padding: 0 20px 20px
}

.SIP-ChatbotUI-modal-modal-content::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-pc-modal .SIP-ChatbotUI-modal-modal-transparent {
    background: transparent
}

.SIP-ChatbotUI-pc-modal .SIP-ChatbotUI-modal-modal-title {
    font-size: 20px;
    padding: 24px;
    text-align: left
}

.SIP-ChatbotUI-pc-modal .SIP-ChatbotUI-modal-modal-content {
    color: #212121;
    margin-top: 0;
    padding: 0 24px
}

.SIP-ChatbotUI-pc-modal .SIP-ChatbotUI-modal-modal-content-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.SIP-ChatbotUI-pc-modal .SIP-ChatbotUI-button {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-weight: 400;
    margin: 0;
    padding: 8px 16px
}

.SIP-ChatbotUI-pc-modal .SIP-ChatbotUI-button:last-child {
    margin-left: 16px
}

.SIP-ChatbotUI-pc-modal .SIP-ChatbotUI-button-group__horizontal {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 24px
}

.SIP-ChatbotUI-new-panel-modal.SIP-ChatbotUI-modal {
    position: fixed
}

.SIP-ChatbotUI-new-panel-modal.SIP-ChatbotUI-modal .SIP-ChatbotUI-modal-modal {
    max-height: 600px!important;
    width: 600px!important
}

.SIP-ChatbotUI-new-panel-modal.SIP-ChatbotUI-modal .SIP-ChatbotUI-modal-modal-title {
    font-size: 16px;
    line-height: 18px;
    min-height: 16px;
    padding-bottom: 16px;
    padding-top: 16px
}

.SIP-ChatbotUI-new-panel-modal.SIP-ChatbotUI-modal .SIP-ChatbotUI-modal-modal-close {
    height: 16px;
    top: 16px;
    width: 16px
}

.SIP-ChatbotUI-new-panel-modal.SIP-ChatbotUI-modal .SIP-ChatbotUI-modal-modal-close img {
    display: block
}

.SIP-ChatbotUI-new-panel-modal.SIP-ChatbotUI-modal .SIP-ChatbotUI-modal-modal-content {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.SIP-ChatbotUI-new-panel-modal.SIP-ChatbotUI-modal .SIP-ChatbotUI-modal-modal-content::-webkit-scrollbar {
    display: block!important;
    width: 6px
}

.SIP-ChatbotUI-new-panel-modal.SIP-ChatbotUI-modal .SIP-ChatbotUI-modal-modal-content::-webkit-scrollbar-thumb {
    background-color: rgba(51,51,51,.5);
    border-radius: 5px;
    height: 295px
}

.SIP-ChatbotUI-my-support-case {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: .75rem;
    width: calc(80vw + .25rem)
}

.SIP-ChatbotUI-my-support-case-icon {
    height: 2rem;
    margin-right: .5625rem;
    width: 2rem
}

.SIP-ChatbotUI-my-support-case-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500
}

.SIP-ChatbotUI-my-support-case-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: .625rem
}

.SIP-ChatbotUI-my-support-case-control__right {
    margin-left: .4375rem
}

.SIP-ChatbotUI-my-support-case-control__right svg {
    fill: rgba(0,0,0,.65)
}

.SIP-ChatbotUI-navbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(env(safe-area-inset-top) + 56px);
    min-height: 56px;
    padding-left: 13px;
    padding-top: env(safe-area-inset-top);
    position: relative;
    width: 100%;
    z-index: 1
}

.SIP-ChatbotUI-navbar__avatar {
    margin-left: 17px
}

@supports (height: constant(safe-area-inset-top)) {
    .SIP-ChatbotUI-navbar {
        height:calc(constant(safe-area-inset-top) + 3.5rem)
    }
}

@supports (height: env(safe-area-inset-top)) {
    .SIP-ChatbotUI-navbar {
        height:calc(env(safe-area-inset-top) + 3.5rem)
    }
}

.SIP-ChatbotUI-navbar-shadow {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15);
    box-shadow: 0 2px 8px rgba(0,0,0,.15)
}

.SIP-ChatbotUI-navbar__back {
    padding: 18px 17px 18px 13px
}

.SIP-ChatbotUI-navbar__title {
    margin-left: 8px
}

.SIP-ChatbotUI-order-container {
    background: #fff;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    padding: 12px;
    width: auto
}

.SIP-ChatbotUI-order-container__fixed {
    height: 128px
}

.SIP-ChatbotUI-order-container-big-carousel {
    display: block;
    height: auto;
    width: 9.375rem
}

.SIP-ChatbotUI-order-container-big-carousel .SIP-ChatbotUI-order-image {
    height: 7.8125rem;
    width: 7.75rem
}

.SIP-ChatbotUI-order-container-big-carousel .SIP-ChatbotUI-order-info {
    margin-left: 0;
    margin-top: .75rem
}

.SIP-ChatbotUI-order-container-big-carousel .SIP-ChatbotUI-order-info-detail {
    margin-top: .25rem
}

.SIP-ChatbotUI-order-container-big-carousel .SIP-ChatbotUI-order-info-wrap {
    margin-top: .625rem
}

.SIP-ChatbotUI-order-container-vertical-list {
    height: auto
}

.SIP-ChatbotUI-order-container-vertical-list .SIP-ChatbotUI-order-info-detail {
    margin-top: .25rem
}

.SIP-ChatbotUI-order-container-small-order .SIP-ChatbotUI-order-image {
    height: 44px;
    width: 44px
}

.SIP-ChatbotUI-order-container-small-order .SIP-ChatbotUI-order-info-detail {
    margin-top: 12px
}

.SIP-ChatbotUI-order-container-small-order .SIP-ChatbotUI-order-info-detail-price {
    font-weight: 500
}

.SIP-ChatbotUI-order-container-small-order .SIP-ChatbotUI-order-info-name {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    height: auto;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-container-new-carousel,.SIP-ChatbotUI-order-container-two-row-carousel {
    height: auto
}

.SIP-ChatbotUI-order-image {
    -webkit-box-flex: 0;
    border: 1px solid rgba(0,0,0,.09);
    -ms-flex: none;
    flex: none;
    height: 84px;
    text-align: center;
    width: 84px
}

.SIP-ChatbotUI-order-image-container {
    height: 100%
}

.SIP-ChatbotUI-order-image-container img {
    height: 100%;
    -o-object-fit: unset;
    object-fit: unset;
    width: 100%
}

.SIP-ChatbotUI-order-image-container img.error {
    text-align: center;
    width: 31px
}

.SIP-ChatbotUI-order-image-container.SIP-ChatbotUI-image__error {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fafafa;
    justify-content: center
}

.SIP-ChatbotUI-order-image-container.SIP-ChatbotUI-image__error img {
    height: 3rem;
    width: 3rem
}

.SIP-ChatbotUI-order-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 12px;
    overflow: hidden;
    width: 100%
}

.SIP-ChatbotUI-order-info-recommendation {
    -webkit-line-clamp: 1;
    color: #26aa99;
    font-size: .625rem;
    line-height: .75rem;
    margin-bottom: .25rem;
    word-break: break-word
}

.SIP-ChatbotUI-order-info-name,.SIP-ChatbotUI-order-info-recommendation {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-name {
    -webkit-line-clamp: unset;
    color: #212121;
    display: block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word
}

.SIP-ChatbotUI-order-info-name_one-line {
    color: #212121;
    font-size: .875rem;
    height: 1rem;
    line-height: 1rem;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-delivered,.SIP-ChatbotUI-order-info-name_one-line,.SIP-ChatbotUI-order-info-specification {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word
}

.SIP-ChatbotUI-order-info-delivered,.SIP-ChatbotUI-order-info-specification {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin-top: 4px;
    text-overflow: ellipsis;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-tracing,.SIP-ChatbotUI-order-info-tracing-default {
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px
}

.SIP-ChatbotUI-order-info-tracing-default,.SIP-ChatbotUI-order-info-tracing-default-default {
    margin-top: 10px
}

.SIP-ChatbotUI-order-info-tracing-default-number,.SIP-ChatbotUI-order-info-tracing-number {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-tracing-copy,.SIP-ChatbotUI-order-info-tracing-default-copy {
    color: #26aa99;
    font-weight: 500;
    margin: 0 4px
}

.SIP-ChatbotUI-order-info-price {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-specification {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.SIP-ChatbotUI-order-info-specification__content {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.54);
    display: -webkit-box;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin-top: 4px;
    max-width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-specification__amount {
    font-size: 10px;
    margin-left: 10px
}

.SIP-ChatbotUI-order-info-price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.SIP-ChatbotUI-order-info-price__count {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    height: 14px;
    line-height: 14px
}

.SIP-ChatbotUI-order-info-price__count,.SIP-ChatbotUI-order-info-price__price {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-price__price {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    height: 16px;
    line-height: 16px
}

.SIP-ChatbotUI-order-info-delivered {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.54);
    display: -webkit-box;
    font-size: 12px;
    height: 16px;
    line-height: 14px;
    margin-top: 12px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-delivered-new {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    height: unset!important;
    line-height: .875rem!important;
    margin-top: .75rem;
    text-overflow: ellipsis
}

.SIP-ChatbotUI-order-info-tracing-box {
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px
}

.SIP-ChatbotUI-order-info-copy {
    color: #26aa99;
    font-size: 14px;
    font-weight: 500;
    margin: 0 4px;
    text-align: center
}

.SIP-ChatbotUI-order-info-tracing {
    overflow: hidden;
    text-overflow: ellipsis
}

.SIP-ChatbotUI-order-info-status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ee4d2d;
    border-radius: 0;
    color: #ee4d2d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    font-size: 10px;
    height: 16px;
    margin-top: 10px;
    padding: 2px 4px
}

.SIP-ChatbotUI-order-info-time {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.54);
    display: -webkit-box;
    font-size: 12px;
    margin-top: 4px;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-detail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .375rem
}

.SIP-ChatbotUI-order-info-detail-item {
    color: rgba(0,0,0,.54)
}

.SIP-ChatbotUI-order-info-detail-item,.SIP-ChatbotUI-order-info-detail-price {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-detail-price {
    color: #212121;
    margin-left: auto
}

.SIP-ChatbotUI-order-info-detail-price span {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400
}

.SIP-ChatbotUI-order-info-detail-status {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: #ee4d2d;
    display: -webkit-box;
    font-size: .75rem;
    line-height: .875rem;
    min-height: .875rem;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.SIP-ChatbotUI-order-info-wrap-status {
    color: #ee4d2d;
    font-size: .75rem;
    line-height: .875rem;
    min-height: .875rem
}

.SIP-ChatbotUI-order-info-wrap-status,.SIP-ChatbotUI-order-info-wrap-time {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-info-wrap-time {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    margin-left: auto
}

.SIP-ChatbotUI-order-info-wrap-select-btn {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    background: #ee4d2d;
    border: none;
    border-radius: .125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    -ms-flex: none;
    flex: none;
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem;
    margin-left: auto;
    max-width: 6.875rem;
    min-width: 3.25rem;
    overflow: hidden;
    padding: 0 .5625rem;
    text-align: center;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order .sp-agent-upload-loader,.SIP-ChatbotUI-order .status-icon {
    background: none;
    bottom: 3px;
    display: inline-block;
    height: 16px;
    left: -20px;
    position: absolute;
    width: 16px
}

.SIP-ChatbotUI-order .sp-agent-upload-loader img,.SIP-ChatbotUI-order .status-icon img {
    background: none
}

.SIP-ChatbotUI-order-card-sn {
    width: 300px
}

.SIP-ChatbotUI-order-card-sn-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: .5px solid rgba(0,0,0,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    line-height: 20px;
    padding: 10px 12px
}

.SIP-ChatbotUI-order-card-sn-header__label {
    color: rgba(0,0,0,.54);
    font-size: 12px
}

.SIP-ChatbotUI-order-card-sn-header__value {
    font-size: 16px;
    font-weight: 500
}

.SIP-ChatbotUI-order-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding: 0
}

.SIP-ChatbotUI-order-list-container-scroll {
    overflow-x: auto
}

.SIP-ChatbotUI-order-list-container:not(.SIP-ChatbotUI-order-list-container-scroll)::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-order-list-container-big-carousel .SIP-ChatbotUI-order-list-item {
    border-radius: .5rem;
    width: 9.375rem
}

.SIP-ChatbotUI-order-list-container-big-carousel .SIP-ChatbotUI-order-list-item-select-btn {
    min-width: 9.375rem
}

.SIP-ChatbotUI-order-list-container-big-carousel .SIP-ChatbotUI-order-list-more-btn {
    width: 3.5rem
}

.SIP-ChatbotUI-order-list-container-big-carousel .SIP-ChatbotUI-order-list-more-btn span {
    word-break: normal
}

.SIP-ChatbotUI-order-list-container-vertical-list,.SIP-ChatbotUI-order-list-container-vertical-list .SIP-ChatbotUI-order-list-orders {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.SIP-ChatbotUI-order-list-container-vertical-list .SIP-ChatbotUI-order-list-item {
    border-bottom: 1px solid #eee;
    border-radius: 0
}

.SIP-ChatbotUI-order-list-container-vertical-list .SIP-ChatbotUI-order-list-item:first-child {
    border-radius: .5rem .5rem 0 0
}

.SIP-ChatbotUI-order-list-container-vertical-list .SIP-ChatbotUI-order-list-item-select-btn {
    min-width: 9.375rem
}

.SIP-ChatbotUI-order-list-container-vertical-list .SIP-ChatbotUI-order-list-more-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 0 0 .5rem .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.625rem;
    justify-content: center;
    margin: 0;
    width: 300px
}

.SIP-ChatbotUI-order-list-container-vertical-list .SIP-ChatbotUI-order-list-more-btn__container {
    left: unset;
    position: static;
    right: unset;
    top: unset;
    -webkit-transform: none;
    transform: none
}

.SIP-ChatbotUI-order-list-container-vertical-list .SIP-ChatbotUI-order-list-more-btn span {
    color: #ee4d2d;
    font-size: .75rem;
    line-height: .875rem;
    margin-top: 0
}

.SIP-ChatbotUI-order-list-container-two-row-carousel {
    display: block!important;
    padding: 0
}

.SIP-ChatbotUI-order-list-container-two-row-carousel .SIP-ChatbotUI-order-list-orders {
    overflow-x: auto;
    padding: 0 .75rem;
    width: 100%
}

.SIP-ChatbotUI-order-list-container-two-row-carousel .SIP-ChatbotUI-order-list-orders:not(.SIP-ChatbotUI-order-list-orders-scroll)::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-order-list-container-two-row-carousel .SIP-ChatbotUI-order-list-item:nth-child(2) {
    margin-top: .25rem
}

.SIP-ChatbotUI-order-list-container-two-row-carousel .SIP-ChatbotUI-order-list-more-btn {
    border-radius: 1.125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: .25rem 0 0 .75rem;
    max-width: 18.75rem;
    padding: .4375rem 1rem;
    width: auto
}

.SIP-ChatbotUI-order-list-container-two-row-carousel .SIP-ChatbotUI-order-list-more-btn__container {
    color: #ee4d2d;
    font-size: .75rem;
    left: unset;
    line-height: .875rem;
    position: static;
    right: unset;
    top: unset;
    -webkit-transform: none;
    transform: none;
    width: 100%
}

.SIP-ChatbotUI-order-list-container-two-row-carousel .SIP-ChatbotUI-order-list-more-btn span {
    color: #ee4d2d;
    font-size: .75rem;
    line-height: .875rem;
    margin-top: 0
}

.SIP-ChatbotUI-order-list-orders {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-order-list-item {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 8px;
    -webkit-box-shadow: 0 .0625rem .0625rem rgba(0,0,0,.1);
    box-shadow: 0 .0625rem .0625rem rgba(0,0,0,.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: .25rem;
    width: 300px
}

.SIP-ChatbotUI-order-list-item:last-child {
    margin-right: 0
}

.SIP-ChatbotUI-order-list-item .SIP-ChatbotUI-order-list-item-select-btn {
    font-weight: 400;
    padding: 12px
}

.SIP-ChatbotUI-order-list-more-btn {
    -webkit-box-flex: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    font-weight: 400;
    justify-content: center;
    margin-left: .25rem;
    position: relative;
    text-align: center;
    width: 122px
}

.SIP-ChatbotUI-order-list-more-btn.SIP-ChatbotUI-disabled {
    cursor: not-allowed
}

.SIP-ChatbotUI-order-list-more-btn img,.SIP-ChatbotUI-order-list-more-btn-icon svg {
    fill: #ee4d2d;
    display: block;
    height: 29px;
    margin: 0 auto;
    text-align: center;
    width: 29px
}

.SIP-ChatbotUI-order-list-more-btn-icon+span {
    color: #ee4d2d;
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-top: 10px;
    text-align: center;
    word-break: break-word
}

.SIP-ChatbotUI-order-list-more-btn-icon__disabled svg {
    fill: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-order-list-more-btn-icon__disabled+span {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-order-list-popup__title {
    text-align: center
}

.SIP-ChatbotUI-order-list-popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80vh
}

.SIP-ChatbotUI-order-list-right2left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.SIP-ChatbotUI-order-list-webform-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 12px 0 10px
}

.SIP-ChatbotUI-order-list-webform-item {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 8px;
    width: 280px
}

.SIP-ChatbotUI-order-list-webform-item:last-child {
    margin-right: 0
}

.SIP-ChatbotUI-order-list-webform-more-btn {
    -webkit-box-flex: 0;
    background-color: #fff;
    border-radius: 6px;
    -ms-flex: none;
    flex: none;
    position: relative;
    text-align: center;
    width: 122px
}

.SIP-ChatbotUI-order-list-webform-more-btn-container {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.SIP-ChatbotUI-order-list-webform-more-btn img {
    display: block;
    height: 29px;
    margin: 0 auto;
    text-align: center;
    width: 29px
}

.SIP-ChatbotUI-order-list-webform-more-btn span {
    color: #ee4d2d;
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-top: 10px;
    text-align: center
}

.SIP-ChatbotUI-order-list-webform-modal {
    height: 645px;
    width: 748px
}

.SIP-ChatbotUI-order-list-webform-modal__container {
    position: fixed
}

.SIP-ChatbotUI-order-list-webform-modal__title {
    text-align: center
}

.SIP-ChatbotUI-order-list-webform-modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-order-list-webform-popup__container {
    position: fixed
}

.SIP-ChatbotUI-order-list-webform-popup__title {
    text-align: center
}

.SIP-ChatbotUI-order-list-webform-popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80vh
}

.SIP-ChatbotUI-order-list-webform-body-fixed {
    height: 100%;
    position: fixed;
    width: 100%
}

.SIP-ChatbotUI-order-selection-faq .SIP-ChatbotUI-rich-text-content {
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.SIP-ChatbotUI-order-selection-faq .SIP-ChatbotUI-button-link {
    color: #08f;
    font-size: 14px;
    line-height: normal;
    text-align: unset;
    word-break: break-word
}

.order-selection-faq-popup-title {
    text-align: center
}

.order-selection-faq-popup-content {
    padding: 0
}

.order-selection-faq-popup-content .SIP-ChatbotUI-button-group .ChatbotUI-button {
    border-color: rgba(0,0,0,.09);
    color: #08f;
    font-size: 14px;
    line-height: normal;
    line-height: 1rem;
    margin: 0;
    padding: .875rem .75rem;
    text-align: unset;
    word-break: break-word
}

.order-selection-faq-popup-content .SIP-ChatbotUI-button-group .ChatbotUI-button:first-child {
    border: none
}

.SIP-ChatbotUI-popup .SIP-ChatbotUI-modal-popup {
    width: 100%
}

.SIP-ChatbotUI-popup .SIP-ChatbotUI-modal-article-title,.SIP-ChatbotUI-popup-option-title {
    text-align: center
}

.SIP-ChatbotUI-popup-option-radio {
    border-bottom: .5px solid rgba(0,0,0,.09)
}

.SIP-ChatbotUI-popup-order-list-item {
    -webkit-box-flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 8px;
    width: 280px
}

.SIP-ChatbotUI-popup-order-list-item:last-child {
    margin-right: 0
}

.SIP-ChatbotUI-popup-order-list-popup__title {
    text-align: center
}

.SIP-ChatbotUI-popup-order-list-popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80vh;
    padding: 0
}

.SIP-ChatbotUI-probing-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

.SIP-ChatbotUI-probing-form .SIP-ChatbotUI-navbar__title {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    margin-left: 0;
    margin-right: .5rem;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-probing-form-description {
    background: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.06);
    box-shadow: 0 0 6px rgba(0,0,0,.06);
    color: #666;
    font-size: .75rem;
    line-height: .875rem;
    padding: .75rem .8125rem;
    word-break: break-word
}

.SIP-ChatbotUI-probing-form-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto
}

.SIP-ChatbotUI-probing-form-footer {
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.06);
    box-shadow: 0 0 6px rgba(0,0,0,.06);
    padding: .5rem
}

.SIP-ChatbotUI-probing-form-submit.SIP-ChatbotUI-button-primary {
    line-height: 1.125rem;
    margin: unset
}

.SIP-ChatbotUI-probing-form-confirm .SIP-ChatbotUI-modal-modal-content {
    line-height: 1.25rem;
    margin-top: 0;
    padding: 1.25rem;
    text-align: center
}

.SIP-ChatbotUI-probing-form-confirm .SIP-ChatbotUI-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1rem;
    text-align: center
}

.SIP-ChatbotUI-probing-form-confirm .SIP-ChatbotUI-button:first-child {
    border-right: .5px solid rgba(0,0,0,.09)
}

.SIP-ChatbotUI-probing-form-loading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin-top: 3.5rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@supports (margin-top: constant(safe-area-inset-top)) {
    .SIP-ChatbotUI-probing-form-loading {
        margin-top:calc(constant(safe-area-inset-top) + 3.5rem)
    }
}

@supports (margin-top: env(safe-area-inset-top)) {
    .SIP-ChatbotUI-probing-form-loading {
        margin-top:calc(env(safe-area-inset-top) + 3.5rem)
    }
}

.SIP-ChatbotUI-probing-form-popup .SIP-ChatbotUI-modal-popup-title {
    border-bottom: none;
    text-align: center
}

.SIP-ChatbotUI-probing-form-preview-content {
    padding: .75rem .8125rem .5rem
}

.SIP-ChatbotUI-probing-form-preview-title {
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem;
    margin-bottom: .8125rem
}

.SIP-ChatbotUI-probing-form-preview-list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 0
}

.SIP-ChatbotUI-probing-form-preview-list-item .SIP-ChatbotUI-title {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.SIP-ChatbotUI-probing-form-preview-icon {
    margin-right: .5rem
}

.SIP-ChatbotUI-modal-popup-title.SIP-ChatbotUI-probing-form-preview-popup-title {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    border: .75rem solid transparent;
    border-right-width: 2rem;
    display: -webkit-box;
    overflow: hidden;
    padding: 0;
    text-align: center;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-popup-order-button {
    margin: 0!important
}

.SIP-ChatbotUI-popup-order-value {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .75rem 1.5rem;
    position: relative
}

.SIP-ChatbotUI-popup-order-value__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: -.5rem;
    top: -.5rem
}

.SIP-ChatbotUI-popup-order-value__img {
    -webkit-box-flex: 0;
    border: 1px solid rgba(0,0,0,.09);
    -ms-flex: none;
    flex: none;
    height: 4.5rem;
    margin-right: .5rem;
    width: 4.5rem
}

.SIP-ChatbotUI-popup-order-value__title {
    -webkit-line-clamp: 2;
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1rem;
    margin: 0;
    text-overflow: ellipsis
}

.SIP-ChatbotUI-popup-order-value__spec,.SIP-ChatbotUI-popup-order-value__title {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-popup-order-value__spec {
    -webkit-line-clamp: 1;
    color: #888;
    font-size: .75rem;
    line-height: 14px;
    margin-top: .25rem
}

.SIP-ChatbotUI-popup-order-value__price {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    line-height: 1rem;
    margin-top: .5rem
}

.SIP-ChatbotUI-popup-order-modal .SIP-ChatbotUI-modal-popup-enter-done {
    height: 100%!important
}

.SIP-ChatbotUI-popup-selector-name {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-popup-selector-name__prompt {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-probing-form-input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    border: 0;
    flex-grow: 1;
    font-family: inherit;
    font-size: .875rem;
    max-height: 200px;
    outline: 0;
    width: 100%;
    word-break: break-word
}

.SIP-ChatbotUI-probing-form-input__disabled {
    overflow: auto;
    white-space: pre-line
}

.SIP-ChatbotUI-probing-form-input::-webkit-input-placeholder {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-probing-form-input::-moz-placeholder {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-probing-form-input:-ms-input-placeholder {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-probing-form-input::-ms-input-placeholder {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-probing-form-input::placeholder {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-probing-form-input__limit {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .875rem;
    margin-top: .5rem;
    text-align: right
}

.SIP-ChatbotUI-probing-form-input__limit.SIP-ChatbotUI-probing-form-input__error {
    color: #ee2c4a
}

.SIP-ChatbotUI-product__container {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 0 12px
}

.SIP-ChatbotUI-product-shop {
    border-bottom: 1px solid rgba(0,0,0,.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0
}

.SIP-ChatbotUI-product-shop__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    flex-grow: 1;
    font-size: 12px;
    line-height: 15px;
    margin-right: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-product-shop__name>img {
    height: 17px;
    margin-right: 8px;
    vertical-align: middle
}

.SIP-ChatbotUI-product-shop__name>span {
    vertical-align: middle
}

.SIP-ChatbotUI-product-shop__type {
    color: #ee4d2d;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap
}

.SIP-ChatbotUI-product-item {
    border-bottom: 1px solid rgba(0,0,0,.06);
    padding: 8px 0 8px 63px;
    position: relative
}

.SIP-ChatbotUI-product-item>img {
    height: 53px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 53px
}

.SIP-ChatbotUI-product-item__title {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-product-item__spec {
    color: #888;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 14px;
    margin: 6px 0 0
}

.SIP-ChatbotUI-product-item__desc {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    flex-grow: 1;
    margin-right: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-product-item__price {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    line-height: 16px;
    margin: 6px 0 0;
    text-align: right
}

.SIP-ChatbotUI-product-amount {
    border-bottom: 1px solid rgba(0,0,0,.06);
    color: #333;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 0
}

.SIP-ChatbotUI-product-amount__price {
    float: right
}

.SIP-ChatbotUI-product-amount__price>img {
    height: 18px;
    margin-right: 6px;
    vertical-align: text-top
}

.SIP-ChatbotUI-product-amount__price>span {
    color: #ee4d2d
}

.SIP-ChatbotUI-product-order-sn {
    border-bottom: 1px solid rgba(0,0,0,.06);
    color: #333;
    font-size: 12px;
    padding: 8px 0
}

.SIP-ChatbotUI-product-order-sn__title {
    line-height: 17px
}

.SIP-ChatbotUI-product-order-sn__content {
    float: right;
    line-height: 16px
}

.SIP-ChatbotUI-product-buttons {
    padding: 8px 0;
    text-align: right
}

.SIP-ChatbotUI-product-button {
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    font-weight: 14px;
    line-height: 14px;
    margin: 0 0 0 8px;
    min-width: unset!important;
    padding: 5px 10px!important
}

.SIP-ChatbotUI-product-list-user-tabs {
    -webkit-box-flex: 0;
    -webkit-box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 44px;
    flex: 0 0 44px;
    height: 44px
}

.SIP-ChatbotUI-product-list-user-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-preferred-size: 50%;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 50%;
    font-size: 14px;
    justify-content: center;
    line-height: 16px
}

.SIP-ChatbotUI-product-list-user-item--selected {
    border-bottom: 2px solid #ee4d2d;
    color: #ee4d2d;
    font-weight: 500
}

.SIP-ChatbotUI-product-list-tabs,.SIP-ChatbotUI-product-list-tabs-content-class {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.SIP-ChatbotUI-product-list-tabs,.SIP-ChatbotUI-product-list-tabs-content .tabs-container,.SIP-ChatbotUI-product-list-tabs-content-class {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.SIP-ChatbotUI-product-list-tabs-content .tabs-container {
    height: 100%
}

.SIP-ChatbotUI-product-list-tabs-content .tabs-container>.tabs-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden
}

.SIP-ChatbotUI-product-list-tabs-content .tabs-container>.tabs-content>.vlist-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.SIP-ChatbotUI-product-list-infinite-scroll {
    background-color: #f5f5f5
}

.SIP-ChatbotUI-product-list__img {
    padding-top: 60px;
    text-align: center
}

.SIP-ChatbotUI-product-list__img>img {
    height: 200px
}

.SIP-ChatbotUI-product-list__img>p {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin-top: -50px
}

.SIP-ChatbotUI-product-list--loading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center
}

.SIP-ChatbotUI-product-list-footer {
    background: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.06);
    box-shadow: 0 0 6px rgba(0,0,0,.06)
}

.SIP-ChatbotUI-product-list-not-found {
    margin: .5rem
}

.SIP-ChatbotUI-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-radio-group__vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.SIP-ChatbotUI-radio-group__horizontal {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.SIP-ChatbotUI-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0;
    flex: 0;
    padding: 14px 12px;
    width: 100%
}

.SIP-ChatbotUI-radio-circle {
    -webkit-box-flex: 0;
    border: 1px solid rgba(0,0,0,.54);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    -ms-flex: none;
    flex: none;
    height: 20px;
    width: 20px
}

.SIP-ChatbotUI-radio-input {
    display: none
}

.SIP-ChatbotUI-radio-label {
    font-size: 14px;
    line-height: 16px;
    margin-left: 12px;
    vertical-align: middle
}

.SIP-ChatbotUI-radio__checked--horrow .SIP-ChatbotUI-radio-circle {
    background-color: #ee4d2d;
    border: 1px solid #ee4d2d;
    border-radius: 50%;
    position: relative
}

.SIP-ChatbotUI-radio__checked--horrow .SIP-ChatbotUI-radio-circle-inner {
    background-color: #fff;
    border-radius: 100%;
    height: 33%;
    left: 33%;
    position: absolute;
    top: 33%;
    width: 33%
}

.SIP-ChatbotUI-radio__checked--solid .SIP-ChatbotUI-radio-circle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid #ee4d2d;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.SIP-ChatbotUI-radio__checked--solid .SIP-ChatbotUI-radio-circle-inner {
    background: #ee4d2d;
    border-radius: 4px;
    height: 8px;
    width: 8px
}

.SIP-ChatbotUI-radio__disabled--horrow,.SIP-ChatbotUI-radio__disabled--solid {
    background: #f5f5f5;
    border: 1px solid rgba(0,0,0,.26)
}

.ellipsis-line-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.SIP-ChatbotUI-related-intent .SIP-ChatbotUI-rich-text-content {
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.SIP-ChatbotUI-related-intent .SIP-ChatbotUI-button-link {
    font-size: 14px;
    line-height: normal;
    text-align: unset;
    text-overflow: ellipsis;
    word-break: break-word
}

.SIP-ChatbotUI-related-intent .SIP-ChatbotUI-button-link,.SIP-ChatbotUI-related-intent .SIP-ChatbotUI-button-link>span {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.SIP-ChatbotUI-rich-text {
    max-width: 457px
}

.SIP-ChatbotUI-rich-text a.chatbot-text-link-tel_button-style.chatbot-text-link-tel[href*="phone_style=2"] {
    background-color: #ee4d2d!important;
    border-radius: 2px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff!important;
    display: inline-block!important;
    font-size: 14px!important;
    font-weight: 400;
    height: 36px;
    line-height: 16px!important;
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 100%!important;
    min-width: 64px;
    padding: 10px 16px;
    text-align: center!important;
    text-decoration: none!important;
    width: auto!important
}

.SIP-ChatbotUI-rich-text a.chatbot-text-link-tel[href*="phone_style=2"][href*="button_style=1"] {
    background-color: #ee4d2d!important;
    color: #fff!important
}

.SIP-ChatbotUI-rich-text a.chatbot-text-link-tel[href*="phone_style=2"][href*="button_style=2"] {
    background-color: #fff!important;
    border: 1px solid #ee4d2d!important;
    color: #ee4d2d!important
}

.SIP-ChatbotUI-rich-text a.chatbot-text-link-tel[href*="phone_style=2"][href*="button_style=3"] {
    background-color: #fff!important;
    border: 1px solid rgba(0,0,0,.26)!important;
    color: rgba(0,0,0,.87)!important
}

.SIP-ChatbotUI-rich-text div.redirection-button-to-taskbots-or-app-page {
    background-color: #ee4d2d;
    border-radius: 2px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px!important;
    font-weight: 400;
    height: auto!important;
    line-height: 16px!important;
    margin-bottom: 10px;
    margin-right: 8px;
    margin-top: 10px;
    min-height: 36px;
    min-width: 64px;
    padding: 10px 16px;
    position: relative;
    text-align: center
}

.SIP-ChatbotUI-rich-text .chatbot-text-link-tel_button-wrapper-style+.redirection-button-to-taskbots-or-app-page,.SIP-ChatbotUI-rich-text .chatbot-text-link-tel_button-wrapper-style+div.redirection-button-container,.SIP-ChatbotUI-rich-text .chatbot-text-link-tel_button-wrapper-style+p>a.chatbot-text-link-tel_button-style,.SIP-ChatbotUI-rich-text .redirection-button-to-taskbots-or-app-page+.redirection-button-to-taskbots-or-app-page,.SIP-ChatbotUI-rich-text .redirection-button-to-taskbots-or-app-page+div.redirection-button-container,.SIP-ChatbotUI-rich-text .redirection-button-to-taskbots-or-app-page+p>a.chatbot-text-link-tel_button-style {
    margin-top: -2px!important
}

.SIP-ChatbotUI-rich-text div.redirection-button-container .redirection-button-to-taskbots-or-app-page {
    margin-top: 0!important
}

.SIP-ChatbotUI-rich-text div.redirection-button-to-taskbots-or-app-page div.redirection-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.SIP-ChatbotUI-rich-text div.redirection-button-to-taskbots-or-app-page div.redirection-button-tooltip {
    background: rgba(0,0,0,.8);
    border-radius: 4px;
    bottom: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 3px 6px;
    position: absolute;
    width: 100%;
    z-index: 10
}

.SIP-ChatbotUI-rich-text div.redirection-button-ellipsis:hover div.redirection-button-tooltip {
    display: block
}

.SIP-ChatbotUI-rich-text div.redirection-button-to-taskbots-or-app-page[data-button-json*='"buttonStyle":1'] {
    background-color: #ee4d2d!important;
    color: #fff!important
}

.SIP-ChatbotUI-rich-text div.redirection-button-to-taskbots-or-app-page[data-button-json*='"buttonStyle":2'] {
    background-color: #fff!important;
    border: 1px solid #ee4d2d!important;
    color: #ee4d2d!important
}

.SIP-ChatbotUI-rich-text div.redirection-button-to-taskbots-or-app-page[data-button-json*='"buttonStyle":3'] {
    background-color: #fff!important;
    border: 1px solid rgba(0,0,0,.26)!important;
    color: rgba(0,0,0,.87)!important
}

.SIP-ChatbotUI-rich-text div.redirection-button-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2px;
    margin-top: 10px
}

.SIP-ChatbotUI-rich-text div.redirection-button-container div.redirection-button-to-taskbots-or-app-page {
    -ms-flex-preferred-size: calc(33.33% - 7px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    flex-basis: calc(33.33% - 7px);
    margin-bottom: 8px!important
}

.SIP-ChatbotUI-rich-text div.redirection-button-container div.redirection-button-to-taskbots-or-app-page:nth-child(3) {
    margin-right: 0
}

.SIP-ChatbotUI-rich-text-content {
    word-break: break-word
}

.SIP-ChatbotUI-rich-text-content p {
    margin: initial
}

.SIP-ChatbotUI-rich-text-content div,.SIP-ChatbotUI-rich-text-content label,.SIP-ChatbotUI-rich-text-content p,.SIP-ChatbotUI-rich-text-content span {
    max-width: 100%;
    word-break: break-word
}

.SIP-ChatbotUI-rich-text-content img {
    max-height: 280px;
    max-height: 20rem;
    max-width: min(100%,350px);
    -o-object-fit: contain;
    object-fit: contain;
    width: 20rem
}

.SIP-ChatbotUI-rich-text-content iframe {
    height: 350px;
    width: min(100%,350px)
}

.SIP-ChatbotUI-rich-text-content table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%!important
}

.SIP-ChatbotUI-rich-text-content a {
    -webkit-tap-highlight-color: transparent;
    -moz-user-focus: none;
    color: blue;
    color: #2673dd;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none
}

.SIP-ChatbotUI-rich-text-content a.disabled {
    color: rgba(0,0,0,.87);
    cursor: auto
}

.SIP-ChatbotUI-rich-text-content a.chatbot-text-change-order-link {
    color: #4080ee
}

.SIP-ChatbotUI-rich-text-content a.chatbot-text-change-order-link.disabled {
    color: rgba(0,0,0,.54)
}

.SIP-ChatbotUI-rich-text-content a span {
    text-decoration: none!important
}

.SIP-ChatbotUI-rich-text-content td {
    border: 1px solid #000;
    padding: 2px 5px
}

.SIP-ChatbotUI-rich-text-content em {
    font-style: oblique;
    font-style: italic
}

.SIP-ChatbotUI-rich-text-content em,.SIP-ChatbotUI-rich-text-content h1,.SIP-ChatbotUI-rich-text-content h2,.SIP-ChatbotUI-rich-text-content h3,.SIP-ChatbotUI-rich-text-content h4,.SIP-ChatbotUI-rich-text-content h5,.SIP-ChatbotUI-rich-text-content h6 {
    all: revert
}

.SIP-ChatbotUI-rich-text-content table td {
    outline: none
}

.SIP-ChatbotUI-rich-text-content ol {
    padding-left: 1.5em
}

.SIP-ChatbotUI-rich-text-content li[data-list=bullet]>.ql-ui:before {
    content: "\2022"
}

.SIP-ChatbotUI-rich-text-content li {
    list-style-type: none;
    padding-left: 1.5em;
    position: relative
}

.SIP-ChatbotUI-rich-text-content li>.ql-ui:before {
    display: inline-block;
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered] {
    counter-increment: list-0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered]>.ql-ui:before {
    content: counter(list-0,decimal) ". "
}

.SIP-ChatbotUI-rich-text-content .ql-size-small {
    font-size: .75em;
    line-height: 1.2
}

.SIP-ChatbotUI-rich-text-content .ql-size-large {
    font-size: 1.5em;
    line-height: 1.2
}

.SIP-ChatbotUI-rich-text-content .ql-size-huge {
    font-size: 2.5em;
    line-height: 1.2
}

.SIP-ChatbotUI-rich-text-content .ql-font-serif {
    font-family: Georgia,Times New Roman,serif
}

.SIP-ChatbotUI-rich-text-content .ql-font-monospace {
    font-family: Monaco,Courier New,monospace
}

.SIP-ChatbotUI-rich-text-content .ql-indent-1 {
    padding-left: 3em
}

.SIP-ChatbotUI-rich-text-content .ql-indent-2 {
    padding-left: 6em
}

.SIP-ChatbotUI-rich-text-content .ql-indent-3 {
    padding-left: 9em
}

.SIP-ChatbotUI-rich-text-content .ql-indent-4 {
    padding-left: 12em
}

.SIP-ChatbotUI-rich-text-content li.ql-indent-1 {
    padding-left: 4.5em
}

.SIP-ChatbotUI-rich-text-content li.ql-indent-2 {
    padding-left: 7.5em
}

.SIP-ChatbotUI-rich-text-content li.ql-indent-3 {
    padding-left: 10.5em
}

.SIP-ChatbotUI-rich-text-content li.ql-indent-4 {
    padding-left: 13.5em
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-1 {
    counter-increment: list-1
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-1>.ql-ui:before {
    content: counter(list-1,lower-alpha) ". "
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-2 {
    counter-increment: list-2
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-2>.ql-ui:before {
    content: counter(list-2,lower-roman) ". "
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-3 {
    counter-increment: list-3
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-3>.ql-ui:before {
    content: counter(list-3,decimal) ". "
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-4 {
    counter-increment: list-4
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-4>.ql-ui:before {
    content: counter(list-4,lower-alpha) ". "
}

.SIP-ChatbotUI-rich-text-content li[data-list=ordered].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.SIP-ChatbotUI-rich-text-content .ql-align-right {
    text-align: right
}

.SIP-ChatbotUI-rich-text-content .ql-align-center {
    text-align: center
}

.SIP-ChatbotUI-rich-text-content blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.SIP-ChatbotUI-rich-text-content .ql-code-block-container {
    background-color: #f0f0f0;
    background-color: #23241f;
    border-radius: 3px;
    color: #f8f8f2;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: visible;
    padding: 5px 10px;
    position: relative
}

.SIP-ChatbotUI-rich-text-content .ql-code-block-container .ql-ui {
    right: 5px;
    top: 5px
}

.SIP-ChatbotUI-rich-text-content .date-text {
    color: blue;
    font-size: 1rem
}

.SIP-ChatbotUI-rich-text-content .hidden {
    display: none
}

.SIP-ChatbotUI-rich-text-content .ql-container .qlbt-selection-line.qlbt-selection-line-left:before {
    background-color: #0589f3;
    border-radius: 5px;
    content: "";
    height: 5px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 5px
}

.SIP-ChatbotUI-rich-text-content .ql-container .qlbt-selection-line.qlbt-selection-line-right:before {
    background-color: #0589f3;
    border-radius: 5px;
    bottom: -3px;
    content: "";
    height: 5px;
    position: absolute;
    right: -2px;
    width: 5px
}

.SIP-ChatbotUI-rich-text-content .quill-better-table-wrapper {
    overflow: auto;
    width: calc(100% + 24px)
}

.SIP-ChatbotUI-rich-text-content .quill-better-table-wrapper .quill-better-table * {
    white-space: normal
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table tr {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table tr:first-child {
    background-color: initial!important;
    font-weight: 500
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table tr:first-child td {
    background-color: #f5f5f5!important
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table td {
    border: .5px solid rgba(0,0,0,.09);
    border-bottom: none;
    padding: 12px
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table tr:last-child td {
    border-bottom: .5px solid rgba(0,0,0,.09)
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table tr:first-child td:first-child {
    border-top-left-radius: 4px
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table tr:first-child td:last-child {
    border-top-right-radius: 4px
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table tr:last-child td:first-child {
    border-bottom-left-radius: 4px
}

.SIP-ChatbotUI-rich-text-content table.quill-better-table tr:last-child td:last-child {
    border-bottom-right-radius: 4px
}

.SIP-ChatbotUI-rich-text-content table a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-rich-text-content .table-hyperlink-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.SIP-ChatbotUI-rich-text-content .qlbt-operation-menu {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15);
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    font-size: 14px;
    overflow: hidden;
    z-index: 100
}

.SIP-ChatbotUI-rich-text-content .qlbt-operation-menu .qlbt-operation-menu-dividing {
    background-color: #efefef;
    height: 1px
}

.SIP-ChatbotUI-rich-text-content .qlbt-operation-menu .qlbt-operation-menu-subtitle {
    color: #999;
    font-size: 14px;
    padding: 5px 16px
}

.SIP-ChatbotUI-rich-text-content .qlbt-operation-menu .qlbt-operation-color-picker {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 0 16px 10px
}

.SIP-ChatbotUI-rich-text-content .qlbt-operation-menu .qlbt-operation-color-picker .qlbt-operation-color-picker-item {
    border: 1px solid #595959;
    cursor: pointer;
    height: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 20px
}

.SIP-ChatbotUI-rich-text-content .qlbt-operation-menu .qlbt-operation-menu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    color: #595959;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 10px 16px;
    text-overflow: ellipsis
}

.SIP-ChatbotUI-rich-text-content .qlbt-operation-menu .qlbt-operation-menu-item:hover {
    background-color: #efefef
}

.SIP-ChatbotUI-rich-text-content .qlbt-operation-menu .qlbt-operation-menu-item .qlbt-operation-menu-icon {
    font-size: 0;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.SIP-ChatbotUI-rich-text-content .qlbt-col-tool {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    overflow: hidden;
    position: absolute;
    z-index: 99
}

.SIP-ChatbotUI-rich-text-content .qlbt-col-tool .qlbt-col-tool-cell {
    background-color: #fff;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    position: relative
}

.SIP-ChatbotUI-rich-text-content .qlbt-col-tool .qlbt-col-tool-cell:first-child {
    border-left: 1px solid #000
}

.SIP-ChatbotUI-rich-text-content .qlbt-col-tool .qlbt-col-tool-cell-holder {
    background-color: initial;
    bottom: 0;
    cursor: ew-resize;
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
    z-index: 3
}

.SIP-ChatbotUI-rich-text-content .qlbt-col-tool .qlbt-col-tool-cell-holder:hover {
    background-color: #0589f3
}

.SIP-ChatbotUI-rich-text-content .qlbt-col-tool .qlbt-col-tool-cell-holder:before {
    content: "";
    display: block;
    height: 100%;
    left: -6px;
    position: absolute;
    top: 0;
    width: 8px
}

.SIP-ChatbotUI-rich-text-content .qlbt-col-tool .qlbt-col-tool-cell-holder:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -6px;
    top: 0;
    width: 8px
}

.SIP-ChatbotUI-rich-text-content .expend-icon-container {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.SIP-ChatbotUI-rich-text-content .expend-icon-container .expend-icon {
    height: 20px;
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px
}

.SIP-ChatbotUI-tabs-title {
    -ms-overflow-style: none;
    color: raba(0,0,0,.87);
    font-size: 14px;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    white-space: nowrap
}

.SIP-ChatbotUI-tabs-title-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-tabs-title::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-tabs-title>li {
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
    padding: 14px;
    text-align: center;
    vertical-align: middle
}

.SIP-ChatbotUI-tabs-title>li.selected {
    color: #ee4d2d;
    font-weight: 500
}

.SIP-ChatbotUI-tabs-title>li.selected__underscope {
    border-bottom: 2px solid #ee4d2d
}

.SIP-ChatbotUI-tabs-title>li.disabled {
    color: rgba(0,0,0,.4)
}

.SIP-ChatbotUI-tabs-title-flex-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.SIP-ChatbotUI-tabs-title-flex-layout li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.SIP-ChatbotUI-tabs-icon {
    -ms-flex-negative: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 9px
}

.SIP-ChatbotUI-tabs-icon-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.SIP-ChatbotUI-tabs-icon-hidden {
    display: none
}

.SIP-ChatbotUI-tabs-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    overflow-x: hidden
}

.SIP-ChatbotUI-tabs-content-wrapper {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.SIP-ChatbotUI-tabs-content>div {
    height: 100%;
    overflow: hidden;
    position: relative
}

.SIP-ChatbotUI-tag {
    background: #30b566;
    border-radius: 1px;
    color: #fff;
    font-size: .625rem;
    font-weight: 500;
    padding: .125rem .25rem
}

.SIP-ChatbotUI-tag-ellipsis-1 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-tag-ellipsis-1,.SIP-ChatbotUI-tag-ellipsis-1.SIP-ChatbotUI-tag-block {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-tag-ellipsis-1.SIP-ChatbotUI-tag-block {
    display: -webkit-box
}

.SIP-ChatbotUI-tag-ellipsis-2 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-tag-ellipsis-2,.SIP-ChatbotUI-tag-ellipsis-2.SIP-ChatbotUI-tag-block {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-tag-ellipsis-2.SIP-ChatbotUI-tag-block {
    display: -webkit-box
}

.SIP-ChatbotUI-tag-ellipsis-3 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-tag-ellipsis-3,.SIP-ChatbotUI-tag-ellipsis-3.SIP-ChatbotUI-tag-block {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-tag-ellipsis-3.SIP-ChatbotUI-tag-block {
    display: -webkit-box
}

.SIP-ChatbotUI-tag-ellipsis-4 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-tag-ellipsis-4,.SIP-ChatbotUI-tag-ellipsis-4.SIP-ChatbotUI-tag-block {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-tag-ellipsis-4.SIP-ChatbotUI-tag-block {
    display: -webkit-box
}

.SIP-ChatbotUI-tag-ellipsis-5 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-tag-ellipsis-5,.SIP-ChatbotUI-tag-ellipsis-5.SIP-ChatbotUI-tag-block {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-tag-ellipsis-5.SIP-ChatbotUI-tag-block {
    display: -webkit-box
}

.SIP-ChatbotUI-text {
    word-break: break-word
}

.SIP-ChatbotUI-text-ellipsis-1 {
    display: -webkit-box
}

.SIP-ChatbotUI-text-ellipsis-1,.SIP-ChatbotUI-text-ellipsis-inline-1 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-text-ellipsis-inline-1 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-text-ellipsis-2 {
    display: -webkit-box
}

.SIP-ChatbotUI-text-ellipsis-2,.SIP-ChatbotUI-text-ellipsis-inline-2 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-text-ellipsis-inline-2 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-text-ellipsis-3 {
    display: -webkit-box
}

.SIP-ChatbotUI-text-ellipsis-3,.SIP-ChatbotUI-text-ellipsis-inline-3 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-text-ellipsis-inline-3 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-text-ellipsis-4 {
    display: -webkit-box
}

.SIP-ChatbotUI-text-ellipsis-4,.SIP-ChatbotUI-text-ellipsis-inline-4 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-text-ellipsis-inline-4 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-text-ellipsis-5 {
    display: -webkit-box
}

.SIP-ChatbotUI-text-ellipsis-5,.SIP-ChatbotUI-text-ellipsis-inline-5 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-text-ellipsis-inline-5 {
    display: -webkit-inline-box
}

.SIP-ChatbotUI-tip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 12px;
    padding: 12px
}

.SIP-ChatbotUI-tip-icon {
    -webkit-box-flex: 0;
    color: #ee4d2d;
    -ms-flex: none;
    flex: none;
    height: 20px;
    margin-right: 9px;
    width: 20px
}

.SIP-ChatbotUI-tip-icon img {
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-tip-content {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px
}

.SIP-ChatbotUI-title {
    color: #212121;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.SIP-ChatbotUI-title-ellipsis-1 {
    -webkit-line-clamp: 1
}

.SIP-ChatbotUI-title-ellipsis-1,.SIP-ChatbotUI-title-ellipsis-2 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-title-ellipsis-2 {
    -webkit-line-clamp: 2
}

.SIP-ChatbotUI-title-ellipsis-3 {
    -webkit-line-clamp: 3
}

.SIP-ChatbotUI-title-ellipsis-3,.SIP-ChatbotUI-title-ellipsis-4 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-title-ellipsis-4 {
    -webkit-line-clamp: 4
}

.SIP-ChatbotUI-title-ellipsis-5 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-tip-message {
    background-color: #fff;
    border-radius: .25rem;
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem;
    margin: 0 .75rem
}

.SIP-ChatbotUI-transaction__container {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px
}

.SIP-ChatbotUI-transaction__image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 32px;
    width: 32px
}

.SIP-ChatbotUI-transaction__image img {
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-transaction-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 12px;
    position: relative
}

.SIP-ChatbotUI-transaction-info__name,.SIP-ChatbotUI-transaction-info__specification {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.54);
    display: -webkit-box;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-transaction-info__specification {
    height: 14px;
    margin-top: 12px
}

.SIP-ChatbotUI-transaction-info__price {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 2px;
    margin-right: 70px;
    margin-top: auto;
    max-width: 110px;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-transaction-status {
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 0
}

.SIP-ChatbotUI-transaction-status--success {
    color: #30b566
}

.SIP-ChatbotUI-transaction-status--fail {
    color: #ee2c4a
}

.SIP-ChatbotUI-transaction-status--pending {
    color: rgba(0,0,0,.87)
}

.SIP-ChatbotUI-transaction-vertical__container {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px
}

.SIP-ChatbotUI-transaction-vertical__container:first-of-type {
    margin-top: 11px
}

.SIP-ChatbotUI-transaction-vertical__container:last-of-type {
    margin-bottom: 11px
}

.SIP-ChatbotUI-transaction-vertical__image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 40px;
    width: 40px
}

.SIP-ChatbotUI-transaction-vertical__image img {
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-transaction-vertical-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px
}

.SIP-ChatbotUI-transaction-vertical-info__name {
    -webkit-line-clamp: 2;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px
}

.SIP-ChatbotUI-transaction-vertical-info__name,.SIP-ChatbotUI-transaction-vertical-info__specification {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-transaction-vertical-info__specification {
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.54);
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin-top: 8px
}

.SIP-ChatbotUI-transaction-vertical-price {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-transaction-vertical-price__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    text-align: right
}

.SIP-ChatbotUI-transaction-vertical-status {
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px
}

.SIP-ChatbotUI-transaction-vertical-status--success {
    color: #30b566
}

.SIP-ChatbotUI-transaction-vertical-status--fail {
    color: #ee2c4a
}

.SIP-ChatbotUI-transaction-vertical-status--pending {
    color: rgba(0,0,0,.54)
}

.SIP-ChatbotUI-transaction-vertical-arrow-tail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 7.74px;
    margin-right: 3px
}

.SIP-ChatbotUI-transaction-vertical-arrow-tail img {
    display: inline-block;
    height: 8.07px;
    width: 4.54px
}

.SIP-ChatbotUI-transaction-list-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding: 0 8px;
    width: 100vw
}

.SIP-ChatbotUI-transaction-list-item {
    -webkit-box-flex: 0;
    background-color: #fff;
    border-radius: 6px;
    -ms-flex: none;
    flex: none;
    margin-right: 8px;
    width: 236px
}

.SIP-ChatbotUI-transaction-list-item:last-child {
    margin-right: 0
}

.SIP-ChatbotUI-transaction-list-item-button {
    min-width: unset
}

.SIP-ChatbotUI-transaction-list-more-btn {
    -webkit-box-flex: 0;
    background-color: #fff;
    border-radius: 6px;
    -ms-flex: none;
    flex: none;
    position: relative;
    text-align: center;
    width: 122px
}

.SIP-ChatbotUI-transaction-list-more-btn-container {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.SIP-ChatbotUI-transaction-list-more-btn img {
    display: block;
    height: 29px;
    margin: 0 auto;
    text-align: center;
    width: 29px
}

.SIP-ChatbotUI-transaction-list-more-btn span {
    color: #ee4d2d;
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-top: 10px;
    text-align: center
}

.SIP-ChatbotUI-transaction-list-popup-title {
    text-align: center
}

.SIP-ChatbotUI-transaction-list-popup-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.SIP-ChatbotUI-transaction-list-gap {
    background-color: #f5f5f5;
    height: 1px;
    margin-left: 12px;
    margin-top: -1px
}

.SIP-ChatbotUI-transaction-list-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    -webkit-box-shadow: 0 -1px 5px 0 #f5f5f5;
    box-shadow: 0 -1px 5px 0 #f5f5f5;
    color: #ee4d2d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: auto;
    padding: 8px;
    z-index: 1
}

.SIP-ChatbotUI-transaction-list-footer .text {
    border: 1px solid #ee4d2d;
    height: 44px;
    line-height: 44px;
    margin: auto;
    text-align: center;
    width: 360px
}

.SIP-ChatbotUI-transaction-list-check_here {
    color: #595959;
    font-size: 12px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 360px
}

.SIP-ChatbotUI-transaction-list-check_here .click_text {
    color: #2673dd;
    cursor: pointer;
    padding-left: 8px
}

.SIP-ChatbotUI-scroll-list-container {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 400px;
    overflow: hidden
}

.SIP-ChatbotUI-list {
    width: 100%
}

.SIP-ChatbotUI-list-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-bottom: .5px solid rgba(0,0,0,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.SIP-ChatbotUI-list-title-content {
    font-weight: 500
}

.SIP-ChatbotUI-list-title-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px
}

.SIP-ChatbotUI-list-title-control__left svg,.SIP-ChatbotUI-list-title-control__right svg {
    fill: #ee4d2d
}

.SIP-ChatbotUI-list-title-control__left.disabled,.SIP-ChatbotUI-list-title-control__right.disabled {
    pointer-events: none
}

.SIP-ChatbotUI-list-title-control__left.disabled svg,.SIP-ChatbotUI-list-title-control__right.disabled svg {
    fill: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-list-title-control__right {
    margin-left: 22px
}

.SIP-ChatbotUI-list-container {
    border-bottom: .5px solid rgba(0,0,0,.09);
    overflow-x: hidden;
    width: 100%
}

.SIP-ChatbotUI-list-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.SIP-ChatbotUI-list-page {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: relative;
    width: 34%
}

.SIP-ChatbotUI-list-dots-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px
}

.SIP-ChatbotUI-list-dots-container,.SIP-ChatbotUI-list-dots-container .dots-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.SIP-ChatbotUI-list-dots-container .dots-wrap {
    height: 8px;
    width: 40px
}

.SIP-ChatbotUI-list-dots-container .dot {
    background: #f5f5f5;
    border: .5px solid rgba(0,0,0,.09);
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.SIP-ChatbotUI-list-dots-container .dot:not(:first-child) {
    margin-left: 8px
}

.SIP-ChatbotUI-list-dots-container .selected {
    background: #ee4d2d
}

.SIP-ChatbotUI-list .animation-container {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-name: swipe;
    animation-name: swipe;
    left: 220px;
    top: 78px;
    z-index: 10
}

.SIP-ChatbotUI-list .animation-container,.SIP-ChatbotUI-list .swipe-trace {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    opacity: 0;
    position: absolute
}

.SIP-ChatbotUI-list .swipe-trace {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-name: trace;
    animation-name: trace;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,69%,.81)),to(hsla(0,0%,100%,0)));
    background: -webkit-linear-gradient(left,hsla(0,0%,69%,.81),hsla(0,0%,100%,0));
    background: linear-gradient(90deg,hsla(0,0%,69%,.81),hsla(0,0%,100%,0));
    border-radius: 5px;
    height: 9px;
    left: 170px;
    top: 86px;
    -webkit-transform-origin: right;
    transform-origin: right;
    width: 63px;
    z-index: 9
}

.SIP-ChatbotUI-food-order-container {
    background-color: #fff;
    width: 100%
}

.SIP-ChatbotUI-food-order-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fafafa;
    border-bottom: .5px solid rgba(0,0,0,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .875rem .75rem
}

.SIP-ChatbotUI-food-order-banner-code {
    color: #ee4d2d;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    margin: 0
}

.SIP-ChatbotUI-food-order-banner-create-time {
    color: rgba(0,0,0,.54);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin: 0
}

.SIP-ChatbotUI-food-order-banner-create-time,.SIP-ChatbotUI-food-order-banner-status {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-food-order-banner-status {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem;
    margin: 0 0 0 auto
}

.SIP-ChatbotUI-food-order-banner-createTime {
    background-color: #fff
}

.SIP-ChatbotUI-food-order-content {
    padding: .75rem
}

.SIP-ChatbotUI-food-order-content-shop-name {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-food-order-content-shop-name-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.25rem;
    position: relative;
    width: 1.25rem
}

.SIP-ChatbotUI-food-order-content-shop-name-icon:after {
    background-color: rgba(0,0,0,.09);
    bottom: 0;
    content: "";
    display: block;
    height: .5rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%,.75rem);
    transform: translate(-50%,.75rem);
    width: .125rem
}

.SIP-ChatbotUI-food-order-content-shop-name p {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin: 0 0 0 .75rem;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-food-order-content-buyer-info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem
}

.SIP-ChatbotUI-food-order-content-buyer-info-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1.25rem;
    position: relative;
    width: 1.25rem
}

.SIP-ChatbotUI-food-order-content-buyer-info p {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin: 0 0 0 .75rem;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-food-buyer-order .SIP-ChatbotUI-food-buyer-order {
    width: 100%
}

.SIP-ChatbotUI-food-buyer-order .SIP-ChatbotUI-food-buyer-order-button {
    display: inline-block;
    margin: 0;
    min-width: unset!important;
    padding: .625rem!important
}

.SIP-ChatbotUI-food-buyer-order-shop {
    background-color: #fff;
    border-bottom: .0625rem solid rgba(0,0,0,.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .75rem 1rem
}

.SIP-ChatbotUI-food-buyer-order-shop__name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    flex-grow: 1;
    font-size: .875rem;
    line-height: .9375rem;
    margin-right: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-food-buyer-order-shop__name>span {
    color: rgba(0,0,0,.65);
    vertical-align: middle
}

.SIP-ChatbotUI-food-buyer-order-shop__type {
    color: #ee4d2d;
    font-size: .875rem;
    line-height: 1rem;
    white-space: nowrap
}

.SIP-ChatbotUI-food-buyer-order-buttons {
    background-color: #fff;
    border-top: .0625rem solid rgba(0,0,0,.06);
    margin-bottom: .5rem;
    padding: .375rem 1rem .375rem 0;
    text-align: right
}

.SIP-ChatbotUI-order-list-popup-title {
    text-align: center
}

.SIP-ChatbotUI-order-list-popup-content {
    background: #f5f5f5;
    height: 80vh!important
}

.SIP-ChatbotUI-order-list-popup-content-buyerFood {
    background: #f5f5f5;
    height: 80vh!important;
    padding: 0
}

.SIP-ChatbotUI-order-list-popup-list-wrapper {
    height: 100%;
    margin: .5rem .4375rem 0
}

.SIP-ChatbotUI-order-list-popup-list-wrapper .SIP-ChatbotUI-food-order-container {
    margin-bottom: .625rem
}

.SIP-ChatbotUI-order-list-popup-list-wrapper .SIP-ChatbotUI-order-list-popup-group-order-wrapper .SIP-ChatbotUI-food-order-container {
    margin-bottom: 0
}

.SIP-ChatbotUI-order-list-popup-list-wrapper .SIP-ChatbotUI-order-list-popup-food-buyer-order {
    width: 100%
}

.SIP-ChatbotUI-order-list-popup-list-wrapper .SIP-ChatbotUI-order-list-popup-food-buyer-order-button {
    display: inline-block;
    margin: 0;
    min-width: unset!important;
    padding: .625rem!important
}

.SIP-ChatbotUI-order-list-popup-banner {
    background: #f69113;
    color: #fff;
    font-size: .875rem;
    line-height: 1rem;
    margin: 0;
    padding: .4375rem 0 .4375rem .75rem;
    text-align: left
}

.SIP-ChatbotUI-order-list-popup-tabs-content-class {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.SIP-ChatbotUI-order-list-popup-tabs-title-class {
    -webkit-box-flex: 1;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

.SIP-ChatbotUI-order-list-popup-tabs-title-class li {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: center
}

.SIP-ChatbotUI-order-list-popup-group-order-wrapper {
    border: .0625rem solid #f69113;
    margin-bottom: .625rem
}

.SIP-ChatbotUI-order-list-popup-group-order-wrapper .SIP-ChatbotUI-food-order-banner {
    border-top: .5px solid rgba(0,0,0,.09)
}

.SIP-ChatbotUI-order-list-popup__img {
    padding-top: 3.75rem;
    text-align: center
}

.SIP-ChatbotUI-order-list-popup__img>img {
    height: 12.5rem
}

.SIP-ChatbotUI-order-list-popup__img>p {
    color: rgba(0,0,0,.54);
    font-size: .875rem;
    margin-top: -3.125rem
}

.SIP-ChatbotUI-order-list-popup--loading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center
}

.SIP-ChatbotUI-order-selector-container {
    border-radius: .25rem;
    padding-left: .75rem
}

.SIP-ChatbotUI-order-selector-container_2,.SIP-ChatbotUI-order-selector-container_2 .SIP-ChatbotUI-order-selector-btn-wrapper {
    border-radius: .9375rem
}

.SIP-ChatbotUI-order-selector-container_2 .SIP-ChatbotUI-order-selector-btn-wrapper span {
    color: #ee4d2d
}

.SIP-ChatbotUI-order-selector-btn-wrapper {
    background-color: #fff;
    border-radius: .25rem;
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem;
    margin: 0;
    padding: .625rem .75rem
}

.SIP-ChatbotUI-order-selector-btn-wrapper span:not(.SIP-ChatbotUI-order-selector-btn_disable) {
    color: #4080ee
}

.SIP-ChatbotUI-carousel {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.SIP-ChatbotUI-carousel .swiper-slide {
    display: inline-block;
    width: auto!important
}

.SIP-ChatbotUI-carousel .swiper {
    padding: 0 20px
}

.SIP-ChatbotUI-carousel .swiper-button-prev {
    left: 0
}

.SIP-ChatbotUI-carousel .swiper-button-next {
    right: 0
}

.SIP-ChatbotUI-carousel .swiper-button-next,.SIP-ChatbotUI-carousel .swiper-button-prev {
    color: #666
}

.SIP-ChatbotUI-carousel .swiper-button-next.disabled,.SIP-ChatbotUI-carousel .swiper-button-prev.disabled {
    display: none
}

.SIP-ChatbotUI-carousel .swiper-button-next:after,.SIP-ChatbotUI-carousel .swiper-button-prev:after {
    font-size: 14px;
    font-weight: 500
}

.SIP-ChatbotUI-hot-question {
    width: 100%
}

.SIP-ChatbotUI-hot-question-content {
    line-height: 18px;
    padding: 8px 12px;
    white-space: pre-line
}

.SIP-ChatbotUI-hot-question-buttons {
    min-width: 244px
}

.SIP-ChatbotUI-hot-question-button-text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-align: left;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-hot-question-swiper {
    width: 80%
}

.SIP-ChatbotUI-shortcuts {
    -ms-overflow-style: none;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    width: 100%
}

.SIP-ChatbotUI-shortcuts-scroll-wrapper {
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll
}

.SIP-ChatbotUI-shortcuts-scroll-wrapper::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-shortcuts-left-arrow,.SIP-ChatbotUI-shortcuts-right-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 29px;
    justify-content: center;
    position: absolute;
    width: 24px;
    z-index: 1
}

.SIP-ChatbotUI-shortcuts-left-arrow img,.SIP-ChatbotUI-shortcuts-right-arrow img {
    height: 10.5px;
    width: 6px
}

.SIP-ChatbotUI-shortcuts-left-arrow:hover svg,.SIP-ChatbotUI-shortcuts-right-arrow:hover svg {
    color: #ee4d2d
}

.SIP-ChatbotUI-shortcuts-left-arrow {
    left: 0
}

.SIP-ChatbotUI-shortcuts-right-arrow {
    right: 0
}

.SIP-ChatbotUI-shortcuts .SIP-ChatbotUI-shortcut {
    -webkit-box-flex: 0;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 13px;
    color: #666;
    cursor: pointer;
    -ms-flex: none;
    flex: none;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 8px
}

.SIP-ChatbotUI-shortcuts .SIP-ChatbotUI-shortcut:not(:last-child) {
    margin-right: 8px
}

.SIP-ChatbotUI-shortcuts .SIP-ChatbotUI-shortcut:last-child {
    margin-right: 12px
}

.SIP-ChatbotUI-shortcuts .SIP-ChatbotUI-shortcut:first-child {
    margin-left: 12px
}

.SIP-ChatbotUI-shortcuts .SIP-ChatbotUI-shortcut-revamp:hover {
    background: #eee;
    border: 1px solid #d8d8d8;
    color: #666
}

.SIP-ChatbotUI-shortcuts .SIP-ChatbotUI-shortcut-icon {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.SIP-ChatbotUI-shortcuts .SIP-ChatbotUI-shortcut-live-agent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: live-agent-sc-show .3s cubic-bezier(.2,0,0,1);
    animation: live-agent-sc-show .3s cubic-bezier(.2,0,0,1);
    border: .5px solid #ee4d2d;
    color: #ee4d2d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-shortcuts .SIP-ChatbotUI-shortcut-live-agent:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(238,77,45,.04)),to(rgba(238,77,45,.04))),#fff;
    background: -webkit-linear-gradient(rgba(238,77,45,.04),rgba(238,77,45,.04)),#fff;
    background: linear-gradient(rgba(238,77,45,.04),rgba(238,77,45,.04)),#fff;
    border: .5px solid #ee4d2d;
    color: #ee4d2d
}

@-webkit-keyframes live-agent-sc-show {
    0% {
        margin-right: var(--from-margin-right)
    }

    to {
        margin-right: .5rem
    }
}

@keyframes live-agent-sc-show {
    0% {
        margin-right: var(--from-margin-right)
    }

    to {
        margin-right: .5rem
    }
}

.SIP-ChatbotUI-shortcuts-revamp {
    padding-top: 4px
}

.SIP-ChatbotUI-shortcuts-revamp .SIP-ChatbotUI-shortcut {
    padding: 5px 12px
}

.SIP-ChatbotUI-swiper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.SIP-ChatbotUI-swiper,.SIP-ChatbotUI-swiper-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.SIP-ChatbotUI-swiper-wrapper {
    overflow: hidden
}

.SIP-ChatbotUI-swiper-scroll-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-swiper-left-arrow,.SIP-ChatbotUI-swiper-right-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.12);
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    width: 20px;
    z-index: 1
}

.SIP-ChatbotUI-swiper-left-arrow svg,.SIP-ChatbotUI-swiper-right-arrow svg {
    height: 8px;
    width: 4.5px
}

.SIP-ChatbotUI-swiper-left-arrow:hover svg,.SIP-ChatbotUI-swiper-right-arrow:hover svg {
    color: #ee4d2d
}

.SIP-ChatbotUI-swiper-arrow-hover {
    height: 24px;
    width: 24px
}

.SIP-ChatbotUI-swiper-arrow-hover svg {
    height: 10px;
    width: 6px
}

.SIP-ChatbotUI-swiper-left-arrow {
    left: -10px
}

.SIP-ChatbotUI-swiper-right-arrow {
    right: -10px
}

.SIP-ChatbotUI-swiper-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

.SIP-ChatbotUI-swiper-dots,.SIP-ChatbotUI-swiper-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-swiper-dots {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    bottom: 0;
    height: 20px;
    justify-content: center;
    margin-top: auto;
    position: absolute;
    width: 100%
}

.SIP-ChatbotUI-swiper-dot {
    background: #fff;
    border: .5px solid #e5e5e5;
    border-radius: 6px;
    height: 6px;
    margin: 0 3px;
    width: 6px
}

.SIP-ChatbotUI-swiper-dot-active {
    background: #ee4d2d
}

.SIP-ChatbotUI-intent-selector {
    font-size: 1rem;
    max-width: 100%
}

.SIP-ChatbotUI-intent-selector .SIP-ChatbotUI-cascader .SIP-ChatbotUI-rich-text-content {
    font-weight: 500
}

.SIP-ChatbotUI-enquiry-details__msg {
    padding: .625rem .75rem .75rem
}

.SIP-ChatbotUI-enquiry-details__msg-title {
    font-weight: 700;
    line-height: 1.375rem;
    margin-bottom: .125rem
}

.SIP-ChatbotUI-SPLater .SIP-ChatbotUI-message-content {
    font-weight: 500
}

.SIP-ChatbotUI-SPLater .message-content {
    border-bottom: .5px solid rgba(0,0,0,.09);
    font-weight: 500
}

.SIP-ChatbotUI-SPLater-item {
    margin: .875rem .75rem
}

.SIP-ChatbotUI-SPLater-item.loading {
    color: transparent
}

.SIP-ChatbotUI-SPLater-divider {
    border-bottom: .5px solid rgba(0,0,0,.09);
    margin-left: .75rem
}

.SIP-ChatbotUI-SPLater .show-more-btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.SIP-ChatbotUI-SPLater .show-more-btn .show-more-arrow {
    left: 50%;
    margin-left: -6px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 1
}

.drawer-splater-container .drawer-splater-title {
    border-bottom: .5px solid rgba(0,0,0,.09);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1875rem;
    padding: .9375rem 0;
    text-align: center
}

.drawer-splater-container .confirm-btn {
    background: #ee4d2d;
    border-radius: .125rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.1875rem;
    margin: .5rem;
    padding: .75rem 0;
    text-align: center
}

.drawer-splater-container .confirm-btn.disabled {
    background: rgba(0,0,0,.26);
    pointer-events: none
}

.drawer-splater-container .option-radio-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .5px solid rgba(0,0,0,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .875rem .75rem
}

.drawer-splater-container .option-radio-wrapper .radio {
    -webkit-box-flex: 0;
    border: 1px solid rgba(0,0,0,.54);
    border-radius: .625rem;
    display: inline-block;
    -ms-flex: none;
    flex: none;
    height: 1.25rem;
    width: 1.25rem
}

.drawer-splater-container .option-radio-wrapper .radio .radio-input {
    display: none
}

.drawer-splater-container .option-radio-wrapper .content {
    font-size: .875rem;
    line-height: 1rem;
    margin-left: .75rem;
    vertical-align: middle
}

.drawer-splater-container .option-radio-wrapper-checked .radio {
    border: 2px solid #ee4d2d;
    border-radius: .625rem
}

.drawer-splater-container .option-radio-wrapper-checked .radio-inner {
    background: #ee4d2d;
    border-radius: .25rem;
    display: block;
    height: .5rem;
    margin: .25rem auto 0;
    width: .5rem
}

.splater-popup-content {
    padding: 0
}

.splater-popup-title {
    text-align: center
}

.splater-confirm-btn {
    border-radius: .125rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.1875rem;
    margin: .5rem;
    padding: .75rem 0;
    text-align: center
}

.splater-radio {
    border-bottom: .5px solid rgba(0,0,0,.09)
}

.SIP-ChatbotUI-popover {
    position: absolute;
    z-index: 12
}

.SIP-ChatbotUI-base-upload {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.SIP-ChatbotUI-base-upload .upload-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #262626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    line-height: 22px;
    padding: 5px 0;
    position: relative;
    width: 185px
}

.SIP-ChatbotUI-base-upload .upload-btn img {
    margin-right: 9px
}

.SIP-ChatbotUI-base-upload .disabled {
    background: rgba(0,0,0,.09);
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    color: rgba(0,0,0,.25)
}

.SIP-ChatbotUI-card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.SIP-ChatbotUI-card-item {
    height: 79px;
    margin-bottom: 12px;
    margin-right: 12px;
    position: relative;
    width: 79px
}

.SIP-ChatbotUI-card-item>div {
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-card-item .cover-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.SIP-ChatbotUI-card-item .delete-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0,0,0,.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.SIP-ChatbotUI-card-item .delete-btn>img {
    height: 10px;
    width: 10px
}

.SIP-ChatbotUI-card-item .video-footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.4);
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    font-weight: 400;
    height: 20px;
    justify-content: space-between;
    line-height: 12px;
    padding: 5px;
    position: absolute;
    width: 100%
}

.SIP-ChatbotUI-card-item .video-footer img {
    height: 10px;
    width: 14px
}

.SIP-ChatbotUI-card-item .card-file-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fafafa;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    padding: 0 4px;
    width: 100%
}

.SIP-ChatbotUI-card-item .card-file-item img {
    height: 28px;
    margin-bottom: 4px;
    width: 22px
}

.SIP-ChatbotUI-card-item .card-file-item span {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-height: 14px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-all;
    word-break: break-word
}

.SIP-ChatbotUI-card-item .fail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 14px;
    position: absolute;
    top: 0;
    width: 100%
}

.SIP-ChatbotUI-card-item .fail>div {
    background: rgba(0,0,0,.4);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.SIP-ChatbotUI-card-item .fail img {
    height: 24px;
    margin-bottom: 3px;
    width: 24px
}

.SIP-ChatbotUI-card-item .fail img,.SIP-ChatbotUI-card-item .fail span {
    z-index: 1
}

.SIP-ChatbotUI-card-item .progress-bar {
    background: rgba(0,0,0,.09);
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.SIP-ChatbotUI-card-item .percent {
    background: #ee4d2d;
    height: 100%;
    position: absolute;
    width: 19px
}

.SIP-ChatbotUI-card-item .forward {
    -webkit-transition: width 2s;
    transition: width 2s;
    width: 59px
}

.SIP-ChatbotUI-file-select-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
    box-shadow: 0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    width: 185px
}

.SIP-ChatbotUI-file-select-list>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 8px 12px
}

#ChatbotUI-toast-list {
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 4.25rem;
    z-index: 10
}

@supports (top: constant(safe-area-inset-top)) {
    #ChatbotUI-toast-list {
        top:calc(constant(safe-area-inset-top) + 4.25rem)
    }
}

@supports (top: env(safe-area-inset-top)) {
    #ChatbotUI-toast-list {
        top:calc(env(safe-area-inset-top) + 4.25rem)
    }
}

.SIP-ChatbotUI-toast {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 8px;
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    visibility: hidden
}

.SIP-ChatbotUI-toast,.SIP-ChatbotUI-toast-content,.SIP-ChatbotUI-toast-message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-toast__show {
    opacity: 1;
    visibility: visible
}

.SIP-ChatbotUI-toast-icon {
    margin-right: 8px
}

.SIP-ChatbotUI-toast-icon,.SIP-ChatbotUI-toast-icon>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0
}

.SIP-ChatbotUI-toast-content {
    background: #fff;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 16px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.04);
    box-shadow: 0 0 16px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.04);
    padding: 1rem 1.5rem
}

.SIP-ChatbotUI-toast-message {
    color: #333;
    font-size: 14px;
    line-height: 16px
}

.SIP-ChatbotUI-order-card-with-more-button {
    width: 100%
}

.SIP-ChatbotUI-order-card-with-more-button-btn-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .5px solid rgba(0,0,0,.09);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .9375rem .75rem
}

.SIP-ChatbotUI-order-card-with-more-button-btn-wrapper_disabled .SIP-ChatbotUI-order-card-with-more-button-btn-wrapper-text {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-order-card-with-more-button-btn-wrapper-title {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    margin: 0
}

.SIP-ChatbotUI-order-card-with-more-button-btn-wrapper div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.SIP-ChatbotUI-order-card-with-more-button-btn-wrapper-text {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: #ee4d2d;
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 400;
    line-height: .875rem;
    margin: 0;
    overflow: hidden;
    text-align: right;
    width: 7.0625rem;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-card-with-more-button-btn-wrapper img {
    height: .75rem;
    margin-left: .25rem;
    width: .75rem
}

.SIP-ChatbotUI-order-card-with-more-button-popup__title {
    text-align: center
}

.SIP-ChatbotUI-order-card-with-more-button-popup__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80vh
}

.SIP-ChatbotUI-timeline-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%
}

.SIP-ChatbotUI-timeline-card-content {
    -webkit-box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    font-size: 1rem;
    padding: .75rem;
    white-space: pre-line
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone-button-group {
    margin-right: 2rem
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone-button-group>div {
    border-radius: 2px;
    line-height: 1rem;
    margin-left: 0;
    min-width: 9.875rem;
    padding: 0
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone-button-group .scale {
    font-size: .75rem;
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .75rem .75rem 0;
    position: relative;
    width: 100%
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone-cover-gradient-background {
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff);
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    bottom: 0;
    height: 16px;
    position: absolute;
    width: 100%
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .title {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item__future {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item__future .title {
    font-weight: 400
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item__future a.disabled {
    color: rgba(0,0,0,.26)
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-date {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    margin-right: 4px;
    padding-bottom: .75rem;
    text-align: center;
    width: 2.5rem;
    word-break: break-word
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-date>div:first-child {
    font-size: .75rem;
    line-height: .875rem
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-date>div:last-child {
    line-height: .75rem;
    margin-top: 3px
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-date>div:last-child span {
    color: inherit;
    font-size: .75rem;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item__future .SIP-ChatbotUI-milestone-item-date>div:last-child span {
    color: inherit
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-divider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-divider .future {
    background: #fff;
    border: 2px solid rgba(0,0,0,.09);
    border-radius: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1rem;
    width: 1rem
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-divider .past {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ee4d2d;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    justify-content: center;
    width: 1rem
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-divider .line {
    -webkit-box-flex: 1;
    border: 1px solid rgba(0,0,0,.09);
    -ms-flex: 1;
    flex: 1
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-divider__future .line {
    -webkit-box-flex: 1;
    border: 1px dashed rgba(0,0,0,.09);
    -ms-flex: 1;
    flex: 1
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-content {
    margin-left: .75rem;
    padding-bottom: .75rem
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-content .message {
    margin-top: 4px
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-milestone .SIP-ChatbotUI-milestone-item .SIP-ChatbotUI-milestone-item-content .message .SIP-ChatbotUI-message-content {
    font-size: .75rem;
    line-height: .875rem;
    padding: 0
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-timeline-card-collapse__has-action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    width: 100%
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-timeline-card-collapse__has-action .line {
    -webkit-box-flex: 1;
    border: .5px solid rgba(0,0,0,.09);
    -ms-flex: 1;
    flex: 1
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-timeline-card-collapse__has-action .collapse {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    width: 1.75rem
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-timeline-card-collapse__has-action .collapse>div {
    height: 24px;
    width: 24px
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-timeline-card-collapse__not-has-action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 0;
    -webkit-box-shadow: inset 0 .5px 0 rgba(0,0,0,.09);
    box-shadow: inset 0 .5px 0 rgba(0,0,0,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.25rem;
    justify-content: center;
    width: 100%
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-timeline-card-collapse__not-has-action svg {
    vertical-align: middle
}

.SIP-ChatbotUI-timeline-card .SIP-ChatbotUI-timeline-card-collapse__not-has-action path {
    fill: #ee4d2d
}

.SIP-ChatbotUI-timeline-card-pc .SIP-ChatbotUI-milestone-button-group>div {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    border-radius: 4px;
    flex-grow: 0;
    margin: 4px 0 0;
    min-width: 0;
    padding: 5px 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.SIP-ChatbotUI-timeline-card-pc .SIP-ChatbotUI-milestone-button-group .scale {
    font-size: 12px;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.SIP-ChatbotUI-order-card-with-button .SIP-ChatbotUI-food-order-container {
    min-width: 18.75rem
}

.SIP-ChatbotUI-channel-options-card__other_options>span {
    color: rgba(0,0,0,.65)
}

.SIP-ChatbotUI-channel-options-card-popup-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.SIP-ChatbotUI-channel-options-card-popup-button img {
    height: 1rem;
    margin-right: 5px;
    width: 1rem
}

.SIP-ChatbotUI-channel-options-card-popup-button>div:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px
}

.SIP-ChatbotUI-channel-options-card-popup-button>div:last-child {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    line-height: .875rem
}

.SIP-ChatbotUI-channel-options-card-popup-button>div:last-child span {
    color: #ee4d2d
}

.SIP-ChatbotUI-contact-courier-card {
    background: #fff;
    width: 100%
}

.SIP-ChatbotUI-contact-courier-card-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: inset 0 -.03125rem 0 rgba(0,0,0,.09);
    box-shadow: inset 0 -.03125rem 0 rgba(0,0,0,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3rem
}

.SIP-ChatbotUI-contact-courier-card-header-pic {
    background: -webkit-gradient(linear,left bottom,left top,from(#fafafa),to(#fafafa));
    background: -webkit-linear-gradient(bottom,#fafafa,#fafafa);
    background: linear-gradient(0deg,#fafafa,#fafafa);
    border: .03125rem solid rgba(0,0,0,.09);
    border-radius: 6.25rem;
    height: 1.5rem;
    margin: 0 .5rem 0 .75rem;
    width: 1.5rem
}

.SIP-ChatbotUI-contact-courier-card-header-title {
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    font-weight: 500
}

.SIP-ChatbotUI-contact-courier-card-content {
    padding-bottom: .75rem
}

.SIP-ChatbotUI-contact-courier-card-content-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.125rem;
    margin: .75rem .75rem .625rem;
    width: calc(100% - 1.5rem)
}

.SIP-ChatbotUI-contact-courier-card-content-top-pic {
    -ms-flex-negative: 0;
    border: .03125rem solid rgba(0,0,0,.09);
    border-radius: .5rem;
    flex-shrink: 0;
    height: 2.125rem;
    width: 2.125rem
}

.SIP-ChatbotUI-contact-courier-card-content-top-order {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    margin-left: .325rem;
    margin-right: 1rem;
    min-width: 0
}

.SIP-ChatbotUI-contact-courier-card-content-top-order-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-contact-courier-card-content-top-order-text-copy {
    color: rgba(0,0,0,.65);
    cursor: pointer;
    font-size: .75rem;
    font-weight: 400;
    margin-right: .125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-contact-courier-card-content-top-order-text-icon {
    cursor: pointer;
    height: 1rem
}

.SIP-ChatbotUI-contact-courier-card-content-top-order-status {
    color: #26aa99;
    font-size: .875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-contact-courier-card-content-top-track {
    -ms-flex-negative: 0;
    border: .0625rem solid #26aa99;
    border-radius: 6.25rem;
    color: #26aa99;
    cursor: pointer;
    flex-shrink: 0;
    font-size: .75rem;
    font-weight: 500;
    height: 1.875rem;
    line-height: 1.875rem;
    padding: 0 .625rem;
    text-align: center
}

.SIP-ChatbotUI-contact-courier-card-content-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f5f5f5;
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .75rem .75rem .625rem;
    padding: .5rem .75rem
}

.SIP-ChatbotUI-contact-courier-card-content-center-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.SIP-ChatbotUI-contact-courier-card-content-center-left-name {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem
}

.SIP-ChatbotUI-contact-courier-card-content-center-left-tip {
    color: rgba(0,0,0,.87);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    margin-top: .25rem
}

.SIP-ChatbotUI-contact-courier-card-content-center-right {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 2.5rem;
    margin-left: .5rem;
    width: 2.5rem
}

.SIP-ChatbotUI-contact-courier-card-content-center-right-call {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-contact-courier-card-content-bottom {
    color: rgba(0,0,0,.54);
    font-size: .625rem;
    font-weight: 400;
    line-height: .75rem;
    padding: 0 .75rem
}

.SIP-ChatbotUI-contact-courier-card-content .SIP-ChatbotUI-button-group .SIP-ChatbotUI-contact-courier-card-content-button {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    border: .0625rem solid rgba(0,0,0,.09);
    border-radius: 6.25rem;
    color: rgba(0,0,0,.65);
    flex-grow: 0;
    font-size: .75rem;
    margin: .5rem 0 0;
    padding: .5rem .75rem
}

.SIP-ChatbotUI-contact-courier-card-content .SIP-ChatbotUI-button-group .SIP-ChatbotUI-contact-courier-card-content-button-link {
    padding: 0
}

.SIP-ChatbotUI-contact-courier-card-content .SIP-ChatbotUI-button-group .SIP-ChatbotUI-contact-courier-card-content-button-link>a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0,0,0,.65);
    display: block;
    height: 100%;
    padding: .5rem .75rem;
    text-decoration: none;
    width: 100%
}

.SIP-ChatbotUI-contact-courier-card-content-buttons {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .75rem
}

.SIP-ChatbotUI-contact-courier-card-popup-cancel {
    background: #fff;
    color: rgba(0,0,0,.87);
    font-size: 1rem;
    font-weight: 400;
    height: 3.25rem;
    line-height: 3.25rem;
    text-align: center
}

.SIP-ChatbotUI-contact-courier-card-popup-gap {
    background: #f5f5f5;
    height: .75rem
}

.SIP-ChatbotUI-contact-courier-card-popup .ChatbotUI-button.contact-courier-card-popup-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 3.25rem;
    line-height: 2rem;
    margin: 0;
    overflow: hidden;
    padding: 0 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-x-scroll-container {
    overflow: hidden;
    position: relative;
    width: 100%
}

.SIP-ChatbotUI-x-scroll-container-inner,.SIP-ChatbotUI-x-scroll-container-inner__revamp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll
}

.SIP-ChatbotUI-x-scroll-container-inner__revamp {
    padding-bottom: 1px
}

.SIP-ChatbotUI-x-scroll-container-left-arrow,.SIP-ChatbotUI-x-scroll-container-right-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 1
}

.SIP-ChatbotUI-x-scroll-container-left-arrow img,.SIP-ChatbotUI-x-scroll-container-right-arrow img {
    height: 8px;
    width: 4.5px
}

.SIP-ChatbotUI-x-scroll-container-left-arrow-revamp__category,.SIP-ChatbotUI-x-scroll-container-right-arrow-revamp__category {
    top: 0!important
}

.SIP-ChatbotUI-x-scroll-container-left-arrow:hover svg,.SIP-ChatbotUI-x-scroll-container-right-arrow:hover svg {
    color: #ee4d2d
}

.SIP-ChatbotUI-x-scroll-container-left-arrow {
    left: 0
}

.SIP-ChatbotUI-x-scroll-container-right-arrow {
    right: 0
}

.SIP-ChatbotUI-x-scroll-container-left-arrow-revamp,.SIP-ChatbotUI-x-scroll-container-right-arrow-revamp {
    background-color: initial;
    top: 0
}

.SIP-ChatbotUI-x-scroll-container-right-arrow-revamp {
    right: 0
}

.SIP-ChatbotUI-csat-card {
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 12px;
    width: 320px
}

.SIP-ChatbotUI-csat-card-title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.SIP-ChatbotUI-csat-card-sub-title {
    color: #999;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 2px
}

.SIP-ChatbotUI-csat-card-rating {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.SIP-ChatbotUI-csat-card-rating-option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 16px;
    padding: 9px 12px
}

.SIP-ChatbotUI-csat-card-rating-option--selected {
    background: #f6f6f6
}

.SIP-ChatbotUI-csat-card-rating-option__icon {
    height: 32px;
    width: 32px
}

.SIP-ChatbotUI-csat-card-rating-option__label {
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    margin-top: 8px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-rating-option__label--selected {
    color: #ee4d2d
}

.SIP-ChatbotUI-csat-card-resolution__title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 12px
}

.SIP-ChatbotUI-csat-card-resolution .SIP-ChatbotUI-radio-circle {
    border-color: #e5e5e5
}

.SIP-ChatbotUI-csat-card-reason__title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px
}

.SIP-ChatbotUI-csat-card-submit {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-top: 4px
}

.SIP-ChatbotUI-csat-card-submit .SIP-ChatbotUI-button-primary {
    margin: 0;
    padding: 5px 8px
}

.SIP-ChatbotUI-csat-card--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.SIP-ChatbotUI-csat-card--horizontal,.SIP-ChatbotUI-csat-card-reply {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-csat-card-reply {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 8px
}

.SIP-ChatbotUI-csat-card-reply__title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.SIP-ChatbotUI-csat-card-reply__content {
    color: #999;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 4px
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-radio {
    margin-right: auto;
    padding: 12px 12px 8px
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-radio-circle {
    height: 16px;
    width: 16px
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-radio-circle-inner {
    height: 38%;
    left: 31%;
    top: 31%;
    width: 38%
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-radio-label {
    margin-left: 8px;
    word-break: normal
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-radio:first-child {
    padding-left: 0
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-checkbox {
    padding: 8px 0
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-checkbox .rc-checkbox-inner {
    border-color: #dbdbdb;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 16px;
    width: 16px
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-checkbox .rc-checkbox .rc-checkbox-inner:after {
    -webkit-animation: none;
    animation: none;
    height: 7px
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-checkbox__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-csat-card .SIP-ChatbotUI-checkbox__label {
    color: #333;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px
}

.SIP-ChatbotUI-order-list-intent-selector .SIP-ChatbotUI-message-content {
    font-weight: 500
}

.SIP-ChatbotUI-order-list-intent-selector .SIP-ChatbotUI-button-link {
    font-size: 1rem;
    text-align: left
}

.SIP-ChatbotUI-order-with-confirmation {
    background: #fff;
    border-radius: .5rem;
    width: 100%
}

.SIP-ChatbotUI-order-with-confirmation-header {
    -webkit-box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    box-shadow: inset 0 -.5px 0 rgba(0,0,0,.09);
    color: #212121;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: .625rem .75rem
}

.SIP-ChatbotUI-order-with-confirmation-body {
    padding: .75rem
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-order__image {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: .25rem;
    height: 3.125rem;
    margin-right: .5rem;
    overflow: hidden;
    width: 3.125rem
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-order__main-info {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-order__title {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    color: #212121;
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1rem;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-order__details {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-order__status {
    color: #ee4d2d;
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-order__total-price {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 500;
    line-height: .875rem
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-buttons {
    margin-top: .75rem
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-buttons .SIP-ChatbotUI-button {
    margin: 0;
    padding: .625rem .25rem
}

.SIP-ChatbotUI-order-with-confirmation-body .SIP-ChatbotUI-order-with-confirmation-buttons .SIP-ChatbotUI-button:not(:last-child) {
    margin-right: .5rem
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-mask {
    background-color: rgba(0,0,0,.45);
    bottom: 0;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000
}

.SIP-ChatbotUI-file-preview-root .file-preview-moving .file-preview-img {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important;
    -webkit-transition-duration: .2s!important;
    transition-duration: .2s!important
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap {
    bottom: 0;
    left: 0;
    outline: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview {
    height: 100%;
    pointer-events: none;
    text-align: center
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .SIP-ChatbotUI-file-preview-close {
    display: none
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-operations {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffffd9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-operations .file-preview-name-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 24px;
    position: absolute
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-operations .file-preview-name-wrap .file-preview-name {
    margin-left: 4px;
    vertical-align: middle
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-operations .file-preview-name-wrap .file-preview-thumbnail {
    height: 24px;
    width: 24px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-operations .file-preview-operations-progress {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-operations .file-preview-operation-item {
    cursor: pointer;
    margin-left: 12px;
    padding: 12px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-operations .file-preview-operation-item .file-preview-operation-icon {
    height: 18px;
    width: 18px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper:before {
    content: "";
    display: inline-block;
    height: 50%;
    margin-right: -1px;
    width: 1px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper .file-preview-img {
    cursor: -webkit-grab;
    cursor: grab;
    max-height: 672px;
    max-width: 1214px;
    pointer-events: auto;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.215,.61,.355,1) 0s;
    transition: -webkit-transform .2s cubic-bezier(.215,.61,.355,1) 0s;
    transition: transform .2s cubic-bezier(.215,.61,.355,1) 0s;
    transition: transform .2s cubic-bezier(.215,.61,.355,1) 0s,-webkit-transform .2s cubic-bezier(.215,.61,.355,1) 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper .file-preview-doc,.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper .file-preview-pdf {
    height: 906px;
    left: calc(50vw - 350px);
    pointer-events: all;
    position: absolute;
    top: calc(50vh - 453px);
    width: 700px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper .file-preview-error {
    background-color: #333;
    height: 230px;
    left: calc(50vw - 200px);
    pointer-events: all;
    position: absolute;
    top: calc(50vh - 115px);
    width: 400px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper .file-preview-error .file-preview-error-icon {
    margin: 22px auto 10px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper .file-preview-error .file-preview-error-head-tip {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 16px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper .file-preview-error .file-preview-error-main-tip {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-file-wrapper .file-preview-error .file-preview-error-refresh-button {
    background-color: #ee4d2d;
    border: 1px solid #ee4d2d;
    color: #fff;
    height: 32px;
    width: 81px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-left-arrow {
    left: 10px
}

.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-left-arrow,.SIP-ChatbotUI-file-preview-root .SIP-ChatbotUI-file-preview-wrap .SIP-ChatbotUI-file-preview .file-preview-right-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    color: hsla(0,0%,100%,.85);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-top: -22px;
    pointer-events: auto;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 44px;
    z-index: 1
}

.SIP-ChatbotUI-file-preview-bottom-operators {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    align-items: center;
    background: #000;
    border-radius: 16px;
    bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #bbb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    height: 32px;
    list-style: none;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    position: absolute;
    right: calc(50vw - 120px);
    z-index: 1
}

.SIP-ChatbotUI-file-preview-bottom-operators .file-preview-bottom-operator-minus {
    left: 10px;
    position: absolute
}

.SIP-ChatbotUI-file-preview-bottom-operators .file-preview-bottom-operator-plus {
    position: absolute;
    right: 63px
}

.SIP-ChatbotUI-file-preview-bottom-operators .file-preview-bottom-operator-rate {
    word-wrap: normal;
    color: #fff;
    margin-right: 20px;
    width: 32px
}

.SIP-ChatbotUI-file-preview-bottom-operators .file-preview-bottom-operator-rotate {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: -40px;
    width: 32px
}

.SIP-ChatbotUI-file-preview-bottom-operators input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: -webkit-gradient(linear,left top,left bottom,from(grey),to(grey)) no-repeat,#fff;
    background: -webkit-linear-gradient(grey,grey) no-repeat,#fff;
    background: linear-gradient(grey,grey) no-repeat,#fff;
    height: 3px;
    left: calc(50vw - 80px);
    margin: 0 32px;
    vertical-align: middle;
    width: 108px
}

.SIP-ChatbotUI-file-preview-bottom-operators input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: -webkit-grab;
    cursor: grab;
    height: 10px;
    width: 10px
}

.fade-appear,.fade-enter {
    opacity: 0
}

.fade-appear,.fade-enter,.fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.fade-appear.fade-appear-active,.fade-enter.fade-enter-active {
    -webkit-animation-name: imageFadeIn;
    animation-name: imageFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fade-leave.fade-leave-active {
    -webkit-animation-name: imageFadeOut;
    animation-name: imageFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

@-webkit-keyframes imageFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes imageFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes imageFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes imageFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.zoom-appear,.zoom-enter {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active {
    -webkit-animation-name: imageZoomIn;
    animation-name: imageZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: imageZoomOut;
    animation-name: imageZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

@-webkit-keyframes imageZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes imageZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes imageZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }
}

@keyframes imageZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }
}

.SIP-ChatbotUI-select {
    position: relative
}

.SIP-ChatbotUI-select-selector {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: space-between;
    line-height: 16px;
    min-width: 130px;
    padding: 8px 8px 8px 12px
}

.SIP-ChatbotUI-select-arrow {
    color: #999;
    margin-left: 2px
}

.SIP-ChatbotUI-select-arrow>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-select-dropdown {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,.04),0 0 16px 0 rgba(0,0,0,.1);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.04),0 0 16px 0 rgba(0,0,0,.1);
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 36px;
    width: 100%;
    z-index: 1
}

.SIP-ChatbotUI-select-dropdown-active {
    display: block
}

.SIP-ChatbotUI-select-dropdown-item {
    background: #fff;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 12px
}

.SIP-ChatbotUI-select-dropdown-item:hover {
    background-color: rgba(0,0,0,.04)
}

.SIP-ChatbotUI-select-dropdown-item-active {
    color: #ee4d2d;
    font-weight: 500
}

.SIP-ChatbotUI-dropdown-cascader {
    position: relative
}

.SIP-ChatbotUI-dropdown-cascader-select {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: space-between;
    line-height: 18px;
    padding: 7px 12px
}

.SIP-ChatbotUI-dropdown-cascader-select-icon {
    color: #999
}

.SIP-ChatbotUI-dropdown-cascader-select-icon>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-dropdown-cascader-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-dropdown-cascader-dropdown {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,.04),0 0 16px 0 rgba(0,0,0,.1);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.04),0 0 16px 0 rgba(0,0,0,.1);
    display: none;
    left: 0;
    position: absolute;
    top: 36px;
    width: 100%;
    z-index: 1
}

.SIP-ChatbotUI-dropdown-cascader-dropdown-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-dropdown-cascader-dropdown-panel {
    padding: 8px 0;
    width: 33.3%
}

.SIP-ChatbotUI-dropdown-cascader-dropdown-panel:not(:last-child) {
    border-right: 1px solid #e5e5e5
}

.SIP-ChatbotUI-dropdown-cascader-dropdown-panel-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 18px;
    justify-content: space-between;
    padding: 7px 12px;
    word-break: break-all
}

.SIP-ChatbotUI-dropdown-cascader-dropdown-panel-item-active,.SIP-ChatbotUI-dropdown-cascader-dropdown-panel-item:hover {
    color: #ee4d2d;
    font-weight: 500
}

.SIP-ChatbotUI-dropdown-cascader-dropdown-panel-item-active .SIP-ChatbotUI-dropdown-cascader-dropdown-panel-item-icon,.SIP-ChatbotUI-dropdown-cascader-dropdown-panel-item:hover .SIP-ChatbotUI-dropdown-cascader-dropdown-panel-item-icon {
    color: #ee4d2d
}

.SIP-ChatbotUI-dropdown-cascader-dropdown-panel-item-icon {
    margin-left: 8px
}

.SIP-ChatbotUI-dropdown-cascader-dropdown-empty,.SIP-ChatbotUI-dropdown-cascader-dropdown-panel-item-icon>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-dropdown-cascader-dropdown-empty {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #999;
    -ms-flex: 1;
    flex: 1;
    height: 176px;
    justify-content: center
}

.SIP-ChatbotUI-product-card-v2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    overflow: auto;
    padding: 12px
}

.SIP-ChatbotUI-product-card-v2-image {
    border-radius: 3.56px;
    height: 64px;
    width: 64px
}

.SIP-ChatbotUI-product-card-v2-main {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 8px;
    overflow: auto
}

.SIP-ChatbotUI-product-card-v2-name {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-product-card-v2-id-and-stock {
    color: rgba(0,0,0,.54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px
}

.SIP-ChatbotUI-product-card-v2-stock {
    margin-left: 16px
}

.SIP-ChatbotUI-product-card-v2-price-and-select-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

.SIP-ChatbotUI-product-card-v2-price {
    color: #ee4d2d;
    font-size: 14px;
    line-height: 16px
}

.SIP-ChatbotUI-product-card-v2-price,.SIP-ChatbotUI-product-card-v2-select-button .SIP-ChatbotUI-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-product-card-v2-select-button .SIP-ChatbotUI-button {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    height: 24px;
    margin: 0;
    min-width: unset;
    padding: 5px 15px
}

.SIP-ChatbotUI-product-card-v2--message.SIP-ChatbotUI-product-card-v2 {
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px
}

.SIP-ChatbotUI-product-card-v2--message.SIP-ChatbotUI-product-card-v2 .SIP-ChatbotUI-product-card-v2-image {
    border-radius: 4px;
    height: 72px;
    width: 72px
}

.SIP-ChatbotUI-product-card-v2--message.SIP-ChatbotUI-product-card-v2 .SIP-ChatbotUI-product-card-v2-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.SIP-ChatbotUI-product-card-v2--message.SIP-ChatbotUI-product-card-v2 .SIP-ChatbotUI-product-card-v2-price-and-select-button {
    -webkit-box-flex: 1;
    -ms-flex-line-pack: end;
    align-content: end;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.SIP-ChatbotUI-seller-order-v2 {
    background: #fff;
    border-radius: 4px;
    overflow: auto;
    padding: 12px
}

.SIP-ChatbotUI-seller-order-v2-buyer-and-order-id {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.SIP-ChatbotUI-seller-order-v2-buyer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-seller-order-v2-buyer-avatar {
    border-radius: 50%;
    height: 14px;
    width: 14px
}

.SIP-ChatbotUI-seller-order-v2-buyer-name {
    color: #333;
    font-size: 12px;
    line-height: 14px;
    margin-left: 4px
}

.SIP-ChatbotUI-seller-order-v2-order-id {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px
}

.SIP-ChatbotUI-seller-order-v2-order-info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.SIP-ChatbotUI-seller-order-v2-product-image {
    border-radius: 3.56px;
    height: 64px;
    width: 64px
}

.SIP-ChatbotUI-seller-order-v2-order-info {
    margin-top: 10px
}

.SIP-ChatbotUI-seller-order-v2-main {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 8px;
    overflow: auto
}

.SIP-ChatbotUI-seller-order-v2-product-name {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-seller-order-v2-count-and-price {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px
}

.SIP-ChatbotUI-seller-order-v2-status-and-select-button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

.SIP-ChatbotUI-seller-order-v2-status {
    color: #ee4d2d;
    font-size: 14px;
    line-height: 16px
}

.SIP-ChatbotUI-seller-order-v2-select-button .SIP-ChatbotUI-button,.SIP-ChatbotUI-seller-order-v2-status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-seller-order-v2-select-button .SIP-ChatbotUI-button {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    height: 24px;
    margin: 0;
    min-width: unset;
    padding: 5px 15px
}

.SIP-ChatbotUI-seller-order-v2--message.SIP-ChatbotUI-seller-order-v2 {
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 360px
}

.SIP-ChatbotUI-seller-order-v2--message.SIP-ChatbotUI-seller-order-v2 .SIP-ChatbotUI-seller-order-v2-product-image {
    border-radius: 4px;
    height: 72px;
    width: 72px
}

.SIP-ChatbotUI-seller-order-v2--message.SIP-ChatbotUI-seller-order-v2 .SIP-ChatbotUI-seller-order-v2-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.SIP-ChatbotUI-seller-order-v2--message.SIP-ChatbotUI-seller-order-v2 .SIP-ChatbotUI-seller-order-v2-status-and-select-button {
    -webkit-box-flex: 1;
    -ms-flex-line-pack: end;
    align-content: end;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.SIP-ChatbotUI-seller-selection-card-list {
    background: #f6f6f6;
    padding: 8px 16px
}

.SIP-ChatbotUI-seller-selection-card-list .SIP-ChatbotUI-product-card-v2:not(:first-child),.SIP-ChatbotUI-seller-selection-card-list .SIP-ChatbotUI-seller-order-v2:not(:first-child),.SIP-ChatbotUI-seller-selection-card-list .SIP-ChatbotUI-shop-card:not(:first-child) {
    margin-top: 8px
}

.SIP-ChatbotUI-seller-selection-card-list-no-more {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    line-height: 16px;
    margin: 16px 0;
    text-align: center
}

.SIP-ChatbotUI-seller-selection-card-list-empty {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.SIP-ChatbotUI-seller-selection-card-list-empty-text {
    color: #999;
    font-size: 14px
}

.SIP-ChatbotUI-seller-selection-card-search {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.SIP-ChatbotUI-seller-selection-card-search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.SIP-ChatbotUI-seller-selection-card-search-input-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 32px;
    line-height: 18px;
    padding: 7px 12px
}

.SIP-ChatbotUI-seller-selection-card-search-input-inner .SIP-ChatbotUI-select-selector {
    border-bottom-right-radius: 0;
    border-left: none;
    border-right: 1px solid #e5e5e5;
    border-top-right-radius: 0
}

.SIP-ChatbotUI-seller-selection-card-search-input-inner input {
    -webkit-box-flex: 1;
    border: none;
    -ms-flex: 1;
    flex: 1;
    line-height: 22px;
    outline: none;
    padding: 0 33px 0 0
}

.SIP-ChatbotUI-seller-selection-card-search-input-inner input::-webkit-input-placeholder {
    color: #b7b7b7
}

.SIP-ChatbotUI-seller-selection-card-search-input-inner input::-moz-placeholder {
    color: #b7b7b7
}

.SIP-ChatbotUI-seller-selection-card-search-input-inner input:-ms-input-placeholder {
    color: #b7b7b7
}

.SIP-ChatbotUI-seller-selection-card-search-input-inner input::-ms-input-placeholder {
    color: #b7b7b7
}

.SIP-ChatbotUI-seller-selection-card-search-input-inner input::placeholder {
    color: #b7b7b7
}

.SIP-ChatbotUI-seller-selection-card-search-clear {
    position: absolute;
    right: 40px
}

.SIP-ChatbotUI-seller-selection-card-search-clear div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-seller-selection-card-search-clear div svg {
    height: 12px;
    width: 12px
}

.SIP-ChatbotUI-seller-selection-card-search-icon {
    margin-right: 8px
}

.SIP-ChatbotUI-seller-selection-card-search-icon div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-seller-selection-card-search-icon div path {
    fill: #999
}

.SIP-ChatbotUI-seller-selection-card-search-button {
    -webkit-box-flex: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: auto;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex: 0;
    flex: 0;
    flex-basis: auto;
    flex-shrink: 0;
    margin: 0;
    margin-left: 12px!important;
    min-width: 76px;
    padding: 8px 16px
}

.SIP-ChatbotUI-seller-selection-card-search-hint {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,.04),0 0 16px 0 rgba(0,0,0,.1);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.04),0 0 16px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 16px 12px;
    position: absolute;
    top: 36px;
    width: 100%;
    z-index: 1
}

.SIP-ChatbotUI-seller-selection-card-search-hint,.SIP-ChatbotUI-seller-selection-card-search-hint-search-icon div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-seller-selection-card-search-hint-text {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    margin-left: 8px
}

.SIP-ChatbotUI-seller-selection-card {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto
}

.SIP-ChatbotUI-seller-selection-card::-webkit-scrollbar {
    display: none
}

.SIP-ChatbotUI-seller-selection-card .SIP-ChatbotUI-dropdown-cascader-select {
    margin-bottom: 10px
}

.SIP-ChatbotUI-seller-selection-card-selects {
    padding: 0 16px
}

.SIP-ChatbotUI-seller-selection-card-search-only {
    margin-top: 0
}

.SIP-ChatbotUI-seller-selection-card-tabs {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto
}

.SIP-ChatbotUI-seller-selection-card-tabs--hidden {
    left: -9999px;
    position: absolute
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-title-wrapper {
    background: #fff
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-title {
    color: #333;
    font-size: 12px;
    height: 32px;
    overflow: hidden;
    padding: 0 16px
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-title:hover {
    overflow-x: auto
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-title::-webkit-scrollbar {
    display: initial
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-title>li {
    margin: 0!important;
    padding: 4px 4px 12px;
    position: relative
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-title>li:not(:first-child) {
    margin-left: 24px!important
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-title>li.selected__underscope {
    border-bottom: none
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-title>li.selected__underscope:after {
    background-color: #ee4d2d;
    border-radius: 3px;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-content-wrapper {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.SIP-ChatbotUI-seller-selection-card-tabs .SIP-ChatbotUI-tabs-content-wrapper .SIP-ChatbotUI-sp-list-loader {
    height: 32px;
    width: 32px
}

.SIP-ChatbotUI-seller-selection-card-modal .SIP-ChatbotUI-modal-modal {
    height: calc(100% - 38px);
    max-height: unset!important;
    max-width: unset!important;
    width: calc(100% - 32px)
}

.SIP-ChatbotUI-seller-selection-card-modal .SIP-ChatbotUI-modal-modal-title {
    font-size: 16px;
    line-height: 18px;
    padding: 16px
}

.SIP-ChatbotUI-seller-selection-card-modal .SIP-ChatbotUI-modal-modal-content {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.SIP-ChatbotUI-seller-selection-card-modal .SIP-ChatbotUI-modal-modal-close {
    height: 16px;
    right: 16px;
    top: 16px;
    width: 16px
}

.SIP-ChatbotUI-seller-selection-card-bottom-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    justify-content: center
}

.SIP-ChatbotUI-seller-selection-card-bottom-button {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    margin-left: 0!important;
    width: 576px
}

.SIP-ChatbotUI-hot-question-revamp {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    width: 100%
}

.SIP-ChatbotUI-hot-question-revamp-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 8px 10px
}

.SIP-ChatbotUI-hot-question-revamp-title-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.SIP-ChatbotUI-hot-question-revamp-title-text {
    -webkit-box-flex: 1;
    color: #212121;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.SIP-ChatbotUI-hot-question-revamp-buttons {
    min-width: 244px
}

.SIP-ChatbotUI-hot-question-revamp-buttons .SIP-ChatbotUI-hot-question-revamp-button-wrapper {
    margin-left: 10px;
    margin-right: 10px;
    padding: 0
}

.SIP-ChatbotUI-hot-question-revamp-buttons .SIP-ChatbotUI-hot-question-revamp-button-wrapper:first-child {
    padding-left: 10px
}

.SIP-ChatbotUI-hot-question-revamp-button-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    position: relative
}

.SIP-ChatbotUI-hot-question-revamp-button-content-text {
    -webkit-box-flex: 1;
    color: #212121;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-hot-question-revamp-button-content-text2 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    word-break: break-all;
    word-break: keep-all
}

.SIP-ChatbotUI-hot-question-revamp-button-content-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 12px;
    margin-left: 8px;
    width: 12px
}

.SIP-ChatbotUI-hot-question-revamp-button-content-hover {
    border-radius: 4px;
    display: none;
    left: 0;
    max-width: 100%;
    padding: 4px 8px;
    position: absolute;
    top: 30px
}

.SIP-ChatbotUI-hot-question-revamp-button-content-hover-bg {
    background: #000;
    border-radius: 4px;
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.SIP-ChatbotUI-hot-question-revamp-button-content-hover-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: relative;
    text-align: left;
    z-index: 2
}

.SIP-ChatbotUI-hot-question-revamp .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover {
    opacity: 1!important
}

.SIP-ChatbotUI-hot-question-revamp .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover .SIP-ChatbotUI-hot-question-revamp-button-content>* {
    opacity: .9
}

.SIP-ChatbotUI-hot-question-revamp .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover .SIP-ChatbotUI-hot-question-revamp-button-content-hover,.SIP-ChatbotUI-hot-question-revamp .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover .SIP-ChatbotUI-hot-question-revamp-button-content-hover>* {
    opacity: 1
}

.SIP-ChatbotUI-hot-question-revamp .SIP-ChatbotUI-hot-question-revamp-button-wrapper:hover .SIP-ChatbotUI-hot-question-revamp-button-content-hover {
    display: block
}

.SIP-ChatbotUI-hot-question-revamp-change-button {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px
}

.SIP-ChatbotUI-hot-question-revamp-change-button-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-hot-question-revamp-change-button-content-text {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.54);
    display: -webkit-box;
    margin-left: 4px;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-hot-question-revamp-change-button:hover .SIP-ChatbotUI-hot-question-revamp-change-button-content-text {
    color: #ee4d2d
}

.SIP-ChatbotUI-hot-question-revamp-button-text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-align: left;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-hot-question-revamp-swiper {
    width: 80%
}

.SIP-ChatbotUI-announcements-container__revamp {
    padding: 0 5px 1px 8px;
    width: 100%;
    z-index: 1
}

.SIP-ChatbotUI-announcements-container__revamp .SIP-ChatbotUI-announcement {
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    max-width: 0 16px;
    width: 100%
}

.SIP-ChatbotUI-announcements-container__revamp .SIP-ChatbotUI-announcement-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: #fffaed;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.03);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.03);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 10px;
    width: 100%
}

.SIP-ChatbotUI-announcements-container__revamp .SIP-ChatbotUI-announcement-icon {
    height: 24px;
    margin-right: 4px;
    width: 24px
}

.SIP-ChatbotUI-announcements-container__revamp .SIP-ChatbotUI-announcement-title {
    -webkit-box-flex: 1;
    color: var(--announcement-title-color);
    -ms-flex: 1;
    flex: 1;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-announcements-modal-container__revamp {
    width: 500px!important
}

.SIP-ChatbotUI-announcements-modal-container__revamp .SIP-ChatbotUI-modal-modal-content {
    overflow-y: scroll;
    padding: 0 16px
}

.SIP-ChatbotUI-announcements-modal-container__revamp .SIP-ChatbotUI-modal-modal-content::-webkit-scrollbar {
    display: block
}

.SIP-ChatbotUI-announcements-modal-container__revamp .SIP-ChatbotUI-modal-modal-content::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 3px
}

.SIP-ChatbotUI-announcements-modal-container__revamp .SIP-ChatbotUI-modal-modal-content::-webkit-scrollbar-track {
    background: transparent
}

.SIP-ChatbotUI-announcements-modal-container__revamp .SIP-ChatbotUI-modal-modal-close {
    height: 16px;
    right: 16px;
    top: 16px;
    width: 16px
}

.SIP-ChatbotUI-announcements-modal-title__revamp {
    font-size: 16px!important;
    padding: 16px!important
}

.SIP-ChatbotUI-dropdown-wrapper .ChatbotUI-modal-dropdown {
    border-radius: 0 0 .5rem .5rem
}

.SIP-ChatbotUI-dropdown-announcements-container__revamp {
    display: block
}

.SIP-ChatbotUI-dropdown-announcements-container__revamp .announcement {
    background: #fffaed;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    padding: 6px 12px 10px
}

.SIP-ChatbotUI-dropdown-announcements-container__revamp .announcement:not(:first-child) {
    margin-top: .5rem
}

.SIP-ChatbotUI-dropdown-announcements-container__revamp .announcement .context {
    background: #fffaed;
    color: #dc720e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-dropdown-announcements-container__revamp .icon {
    margin-top: 5px 4px 0 0
}

.SIP-ChatbotUI-dropdown-announcements-container__revamp .title {
    font-weight: 500
}

.SIP-ChatbotUI-dropdown-announcements-container__revamp .message {
    color: rgba(0,0,0,.65);
    margin-left: 28px;
    margin-right: 8px
}

.SIP-ChatbotUI-announcement-up-icon-container {
    bottom: -2.75rem;
    left: 0;
    margin: auto;
    padding: .5rem .75rem;
    position: absolute;
    right: 0
}

.SIP-ChatbotUI-announcement-up-icon-container-left {
    background-color: #fff;
    border-radius: 6.25rem;
    float: right;
    height: 1.75rem;
    line-height: 1.75rem;
    margin-right: .5rem;
    padding: 0 .75rem;
    text-align: center
}

.SIP-ChatbotUI-announcement-up-icon-container-left .close-icon {
    height: .75rem;
    margin-right: .35rem;
    padding-bottom: .05rem;
    vertical-align: middle;
    width: .75rem
}

.SIP-ChatbotUI-announcement-up-icon-container-left .close-text {
    color: rgba(0,0,0,.65);
    font-size: .875rem;
    font-weight: 500
}

.SIP-ChatbotUI-announcement-up-icon-container-right {
    background-color: #fff;
    border-radius: 6.25rem;
    float: right;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    width: 2.25rem
}

.SIP-ChatbotUI-announcement-up-icon-container-right .announcement-up-icon {
    height: .75rem;
    vertical-align: middle;
    width: .75rem
}

.SIP-ChatbotUI-dropdown-announcement-placeholder {
    height: .75rem
}

.SIP-ChatbotUI-marquee-container__revamp {
    -webkit-box-flex: 1;
    color: var(--announcement-title-color);
    -ms-flex: 1;
    flex: 1;
    font-size: .875rem;
    overflow: hidden
}

.SIP-ChatbotUI-marquee-container__revamp .SIP-ChatbotUI-marquee-wrapper {
    height: 2rem
}

.SIP-ChatbotUI-marquee-container__revamp .SIP-ChatbotUI-marquee-wrapper .SIP-ChatbotUI-marquee-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.SIP-ChatbotUI-marquee-container__revamp .SIP-ChatbotUI-marquee-wrapper .SIP-ChatbotUI-marquee-content .SIP-ChatbotUI-marquee-content-itm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.SIP-ChatbotUI-marquee-container__revamp .SIP-ChatbotUI-marquee-wrapper .SIP-ChatbotUI-marquee-content .SIP-ChatbotUI-marquee-content-itm:after {
    background-color: #333;
    border-radius: 4px;
    bottom: 100%;
    color: #fff;
    content: attr(title);
    left: 50%;
    opacity: 0;
    padding: 5px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .1s;
    transition: opacity .1s;
    white-space: nowrap
}

.SIP-ChatbotUI-marquee-container__revamp .SIP-ChatbotUI-marquee-wrapper .SIP-ChatbotUI-marquee-content .SIP-ChatbotUI-marquee-content-itm:hover:after {
    opacity: 1
}

.SIP-ChatbotUI-marquee-container__revamp .SIP-ChatbotUI-marquee-wrapper .SIP-ChatbotUI-marquee-content .SIP-ChatbotUI-marquee-content-itm-title {
    -webkit-box-flex: 1;
    color: #dc720e;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-marquee-container__revamp .SIP-ChatbotUI-marquee-wrapper .SIP-ChatbotUI-marquee-content .SIP-ChatbotUI-marquee-content-itm-dropdown {
    border: .5px solid rgba(0,0,0,.09);
    border-radius: 18px;
    color: rgba(0,0,0,.54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 1.2;
    padding: 4px 8px
}

.SIP-ChatbotUI-marquee-container__revamp .SIP-ChatbotUI-marquee-wrapper .SIP-ChatbotUI-marquee-content .SIP-ChatbotUI-marquee-content-itm-dropdown-icon {
    height: 8px;
    margin-left: .12rem;
    width: 8px
}

.SIP-ChatbotUI-marquee-container__revamp .SIP-ChatbotUI-marquee-wrapper .SIP-ChatbotUI-marquee-content .SIP-ChatbotUI-marquee-content-itm-dropdown-icon-new-panel {
    margin-top: .9px
}

.SIP-ChatbotUI-marquee-pointer__revamp {
    background: rgba(0,0,0,.8);
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    left: 66px;
    max-width: 330px;
    padding: 3px 6px;
    position: absolute;
    top: 163px;
    z-index: 1000
}

.SIP-ChatbotUI-marquee-pointer__revamp p {
    margin: 0;
    padding: 0
}

.SIP-ChatbotUI-marquee-pointer__revamp-title {
    font-weight: 500
}

.SIP-ChatbotUI-marquee-pointer__revamp.SIP-ChatbotUI-marquee-pointer-new-panel {
    left: 0;
    margin-left: 8px;
    max-width: calc(100% - 65px);
    right: 0
}

.SIP-ChatbotUI-vertical-category-item__revamp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 112px;
    margin-right: 8px;
    overflow: hidden;
    padding: 12px 8px;
    width: 95px
}

.SIP-ChatbotUI-vertical-category-item__revamp-ad-hoc__revamp {
    padding: 0 0 12px
}

.SIP-ChatbotUI-vertical-category-item__revamp-icon__revamp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0
}

.SIP-ChatbotUI-vertical-category-item__revamp-icon__revamp-img {
    max-height: 100%;
    max-width: 100%
}

.SIP-ChatbotUI-vertical-category-item__revamp-icon-svg__revamp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0
}

.SIP-ChatbotUI-vertical-category-item__revamp-label__revamp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    font-size: 12px;
    justify-content: center;
    line-height: 14px;
    margin-top: 2px;
    text-align: center
}

.SIP-ChatbotUI-vertical-category-item__revamp-label__revamp-ad-hoc__revamp {
    padding: 0 12px
}

.SIP-ChatbotUI-vertical-category-item__revamp .SIP-ChatbotUI-intent-icon {
    height: 24px!important;
    margin-right: 4px;
    width: 24px!important
}

.SIP-ChatbotUI-hot-question-category__revamp {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 2px;
    width: 100%
}

.SIP-ChatbotUI-hot-question-category__revamp .SIP-ChatbotUI-intent-icon {
    height: 24px!important;
    margin-right: 4px;
    width: 24px!important
}

.SIP-ChatbotUI-category-item__revamp {
    -ms-flex-negative: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    height: 44px;
    margin-right: 4px;
    overflow: hidden;
    padding: 8px 10px
}

.SIP-ChatbotUI-category-item__revamp-ad-hoc__revamp {
    padding: 0
}

.SIP-ChatbotUI-category-item__revamp-icon__revamp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 124px
}

.SIP-ChatbotUI-category-item__revamp-icon__revamp-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.SIP-ChatbotUI-category-item__revamp-icon-img {
    margin-right: 10px;
    width: 24px
}

.SIP-ChatbotUI-category-item__revamp-icon-svg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    flex-shrink: 0;
    height: 44px
}

.SIP-ChatbotUI-category-item__revamp-label__revamp {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap
}

.SIP-ChatbotUI-category-item__revamp-label__revamp-ad-hoc {
    padding: 0 12px
}

.SIP-ChatbotUI-category-item__revamp .SIP-ChatbotUI-intent-icon {
    height: 24px!important;
    margin-right: 4px;
    width: 24px!important
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list {
    border: .03125rem solid rgba(0,0,0,.09);
    border-radius: 4px;
    margin-top: .75rem;
    text-align: left
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-title {
    background-color: #f5f5f5;
    color: rgba(0,0,0,.87);
    font-size: .875rem!important;
    font-weight: 500;
    line-height: 1rem;
    padding: .75rem
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    word-wrap: break-word;
    align-items: center;
    border-bottom: .03125rem solid rgba(0,0,0,.09);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin: .75rem .75rem 0;
    padding-bottom: .75rem
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item:last-child {
    border-bottom: none
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item-title {
    -ms-flex-negative: 0;
    color: rgba(0,0,0,.54);
    flex-shrink: 0;
    font-size: .875rem!important;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    margin-right: 8px;
    width: 100px
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item-content {
    -webkit-box-flex: 1;
    color: rgba(0,0,0,.87);
    -ms-flex: 1;
    flex: 1;
    font-size: .875rem!important;
    font-weight: 400;
    line-height: 1rem
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item-content p {
    font-size: .875rem!important
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item-content * {
    font-size: .875rem!important;
    white-space: normal
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item-content a {
    height: auto!important;
    min-height: 36px!important;
    min-width: auto!important
}

.SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item .SIP-ChatbotUI-rich-text {
    padding-bottom: 0
}

.SIP-ChatbotUI-rich-text-container.SIP-ChatbotUI-rich-text-content .SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item-content * {
    font-size: .875rem!important;
    white-space: normal
}

.SIP-ChatbotUI-rich-text-content.SIP-ChatbotUI-rich-text-container .SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item-content,.SIP-ChatbotUI-rich-text-content.SIP-ChatbotUI-rich-text-container .SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item-content p,.SIP-ChatbotUI-rich-text-content.SIP-ChatbotUI-rich-text-container .SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-item-title,.SIP-ChatbotUI-rich-text-content.SIP-ChatbotUI-rich-text-container .SIP-ChatbotUI-table-list-container .SIP-ChatbotUI-table-list-title {
    font-size: .875rem!important
}

.SIP-ChatbotUI-track-case-card-container {
    background-color: #fff;
    border-radius: 12px;
    max-width: 100%;
    width: 320px
}

.SIP-ChatbotUI-track-case-card-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    width: 100%
}

.SIP-ChatbotUI-track-case-card-title-name {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-track-case-card-title-status {
    color: #ee4d2d;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 0
}

.SIP-ChatbotUI-track-case-card-content {
    padding: 8px 10px
}

.SIP-ChatbotUI-track-case-card-order {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.SIP-ChatbotUI-track-case-card-order-img {
    border-radius: 6px;
    height: 40px;
    margin-right: 8px;
    width: 40px
}

.SIP-ChatbotUI-track-case-card-order-text {
    -webkit-box-flex: 1;
    color: rgba(0,0,0,.87);
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.SIP-ChatbotUI-track-case-card-order-span {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-track-case-card-info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 6px
}

.SIP-ChatbotUI-track-case-card-enquiry-id {
    -webkit-box-flex: 1;
    color: rgba(0,0,0,.4);
    -ms-flex: 1;
    flex: 1;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px
}

.SIP-ChatbotUI-track-case-card-update-time {
    -ms-flex-negative: 0;
    color: rgba(0,0,0,.4);
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    margin-left: 8px
}

.SIP-ChatbotUI-sticker-container {
    height: 130px;
    margin-left: 15px;
    width: 130px
}

.SIP-ChatbotUI-sticker-container>img {
    height: 100%;
    width: 100%
}

.SIP-ChatbotUI-late-delivery-voucher {
    background-color: #fff;
    min-width: 18rem;
    padding: .375rem .625rem .625rem
}

.SIP-ChatbotUI-late-delivery-voucher .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem
}

.SIP-ChatbotUI-late-delivery-voucher .head p {
    color: rgba(0,0,0,.54);
    font-size: .75rem;
    font-weight: 400;
    height: .875rem;
    line-height: .875rem;
    margin: 0 0 0 .25rem;
    max-width: 80%;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis
}

.SIP-ChatbotUI-late-delivery-voucher .content {
    margin-top: .3125rem
}

.SIP-ChatbotUI-voucher {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 4.75rem;
    padding-left: 1.875rem;
    padding-top: 1rem;
    position: relative
}

.SIP-ChatbotUI-voucher .voucher-frame {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.SIP-ChatbotUI-voucher .voucher-info p {
    margin-bottom: 0;
    margin-top: 0;
    max-width: 60%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 10
}

.SIP-ChatbotUI-voucher .voucher-info .voucher-name {
    color: #ee4d2d;
    font-size: 1rem;
    font-weight: 700;
    height: 1rem;
    line-height: 1rem;
    margin-bottom: .1875rem
}

.SIP-ChatbotUI-voucher .voucher-info .voucher-desc {
    color: rgba(0,0,0,.87);
    font-size: .75rem;
    font-weight: 400;
    height: .875rem;
    line-height: .875rem;
    margin-bottom: .1875rem
}

.SIP-ChatbotUI-voucher .voucher-info .voucher-valid {
    color: rgba(0,0,0,.54);
    font-size: .625rem;
    font-weight: 400;
    height: .75rem;
    line-height: .75rem
}

.SIP-ChatbotUI-voucher .divider {
    height: 4.25rem;
    position: absolute;
    right: 5.25rem;
    top: .375rem;
    width: .125rem
}

.SIP-ChatbotUI-voucher .voucher-btn-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 6.1rem
}

.SIP-ChatbotUI-voucher .voucher-btn-wrapper .use-btn {
    border: .0625rem solid #ee4d2d;
    border-radius: .25rem;
    color: #ee4d2d;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 400;
    height: 1.375rem;
    line-height: 1.375rem;
    max-width: 3.5rem;
    overflow: hidden;
    padding: 0 .625rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-voucher .gray {
    opacity: .4
}

.SIP-ChatbotUI-rr-order {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 12px 0;
    width: 300px
}

.SIP-ChatbotUI-rr-order-image {
    border-radius: 4px;
    height: 72px;
    width: 72px
}

.SIP-ChatbotUI-rr-order-main {
    margin-left: 8px;
    width: 200px
}

.SIP-ChatbotUI-rr-order-name {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-rr-order-description-and-count {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0,0,0,.54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    justify-content: space-between;
    line-height: 16px;
    margin-top: 4px
}

.SIP-ChatbotUI-rr-order-status {
    color: rgba(0,0,0,.87);
    color: #ee4d2d;
    font-size: 14px;
    line-height: 16px;
    margin-top: 20px
}

.SIP-ChatbotUI-rr-order-list {
    background-color: #fff;
    padding-bottom: 12px
}

.SIP-ChatbotUI-csat-card-v2 {
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 12px 0 0 12px;
    padding: 16px 16px 20px;
    width: 300px
}

.SIP-ChatbotUI-csat-card-v2-csat-options {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.SIP-ChatbotUI-csat-card-v2-csat-options,.SIP-ChatbotUI-csat-card-v2-csat-options-row {
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.SIP-ChatbotUI-csat-card-v2-csat-options-row {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.SIP-ChatbotUI-csat-card-v2-csat-options-row-item {
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
    margin: 4px;
    padding: 5px 8px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-v2-csat-options-row-item-active {
    border: 1px solid #ee4d2d;
    color: #ee4d2d
}

.SIP-ChatbotUI-csat-card-v2-csat-options-row-item-inactive {
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.87)
}

.SIP-ChatbotUI-csat-card-v2-header--popover {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative
}

.SIP-ChatbotUI-csat-card-v2-header--popover .csat-close-icon {
    color: #d8d8d8;
    cursor: pointer;
    font-size: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    width: 16px
}

.SIP-ChatbotUI-csat-card-v2-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    line-height: 16px
}

.SIP-ChatbotUI-csat-card-v2-sub-title {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.SIP-ChatbotUI-csat-card-v2-rating {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 28px;
    justify-content: center;
    margin-top: 20px
}

.SIP-ChatbotUI-csat-card-v2-rating-option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.SIP-ChatbotUI-csat-card-v2-rating-option__icon {
    height: 32px;
    margin: 0 10px;
    width: 32px
}

.SIP-ChatbotUI-csat-card-v2-rating-option__label {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 8px;
    max-width: 100px;
    text-align: center;
    word-break: break-all
}

.SIP-ChatbotUI-csat-card-v2-rating-option__label--selected {
    color: rgba(0,0,0,.87)
}

.SIP-ChatbotUI-csat-card-v2-resolution {
    margin-top: 16px
}

.SIP-ChatbotUI-csat-card-v2-resolution__title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-v2-resolution .SIP-ChatbotUI-radio-circle {
    border-color: #e5e5e5
}

.SIP-ChatbotUI-csat-card-v2-reason {
    margin-top: 16px
}

.SIP-ChatbotUI-csat-card-v2-reason__title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px;
    margin-top: 4px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-v2-submit {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-top: 16px
}

.SIP-ChatbotUI-csat-card-v2-submit .SIP-ChatbotUI-button-primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    margin: 0;
    padding: 0;
    width: 100%
}

.SIP-ChatbotUI-csat-card-v2-message-reply {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 12px
}

.SIP-ChatbotUI-csat-card-v2-message-reply,.SIP-ChatbotUI-csat-card-v2-message-reply-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.SIP-ChatbotUI-csat-card-v2-message-reply-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 6px;
    padding: 8px
}

.SIP-ChatbotUI-csat-card-v2-message-reply .csat-feedback-icon {
    color: #5c7;
    font-size: 12px;
    height: 12px;
    width: 12px
}

.SIP-ChatbotUI-csat-card-v2-message-reply__content {
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    word-break: break-all
}

.SIP-ChatbotUI-csat-card-v2-popover-reply {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    max-width: 300px;
    padding: 20px;
    text-align: center;
    width: 300px
}

.SIP-ChatbotUI-csat-card-v2-popover-reply .csat-feedback-icon {
    color: #5c7;
    font-size: 32px;
    height: 32px;
    width: 32px
}

.SIP-ChatbotUI-csat-card-v2-popover-reply__title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.SIP-ChatbotUI-csat-card-v2-popover-reply__content {
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 4px
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-radio {
    margin-right: auto;
    padding: 12px 12px 8px
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-radio-circle {
    height: 16px;
    width: 16px
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-radio-circle-inner {
    height: 38%;
    left: 31%;
    top: 31%;
    width: 38%
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-radio-label {
    margin-left: 8px;
    word-break: normal
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-radio:first-child {
    padding-left: 0
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-checkbox {
    padding: 8px 0
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-checkbox .rc-checkbox-inner {
    border-color: #dbdbdb;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 16px;
    width: 16px
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-checkbox .rc-checkbox .rc-checkbox-inner:after {
    -webkit-animation: none;
    animation: none;
    height: 7px
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-checkbox__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-csat-card-v2 .SIP-ChatbotUI-checkbox__label {
    color: #333;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px
}

.SIP-ChatbotUI-csat-card-v2--popover {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.04);
    box-shadow: 0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.04);
    margin: 20px;
    position: relative
}

.SIP-ChatbotUI-csat-card-v2--popover-arrow {
    bottom: 0;
    position: absolute;
    right: 0
}

.SIP-ChatbotUI-csat-card-v2--popover-arrow:before {
    background: #fff;
    bottom: 50px;
    -webkit-clip-path: polygon(0 0,50% 50%,0 100%,0 0);
    clip-path: polygon(0 0,50% 50%,0 100%,0 0);
    content: "";
    height: 16px;
    position: absolute;
    right: -16px;
    width: 16px
}

.SIP-ChatbotUI-item-greeting-card {
    padding: 10px;
    width: 100%
}

.SIP-ChatbotUI-item-greeting-card-greeting {
    color: #212121;
    font-size: 14px;
    line-height: 20px
}

.SIP-ChatbotUI-item-greeting-card-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: .5px solid #e5e5e5;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
    width: 100%
}

.SIP-ChatbotUI-item-greeting-card-item-image {
    border-radius: 6px;
    height: 72px;
    width: 72px
}

.SIP-ChatbotUI-item-greeting-card-item-info {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 8px
}

.SIP-ChatbotUI-item-greeting-card-item-name {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-item-greeting-card-item-id {
    color: rgba(0,0,0,.54)
}

.SIP-ChatbotUI-item-greeting-card-item-status {
    color: #ee4d2d
}

.SIP-ChatbotUI-item-greeting-card .SIP-ChatbotUI-button {
    border-radius: 6px;
    margin: 10px 0 0;
    padding: 6px 12px
}

.SIP-ChatbotUI-item-greeting-card .SIP-ChatbotUI-button:first-child {
    margin-right: 8px
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq {
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-box-shadow: 0 1px 1px 0 #0000001a;
    box-shadow: 0 1px 1px 0 #0000001a;
    margin: 8px 16px 0;
    padding: 8px 10px 10px;
    position: relative;
    width: unset
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-item {
    background: #f5f5f5;
    border: none;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    margin-top: 8px;
    padding: 8px;
    width: auto
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-item-image {
    border-radius: 2px;
    height: 52px;
    width: 52px
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-item-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    padding: 0
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-item-name {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: rgba(0,0,0,.85);
    display: -webkit-box;
    font-weight: 500;
    line-height: 14px;
    order: 1;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-item .SIP-ChatbotUI-item-greeting-card-product-price {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    color: rgba(0,0,0,.4);
    line-height: 16px;
    margin-top: 2px;
    order: 2
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-item-name-in-order {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    font-weight: 400;
    line-height: 16px;
    margin-top: 2px;
    order: 2
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-item-id {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: #212121;
    display: -webkit-box;
    font-weight: 500;
    line-height: 14px;
    order: 1;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-item-status {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    color: #ee4d2d;
    display: -webkit-box;
    line-height: 14px;
    margin-top: 4px;
    order: 3;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-button {
    border: none;
    border-radius: 0;
    margin: 0!important;
    padding: 12px 0!important;
    text-align: left
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-button:not(:first-child) {
    -webkit-box-shadow: inset 0 .5px 0 0 rgba(0,0,0,.09);
    box-shadow: inset 0 .5px 0 0 rgba(0,0,0,.09)
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-button:last-child {
    padding-bottom: 2px!important
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-button span {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-button-link:not(.SIP-ChatbotUI-button-link__disabled) {
    color: #4080ee
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-hq-bubble-angle {
    height: 12px;
    left: -8px;
    position: absolute;
    top: 0;
    width: 8px
}

.SIP-ChatbotUI-item-greeting-card.SIP-ChatbotUI-item-greeting-card-hq .SIP-ChatbotUI-item-greeting-card-hq-bubble-angle div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-digital-rm-category {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 8px 16px 12px;
    max-width: 336px;
    padding: 12px;
    position: relative
}

.SIP-ChatbotUI-digital-rm-category-greeting {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    width: 100%
}

.SIP-ChatbotUI-digital-rm-category-greeting-text-style1 {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(0deg,#ee4d2d 18.71%,#ff9314 49.35%);
    -webkit-background-clip: text;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px
}

.SIP-ChatbotUI-digital-rm-category-greeting-text-style1,.SIP-ChatbotUI-digital-rm-category-greeting-text-style2 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all;
    word-break: keep-all
}

.SIP-ChatbotUI-digital-rm-category-greeting-text-style2 {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px
}

.SIP-ChatbotUI-digital-rm-category-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.SIP-ChatbotUI-digital-rm-category-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: .5px solid rgba(0,0,0,.09);
    border-radius: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    padding: 0 10px;
    position: relative;
    width: 152px;
    z-index: 2
}

.SIP-ChatbotUI-digital-rm-category-item:nth-child(n+3) {
    margin-top: 8px
}

.SIP-ChatbotUI-digital-rm-category-item-icon,.SIP-ChatbotUI-digital-rm-category-item-icon-img,.SIP-ChatbotUI-digital-rm-category-item-icon-svg {
    height: 16px;
    width: 16px
}

.SIP-ChatbotUI-digital-rm-category-item-name {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 8px;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    word-break: break-all;
    word-break: keep-all
}

.SIP-ChatbotUI-digital-rm-category-img-bg {
    display: block;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%
}

.SIP-ChatbotUI-digital-rm-category-sidebar .SIP-ChatbotUI-digital-rm-category-greeting-text-style1 {
    font-size: 20px;
    line-height: 26px
}

.SIP-ChatbotUI-digital-rm-category-sidebar .SIP-ChatbotUI-digital-rm-category-avatar {
    position: relative;
    top: 6px
}

.SIP-ChatbotUI-digital-rm-category-sidebar .SIP-ChatbotUI-digital-rm-category-item {
    height: 36px;
    width: 148px
}

.SIP-ChatbotUI-digital-rm-category-sidebar .SIP-ChatbotUI-digital-rm-category-item:nth-child(n+3) {
    margin-top: 8px
}

.SIP-ChatbotUI-hot-question-digital-rm {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 16px;
    max-width: 328px
}

.SIP-ChatbotUI-hot-question-digital-rm-title {
    background-color: initial;
    height: 20px
}

.SIP-ChatbotUI-hot-question-digital-rm-title-text {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.SIP-ChatbotUI-hot-question-digital-rm-content {
    margin-top: 8px
}

.SIP-ChatbotUI-hot-question-digital-rm-content .SIP-ChatbotUI-hot-question-digital-rm-content-button-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.SIP-ChatbotUI-hot-question-digital-rm-content .SIP-ChatbotUI-hot-question-digital-rm-content-button-wrapper:first-child {
    padding-left: 0
}

.SIP-ChatbotUI-hot-question-digital-rm-content-button-wrapper {
    border: none;
    text-align: left
}

.SIP-ChatbotUI-hot-question-digital-rm-content-button-wrapper:not(:first-child) {
    margin-top: 6px
}

.SIP-ChatbotUI-hot-question-digital-rm-content-button-container {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    padding: 8px 12px
}

.SIP-ChatbotUI-hot-question-digital-rm-content-button-text {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    color: #333;
    display: -webkit-box;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    word-break: break-all;
    word-break: keep-all
}

.SIP-ChatbotUI-hot-question-digital-rm-content-button-hover {
    border-radius: 4px;
    display: none;
    max-width: 100%;
    padding: 4px 8px;
    position: absolute;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.SIP-ChatbotUI-hot-question-digital-rm-content-button-hover-bg {
    background: #000;
    border-radius: 4px;
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.SIP-ChatbotUI-hot-question-digital-rm-content-button-hover-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: relative;
    text-align: left;
    z-index: 2
}

.SIP-ChatbotUI-hot-question-digital-rm-content-button-wrapper:hover .SIP-ChatbotUI-hot-question-digital-rm-content-button-hover {
    display: block
}

.SIP-ChatbotUI-ai-assistant-text {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 16px;
    max-width: 336px;
    padding: 16px;
    position: relative
}

.SIP-ChatbotUI-ai-assistant-text-greeting {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.SIP-ChatbotUI-ai-assistant-text-greeting-text-style1 {
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(0deg,#ee4d2d 18.71%,#ff9314 49.35%);
    -webkit-background-clip: text;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px
}

.SIP-ChatbotUI-ai-assistant-text-greeting-text-style1,.SIP-ChatbotUI-ai-assistant-text-greeting-text-style2 {
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word;
    word-break: break-all;
    word-break: keep-all
}

.SIP-ChatbotUI-ai-assistant-text-greeting-text-style2 {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px
}

.SIP-ChatbotUI-ai-assistant-text-img-bg {
    display: block;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%
}

.SIP-ChatbotUI-ai-assistant-hq {
    padding: 12px
}

.SIP-ChatbotUI-ai-assistant-hq-buttons {
    margin-top: 12px
}

.SIP-ChatbotUI-ai-assistant-hq-button {
    border: .5px solid rgba(0,0,0,.09);
    border-radius: 6px;
    margin: 0;
    padding: 0 12px
}

.SIP-ChatbotUI-ai-assistant-hq-button:not(:first-child) {
    margin-top: 8px
}

.SIP-ChatbotUI-ai-assistant-hq-button:hover .SIP-ChatbotUI-hot-question-revamp-button-content-hover {
    display: block
}

.SIP-ChatbotUI-shop-card {
    background: #fff;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    padding: 12px
}

.SIP-ChatbotUI-shop-card-image {
    border-radius: 4px;
    height: 40px;
    width: 40px
}

.SIP-ChatbotUI-shop-card-name-and-status {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.SIP-ChatbotUI-shop-card-main,.SIP-ChatbotUI-shop-card-name-and-status {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-shop-card-main {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 8px;
    margin-right: auto;
    overflow: hidden
}

.SIP-ChatbotUI-shop-card-status {
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 4px;
    margin-right: auto;
    padding: 2px 4px;
    word-break: keep-all
}

.SIP-ChatbotUI-shop-card-status-deleted {
    background-color: #eee;
    color: #666
}

.SIP-ChatbotUI-shop-card-status-banned {
    background-color: #ffe9e8;
    color: #ff4742
}

.SIP-ChatbotUI-shop-card-status-frozen {
    background-color: #eee;
    color: #666
}

.SIP-ChatbotUI-shop-card-name {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SIP-ChatbotUI-shop-card-id {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px
}

.SIP-ChatbotUI-shop-card-select-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-left: 8px
}

.SIP-ChatbotUI-shop-card-select-button .SIP-ChatbotUI-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 24px;
    margin: 0;
    min-width: unset;
    padding: 5px 15px
}

.SIP-ChatbotUI-shop-card--message.SIP-ChatbotUI-shop-card {
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px
}

.SIP-ChatbotUI-shop-card--message.SIP-ChatbotUI-shop-card .SIP-ChatbotUI-shop-card-name {
    color: #212121;
    font-weight: 500
}

.SIP-ChatbotUI-csat-card-v3 {
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 12px 0 0 12px;
    padding: 32px 16px 12px;
    width: 300px
}

.SIP-ChatbotUI-csat-card-v3-csat-options {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.SIP-ChatbotUI-csat-card-v3-csat-options,.SIP-ChatbotUI-csat-card-v3-csat-options-row {
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.SIP-ChatbotUI-csat-card-v3-csat-options-row {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.SIP-ChatbotUI-csat-card-v3-csat-options-row-item {
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
    margin: 4px;
    padding: 5px 8px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-v3-csat-options-row-item-active {
    border: 1px solid #ee4d2d;
    color: #ee4d2d
}

.SIP-ChatbotUI-csat-card-v3-csat-options-row-item-inactive {
    border: 1px solid rgba(0,0,0,.09);
    color: rgba(0,0,0,.87)
}

.SIP-ChatbotUI-csat-card-v3-csat-options-row-item-new-style {
    min-width: 62px
}

.SIP-ChatbotUI-csat-card-v3-header--popover {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative
}

.SIP-ChatbotUI-csat-card-v3 .csat-close-icon {
    cursor: pointer;
    height: 12px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 12px;
    z-index: 2
}

.SIP-ChatbotUI-csat-card-v3-title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-v3-sub-title {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.SIP-ChatbotUI-csat-card-v3-rating {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.SIP-ChatbotUI-csat-card-v3-rating-option:hover~.SIP-ChatbotUI-csat-card-v3-rating-option .SIP-ChatbotUI-csat-card-v3-rating-option__no-icon {
    display: block
}

.SIP-ChatbotUI-csat-card-v3-rating-option:has(~.SIP-ChatbotUI-csat-card-v3-rating-option:hover) .SIP-ChatbotUI-csat-card-v3-rating-option__no-icon {
    display: block
}

.SIP-ChatbotUI-csat-card-v3-rating-option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    position: relative
}

.SIP-ChatbotUI-csat-card-v3-rating-option__icon {
    height: 32px;
    margin: 0 10px;
    width: 32px
}

.SIP-ChatbotUI-csat-card-v3-rating-option__no-icon {
    display: none;
    height: 32px;
    position: absolute;
    width: 32px;
    z-index: 2
}

.SIP-ChatbotUI-csat-card-v3-rating-option-hover-icon {
    height: 32px;
    opacity: 0;
    position: absolute;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 32px;
    z-index: 3
}

.SIP-ChatbotUI-csat-card-v3-rating-option:hover .SIP-ChatbotUI-csat-card-v3-rating-option-hover-icon {
    opacity: 1;
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.SIP-ChatbotUI-csat-card-v3-rating-option__label {
    color: rgba(0,0,0,.4);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 8px;
    max-width: 100px;
    text-align: center;
    word-break: break-all
}

.SIP-ChatbotUI-csat-card-v3-rating-option__label--selected {
    color: rgba(0,0,0,.87)
}

.SIP-ChatbotUI-csat-card-v3-resolution__title {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 8px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-v3-resolution .SIP-ChatbotUI-radio-circle {
    border-color: #e5e5e5
}

.SIP-ChatbotUI-csat-card-v3-resolution-line {
    background-color: #e5e5e5;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 16px
}

.SIP-ChatbotUI-csat-card-v3-reason {
    margin-top: 16px
}

.SIP-ChatbotUI-csat-card-v3-reason__title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px;
    margin-top: 4px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-v3-submit {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-top: 16px
}

.SIP-ChatbotUI-csat-card-v3-submit .SIP-ChatbotUI-button-primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    margin: 0;
    padding: 0;
    width: 100%
}

.SIP-ChatbotUI-csat-card-v3-message-reply {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 12px
}

.SIP-ChatbotUI-csat-card-v3-message-reply,.SIP-ChatbotUI-csat-card-v3-message-reply-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.SIP-ChatbotUI-csat-card-v3-message-reply-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 6px;
    padding: 8px
}

.SIP-ChatbotUI-csat-card-v3-message-reply .csat-feedback-icon {
    color: #5c7;
    font-size: 12px;
    height: 12px;
    width: 12px
}

.SIP-ChatbotUI-csat-card-v3-message-reply__content {
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    word-break: break-all
}

.SIP-ChatbotUI-csat-card-v3-popover-reply {
    background: #fff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 306px;
    padding: 16px;
    position: relative;
    text-align: center;
    width: 306px
}

.SIP-ChatbotUI-csat-card-v3-popover-reply-bg {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.SIP-ChatbotUI-csat-card-v3-popover-reply-container {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: hsla(0,0%,100%,.7);
    border-radius: 6px;
    padding: 20px 12px;
    position: relative;
    z-index: 2
}

.SIP-ChatbotUI-csat-card-v3-popover-reply .csat-feedback-icon {
    color: #5c7;
    display: block;
    font-size: 32px;
    height: 32px;
    margin: 0 auto 14px;
    width: 32px
}

.SIP-ChatbotUI-csat-card-v3-popover-reply__title {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-v3-popover-reply__content {
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 2px;
    text-align: center
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-radio {
    margin-right: auto;
    padding: 12px 12px 8px
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-radio-circle {
    height: 16px;
    width: 16px
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-radio-circle-inner {
    height: 38%;
    left: 31%;
    top: 31%;
    width: 38%
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-radio-label {
    margin-left: 8px;
    word-break: normal
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-radio:first-child {
    padding-left: 0
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-checkbox {
    padding: 8px 0
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-checkbox .rc-checkbox-inner {
    border-color: #dbdbdb;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 16px;
    width: 16px
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-checkbox .rc-checkbox .rc-checkbox-inner:after {
    -webkit-animation: none;
    animation: none;
    height: 7px
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-checkbox__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SIP-ChatbotUI-csat-card-v3 .SIP-ChatbotUI-checkbox__label {
    color: #333;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px
}

.SIP-ChatbotUI-csat-card-v3-content {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: hsla(0,0%,100%,.7);
    border-radius: 6px;
    padding: 12px;
    position: relative;
    z-index: 2
}

.SIP-ChatbotUI-csat-card-v3-new-style-bg {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.SIP-ChatbotUI-csat-card-v3-new-style-avatar {
    height: 54px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -16px;
    width: 60px
}

.SIP-ChatbotUI-csat-card-v3--message {
    margin-top: 28px;
    position: relative
}

.SIP-ChatbotUI-csat-card-v3--popover {
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.04);
    box-shadow: 0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.04);
    margin: 20px;
    position: relative
}

.SIP-ChatbotUI-csat-card-v3--popover-arrow {
    bottom: 0;
    position: absolute;
    right: 0
}

.SIP-ChatbotUI-csat-card-v3--popover-arrow:before {
    background: #fffcfc;
    bottom: 50px;
    -webkit-clip-path: polygon(0 0,50% 50%,0 100%,0 0);
    clip-path: polygon(0 0,50% 50%,0 100%,0 0);
    content: "";
    height: 16px;
    position: absolute;
    right: -16px;
    width: 16px
}

.SIP-ChatbotUI-csat-card-v3--popover-arrow-style1:before {
    background-color: #fff
}

.SIP-ChatbotUI-csat-card-v3--popover-arrow-style2:before {
    background-color: #fef9f9
}

.SIP-ChatbotUI-csat-card-v3--popover-new-panel-arrow {
    bottom: unset;
    top: 0
}

.SIP-ChatbotUI-csat-card-v3--popover-new-panel-arrow:before {
    bottom: unset;
    top: 65px
}

.SIP-ChatbotUI-drm-notice {
    position: relative;
    width: 312px
}

.SIP-ChatbotUI-drm-notice-in {
    -webkit-animation: slide .3s forwards;
    animation: slide .3s forwards
}

.SIP-ChatbotUI-drm-notice-out {
    -webkit-animation: close .3s forwards;
    animation: close .3s forwards
}

@-webkit-keyframes slide {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes close {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes close {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.SIP-ChatbotUI-drm-notice-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 16px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    width: 306px
}

.SIP-ChatbotUI-drm-notice-content {
    color: #333;
    font-size: 12px;
    line-height: 16px;
    margin-left: 8px;
    margin-right: auto
}

.SIP-ChatbotUI-drm-notice-content span {
    color: #ee2c4a;
    font-weight: 500
}

.SIP-ChatbotUI-drm-notice-stars {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 0;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px;
    height: 24px;
    justify-content: center;
    margin-top: 4px;
    position: relative;
    width: 22px
}

.SIP-ChatbotUI-drm-notice-large-star {
    -webkit-animation: large-star 1.5s linear 1ms infinite;
    animation: large-star 1.5s linear 1ms infinite;
    height: 16px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 16px
}

@-webkit-keyframes large-star {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(76%);
        transform: scale(76%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes large-star {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(76%);
        transform: scale(76%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.SIP-ChatbotUI-drm-notice-small-star {
    -webkit-animation: small-star 1.5s linear 1ms infinite;
    animation: small-star 1.5s linear 1ms infinite;
    height: 9px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 9px
}

@-webkit-keyframes small-star {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.33);
        transform: scale(1.33)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes small-star {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.33);
        transform: scale(1.33)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.SIP-ChatbotUI-drm-notice-close {
    height: 16px;
    width: 16px
}

.SIP-ChatbotUI-drm-notice-arrow {
    border: 6px solid transparent;
    border-left-color: #fff1e9;
    height: 0;
    left: 306px;
    position: absolute;
    top: calc(50% - 6px);
    width: 0
}

.SIP-ChatbotUI-sales-analysis-suggestion-card {
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 16px;
    padding: 16px;
    width: 328px
}

.SIP-ChatbotUI-sales-analysis-suggestion-card-title {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.SIP-ChatbotUI-sales-analysis-suggestion-card-suggestions>div:first {
    margin-top: 12px
}

.SIP-ChatbotUI-sales-analysis-suggestion-card-suggestion {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    padding: 8px 10px
}

.SIP-ChatbotUI-sales-analysis-suggestion-card-suggestion-icon {
    height: 20px;
    width: 18px
}

.SIP-ChatbotUI-sales-analysis-suggestion-card-suggestion-content {
    margin: 0 12px
}

.SIP-ChatbotUI-sales-analysis-suggestion-card-suggestion-content-title {
    color: rgba(0,0,0,.87);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.SIP-ChatbotUI-sales-analysis-suggestion-card-suggestion-content-description {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-top: 4px
}

.SIP-ChatbotUI-sales-analysis-suggestion-card-suggestion-arrow {
    height: 16px;
    margin-left: auto;
    width: 16px
}

.SIP-ChatbotUI-sales-analysis-graph-card {
    background: #fff;
    border-radius: 8px;
    margin-left: 16px;
    overflow: hidden;
    padding-bottom: 16px;
    width: 328px
}

.SIP-ChatbotUI-sales-analysis-graph-card-banner {
    background-size: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 77px;
    padding: 16px;
    width: 100%
}

.SIP-ChatbotUI-sales-analysis-graph-card-banner-time {
    color: #ee4d2d;
    font-size: 12px;
    font-weight: 400;
    line-height: 10px
}

.SIP-ChatbotUI-sales-analysis-graph-card-banner-title {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear,left top,right top,color-stop(.46%,#ee4d2d),color-stop(40.21%,#fc8f09),color-stop(55.91%,#ffc001));
    background: -webkit-linear-gradient(left,#ee4d2d .46%,#fc8f09 40.21%,#ffc001 55.91%);
    background: linear-gradient(90deg,#ee4d2d .46%,#fc8f09 40.21%,#ffc001 55.91%);
    -webkit-background-clip: text;
    font-size: 22px;
    font-weight: 700;
    line-height: 26.4px;
    margin-top: 8px
}

.SIP-ChatbotUI-sales-analysis-graph-card-hit-text {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 16px 0;
    padding: 0 16px
}

.SIP-ChatbotUI-sales-analysis-graph-card .chart {
    background: #fafafa;
    border-radius: 4px;
    height: 220px;
    margin: 0 16px;
    padding: 12px
}

.rich-text-img {
    max-height: 20rem;
    width: 20rem
}

.rich-text-a {
    color: #2673dd
}

.order-list-item-style {
    -webkit-box-shadow: 0 .0625rem .0625rem rgba(0,0,0,.1);
    box-shadow: 0 .0625rem .0625rem rgba(0,0,0,.1)
}

:root {
    --chatbot-brand: #ee4d2d;
    --chatbot-gray-1: rgba(0,0,0,.87);
    --chatbot-gray-2: rgba(0,0,0,.65);
    --chatbot-gray-3: rgba(0,0,0,.54);
    --chatbot-gray-4: rgba(0,0,0,.4);
    --chatbot-gray-5: rgba(0,0,0,.26);
    --chatbot-gray-6: rgba(0,0,0,.09);
    --chatbot-gray-7: rgba(0,0,0,.06);
    --chatbot-light-1: #eee;
    --chatbot-light-2: hsla(0,0%,100%,.87);
    --chatbot-white: #fff;
    --chatbot-black: #000;
    --chatbot-blue: #2673dd
}

.ChatbotUI-avatar {
    border-radius: 50%;
    display: inline-block;
    overflow: hidden
}

.ChatbotUI-avatar img {
    display: block;
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 36px
}

.ChatbotUI-avatar--sm img {
    height: 24px;
    width: 24px
}

.ChatbotUI-avatar--lg img {
    height: 40px;
    width: 40px
}

.ChatbotUI-avatar--square {
    border-radius: 4px
}

.ChatbotUI-navbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(env(safe-area-inset-top) + 56px);
    min-height: 56px;
    padding-left: 13px;
    padding-top: env(safe-area-inset-top);
    position: relative;
    width: 100%;
    z-index: 1
}

.ChatbotUI-navbar__avatar {
    margin-left: 17px
}

@supports (height: constant(safe-area-inset-top)) {
    .ChatbotUI-navbar {
        height:calc(constant(safe-area-inset-top) + 3.5rem)
    }
}

@supports (height: env(safe-area-inset-top)) {
    .ChatbotUI-navbar {
        height:calc(env(safe-area-inset-top) + 3.5rem)
    }
}

.ChatbotUI-navbar-shadow {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15);
    box-shadow: 0 2px 8px rgba(0,0,0,.15)
}

.ChatbotUI-navbar__back {
    padding: 18px 17px 18px 13px
}

.ChatbotUI-navbar__title {
    margin-left: 8px
}

.ChatbotUI-reviewsummary-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.ChatbotUI-reviewsummary-container-send {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ChatbotUI-reviewsummary-message {
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 1px 1px 0 #0000001a;
    box-shadow: 0 1px 1px 0 #0000001a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 12px 6px;
    width: 100%
}

.ChatbotUI-reviewsummary-message__title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.ChatbotUI-reviewsummary-message__tags {
    border-bottom: .5px solid rgba(0,0,0,.09);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 12px
}

.ChatbotUI-reviewsummary-message__tags,.ChatbotUI-reviewsummary-tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ChatbotUI-reviewsummary-tag {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    justify-content: center;
    margin-top: 4px;
    max-width: 100%;
    padding: 4px 8px
}

.ChatbotUI-reviewsummary-tag:not(:last-child) {
    margin-right: 4px
}

.ChatbotUI-reviewsummary-tag__keyword {
    text-wrap: nowrap;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ChatbotUI-reviewsummary-tag__count {
    color: rgba(0,0,0,.54);
    font-size: 10px;
    font-weight: 400;
    line-height: 12px
}

.ChatbotUI-reviewsummary-comment {
    margin: 12px 0
}

.ChatbotUI-reviewsummary-comment__profile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px
}

.ChatbotUI-reviewsummary-comment__profile__avatar {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.ChatbotUI-reviewsummary-comment__profile__avatar img {
    height: 16px;
    width: 16px
}

.ChatbotUI-reviewsummary-comment__text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-all
}

.ChatbotUI-reviewsummary-comment__highlight {
    font-weight: 500
}

.ChatbotUI-reviewsummary-avatar_icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #d8d8d8;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    font-weight: 500;
    height: 16px;
    justify-content: center;
    margin-right: 8px;
    overflow: hidden;
    width: 16px
}

.ChatbotUI-reviewsummary-avatar_icon_item {
    color: #fff;
    height: 8px;
    width: 8px
}

.ChatbotUI-reviewsummary-avatar_icon_item>div,.ChatbotUI-reviewsummary-avatar_icon_item>div>svg {
    height: 8px;
    width: 8px
}

.ChatbotUI-reviewsummary-message-send {
    background-color: #d7f7ef
}

.ChatbotUI-header {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    padding: 0 12px 12px;
    width: 100%
}

.ChatbotUI-header-hinttext {
    color: #000000a6;
    margin: 10px 0
}

.ChatbotUI-header-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000000de;
    display: -webkit-box;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.ChatbotUI-header-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 10px
}

.ChatbotUI-header-wrapper button {
    font-family: Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400;
    padding: 0 12px
}

.ChatbotUI-noheader {
    padding-top: 10px
}

.ChatbotUI-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .5px solid #00000017;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    margin: 0 -12px;
    padding: 5px 0 5px 12px
}

.ChatbotUI-logo-avatar {
    border: 1px solid #00000017;
    border-radius: 50%;
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.ChatbotUI-logo-avatar img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.ChatbotUI-order {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    padding: 8px;
    width: 100%
}

.ChatbotUI-order-image {
    border: none;
    border-radius: 6px;
    height: 40px;
    width: 40px
}

.ChatbotUI-order-content {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #0000008a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
    line-height: 14px;
    padding: 8px;
    width: 100%
}

.ChatbotUI-order-content__title {
    text-wrap: nowrap;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 48px)
}

.ChatbotUI-order-content__footer {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ChatbotUI-stars {
    display: inline-block
}

.ChatbotUI-stars-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ChatbotUI-stars-star__empty {
    display: inline-block;
    height: 10px;
    margin-right: 1px;
    width: 10px
}

.ChatbotUI-stars-star__empty>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0
}

.ChatbotUI-stars-star__full {
    display: inline-block;
    height: 10px;
    margin-right: 1px;
    width: 10px
}

.ChatbotUI-stars-star__full>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0
}

.ChatbotUI-messagefooter-container {
    line-height: 14px
}

.ChatbotUI-messagefooter-labelcontainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.ChatbotUI-messagefooter-label {
    color: #b7b7b7;
    -webkit-transform: scale(.83);
    transform: scale(.83);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.ChatbotUI-messagefooter-label,.ChatbotUI-messagefooter-time {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

.ChatbotUI-messagefooter-time {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: #666;
    justify-content: flex-end
}

.ChatbotUI-messagefooter-status {
    margin-left: 4px
}

.ChatbotUI-messagefooter-divider {
    background-color: #999;
    height: 10px;
    margin: 0 4px;
    width: 1px
}

.ChatbotUI-messagefooter-suffix {
    cursor: pointer;
    text-decoration: underline
}

.ChatbotUI-chatbotFeedback-root {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
    width: 72px
}

.ChatbotUI-chatbotFeedback-feedbackIconWrapper {
    cursor: pointer;
    height: 32px;
    width: 32px
}

.ChatbotUI-chatbotFeedback-badIconWrapper {
    cursor: pointer;
    height: 32px;
    margin-left: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 32px
}

.ChatbotUI-chatbotFeedback-feedbackIcon {
    height: 32px;
    width: 32px
}

.ChatbotUI-chatbotFeedback-singleIconWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px
}

.ChatbotUI-messagereadstatus-root {
    display: inline-block;
    height: 16px;
    width: 16px
}

.ChatbotUI-messagereadstatus-root__icon {
    height: 16px;
    position: relative;
    width: 16px
}

.ChatbotUI-messagereadstatus-root__icon>div {
    height: 16px;
    width: 16px
}

.ChatbotUI-messagereadstatus-root__icon svg {
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    width: 16px
}

.ChatbotUI-messagereadstatus-empty {
    display: inline-block;
    height: 16px;
    width: 16px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ChatbotUI-loadingspin-root {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: spinner .8s linear infinite;
    animation: spinner .8s linear infinite;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMACQQWGxEuOQ0lPkMpNUgiMh8wHwFeAAABh0lEQVRIx43V0W7DIAyFYRsbZlIyyPu/7MBmbSMSyH81TecroVVVGPNHDGXf95Kyd7DIUSx766eXaGq42PwDtu3nuCUUygmYqISvnybV+XiCVnDcYyjWCNohMrw1oWb7kknQORSKCiwa9waynP6f+v71ovPzWCUOR0voYJPv+3ZAcBHXeWv73Dz2vcBl3sBr/1zAQrgJu2Cw0uT1LW9gs8+cDBBMYhPZbpxSSCHDtN2Ea8cpsAtMH+q3xu201DpgUVBQ2pU1XAFfQc2B6D7CMgMEpIDXIChIwDHFlGQNWMEOeX0FyyvYIGpuDVDBqwNY5/RbuD8H4LXhkZZlBfgcsAJ5DkgBPQeYtfXQvS+RYwW4Blq7RG7Rk70ByRo+AvrXUefHwc8OaHkFhzzZW3xoONlj7QNE98zuFqD1HrABxsnr277n2ADLbI/fR3KP3N3c9qNgj+e5iPw/0I0g/cHSdxJF+99fCup58pqRth9yNAFwGdINcHCX0AVAmIX+DNDBMpQ6bECu1n9QnBm+VzlPvwAAAABJRU5ErkJggg==);
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.ChatbotUI-itemcomparisoncard-root {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    padding: 8px 10px 10px
}

.ChatbotUI-itemcomparisoncard-root__rightArrow {
    border-top-right-radius: 0
}

.ChatbotUI-itemcomparisoncard-root__leftArrow {
    border-top-left-radius: 0
}

.ChatbotUI-itemcomparisoncard-root__big {
    padding: 8px 12px 12px
}

.ChatbotUI-itemcomparisoncard-root__ai {
    background-color: #ffefed;
    padding-bottom: 0
}

.ChatbotUI-itemcomparisoncard-root__title {
    color: rgba(0,0,0,.87);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 2px;
    word-break: break-word
}

.ChatbotUI-itemcomparisoncard-root__time {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    color: #012459;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: flex-end;
    line-height: 14px;
    margin-top: 6px;
    padding-bottom: 4px
}

.ChatbotUI-itemcomparisoncard-footer {
    height: 16px;
    margin-top: 4px
}

.ChatbotUI-itemcomparisoncard-footer__wrapper {
    margin-top: 4px
}

.ChatbotUI-itemcomparisoncard-sendFooter {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    justify-content: space-between;
    margin-top: 0
}

.ChatbotUI-itemcomparisoncard-sendFooter__onlyLabel {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    font-size: 12px;
    height: 16px;
    justify-content: flex-end;
    line-height: 14px
}

.ChatbotUI-itemcomparisoncard-operation {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.ChatbotUI-itemcomparisoncard-operation__feedback {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ChatbotUI-itemattrs-attrs {
    padding: 4px 12px 12px
}

.ChatbotUI-itemattrs-attr {
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
    overflow: hidden;
    padding-left: 12px;
    position: relative;
    text-overflow: ellipsis;
    width: 100%
}

.ChatbotUI-itemattrs-attr__point {
    background-color: rgba(0,0,0,.26);
    border-radius: 100%;
    height: 4px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 4px
}

.ChatbotUI-itemattrs-attr__label {
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.ChatbotUI-itemattrs-attr__desc {
    color: #595959;
    margin-left: 4px
}

.ChatbotUI-itemcard-card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    padding: 12px
}

.ChatbotUI-itemcard-card__clickable {
    cursor: pointer
}

.ChatbotUI-itemcard-card__image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.ChatbotUI-itemcard-card__image,.ChatbotUI-itemcard-card__image>img {
    border-radius: 6px;
    height: 64px;
    width: 64px
}

.ChatbotUI-itemcard-card__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    justify-content: center;
    line-height: 16px;
    margin-left: 12px;
    width: calc(100% - 76px)
}

.ChatbotUI-itemcard-card__name {
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    color: rgba(0,0,0,.87);
    display: -webkit-box;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis
}

.ChatbotUI-itemcard-card__price {
    color: #ee4d2d;
    margin-top: 6px
}

.ChatbotUI-itemcomparison-root {
    background: #f7f7f7;
    border-radius: 6px;
    margin-top: 10px
}

.ChatbotUI-itemcomparison-root__divider {
    height: 1px;
    position: relative;
    width: 100%
}

.ChatbotUI-itemcomparison-root__divider:after {
    background: rgba(0,0,0,.09);
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    width: 100%
}

.ChatbotUI-itemcomparisonoperation-root {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start
}

.ChatbotUI-itemcomparisonoperation-btn {
    border: 1px solid #999;
    border-radius: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0,0,0,.87);
    cursor: pointer;
    font-size: 12px;
    line-height: 14px;
    margin-top: 7px;
    max-height: 42px;
    max-width: 220px;
    padding: 6px 10px
}

.ChatbotUI-itemcomparisonoperation-btn__text {
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    width: 100%;
    word-break: break-all
}

.ChatbotUI-itemcomparisonoperation-btn__large {
    max-width: 384px
}

.ChatbotUI-labelandtime-root {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 16px;
    justify-content: space-between;
    line-height: 14px
}

.ChatbotUI-labelandtime-root__onlyTime {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ChatbotUI-labelandtime-root__time {
    color: #666
}

.ChatbotUI-labelandtime-root__label {
    color: #999;
    height: 16px
}

.ChatbotUI-labelandtime-root__label,.ChatbotUI-labelandtime-root__prefix {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.ChatbotUI-labelandtime-root__icon {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.ChatbotUI-labelandtime-root__icon>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.ChatbotUI-labelandtime-root__divider {
    background-color: #999;
    height: 10px;
    margin: 0 4px;
    width: 1px
}

.ChatbotUI-labelandtime-root__suffix {
    cursor: pointer;
    text-decoration: underline
}

.ChatbotUI-messagetriangle-root {
    height: 10px;
    position: absolute;
    top: 0;
    width: 6px
}

.ChatbotUI-messagetriangle-root__send {
    color: #d7f7ef;
    left: 100%
}

.ChatbotUI-messagetriangle-root__receive,.ChatbotUI-messagetriangle-root__send {
    -webkit-filter: drop-shadow(0 1px 0 rgba(0,0,0,.1));
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.1))
}

.ChatbotUI-messagetriangle-root__receive {
    color: #fff;
    right: 100%
}

.ChatbotUI-messagetriangle-root__ai {
    color: #ffefed
}

.ChatbotUI-messagetriangle-root>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10px;
    justify-content: center;
    width: 6px
}


.zd_mJeRq0o {
    align-items: center;
    background: #d8d8d8;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 0;
    font-weight: 500;
    justify-content: center;
    overflow: hidden
}

.yAw4HeXgj1 {
    height: 32px;
    width: 32px
}

.CvEVQqB544 {
    height: 24px;
    width: 24px
}

._hCkSLyopR {
    height: 40px;
    width: 40px
}

.ce1hGW6zi0 {
    height: 48px;
    width: 48px
}

.kGf4cL60HW {
    height: 14px;
    width: 14px
}

.ATE4_cAWR1 {
    border-radius: 50%
}

.dDjx9ASvpm {
    position: relative
}

.RK5jpdUNU8,.dDjx9ASvpm,.dDjx9ASvpm img {
    height: 100%;
    width: 100%
}

.RK5jpdUNU8 {
    align-items: center;
    display: flex;
    justify-content: center
}

.EBLep1hwM0 {
    background: #2673dd
}

.I1b8eQbMhR {
    background: #58b7f1
}

.BQkcuEfCaT {
    background: #26aa99
}

.AcHQyoJni3 {
    background: #7eca74
}

.muxZxZryaH {
    background: #fb0
}

.pxceB_PsuD {
    font-size: 12px;
    transform: scale(.8)
}

.m47AY4ukoi {
    font-size: 12px;
    line-height: 14px
}

.LVyvRoI_GS {
    font-size: 14px;
    line-height: 1.14em
}

.dpAug_lRzo {
    font-size: 16px;
    line-height: 1.25em
}

.mxNwmjGfJS {
    font-size: 20px;
    line-height: 1.2em
}

.lCuoClihXI {
    font-size: 24px;
    line-height: 1.17em
}

.p3CkhBIg3C {
    font-size: 32px;
    line-height: 1.19em
}

.f9NbU3GNCH {
    font-size: 36px;
    line-height: 1.2em
}

.Ep8Yh7prIB {
    font-size: 40px
}

.Ep8Yh7prIB,.xGIUB3hKRQ {
    font-weight: 400;
    line-height: 1.18em
}

.xGIUB3hKRQ {
    font-size: 48px
}

.QueH5rzDLO,.k80sDZE2H9 {
    color: #fff;
    height: 75%;
    width: 75%
}

.yHRqJXUiCY {
    color: #fff;
    height: 50%;
    width: 50%
}

.CCWllROq4S {
    font-family: var(--boldFont);
    font-weight: 500
}
.p90Uvbff5L {
    cursor: pointer
}

.iYz36HgMDl {
    border-radius: 4px;
    border-width: 1px;
    z-index: 100002
}

.iYz36HgMDl[data-popper-placement^=right]>[data-popper-arrow] {
    left: -4px
}

.iYz36HgMDl[data-popper-placement^=right]>[data-popper-arrow]:before {
    border-right: none;
    border-top: none
}

.iYz36HgMDl[data-popper-placement^=bottom]>[data-popper-arrow] {
    top: -4px
}

.iYz36HgMDl[data-popper-placement^=bottom]>[data-popper-arrow]:before {
    border-bottom: none;
    border-right: none
}

.iYz36HgMDl[data-popper-placement^=top]>[data-popper-arrow] {
    bottom: -4px
}

.iYz36HgMDl[data-popper-placement^=top]>[data-popper-arrow]:before {
    border-left: none;
    border-top: none
}

.iYz36HgMDl[data-popper-placement^=left]>[data-popper-arrow] {
    right: -4px
}

.iYz36HgMDl[data-popper-placement^=left]>[data-popper-arrow]:before {
    border-bottom: none;
    border-left: none
}

.iYz36HgMDl:after,.iYz36HgMDl:before {
    display: none
}

.b0u5Oz9woM {
    max-height: 800px;
    position: relative;
    width: 100%;
    z-index: 100002
}

.OONlDqWudN,.OONlDqWudN:before {
    height: 8px;
    width: 8px
}

.OONlDqWudN:before {
    background: #fff;
    box-sizing: border-box;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg)
}

.NXQwlZuB1r {
    opacity: 0
}

.pJG65Egtmv {
    opacity: 1;
    transition: opacity .2s
}

.PyFkgEVUCH {
    opacity: 1
}

.ra9mCKD9Qi {
    opacity: 0;
    transition: opacity .2s
}

.VJt1GQow5C {
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    width: 100%
}

.PJGW7IcGw7 {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    right: 0;
    top: 0
}

.zd_mJeRq0o {
    align-items: center;
    background: #d8d8d8;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 0;
    font-weight: 500;
    justify-content: center;
    overflow: hidden
}

.yAw4HeXgj1 {
    height: 32px;
    width: 32px
}

.CvEVQqB544 {
    height: 24px;
    width: 24px
}

._hCkSLyopR {
    height: 40px;
    width: 40px
}

.ce1hGW6zi0 {
    height: 48px;
    width: 48px
}

.kGf4cL60HW {
    height: 14px;
    width: 14px
}

.ATE4_cAWR1 {
    border-radius: 50%
}

.dDjx9ASvpm {
    position: relative
}

.RK5jpdUNU8,.dDjx9ASvpm,.dDjx9ASvpm img {
    height: 100%;
    width: 100%
}

.RK5jpdUNU8 {
    align-items: center;
    display: flex;
    justify-content: center
}

.EBLep1hwM0 {
    background: #2673dd
}

.I1b8eQbMhR {
    background: #58b7f1
}

.BQkcuEfCaT {
    background: #26aa99
}

.AcHQyoJni3 {
    background: #7eca74
}

.muxZxZryaH {
    background: #fb0
}

.pxceB_PsuD {
    font-size: 12px;
    transform: scale(.8)
}

.m47AY4ukoi {
    font-size: 12px;
    line-height: 14px
}

.LVyvRoI_GS {
    font-size: 14px;
    line-height: 1.14em
}

.dpAug_lRzo {
    font-size: 16px;
    line-height: 1.25em
}

.mxNwmjGfJS {
    font-size: 20px;
    line-height: 1.2em
}

.lCuoClihXI {
    font-size: 24px;
    line-height: 1.17em
}

.p3CkhBIg3C {
    font-size: 32px;
    line-height: 1.19em
}

.f9NbU3GNCH {
    font-size: 36px;
    line-height: 1.2em
}

.Ep8Yh7prIB {
    font-size: 40px
}

.Ep8Yh7prIB,.xGIUB3hKRQ {
    font-weight: 400;
    line-height: 1.18em
}

.xGIUB3hKRQ {
    font-size: 48px
}

.QueH5rzDLO,.k80sDZE2H9 {
    color: #fff;
    height: 75%;
    width: 75%
}

.yHRqJXUiCY {
    color: #fff;
    height: 50%;
    width: 50%
}

.CCWllROq4S {
    font-family: var(--boldFont);
    font-weight: 500
}

.uSCzLeGnGd {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.MjLuVfkgAr {
    flex: 1;
    overflow: hidden
}

.wonXE5ByHO {
    height: 0;
    visibility: hidden
}

.c9pUlXucrw {
    min-height: 14.75em
}

.LYzdCdWlmR {
    flex-direction: column-reverse
}

.OfQaGgmF1W {
    align-items: center;
    color: #666;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center
}

.OfQaGgmF1W .lRwuBK00V8 {
    color: #2673dd;
    cursor: pointer;
    margin-left: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bvpyGXGpy8 {
    top: 0;
    z-index: 999
}

.Dx2rAC7H29,.bvpyGXGpy8 {
    left: 0;
    position: absolute;
    width: 100%
}

.Dx2rAC7H29 {
    bottom: 0;
    z-index: 9999
}

.XK9TBuFjvY {
    flex: 1;
    font-size: 14px;
    height: 100%
}

.XK9TBuFjvY .Vmpgj172qi {
    margin-bottom: 8px
}

.XK9TBuFjvY .Vmpgj172qi,.XK9TBuFjvY .Vmpgj172qi svg {
    height: 100px;
    width: 160px
}

.XK9TBuFjvY .Vmpgj172qi.JiXYwNpBiJ {
    height: 86px;
    width: 86px
}

.HQujP81rQf {
    color: #666;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.H2Wok8muPm {
    position: relative
}

.H2Wok8muPm .GOOLf2QsTp {
    align-items: center;
    display: flex;
    height: 16px;
    height: 12px;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 1
}

.H2Wok8muPm .qIrRrSsU1V {
    bottom: 0
}

.H2Wok8muPm .UL7GCJMPSK {
    top: 0
}

.yH9ngn92la {
    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center
}

.hfifdY3Gu3 {
    overflow: auto
}

.jNF5a7zQAq {
    display: flex;
    flex-direction: column
}

.K9hlnxB6cg {
    padding: 0 10px;
    text-align: center
}

.M5LurKN7q5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.HIIfH8UyN7 {
    -webkit-user-drag: none;
    margin-bottom: 8px;
    width: 120px
}

.Okd21u4465 {
    color: #333;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
    padding: 0 40px;
    text-align: center;
    word-break: break-word
}

.R1f4kRIDpH {
    color: #666;
    font-weight: 400;
    text-transform: capitalize
}

.bRbX0Ki0jA {
    color: #2673dd;
    cursor: pointer;
    margin-top: 4px;
    text-align: center
}

.jONuc9KJau {
    color: #ee4d2d
}

.GwBVxuYYqi {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.ikdBDEIXni {
    height: 100%;
    position: relative;
    white-space: nowrap
}

.ikdBDEIXni:before {
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    width: 100%
}

.Lo5FJbi6bS {
    right: 0;
    text-align: right
}

.Lo5FJbi6bS,.t0EmP_sz3O {
    align-items: center;
    background: #fbfcfd;
    background-image: linear-gradient(180deg,hsla(0,0%,93%,0) 23%,rgba(218,225,235,.3) 93%);
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: .95;
    position: absolute;
    width: 32px;
    z-index: 2
}

.Lo5FJbi6bS svg,.t0EmP_sz3O svg {
    color: #888;
    height: 12px;
    width: 12px
}

.gwG9Odh3fB {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.gwG9Odh3fB.eTIOuBJEJs {
    overflow-x: scroll;
    scrollbar-width: none
}

.gwG9Odh3fB.eTIOuBJEJs::-webkit-scrollbar {
    display: none
}

.xPjxpCOEQp {
    display: flex;
    flex: none;
    height: 100%
}

.xPjxpCOEQp.ArmcNxhBwZ {
    width: 100%
}

.xPjxpCOEQp.qFkqweINR6 {
    flex: 1;
    justify-content: space-between
}

.qK2REYutol {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100%;
    text-align: center;
    text-decoration: none;
    transition: color .1s ease-in-out
}

.qK2REYutol.qU7xInsuLu {
    padding: 0 8px
}

.qK2REYutol.mraEWCJLH8 {
    padding: 0 10px
}

.qK2REYutol.a7p890BjAa {
    padding: 0 12px
}

.qK2REYutol.i9dRDYIvdD:hover {
    color: inherit;
    cursor: default
}

.qK2REYutol.ArmcNxhBwZ {
    flex: 1;
    justify-content: center;
    padding: 0
}

.qK2REYutol:hover {
    color: #ee4d2d
}

.qK2REYutol.zFVr2WzGcI {
    color: #ee4d2d;
    font-weight: 600
}

.i6nJPALnuV {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.PNiOQX8Uca {
    background-color: #ee4d2d;
    border-radius: 1px;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    transform: translateZ(0);
    transition: transform .1s ease-in-out,width .1s ease-in-out;
    z-index: 1
}

.zxu_zg7wqX>.gwG9Odh3fB {
    left: 30px;
    width: calc(100% - 30px)
}

.ULmTDX5Dk3 {
    $>.gwG9Odh3fB {
        width: calc(100% - 30px)
    }
}

.QQ3Pt8Z6Vt>.ikdBDEIXni:before {
    left: 0;
    width: 100%
}

.QQ3Pt8Z6Vt>.gwG9Odh3fB {
    width: calc(100% - 60px)
}
.uSCzLeGnGd {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.MjLuVfkgAr {
    flex: 1;
    overflow: hidden
}

.wonXE5ByHO {
    height: 0;
    visibility: hidden
}

.c9pUlXucrw {
    min-height: 14.75em
}

.LYzdCdWlmR {
    flex-direction: column-reverse
}

.OfQaGgmF1W {
    align-items: center;
    color: #666;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center
}

.OfQaGgmF1W .lRwuBK00V8 {
    color: #2673dd;
    cursor: pointer;
    margin-left: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bvpyGXGpy8 {
    top: 0;
    z-index: 999
}

.Dx2rAC7H29,.bvpyGXGpy8 {
    left: 0;
    position: absolute;
    width: 100%
}

.Dx2rAC7H29 {
    bottom: 0;
    z-index: 9999
}

.XK9TBuFjvY {
    flex: 1;
    font-size: 14px;
    height: 100%
}

.XK9TBuFjvY .Vmpgj172qi {
    margin-bottom: 8px
}

.XK9TBuFjvY .Vmpgj172qi,.XK9TBuFjvY .Vmpgj172qi svg {
    height: 100px;
    width: 160px
}

.XK9TBuFjvY .Vmpgj172qi.JiXYwNpBiJ {
    height: 86px;
    width: 86px
}

.HQujP81rQf {
    color: #666;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.H2Wok8muPm {
    position: relative
}

.H2Wok8muPm .GOOLf2QsTp {
    align-items: center;
    display: flex;
    height: 16px;
    height: 12px;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 1
}

.H2Wok8muPm .qIrRrSsU1V {
    bottom: 0
}

.H2Wok8muPm .UL7GCJMPSK {
    top: 0
}

.yH9ngn92la {
    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center
}

.hfifdY3Gu3 {
    overflow: auto
}

.jNF5a7zQAq {
    display: flex;
    flex-direction: column
}

.K9hlnxB6cg {
    padding: 0 10px;
    text-align: center
}

.M5LurKN7q5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.HIIfH8UyN7 {
    -webkit-user-drag: none;
    margin-bottom: 8px;
    width: 120px
}

.Okd21u4465 {
    color: #333;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
    padding: 0 40px;
    text-align: center;
    word-break: break-word
}

.R1f4kRIDpH {
    color: #666;
    font-weight: 400;
    text-transform: capitalize
}

.bRbX0Ki0jA {
    color: #2673dd;
    cursor: pointer;
    margin-top: 4px;
    text-align: center
}

.GwBVxuYYqi {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.ikdBDEIXni {
    height: 100%;
    position: relative;
    white-space: nowrap
}

.ikdBDEIXni:before {
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    width: 100%
}

.Lo5FJbi6bS {
    right: 0;
    text-align: right
}

.Lo5FJbi6bS,.t0EmP_sz3O {
    align-items: center;
    background: #fbfcfd;
    background-image: linear-gradient(180deg,hsla(0,0%,93%,0) 23%,rgba(218,225,235,.3) 93%);
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: .95;
    position: absolute;
    width: 32px;
    z-index: 2
}

.Lo5FJbi6bS svg,.t0EmP_sz3O svg {
    color: #888;
    height: 12px;
    width: 12px
}

.gwG9Odh3fB {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.gwG9Odh3fB.eTIOuBJEJs {
    overflow-x: scroll;
    scrollbar-width: none
}

.gwG9Odh3fB.eTIOuBJEJs::-webkit-scrollbar {
    display: none
}

.xPjxpCOEQp {
    display: flex;
    flex: none;
    height: 100%
}

.xPjxpCOEQp.ArmcNxhBwZ {
    width: 100%
}

.xPjxpCOEQp.qFkqweINR6 {
    flex: 1;
    justify-content: space-between
}

.qK2REYutol {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100%;
    text-align: center;
    text-decoration: none;
    transition: color .1s ease-in-out
}

.qK2REYutol.qU7xInsuLu {
    padding: 0 8px
}

.qK2REYutol.mraEWCJLH8 {
    padding: 0 10px
}

.qK2REYutol.a7p890BjAa {
    padding: 0 12px
}

.qK2REYutol.i9dRDYIvdD:hover {
    color: inherit;
    cursor: default
}

.qK2REYutol.ArmcNxhBwZ {
    flex: 1;
    justify-content: center;
    padding: 0
}

.qK2REYutol:hover {
    color: #ee4d2d
}

.qK2REYutol.zFVr2WzGcI {
    color: #ee4d2d;
    font-weight: 600
}

.i6nJPALnuV {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.PNiOQX8Uca {
    background-color: #ee4d2d;
    border-radius: 1px;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    transform: translateZ(0);
    transition: transform .1s ease-in-out,width .1s ease-in-out;
    z-index: 1
}

.zxu_zg7wqX>.gwG9Odh3fB {
    left: 30px;
    width: calc(100% - 30px)
}

.ULmTDX5Dk3 {
    $>.gwG9Odh3fB {
        width: calc(100% - 30px)
    }
}

.QQ3Pt8Z6Vt>.ikdBDEIXni:before {
    left: 0;
    width: 100%
}

.QQ3Pt8Z6Vt>.gwG9Odh3fB {
    width: calc(100% - 60px)
}

.inSZPI5424 {
    align-items: center;
    background-color: #ee4d2d;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 14px;
    padding: 0 4px
}

.RQ_RcI3b2G {
    border-radius: 50%;
    height: 8px;
    padding: 0;
    width: 8px
}

.tFkNTEt7LM,.yZylMs1P8s,.yx3pIMpUnE {
    background-image: linear-gradient(270deg,#ff815c 9%,#ee4d2d 91%);
    border-radius: 9px 3px 9px 9px;
    font-size: 10px;
    left: 100%;
    padding: 2px;
    right: unset;
    transform: translateY(-50%) translateX(-50%);
    span {
        display: inline-block;
        transform: scale(.83)
    }
}

.vNARkH3sjp {
    height: 16px;
    line-height: 14px;
    padding: 0
}

.jONuc9KJau {
    color: #ee4d2d
}

.zd_mJeRq0o {
    align-items: center;
    background: #d8d8d8;
    border-radius: 2px;
    color: #fff;
    display: flex;
    font-size: 0;
    font-weight: 500;
    justify-content: center;
    overflow: hidden
}

.yAw4HeXgj1 {
    height: 32px;
    width: 32px
}

.CvEVQqB544 {
    height: 24px;
    width: 24px
}

._hCkSLyopR {
    height: 40px;
    width: 40px
}

.ce1hGW6zi0 {
    height: 48px;
    width: 48px
}

.kGf4cL60HW {
    height: 14px;
    width: 14px
}

.ATE4_cAWR1 {
    border-radius: 50%
}

.dDjx9ASvpm {
    position: relative
}

.RK5jpdUNU8,.dDjx9ASvpm,.dDjx9ASvpm img {
    height: 100%;
    width: 100%
}

.RK5jpdUNU8 {
    align-items: center;
    display: flex;
    justify-content: center
}

.EBLep1hwM0 {
    background: #2673dd
}

.I1b8eQbMhR {
    background: #58b7f1
}

.BQkcuEfCaT {
    background: #26aa99
}

.AcHQyoJni3 {
    background: #7eca74
}

.muxZxZryaH {
    background: #fb0
}

.pxceB_PsuD {
    font-size: 12px;
    transform: scale(.8)
}

.m47AY4ukoi {
    font-size: 12px;
    line-height: 14px
}

.LVyvRoI_GS {
    font-size: 14px;
    line-height: 1.14em
}

.dpAug_lRzo {
    font-size: 16px;
    line-height: 1.25em
}

.mxNwmjGfJS {
    font-size: 20px;
    line-height: 1.2em
}

.lCuoClihXI {
    font-size: 24px;
    line-height: 1.17em
}

.p3CkhBIg3C {
    font-size: 32px;
    line-height: 1.19em
}

.f9NbU3GNCH {
    font-size: 36px;
    line-height: 1.2em
}

.Ep8Yh7prIB {
    font-size: 40px
}

.Ep8Yh7prIB,.xGIUB3hKRQ {
    font-weight: 400;
    line-height: 1.18em
}

.xGIUB3hKRQ {
    font-size: 48px
}

.QueH5rzDLO,.k80sDZE2H9 {
    color: #fff;
    height: 75%;
    width: 75%
}

.yHRqJXUiCY {
    color: #fff;
    height: 50%;
    width: 50%
}

.CCWllROq4S {
    font-family: var(--boldFont);
    font-weight: 500
}
.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: shopeeMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: shopeeMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: shopeeMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: shopeeMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: shopeeMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: shopeeMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: shopeeMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: shopeeMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes shopeeMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active {
    animation-name: shopeeZoomIn;
    animation-play-state: running
}

.shopee-react-zoom-leave.shopee-react-zoom-leave-active {
    animation-name: shopeeZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare {
    transform: none
}

.shopee-react-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active {
    animation-name: shopeeZoomUpIn;
    animation-play-state: running
}

.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active {
    animation-name: shopeeZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare {
    transform: none
}

.shopee-react-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active {
    animation-name: shopeeZoomDownIn;
    animation-play-state: running
}

.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active {
    animation-name: shopeeZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare {
    transform: none
}

.shopee-react-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active {
    animation-name: shopeeZoomLeftIn;
    animation-play-state: running
}

.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active {
    animation-name: shopeeZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare {
    transform: none
}

.shopee-react-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active {
    animation-name: shopeeZoomRightIn;
    animation-play-state: running
}

.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active {
    animation-name: shopeeZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare {
    transform: none
}

.shopee-react-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes shopeeZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.shopee-react-popover {
    cursor: auto;
    font-weight: 400;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    user-select: text;
    white-space: normal;
    z-index: 1300
}

.shopee-react-popover-hidden {
    display: none!important
}

.shopee-react-popover-placement-top,.shopee-react-popover-placement-topLeft,.shopee-react-popover-placement-topRight {
    padding-bottom: 10px
}

.shopee-react-popover-placement-top.no-arrow,.shopee-react-popover-placement-topLeft.no-arrow,.shopee-react-popover-placement-topRight.no-arrow {
    padding-bottom: 0
}

.shopee-react-popover-placement-right,.shopee-react-popover-placement-rightBottom,.shopee-react-popover-placement-rightTop {
    padding-left: 10px
}

.shopee-react-popover-placement-right.no-arrow,.shopee-react-popover-placement-rightBottom.no-arrow,.shopee-react-popover-placement-rightTop.no-arrow {
    padding-left: 0
}

.shopee-react-popover-placement-bottom,.shopee-react-popover-placement-bottomLeft,.shopee-react-popover-placement-bottomRight {
    padding-top: 10px
}

.shopee-react-popover-placement-bottom.no-arrow,.shopee-react-popover-placement-bottomLeft.no-arrow,.shopee-react-popover-placement-bottomRight.no-arrow {
    padding-top: 0
}

.shopee-react-popover-placement-left,.shopee-react-popover-placement-leftBottom,.shopee-react-popover-placement-leftTop {
    padding-right: 10px
}

.shopee-react-popover-placement-left.no-arrow,.shopee-react-popover-placement-leftBottom.no-arrow,.shopee-react-popover-placement-leftTop.no-arrow {
    padding-right: 0
}

.shopee-react-popover-inner {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.06)
}

.shopee-react-popover-inner-content {
    color: #333;
    padding: 12px 16px
}

.shopee-react-popover.no-arrow .shopee-react-popover-arrow {
    display: none
}

.shopee-react-popover-arrow {
    background: transparent;
    border-style: solid;
    border-width: 3px;
    display: block;
    position: absolute;
    transform: rotate(45deg)
}

.shopee-react-popover-placement-top>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-topLeft>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-topRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: transparent #fff #fff transparent;
    bottom: 7px;
    box-shadow: 3px 3px 7px rgba(0,0,0,.07)
}

.shopee-react-popover-placement-top>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

.shopee-react-popover-placement-topLeft>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 16px
}

.shopee-react-popover-placement-topRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    right: 16px
}

.shopee-react-popover-placement-right>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-rightBottom>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-rightTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: transparent transparent #fff #fff;
    box-shadow: -3px 3px 7px rgba(0,0,0,.07);
    left: 7px
}

.shopee-react-popover-placement-right>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.shopee-react-popover-placement-rightTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 12px
}

.shopee-react-popover-placement-rightBottom>.shopee-react-popover-content>.shopee-react-popover-arrow {
    bottom: 12px
}

.shopee-react-popover-placement-bottom>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-bottomLeft>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-bottomRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: #fff transparent transparent #fff;
    box-shadow: -2px -2px 5px rgba(0,0,0,.06);
    top: 7px
}

.shopee-react-popover-placement-bottom>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

.shopee-react-popover-placement-bottomLeft>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 16px
}

.shopee-react-popover-placement-bottomRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    right: 16px
}

.shopee-react-popover-placement-left>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-leftBottom>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-leftTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: #fff #fff transparent transparent;
    box-shadow: 3px -3px 7px rgba(0,0,0,.07);
    right: 7px
}

.shopee-react-popover-placement-left>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.shopee-react-popover-placement-leftTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 12px
}

.shopee-react-popover-placement-leftBottom>.shopee-react-popover-content>.shopee-react-popover-arrow {
    bottom: 12px
}
.uSCzLeGnGd {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.MjLuVfkgAr {
    flex: 1;
    overflow: hidden
}

.wonXE5ByHO {
    height: 0;
    visibility: hidden
}

.c9pUlXucrw {
    min-height: 14.75em
}

.LYzdCdWlmR {
    flex-direction: column-reverse
}

.OfQaGgmF1W {
    align-items: center;
    color: #666;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center
}

.OfQaGgmF1W .lRwuBK00V8 {
    color: #2673dd;
    cursor: pointer;
    margin-left: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bvpyGXGpy8 {
    top: 0;
    z-index: 999
}

.Dx2rAC7H29,.bvpyGXGpy8 {
    left: 0;
    position: absolute;
    width: 100%
}

.Dx2rAC7H29 {
    bottom: 0;
    z-index: 9999
}

.XK9TBuFjvY {
    flex: 1;
    font-size: 14px;
    height: 100%
}

.XK9TBuFjvY .Vmpgj172qi {
    margin-bottom: 8px
}

.XK9TBuFjvY .Vmpgj172qi,.XK9TBuFjvY .Vmpgj172qi svg {
    height: 100px;
    width: 160px
}

.XK9TBuFjvY .Vmpgj172qi.JiXYwNpBiJ {
    height: 86px;
    width: 86px
}

.HQujP81rQf {
    color: #666;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.H2Wok8muPm {
    position: relative
}

.H2Wok8muPm .GOOLf2QsTp {
    align-items: center;
    display: flex;
    height: 16px;
    height: 12px;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 1
}

.H2Wok8muPm .qIrRrSsU1V {
    bottom: 0
}

.H2Wok8muPm .UL7GCJMPSK {
    top: 0
}

.yH9ngn92la {
    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center
}

.hfifdY3Gu3 {
    overflow: auto
}

.jNF5a7zQAq {
    display: flex;
    flex-direction: column
}

.K9hlnxB6cg {
    padding: 0 10px;
    text-align: center
}

.M5LurKN7q5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.HIIfH8UyN7 {
    -webkit-user-drag: none;
    margin-bottom: 8px;
    width: 120px
}

.Okd21u4465 {
    color: #333;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
    padding: 0 40px;
    text-align: center;
    word-break: break-word
}

.R1f4kRIDpH {
    color: #666;
    font-weight: 400;
    text-transform: capitalize
}

.bRbX0Ki0jA {
    color: #2673dd;
    cursor: pointer;
    margin-top: 4px;
    text-align: center
}

.GwBVxuYYqi {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.ikdBDEIXni {
    height: 100%;
    position: relative;
    white-space: nowrap
}

.ikdBDEIXni:before {
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    width: 100%
}

.Lo5FJbi6bS {
    right: 0;
    text-align: right
}

.Lo5FJbi6bS,.t0EmP_sz3O {
    align-items: center;
    background: #fbfcfd;
    background-image: linear-gradient(180deg,hsla(0,0%,93%,0) 23%,rgba(218,225,235,.3) 93%);
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: .95;
    position: absolute;
    width: 32px;
    z-index: 2
}

.Lo5FJbi6bS svg,.t0EmP_sz3O svg {
    color: #888;
    height: 12px;
    width: 12px
}

.gwG9Odh3fB {
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.gwG9Odh3fB.eTIOuBJEJs {
    overflow-x: scroll;
    scrollbar-width: none
}

.gwG9Odh3fB.eTIOuBJEJs::-webkit-scrollbar {
    display: none
}

.xPjxpCOEQp {
    display: flex;
    flex: none;
    height: 100%
}

.xPjxpCOEQp.ArmcNxhBwZ {
    width: 100%
}

.xPjxpCOEQp.qFkqweINR6 {
    flex: 1;
    justify-content: space-between
}

.qK2REYutol {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100%;
    text-align: center;
    text-decoration: none;
    transition: color .1s ease-in-out
}

.qK2REYutol.qU7xInsuLu {
    padding: 0 8px
}

.qK2REYutol.mraEWCJLH8 {
    padding: 0 10px
}

.qK2REYutol.a7p890BjAa {
    padding: 0 12px
}

.qK2REYutol.i9dRDYIvdD:hover {
    color: inherit;
    cursor: default
}

.qK2REYutol.ArmcNxhBwZ {
    flex: 1;
    justify-content: center;
    padding: 0
}

.qK2REYutol:hover {
    color: #ee4d2d
}

.qK2REYutol.zFVr2WzGcI {
    color: #ee4d2d;
    font-weight: 600
}

.i6nJPALnuV {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.PNiOQX8Uca {
    background-color: #ee4d2d;
    border-radius: 1px;
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    transform: translateZ(0);
    transition: transform .1s ease-in-out,width .1s ease-in-out;
    z-index: 1
}

.zxu_zg7wqX>.gwG9Odh3fB {
    left: 30px;
    width: calc(100% - 30px)
}

.ULmTDX5Dk3 {
    $>.gwG9Odh3fB {
        width: calc(100% - 30px)
    }
}

.QQ3Pt8Z6Vt>.ikdBDEIXni:before {
    left: 0;
    width: 100%
}

.QQ3Pt8Z6Vt>.gwG9Odh3fB {
    width: calc(100% - 60px)
}

.XOhUYgMN1i {
    font-size: 14px;
    line-height: 14px
}

.hHjuq3Xr9S {
    font-size: 16px
}

.FSxxbXdFJ4 {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    box-sizing: border-box;
    color: #bbb;
    display: flex;
    flex-direction: row;
    height: 100%;
    padding: 0 16px;
    width: 100%
}

.FSxxbXdFJ4:hover {
    cursor: text
}

.FSxxbXdFJ4.LUMSp3Gihm {
    border: 1px solid #2673dd;
    color: #333
}

.FSxxbXdFJ4.bkPq_Eo0HI {
    border: 1px solid #ff4742
}

.FSxxbXdFJ4.fh88W2UBYw {
    cursor: not-allowed
}

.FSxxbXdFJ4.xHmW7G9Awz {
    padding: 0 12px
}

.YSE7ERzdVb {
    color: #bbb;
    font-size: 12px
}

.YSE7ERzdVb.ltdJcuwtQV {
    font-size: 14px;
    font-weight: 400
}

.zSry6j4IqI {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.TFkGk89hJ_ {
    flex-direction: row;
    justify-content: flex-end
}

.BAUG92qrKM {
    color: #ff4742
}

.lFTgC3fUQB {
    flex-direction: column
}

.drMyqK1Jjk {
    padding-bottom: 8px;
    padding-top: 4px
}

.SBQBFZu9SL {
    text-align: left
}

.oTgGDP4_X6 {
    border: none;
    color: #333;
    font-family: inherit;
    outline: none;
    resize: none
}

.oTgGDP4_X6:disabled {
    background-color: initial;
    cursor: not-allowed
}

.RavkhPLD2e {
    border: none;
    cursor: text;
    flex: 1;
    line-height: 14px
}

.RavkhPLD2e::-webkit-input-placeholder {
    color: #bbb;
    font-size: 14px
}

.OtMmk_SKyJ {
    border: none;
    cursor: text;
    flex: 1;
    line-height: 20px;
    margin-right: -16px;
    padding-right: 16px
}

.OtMmk_SKyJ::-webkit-input-placeholder {
    color: #bbb;
    font-size: 14px
}

.OtMmk_SKyJ.nWIubS4ZIw {
    border-radius: 4px;
    resize: vertical
}

.QHRIuYOYf7 {
    border: none
}

.kZMedRJyiQ {
    position: relative;
    width: 100%
}

.kZMedRJyiQ.GaNRSUZ3bH {
    flex-shrink: 0;
    width: 510px
}

.kZMedRJyiQ.GaNRSUZ3bH .FSxxbXdFJ4 {
    border-radius: 4px;
    margin-bottom: 4px
}

.kZMedRJyiQ.GaNRSUZ3bH .FSxxbXdFJ4.LUMSp3Gihm {
    border: 1px solid #b7b7b7
}

.kZMedRJyiQ.GaNRSUZ3bH .YSE7ERzdVb {
    color: #999
}

.kZMedRJyiQ.gpvpEVDxEH {
    width: 900px
}

.kZMedRJyiQ.gpvpEVDxEH .FSxxbXdFJ4 {
    border-radius: 4px
}

.kZMedRJyiQ.gpvpEVDxEH .FSxxbXdFJ4.LUMSp3Gihm {
    border: 1px solid #b7b7b7
}

.kZMedRJyiQ.gpvpEVDxEH .YSE7ERzdVb {
    color: #999
}

.djkR0CTI0P {
    height: unset;
    padding: unset
}

.djkR0CTI0P .OtMmk_SKyJ {
    flex: unset;
    margin: unset;
    padding: 5px 16px
}

.djkR0CTI0P .OtMmk_SKyJ.nWIubS4ZIw {
    padding: 9px 12px
}

.djkR0CTI0P+.SBQBFZu9SL {
    bottom: 0;
    left: 0;
    position: absolute
}

.votOrqAN2c {
    align-items: flex-start;
    display: flex;
    justify-content: flex-end
}

.votOrqAN2c .SBQBFZu9SL {
    margin-right: auto;
    position: static
}

.p90Uvbff5L {
    cursor: pointer
}

.iYz36HgMDl {
    border-radius: 4px;
    border-width: 1px;
    z-index: 100002
}

.iYz36HgMDl[data-popper-placement^=right]>[data-popper-arrow] {
    left: -4px
}

.iYz36HgMDl[data-popper-placement^=right]>[data-popper-arrow]:before {
    border-right: none;
    border-top: none
}

.iYz36HgMDl[data-popper-placement^=bottom]>[data-popper-arrow] {
    top: -4px
}

.iYz36HgMDl[data-popper-placement^=bottom]>[data-popper-arrow]:before {
    border-bottom: none;
    border-right: none
}

.iYz36HgMDl[data-popper-placement^=top]>[data-popper-arrow] {
    bottom: -4px
}

.iYz36HgMDl[data-popper-placement^=top]>[data-popper-arrow]:before {
    border-left: none;
    border-top: none
}

.iYz36HgMDl[data-popper-placement^=left]>[data-popper-arrow] {
    right: -4px
}

.iYz36HgMDl[data-popper-placement^=left]>[data-popper-arrow]:before {
    border-bottom: none;
    border-left: none
}

.iYz36HgMDl:after,.iYz36HgMDl:before {
    display: none
}

.b0u5Oz9woM {
    max-height: 800px;
    position: relative;
    width: 100%;
    z-index: 100002
}

.OONlDqWudN,.OONlDqWudN:before {
    height: 8px;
    width: 8px
}

.OONlDqWudN:before {
    background: #fff;
    box-sizing: border-box;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg)
}

.NXQwlZuB1r {
    opacity: 0
}

.pJG65Egtmv {
    opacity: 1;
    transition: opacity .2s
}

.PyFkgEVUCH {
    opacity: 1
}

.ra9mCKD9Qi {
    opacity: 0;
    transition: opacity .2s
}

.jONuc9KJau {
    color: #ee4d2d
}

.VJt1GQow5C {
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    width: 100%
}

.PJGW7IcGw7 {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    right: 0;
    top: 0
}

.MmEDny {
    clip: rect(1px,1px,1px,1px);
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    white-space: nowrap;
    width: 1px
}

.IzYSjF {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 280px
}

._2xse1p {
    background-color: initial;
    border: 0;
    cursor: pointer;
    overflow: visible;
    padding: 4px;
    position: absolute;
    right: 12px;
    top: 20px
}

._2xse1p:active {
    opacity: .7
}

.XH808g {
    right: 25px;
    top: 25px
}

.WzJfxC {
    stroke: #757575;
    height: 16px;
    width: 16px
}

.a-K0K3 {
    left: 50%;
    padding: 15px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

._9JGAlU {
    padding: 0 25px
}

.EIhFvH,._9JGAlU {
    text-align: center
}

.EIhFvH {
    color: rgba(0,0,0,.65);
    font-size: 16px;
    font-weight: 500;
    margin: 16px 0 0
}

.XChIhX {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    margin: 8px 0 16px;
    text-align: center
}

.vg5jTJ {
    background-color: #1b92f5;
    border-radius: 4px
}

.lg8Hq3 {
    background-color: #ee4d2d;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    height: 2.625rem;
    line-height: 1.2;
    min-width: 4rem;
    outline: none;
    padding: 0 1rem;
    text-transform: capitalize
}

.lg8Hq3:not(.iHJ3u5):active {
    background-color: #e2492b
}

.iHJ3u5 {
    cursor: not-allowed;
    opacity: .7
}

._59OZUt {
    text-transform: uppercase
}

.JROsbH,.xjm1Xx {
    width: 100%
}

.xjm1Xx {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
}

.X-9gpH {
    margin: 24px
}

.qz2Z0m {
    margin-top: 24px
}

.clASNc {
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 16px 24px;
    position: relative;
    width: 100%
}

.Rgd9GN {
    display: none
}

.br770M {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0
}

.ZcZshU,._5-hQ1k {
    height: 24px
}

._5-hQ1k {
    background-color: initial;
    border: 0;
    color: rgba(0,0,0,.65);
    padding: 0;
    width: 24px
}

._5-hQ1k:active,._5-hQ1k:hover {
    opacity: .8
}

._5-hQ1k:disabled {
    cursor: not-allowed
}

.t2yWjY {
    margin-left: 12px
}

.G\+4Bnz {
    height: 24px;
    width: 24px
}

._2ZEaD {
    -webkit-animation: _2ZEaD 1.5s infinite;
    animation: _2ZEaD 1.5s infinite;
    background-color: #a4aaaa;
    background-image: linear-gradient(90deg,#a4aaaa,#000 25%,#a4aaaa 50%);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

._2ZEaD .geCJg {
    background: #fff;
    isolation: isolate;
    mix-blend-mode: screen
}

._2ZEaD .M6lQx {
    background: #f1f0f0
}

@-webkit-keyframes _2ZEaD {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

@keyframes _2ZEaD {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.zuagkM {
    width: 280px
}

.iMmtsT {
    height: 150px;
    margin-bottom: 8px;
    width: 100%
}

.EDVGei {
    height: 48px;
    width: 100%
}

.f\+aALa {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@-webkit-keyframes glow {
    0%,to {
        background-color: #fafafa;
        border-color: #fafafa
    }

    50% {
        background-color: #f5f5f5;
        border-color: #f5f5f5
    }
}

@keyframes glow {
    0%,to {
        background-color: #fafafa;
        border-color: #fafafa
    }

    50% {
        background-color: #f5f5f5;
        border-color: #f5f5f5
    }
}

.f\+aALa {
    box-sizing: border-box;
    color: rgba(0,0,0,.54);
    height: 24px;
    position: relative;
    width: 100%
}

._0MIjLT {
    cursor: pointer;
    font-size: 10px;
    line-height: 12px;
    text-decoration: underline
}

.ZzRMMF,.hIq1dt {
    height: 24px
}

.ZzRMMF {
    background-color: initial;
    border: 0;
    padding: 0;
    width: 24px
}

.ZzRMMF:active,.ZzRMMF:hover {
    opacity: .8
}

.ZzRMMF:disabled {
    cursor: not-allowed
}

.yYQHsY {
    margin-left: 12px
}

.jPNWMs {
    height: 24px;
    width: 24px
}

._2V2E5Q {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.Z8uTZc {
    margin: 24px
}

.bmeSSo {
    margin-bottom: 24px
}

.K9jjon,.sOsXuJ {
    align-items: center;
    display: flex;
    justify-content: center
}

.GIisTu {
    position: relative
}

.Yj2cCM {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.b68Vhh {
    background-color: rgba(0,0,0,.09)
}

.XhS6t8 {
    opacity: 0
}

.Nd6MgT {
    transition: opacity .3s
}

.Nd6MgT,.jIIxuH {
    opacity: 1
}

.X7jI6i {
    opacity: 0;
    transition: opacity .3s
}

.K4qMCh {
    left: 0;
    top: 0;
    will-change: transform
}

.K4qMCh,.gQ7PIj {
    position: absolute
}

.gQ7PIj {
    touch-action: none
}

._9Yqd6s {
    background-color: rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 12px;
    margin-top: 8px;
    padding: 4px
}

._9Yqd6s,.tj3TkG {
    position: relative
}

.K9jjon {
    box-sizing: border-box;
    color: rgba(0,0,0,.65);
    cursor: default;
    font-size: 12px;
    left: 45px;
    padding: 0 12px;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 230px
}

.GtrWf3,.K9jjon {
    height: 100%;
    position: absolute;
    top: 0
}

.GtrWf3 {
    left: 0;
    opacity: .3;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.GtrWf3,.sOsXuJ {
    will-change: transform
}

.sOsXuJ {
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    cursor: pointer;
    position: relative;
    touch-action: none
}

.rH\+SL2 {
    background-color: #ee4d2d
}

.IrCksu {
    background-color: #1b92f5
}

.poM-7c {
    background-color: #26aa99
}

._4pAd-V {
    background-color: #16c42a
}

.sE7GbI {
    background-color: #ee2c4a
}

._8EXZ8s {
    cursor: not-allowed
}

.FfYAX2 {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    transition-delay: .35s
}

@-webkit-keyframes q2yaWR {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
}

@keyframes q2yaWR {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
}

@-webkit-keyframes nhi2Ri {
    0% {
        left: 0
    }

    to {
        left: 40px
    }
}

@keyframes nhi2Ri {
    0% {
        left: 0
    }

    to {
        left: 40px
    }
}

@-webkit-keyframes j5HaX\+ {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(1.9090909091);
        transform: scaleX(1.9090909091)
    }
}

@keyframes j5HaX\+ {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(1.9090909091);
        transform: scaleX(1.9090909091)
    }
}

@-webkit-keyframes LHyTuO {
    0% {
        width: 44px
    }

    to {
        width: 84px
    }
}

@keyframes LHyTuO {
    0% {
        width: 44px
    }

    to {
        width: 84px
    }
}

.kDaPw8 {
    -webkit-animation: q2yaWR .5s ease 4 alternate;
    animation: q2yaWR .5s ease 4 alternate
}

.WwI-52 {
    -webkit-animation: nhi2Ri .5s ease 4 alternate;
    animation: nhi2Ri .5s ease 4 alternate
}

.ixtxXv {
    -webkit-animation: j5HaX\+ .5s ease 4 alternate;
    animation: j5HaX\+ .5s ease 4 alternate;
    width: 44px
}

.KYeW4a {
    -webkit-animation: LHyTuO .5s ease 4 alternate;
    animation: LHyTuO .5s ease 4 alternate;
    width: 44px
}

.zPJEDb {
    display: none
}

.hAeNxI {
    align-items: center;
    display: flex;
    justify-content: center
}

@-webkit-keyframes wYcahD {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    67% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
}

@keyframes wYcahD {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    67% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
}

@-webkit-keyframes PEOg3Z {
    0% {
        left: 8px;
        opacity: 1
    }

    67% {
        left: 8px;
        opacity: 1
    }

    to {
        left: 40px;
        opacity: 0
    }
}

@keyframes PEOg3Z {
    0% {
        left: 8px;
        opacity: 1
    }

    67% {
        left: 8px;
        opacity: 1
    }

    to {
        left: 40px;
        opacity: 0
    }
}

@-webkit-keyframes _8HbZFN {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }

    67% {
        opacity: 1;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes _8HbZFN {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }

    67% {
        opacity: 1;
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes ZnY6Sy {
    0% {
        left: -24px;
        opacity: 1
    }

    67% {
        left: -24px;
        opacity: 1
    }

    to {
        left: 8px;
        opacity: 1
    }
}

@keyframes ZnY6Sy {
    0% {
        left: -24px;
        opacity: 1
    }

    67% {
        left: -24px;
        opacity: 1
    }

    to {
        left: 8px;
        opacity: 1
    }
}

.wZn9yW {
    display: none
}

.hAeNxI {
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px
}

.pN8cgH {
    -webkit-animation: wYcahD 1.2s linear infinite;
    animation: wYcahD 1.2s linear infinite
}

.dHZra8,.pN8cgH {
    left: 8px;
    position: absolute;
    top: 8px
}

.dHZra8 {
    -webkit-animation: PEOg3Z 1.2s linear infinite;
    animation: PEOg3Z 1.2s linear infinite
}

.-Jw1tn {
    -webkit-animation: _8HbZFN 1.2s linear infinite;
    animation: _8HbZFN 1.2s linear infinite
}

.-Jw1tn,._7GmAof {
    left: 8px;
    position: absolute;
    top: 8px
}

._7GmAof {
    -webkit-animation: ZnY6Sy 1.2s linear infinite;
    animation: ZnY6Sy 1.2s linear infinite
}

.UbeTEy {
    height: 24px;
    width: 24px
}

.oDdiNv {
    bottom: -16px;
    left: -12px;
    position: absolute
}

.wZn9yW {
    display: hidden
}

.-SaXSM,.smENo\+ {
    display: flex
}

.smENo\+ {
    border-radius: 2px;
    box-sizing: border-box;
    justify-content: flex-start;
    padding: .75rem .9375rem
}

.fyMwL1 {
    box-shadow: 0 1px 0 rgba(0,0,0,.1)
}

.-SaXSM {
    margin-right: .625rem;
    width: 1rem
}

.jC7Xk3 {
    height: 1rem;
    width: 1rem
}

.AfI-ET {
    color: #222;
    font-size: .875rem
}

.AfI-ET:first-letter {
    text-transform: capitalize
}

.kp-hab {
    color: #929292;
    font-size: .75rem;
    line-height: .875rem;
    margin-top: .3125rem
}

._1aw5KA {
    background-color: #fff9fa;
    border: 1px solid rgba(255,66,79,.2)
}

.cBzX9R {
    color: #ff424f;
    height: 1rem;
    width: 1rem
}

.J0kQ1V {
    background-color: #f9fcff;
    border: 1px solid #cbe4f4
}

.F0I\+O1 {
    color: #06c;
    height: 1rem;
    width: 1rem
}

.Nbh3XH {
    background-color: #fffefa;
    border: 1px solid rgba(224,168,0,.4)
}

.TbYlJs {
    color: #ffbf00;
    height: 1rem;
    width: 1rem
}

.Ijj6b5 {
    background-color: #fcfffa;
    border: 1px solid rgba(87,172,3,.3)
}

.ke5sOi {
    color: #6c0;
    height: 1rem;
    width: 1rem
}

.eohYyN {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.HNkaP- {
    margin-bottom: 1.5625rem;
    max-width: 17.5rem;
    width: 100%
}

.ffJjvL {
    margin: 1.5rem
}

.Br4gY0 {
    margin-bottom: 24px
}

.FNsdcR {
    height: 6.5rem;
    width: 17.5rem
}

.vBFN9E {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.nCmlvI {
    position: relative
}

.VuLiFX {
    height: 5.875rem;
    width: 15.6875rem
}

.e8ckRR {
    opacity: 0
}

._5vLIMT {
    transition: opacity .3s
}

._5vLIMT,.uBR10V {
    opacity: 1
}

.NNW1iS {
    opacity: 0;
    transition: opacity .3s
}

.Efpn76,.SHeQH7 {
    background-color: #fff;
    height: 100%;
    position: absolute;
    width: 100%
}

._2T2G8p,.vAUmCr {
    border-radius: 2px;
    margin-top: .75rem;
    width: 100%
}

.vAUmCr {
    margin-bottom: .75rem
}

._2T2G8p {
    margin-bottom: .5rem
}

.pPQGjQ {
    align-items: center
}

.Rmbqhz,.pPQGjQ {
    display: flex
}

.Rmbqhz {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.02);
    box-sizing: border-box;
    height: 2.25rem;
    overflow: hidden;
    width: 100%
}

.YsczFa {
    border-color: #ff424f
}

.WWa5iU,.YsczFa {
    box-shadow: 0 0 4px rgba(0,0,0,.14)
}

.WWa5iU {
    border-color: rgba(0,0,0,.54)
}

.\+ESZFq {
    border: 0;
    -webkit-filter: none;
    filter: none;
    flex: 1;
    flex-shrink: 0;
    outline: none;
    padding: .75rem
}

.\+ESZFq::-webkit-input-placeholder {
    color: rgba(0,0,0,.26);
    padding-left: .1875rem
}

.\+ESZFq:-ms-input-placeholder {
    color: rgba(0,0,0,.26);
    padding-left: .1875rem
}

.\+ESZFq::-ms-input-placeholder {
    color: rgba(0,0,0,.26);
    padding-left: .1875rem
}

.\+ESZFq::placeholder {
    color: rgba(0,0,0,.26);
    padding-left: .1875rem
}

.\+ESZFq:-webkit-autofill,.\+ESZFq:-webkit-autofill:focus,.\+ESZFq:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff;
    -webkit-box-shadow: inset 0 0 0 20px #fff
}

.\+ESZFq::-ms-clear {
    display: none
}

.vTmkFD {
    background: #fff6f7
}

.vTmkFD:-webkit-autofill,.vTmkFD:-webkit-autofill:focus,.vTmkFD:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 20px #fff6f7;
    -webkit-box-shadow: inset 0 0 0 20px #fff6f7
}

.V7oklw {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: 1rem;
    padding: .25rem 0 0
}

.V7oklw:first-letter {
    text-transform: capitalize
}

.pPQGjQ {
    background: transparent;
    border: 0;
    outline: none;
    padding: 0 .9375rem 0 .75rem
}

.koMpqI {
    background: #fff6f7
}

._7CNZi8 {
    height: .75rem;
    width: 1.25rem
}

.jzN-lE {
    height: .625rem;
    padding-top: .375rem;
    width: 1.25rem
}

.fpVGQp {
    height: 1rem;
    width: 1rem
}

.xhRZFU {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.z9kVER {
    margin: 24px
}

.mdUTl1 {
    margin-bottom: 24px;
    width: 280px
}

.J8cMdZ {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

.ZKzicU {
    height: 16px;
    margin-bottom: 28px
}

.OowfKI,._38tZb1 {
    border-radius: 2px;
    margin-top: 36px;
    width: 100%
}

._38tZb1 {
    margin-bottom: 12px
}

.OowfKI {
    margin-bottom: 8px
}

._0QZfIa {
    align-items: center
}

._0QZfIa,.rUM7DS {
    display: flex
}

._0QZfIa {
    background-color: #ee4d2d;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    justify-content: center;
    margin-right: 12px
}

._0QZfIa:hover {
    opacity: .9
}

._0QZfIa:active {
    opacity: 1
}

.JfLYk7 {
    height: 36px;
    width: 36px
}

.ud5zHS {
    height: 32px;
    width: 32px
}

.dJBE1X {
    height: 15px;
    width: 12px
}

.D-0xqB {
    height: 12px;
    width: 10px
}

.dqWo-I {
    height: 20px;
    width: 20px
}

.SuTgzA {
    height: 17px;
    width: 16px
}

._5gg9aQ {
    overflow: hidden;
    position: relative
}

._4WEIvf {
    height: 36px;
    width: 188px
}

._0ESwbm {
    height: 32px;
    width: 170px
}

.yMuniU {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

._1QnHwH,.yMuniU {
    position: absolute
}

._1QnHwH {
    bottom: 1px;
    left: 1px;
    overflow: hidden;
    right: 1px;
    top: 1px
}

.aVVHKS {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.IikYhs {
    background-color: rgba(0,0,0,.09)
}

.LiDhxU {
    background-color: #ee4d2d;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ZlGPHP {
    display: none
}

.HJUScj,.P3lZ6d {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.HJUScj {
    background-color: rgba(0,0,0,.4)
}

.P3lZ6d {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 100003
}

.bykfYW {
    z-index: 1
}

._1syMl\+ {
    opacity: 0
}

.rGV\+A0 {
    transition: opacity .15s
}

.\+bvS1u,.rGV\+A0 {
    opacity: 1
}

.lV3UZX {
    opacity: 0;
    transition: opacity .15s
}

._7B08Ix {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.QFfhdv {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.QFfhdv,._2UtvJv {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ul4ayP {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.JKOvaP {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.14);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 328px
}
.shopee-react-button {
    align-items: center;
    appearance: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    min-width: 72px;
    outline: none;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
    transition: all .2s ease-in-out;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.shopee-react-button:focus:before,.shopee-react-button:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button.shopee-react-button--normal:focus:before,.shopee-react-button.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button.shopee-react-button--outline {
    background-color: initial;
    border-color: #e5e5e5;
    color: #fff
}

.shopee-react-button.shopee-react-button--outline:focus:before,.shopee-react-button.shopee-react-button--outline:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button.shopee-react-button--outline:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #fff
}

.shopee-react-button.shopee-react-button--frameless:focus:before,.shopee-react-button.shopee-react-button--frameless:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button.shopee-react-button--frameless:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

html[data-focus-visible] .shopee-react-button:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(238,77,45,.3)
}

.shopee-react-button:before {
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px
}

.shopee-react-button.disabled,.shopee-react-button.disabled:hover {
    cursor: not-allowed;
    opacity: .5
}

.shopee-react-button.disabled:before,.shopee-react-button.disabled:hover:before {
    display: none
}

.shopee-react-button span {
    line-height: 1;
    vertical-align: middle
}

.shopee-react-button span .shopee-react-icon {
    vertical-align: text-bottom
}

.shopee-react-button .shopee-react-icon {
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-button .shopee-react-icon+span,.shopee-react-button span+.shopee-react-icon {
    margin-left: 8px
}

.shopee-react-button--x-large {
    font-size: 16px;
    height: 48px;
    min-width: 80px;
    padding: 0 16px
}

.shopee-react-button--x-large .shopee-react-icon+span,.shopee-react-button--x-large span+.shopee-react-icon {
    margin-left: 8px
}

.shopee-react-button--large {
    font-size: 14px;
    height: 40px;
    min-width: 80px;
    padding: 0 16px
}

.shopee-react-button--small {
    font-size: 12px;
    height: 24px;
    min-width: 64px;
    padding: 0 8px
}

.shopee-react-button--small .shopee-react-icon {
    line-height: 12px;
    width: 12px
}

.shopee-react-button--rich {
    height: auto;
    padding: 8px 24px
}

.shopee-react-button--rich .shopee-react-icon {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
    width: 24px
}

.shopee-react-button--rich .shopee-react-button__rich-content {
    display: inline-block;
    line-height: 1;
    margin-left: 16px;
    text-align: left;
    vertical-align: middle
}

.shopee-react-button--rich .shopee-react-button__rich-content .shopee-react-button__description {
    font-size: 11px;
    line-height: normal;
    margin-top: 2px;
    white-space: nowrap
}

.shopee-react-button--frameless {
    color: #333
}

.shopee-react-button--frameless:focus:before,.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--frameless:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--primary {
    background-color: #ee4d2d;
    border-color: #ee4d2d;
    color: #fff
}

.shopee-react-button--primary:focus:before,.shopee-react-button--primary:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--primary:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--primary.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--primary.shopee-react-button--normal:focus:before,.shopee-react-button--primary.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--primary.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--primary.shopee-react-button--outline {
    background-color: initial;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-react-button--primary.shopee-react-button--outline:focus:before,.shopee-react-button--primary.shopee-react-button--outline:hover:before {
    background-color: rgba(238,77,45,.06)
}

.shopee-react-button--primary.shopee-react-button--outline:active:before {
    background-color: rgba(238,77,45,.12)
}

.shopee-react-button--primary.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--primary.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #ee4d2d
}

.shopee-react-button--primary.shopee-react-button--frameless:focus:before,.shopee-react-button--primary.shopee-react-button--frameless:hover:before {
    background-color: rgba(238,77,45,.06)
}

.shopee-react-button--primary.shopee-react-button--frameless:active:before {
    background-color: rgba(238,77,45,.12)
}

.shopee-react-button--primary.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--secondary {
    background-color: #00bfa5;
    border-color: #00bfa5;
    color: #fff
}

.shopee-react-button--secondary:focus:before,.shopee-react-button--secondary:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--secondary:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--secondary.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--secondary.shopee-react-button--normal:focus:before,.shopee-react-button--secondary.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--secondary.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--secondary.shopee-react-button--outline {
    background-color: initial;
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-react-button--secondary.shopee-react-button--outline:focus:before,.shopee-react-button--secondary.shopee-react-button--outline:hover:before {
    background-color: rgba(0,191,165,.06)
}

.shopee-react-button--secondary.shopee-react-button--outline:active:before {
    background-color: rgba(0,191,165,.12)
}

.shopee-react-button--secondary.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--secondary.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #00bfa5
}

.shopee-react-button--secondary.shopee-react-button--frameless:focus:before,.shopee-react-button--secondary.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,191,165,.06)
}

.shopee-react-button--secondary.shopee-react-button--frameless:active:before {
    background-color: rgba(0,191,165,.12)
}

.shopee-react-button--secondary.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

html[data-focus-visible] .shopee-react-button--secondary:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(0,191,165,.3)
}

.shopee-react-button--danger {
    background-color: #ff4742;
    border-color: #ff4742;
    color: #fff
}

.shopee-react-button--danger:focus:before,.shopee-react-button--danger:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--danger:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--danger.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--danger.shopee-react-button--normal:focus:before,.shopee-react-button--danger.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--danger.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--danger.shopee-react-button--outline {
    background-color: initial;
    border-color: #ff4742;
    color: #ff4742
}

.shopee-react-button--danger.shopee-react-button--outline:focus:before,.shopee-react-button--danger.shopee-react-button--outline:hover:before {
    background-color: rgba(255,71,66,.06)
}

.shopee-react-button--danger.shopee-react-button--outline:active:before {
    background-color: rgba(255,71,66,.12)
}

.shopee-react-button--danger.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--danger.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #ff4742
}

.shopee-react-button--danger.shopee-react-button--frameless:focus:before,.shopee-react-button--danger.shopee-react-button--frameless:hover:before {
    background-color: rgba(255,71,66,.06)
}

.shopee-react-button--danger.shopee-react-button--frameless:active:before {
    background-color: rgba(255,71,66,.12)
}

.shopee-react-button--danger.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

html[data-focus-visible] .shopee-react-button--danger:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(255,71,66,.3)
}

.shopee-react-button--link {
    background-color: initial;
    border-color: transparent;
    color: #2673dd;
    font-weight: 400;
    height: unset;
    min-width: unset;
    padding: 0
}

.shopee-react-button--link:focus:before,.shopee-react-button--link:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--link:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--link.shopee-react-button--normal:focus:before,.shopee-react-button--link.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--link.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--link.shopee-react-button--outline {
    background-color: initial;
    border-color: transparent;
    color: transparent
}

.shopee-react-button--link.shopee-react-button--outline:focus:before,.shopee-react-button--link.shopee-react-button--outline:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--link.shopee-react-button--outline:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--link.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--link.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: transparent
}

.shopee-react-button--link.shopee-react-button--frameless:focus:before,.shopee-react-button--link.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--link.shopee-react-button--frameless:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--link.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--link:active:before,.shopee-react-button--link:focus:before,.shopee-react-button--link:hover:before {
    background-color: transparent
}

.shopee-react-button--link.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--link.shopee-react-button:hover:before {
    background-color: initial
}

.shopee-react-button--link.shopee-react-button:not(.disabled):hover {
    color: #1791f2
}

.shopee-react-button--link .shopee-react-icon+span {
    margin-left: 4px
}

.shopee-react-button--link span+.shopee-react-icon {
    margin-left: 2px
}

.shopee-react-button--link.underline {
    text-decoration: underline
}

.shopee-react-button--dashed {
    border-color: #d8d8d8;
    border-style: dashed
}

.shopee-react-button--dashed.shopee-react-button--primary {
    background-color: #fff;
    border-color: #2673dd;
    border-style: dashed;
    color: #2673dd
}

.shopee-react-button--dashed.shopee-react-button--primary:focus:before,.shopee-react-button--dashed.shopee-react-button--primary:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--normal:focus:before,.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline {
    background-color: initial;
    border-color: #2673dd;
    color: #fff
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline:focus:before,.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #fff
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless:focus:before,.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--dashed.shopee-react-button--primary:focus:before,.shopee-react-button--dashed.shopee-react-button--primary:hover:before {
    background-color: rgba(38,115,221,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary:active:before {
    background-color: rgba(38,115,221,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--ghost {
    background-color: initial;
    border-color: #fff;
    color: #fff
}

.shopee-react-button--ghost:focus:before,.shopee-react-button--ghost:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--ghost:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--ghost.shopee-react-button--normal:focus:before,.shopee-react-button--ghost.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--ghost.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--ghost.shopee-react-button--outline {
    background-color: initial;
    border-color: #fff;
    color: transparent
}

.shopee-react-button--ghost.shopee-react-button--outline:focus:before,.shopee-react-button--ghost.shopee-react-button--outline:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--ghost.shopee-react-button--outline:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--ghost.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--ghost.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: transparent
}

.shopee-react-button--ghost.shopee-react-button--frameless:focus:before,.shopee-react-button--ghost.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--ghost.shopee-react-button--frameless:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--ghost.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--ghost:focus:before,.shopee-react-button--ghost:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button--ghost:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button--ghost.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--round {
    border-radius: 100px
}

.shopee-react-button--circle {
    border-radius: 100%;
    min-width: unset;
    padding: 8px
}

.shopee-react-button--block {
    width: 100%
}

.shopee-react-button--compact {
    padding: 0 8px
}

.shopee-react-button-group {
    display: inline-block;
    vertical-align: middle
}

.shopee-react-button-group.horizontal .shopee-react-button {
    float: left
}

.shopee-react-button-group.horizontal .shopee-react-button:not(:last-of-type):not(:first-of-type) {
    border-radius: 0
}

.shopee-react-button-group.horizontal .shopee-react-button:not(:last-of-type) {
    margin-right: -1px
}

.shopee-react-button-group.horizontal .shopee-react-button:first-of-type {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.shopee-react-button-group.horizontal .shopee-react-button:last-of-type {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-react-button-group.vertical .shopee-react-button {
    display: block;
    float: none;
    width: 100%
}

.shopee-react-button-group.vertical .shopee-react-button:not(:last-of-type):not(:first-of-type) {
    border-radius: 0
}

.shopee-react-button-group.vertical .shopee-react-button:not(:last-of-type) {
    margin-bottom: -1px
}

.shopee-react-button-group.vertical .shopee-react-button:first-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.shopee-react-button-group.vertical .shopee-react-button:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: shopeeMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: shopeeMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: shopeeMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: shopeeMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: shopeeMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: shopeeMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: shopeeMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: shopeeMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes shopeeMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active {
    animation-name: shopeeZoomIn;
    animation-play-state: running
}

.shopee-react-zoom-leave.shopee-react-zoom-leave-active {
    animation-name: shopeeZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare {
    transform: none
}

.shopee-react-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active {
    animation-name: shopeeZoomUpIn;
    animation-play-state: running
}

.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active {
    animation-name: shopeeZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare {
    transform: none
}

.shopee-react-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active {
    animation-name: shopeeZoomDownIn;
    animation-play-state: running
}

.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active {
    animation-name: shopeeZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare {
    transform: none
}

.shopee-react-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active {
    animation-name: shopeeZoomLeftIn;
    animation-play-state: running
}

.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active {
    animation-name: shopeeZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare {
    transform: none
}

.shopee-react-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active {
    animation-name: shopeeZoomRightIn;
    animation-play-state: running
}

.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active {
    animation-name: shopeeZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare {
    transform: none
}

.shopee-react-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes shopeeZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.shopee-react-icon {
    fill: currentColor;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    display: inline-block;
    font-style: normal;
    line-height: 0;
    outline: none;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -.125em
}

.shopee-react-icon>* {
    line-height: 1
}

.shopee-react-icon svg {
    height: 100%;
    width: 100%
}

.shopee-react-icon .shopee-react-icon-icon {
    display: block
}

.shopee-react-icon[tabindex] {
    cursor: pointer
}

.shopee-react-icon-spin {
    animation: shopee-react-icon-spin 1s linear 0s infinite;
    display: inline-block
}

@keyframes shopee-react-icon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: shopeeMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: shopeeMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: shopeeMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: shopeeMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: shopeeMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: shopeeMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: shopeeMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: shopeeMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes shopeeMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active {
    animation-name: shopeeZoomIn;
    animation-play-state: running
}

.shopee-react-zoom-leave.shopee-react-zoom-leave-active {
    animation-name: shopeeZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare {
    transform: none
}

.shopee-react-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active {
    animation-name: shopeeZoomUpIn;
    animation-play-state: running
}

.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active {
    animation-name: shopeeZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare {
    transform: none
}

.shopee-react-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active {
    animation-name: shopeeZoomDownIn;
    animation-play-state: running
}

.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active {
    animation-name: shopeeZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare {
    transform: none
}

.shopee-react-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active {
    animation-name: shopeeZoomLeftIn;
    animation-play-state: running
}

.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active {
    animation-name: shopeeZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare {
    transform: none
}

.shopee-react-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active {
    animation-name: shopeeZoomRightIn;
    animation-play-state: running
}

.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active {
    animation-name: shopeeZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare {
    transform: none
}

.shopee-react-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes shopeeZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.shopee-react-switch {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: background-color .3s ease-in-out;
    vertical-align: middle
}

.shopee-react-switch:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    left: 0;
    margin-top: 2px;
    position: absolute;
    right: 100%;
    transition: left .3s ease-in-out
}

.shopee-react-switch__label {
    color: #fff;
    font-size: 12px;
    left: 7px;
    position: absolute;
    transition: left .3s ease-in-out
}

.shopee-react-switch__label--inactive {
    left: unset;
    right: 8px;
    transition: right .3s ease-in-out
}

.shopee-react-switch__label .shopee-react-icon {
    line-height: inherit
}

.shopee-react-switch--open {
    background-color: #5c7
}

.shopee-react-switch--open:before {
    background-color: #fff
}

.shopee-react-switch--close {
    background-color: #b7b7b7
}

.shopee-react-switch--close:before {
    background-color: #fff
}

.shopee-react-switch--x-large.shopee-react-switch--open:before {
    left: 43px;
    margin-top: 3px
}

.shopee-react-switch--x-large.shopee-react-switch--close:before {
    left: 3px;
    margin-top: 3px
}

.shopee-react-switch--large.shopee-react-switch--open:before {
    left: 34px;
    margin-top: 2px
}

.shopee-react-switch--large.shopee-react-switch--close:before {
    left: 2px;
    margin-top: 2px
}

.shopee-react-switch--normal.shopee-react-switch--open:before {
    left: 26px
}

.shopee-react-switch--normal.shopee-react-switch--close:before {
    left: 2px;
    margin-top: 2px
}

.shopee-react-switch--small.shopee-react-switch--open:before {
    left: 18px;
    margin-top: 2px
}

.shopee-react-switch--small.shopee-react-switch--close:before {
    left: 2px;
    margin-top: 2px
}

.shopee-react-switch--x-large {
    border-radius: 20px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 80px
}

.shopee-react-switch--x-large:before {
    height: 34px;
    width: 34px
}

.shopee-react-switch--x-large:after {
    left: 85px;
    line-height: 40px
}

.shopee-react-switch--large {
    border-radius: 16px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    width: 64px
}

.shopee-react-switch--large:before {
    height: 28px;
    width: 28px
}

.shopee-react-switch--large:after {
    left: 69px;
    line-height: 32px
}

.shopee-react-switch--normal {
    border-radius: 12px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    width: 48px
}

.shopee-react-switch--normal:before {
    height: 20px;
    width: 20px
}

.shopee-react-switch--normal:after {
    left: 53px;
    line-height: 24px
}

.shopee-react-switch--small {
    border-radius: 8px;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    width: 32px
}

.shopee-react-switch--small:before {
    height: 12px;
    width: 12px
}

.shopee-react-switch--small:after {
    left: 37px;
    line-height: 16px
}

.shopee-react-switch--loading {
    opacity: .8
}

.shopee-react-switch--disabled {
    background-color: #b7b7b7;
    cursor: not-allowed;
    opacity: .5
}

.shopee-react-switch--disabled.shopee-react-switch--open {
    background-color: #5c7
}
.shopee-react-checkbox {
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    user-select: none
}

.shopee-react-checkbox__input {
    display: none
}

.shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator {
    background-color: #ee4d2d;
    border-color: #ee4d2d
}

.shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator .shopee-react-icon {
    transform: scale(1)
}

.shopee-react-checkbox__indicator {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    position: relative;
    transition: all .2s ease-in-out;
    vertical-align: middle;
    width: 16px
}

@media (hover: hover) {
    .shopee-react-checkbox__indicator:hover {
        border-color:#ee4d2d
    }
}

.shopee-react-checkbox__indicator .shopee-react-icon {
    fill: #fff;
    left: -1px;
    line-height: 16px;
    position: absolute;
    top: -1px;
    transform: scale(0);
    transition: transform .2s;
    width: 16px
}

.shopee-react-checkbox__indicator .shopee-seller-iconfont {
    color: #fff
}

.shopee-react-checkbox.indeterminate .shopee-react-checkbox__indicator {
    background-color: #ee4d2d;
    border-color: #ee4d2d
}

.shopee-react-checkbox.indeterminate .shopee-react-checkbox__indicator .shopee-react-icon {
    transform: scale(1)
}

.shopee-react-checkbox__label {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle
}

.shopee-react-checkbox.disabled {
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-checkbox.disabled .shopee-react-checkbox__indicator {
    background-color: #eee;
    border-color: #d8d8d8
}

.shopee-react-checkbox.disabled .shopee-react-checkbox__indicator+.shopee-react-checkbox__label {
    color: #333
}

.shopee-react-checkbox.disabled .shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator,.shopee-react-checkbox.disabled.indeterminate .shopee-react-checkbox__indicator {
    background-color: #ee4d2d;
    border-color: #ee4d2d;
    opacity: .5
}

.shopee-react-checkbox--outline.disabled .shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator {
    background-color: #f6f6f6;
    border-color: #e5e5e5
}

.shopee-react-checkbox--outline.disabled .shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator .shopee-react-icon {
    fill: #e5e5e5
}

.shopee-react-checkbox--outline .shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator {
    background-color: #fff
}

.shopee-react-checkbox--outline .shopee-react-checkbox__indicator .shopee-react-icon {
    fill: #ee4d2d
}

@media (hover: hover) {
    .shopee-react-checkbox:not(.disabled):hover .shopee-react-checkbox__indicator {
        border-color:#ee4d2d
    }
}

.shopee-react-checkbox-button {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    position: relative;
    text-align: center;
    transition: all .2s ease-in-out
}

.shopee-react-checkbox-button__indicator {
    bottom: 0;
    height: 16px;
    position: absolute;
    right: 0;
    width: 16px
}

.shopee-react-checkbox-button__indicator .shopee-react-icon {
    fill: #fff;
    bottom: -1px;
    line-height: 12px;
    opacity: 0;
    position: absolute;
    right: -1px;
    transition: opacity .2s ease-in-out;
    width: 12px
}

.shopee-react-checkbox-button__indicator:before {
    border: 8px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color .2s ease-in-out;
    width: 0
}

.shopee-react-checkbox-button.checked,.shopee-react-checkbox-button:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-react-checkbox-button.checked .shopee-react-checkbox-button__indicator:before {
    border-bottom-color: #ee4d2d;
    border-right-color: #ee4d2d
}

.shopee-react-checkbox-button.checked .shopee-react-checkbox-button__indicator .shopee-react-icon {
    opacity: 1
}

.shopee-react-checkbox-button.checked.disabled .shopee-react-checkbox-button__indicator:before,.shopee-react-checkbox-button.checked.disabled:hover .shopee-react-checkbox-button__indicator:before {
    border-bottom-color: #e5e5e5;
    border-right-color: #e5e5e5
}

.shopee-react-checkbox-button.disabled,.shopee-react-checkbox-button.disabled:hover {
    background-color: #f6f6f6;
    border-color: #e5e5e5;
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-checkbox-button__input {
    display: none
}

.shopee-react-checkbox-button__label {
    display: inline-block
}

.shopee-react-checkbox-group {
    display: inline-block;
    font-size: 0
}

.shopee-react-checkbox-group .shopee-react-checkbox:not(:last-of-type) {
    margin-right: 24px
}

.shopee-react-checkbox-group.vertical {
    vertical-align: middle
}

.shopee-react-checkbox-group.vertical .shopee-react-checkbox {
    display: block;
    margin-right: 0;
    width: 100%
}

.shopee-react-checkbox-group.vertical .shopee-react-checkbox:not(:last-of-type) {
    margin-bottom: 16px
}

.shopee-react-checkbox-group.vertical .shopee-react-checkbox-button:not(:last-of-type) {
    margin-bottom: 8px
}

.shopee-react-checkbox-group .shopee-react-checkbox-button {
    float: left
}

.shopee-react-checkbox-group .shopee-react-checkbox-button:not(:last-of-type) {
    margin-right: 8px
}

.shopee-react-checkbox-group--x-large .shopee-react-checkbox-button {
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 28px
}

.shopee-react-checkbox-group--x-large .shopee-react-checkbox-button__indicator {
    height: 24px;
    width: 24px
}

.shopee-react-checkbox-group--x-large .shopee-react-checkbox-button__indicator:before {
    border-width: 12px
}

.shopee-react-checkbox-group--x-large .shopee-react-checkbox-button__indicator .shopee-react-icon {
    line-height: 16px;
    width: 16px
}

.shopee-react-checkbox-group--large .shopee-react-checkbox-button {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 24px
}

.shopee-react-checkbox-group--large .shopee-react-checkbox-button__indicator {
    height: 20px;
    width: 20px
}

.shopee-react-checkbox-group--large .shopee-react-checkbox-button__indicator:before {
    border-width: 10px
}

.shopee-react-checkbox-group--large .shopee-react-checkbox-button__indicator .shopee-react-icon {
    line-height: 14px;
    width: 14px
}

.shopee-react-checkbox-group--small .shopee-react-checkbox-button {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px
}

.shopee-react-checkbox-group--small .shopee-react-checkbox-button__indicator {
    height: 12px;
    width: 12px
}

.shopee-react-checkbox-group--small .shopee-react-checkbox-button__indicator:before {
    border-width: 6px
}

.shopee-react-checkbox-group--small .shopee-react-checkbox-button__indicator .shopee-react-icon {
    line-height: 10px;
    width: 10px
}

.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: shopeeMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: shopeeMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: shopeeMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: shopeeMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: shopeeMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: shopeeMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: shopeeMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: shopeeMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes shopeeMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active {
    animation-name: shopeeZoomIn;
    animation-play-state: running
}

.shopee-react-zoom-leave.shopee-react-zoom-leave-active {
    animation-name: shopeeZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare {
    transform: none
}

.shopee-react-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active {
    animation-name: shopeeZoomUpIn;
    animation-play-state: running
}

.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active {
    animation-name: shopeeZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare {
    transform: none
}

.shopee-react-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active {
    animation-name: shopeeZoomDownIn;
    animation-play-state: running
}

.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active {
    animation-name: shopeeZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare {
    transform: none
}

.shopee-react-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active {
    animation-name: shopeeZoomLeftIn;
    animation-play-state: running
}

.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active {
    animation-name: shopeeZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare {
    transform: none
}

.shopee-react-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active {
    animation-name: shopeeZoomRightIn;
    animation-play-state: running
}

.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active {
    animation-name: shopeeZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare {
    transform: none
}

.shopee-react-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes shopeeZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.shopee-react-icon {
    fill: currentColor;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    display: inline-block;
    font-style: normal;
    line-height: 0;
    outline: none;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -.125em
}

.shopee-react-icon>* {
    line-height: 1
}

.shopee-react-icon svg {
    height: 100%;
    width: 100%
}

.shopee-react-icon .shopee-react-icon-icon {
    display: block
}

.shopee-react-icon[tabindex] {
    cursor: pointer
}

.shopee-react-icon-spin {
    animation: shopee-react-icon-spin 1s linear 0s infinite;
    display: inline-block
}

@keyframes shopee-react-icon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
.shopee-react-input {
    position: relative
}

.shopee-react-input__inner {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-collapse: initial;
    border-radius: 4px;
    border-spacing: 0;
    box-sizing: border-box;
    display: inline-table;
    font-size: 14px;
    height: 32px;
    outline: none;
    padding: 0 12px;
    position: relative;
    transition: border .2s ease-in-out;
    width: 100%
}

.shopee-react-input__inner.focused,.shopee-react-input__inner:hover {
    border-color: #b7b7b7
}

.shopee-react-input__inner .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner .shopee-react-input__suffix-icon.shopee-react-icon {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner .shopee-react-input__clear-btn.shopee-react-icon {
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner.shopee-react-input__textarea {
    height: auto;
    transition: all .3s,height 0s;
    vertical-align: bottom
}

.shopee-react-input__inner .shopee-react-input__input {
    border-radius: 4px;
    font-size: 14px;
    height: 30px
}

.shopee-react-input__inner--small {
    font-size: 12px;
    height: 24px;
    padding: 0 8px
}

.shopee-react-input__inner--small .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner--small .shopee-react-input__suffix-icon.shopee-react-icon {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--small .shopee-react-input__clear-btn.shopee-react-icon {
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--small .shopee-react-input__input {
    font-size: 12px;
    height: 22px
}

.shopee-react-input__inner--large {
    height: 40px;
    padding: 0 12px
}

.shopee-react-input__inner--large .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner--large .shopee-react-input__suffix-icon.shopee-react-icon {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--large .shopee-react-input__clear-btn.shopee-react-icon {
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--large .shopee-react-input__input {
    font-size: 14px;
    height: 38px
}

.shopee-react-input__inner--x-large {
    font-size: 16px;
    height: 48px;
    padding: 0 16px
}

.shopee-react-input__inner--x-large .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner--x-large .shopee-react-input__suffix-icon.shopee-react-icon {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--x-large .shopee-react-input__clear-btn.shopee-react-icon {
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--x-large .shopee-react-input__input {
    font-size: 16px;
    height: 46px
}

.shopee-react-input__inner.error {
    border-color: #ff4742
}

.shopee-react-input__inner.disabled {
    background-color: #f6f6f6;
    border-color: #e5e5e5;
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-input__inner.disabled:hover {
    border-color: #e5e5e5
}

.shopee-react-input__inner.disabled .shopee-react-input__input {
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-input__inner.active-clearable:hover .shopee-react-input__clear-btn {
    display: inline-block
}

.shopee-react-input__input {
    background-color: inherit;
    border: 0;
    box-sizing: border-box;
    color: #333;
    display: table-cell;
    outline: none;
    padding: 0;
    vertical-align: middle;
    width: 100%
}

.shopee-react-input__input::placeholder {
    color: #b7b7b7
}

.shopee-react-input__borderless,.shopee-react-input__borderless-disabled,.shopee-react-input__borderless-focused,.shopee-react-input__borderless:focus,.shopee-react-input__borderless:hover,.shopee-react-input__borderless[disabled] {
    background-color: initial;
    border: none;
    box-shadow: none
}

.shopee-react-input__prefix,.shopee-react-input__suffix {
    color: #999;
    display: table-cell;
    height: 100%;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 1px
}

.shopee-react-input .shopee-react-input__clear-btn {
    color: #b7b7b7;
    display: none
}

.shopee-react-input .shopee-react-input__clear-btn:hover {
    color: #6e6e6e
}

.shopee-react-input__count {
    color: #999;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle
}

.shopee-react-input__prefix {
    padding-right: 8px
}

.shopee-react-input__suffix {
    padding-left: 8px
}

.shopee-react-input__suffix .shopee-react-input__suffix-split {
    margin-left: 0
}

.shopee-react-input__prefix-split,.shopee-react-input__suffix-split {
    background: #eee;
    display: inline-block;
    height: calc(100% - 14px);
    margin-left: 8px;
    vertical-align: middle;
    width: 1px
}

.shopee-react-input__suffix-split {
    margin-right: 8px
}

.shopee-react-input__area {
    border: 0;
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
    overflow: auto;
    position: relative;
    vertical-align: top;
    width: 100%
}

.shopee-react-input__area:hover .active-clearable+.shopee-react-input__clear-btn {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1
}

.shopee-react-input__area .shopee-react-input__inner {
    display: inline-block;
    padding: 8px 12px
}

.shopee-react-input__area .shopee-react-input__inner::placeholder {
    color: #b7b7b7
}

.shopee-react-input__area .shopee-react-input__count {
    color: #999;
    float: right;
    line-height: 16px;
    margin-top: 4px
}

.shopee-react-input__error-msg {
    word-wrap: break-word;
    color: #ff4742;
    font-size: 12px;
    line-height: 1em;
    margin: 4px 0;
    white-space: nowrap;
    word-break: normal
}

.shopee-react-input__help-text {
    margin-bottom: 0
}

.shopee-react-input__help-text,.shopee-react-input__warning-text {
    color: #999;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
    white-space: nowrap
}

.shopee-react-input__warning-text {
    background-color: #f6f6f6;
    border-radius: 4px;
    display: inline-flex;
    padding: 9px
}

.shopee-react-input__warning-text .shopee-react-icon {
    color: #ffbf00;
    height: 14px;
    line-height: 14px;
    margin-right: 5px;
    width: 14px
}

.shopee-react-input-group {
    display: flex
}

.shopee-react-input-group__prepend .shopee-react-input__inner,.shopee-react-input-group__prepend .shopee-react-select .trigger {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0
}

.shopee-react-input-group__prepend:hover+.shopee-react-input-group__append .shopee-react-input__inner {
    border-left-color: #b7b7b7
}

.shopee-react-input-group__append {
    flex: 1
}

.shopee-react-input-group__append .shopee-react-button,.shopee-react-input-group__append .shopee-react-input__inner,.shopee-react-input-group__append .shopee-react-select .trigger {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: shopeeMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: shopeeMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: shopeeMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: shopeeMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: shopeeMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: shopeeMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: shopeeMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: shopeeMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes shopeeMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active {
    animation-name: shopeeZoomIn;
    animation-play-state: running
}

.shopee-react-zoom-leave.shopee-react-zoom-leave-active {
    animation-name: shopeeZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare {
    transform: none
}

.shopee-react-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active {
    animation-name: shopeeZoomUpIn;
    animation-play-state: running
}

.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active {
    animation-name: shopeeZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare {
    transform: none
}

.shopee-react-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active {
    animation-name: shopeeZoomDownIn;
    animation-play-state: running
}

.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active {
    animation-name: shopeeZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare {
    transform: none
}

.shopee-react-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active {
    animation-name: shopeeZoomLeftIn;
    animation-play-state: running
}

.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active {
    animation-name: shopeeZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare {
    transform: none
}

.shopee-react-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active {
    animation-name: shopeeZoomRightIn;
    animation-play-state: running
}

.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active {
    animation-name: shopeeZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare {
    transform: none
}

.shopee-react-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes shopeeZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.shopee-react-icon {
    fill: currentColor;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    display: inline-block;
    font-style: normal;
    line-height: 0;
    outline: none;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -.125em
}

.shopee-react-icon>* {
    line-height: 1
}

.shopee-react-icon svg {
    height: 100%;
    width: 100%
}

.shopee-react-icon .shopee-react-icon-icon {
    display: block
}

.shopee-react-icon[tabindex] {
    cursor: pointer
}

.shopee-react-icon-spin {
    animation: shopee-react-icon-spin 1s linear 0s infinite;
    display: inline-block
}

@keyframes shopee-react-icon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
.shopee-react-input {
    position: relative
}

.shopee-react-input__inner {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-collapse: initial;
    border-radius: 4px;
    border-spacing: 0;
    box-sizing: border-box;
    display: inline-table;
    font-size: 14px;
    height: 32px;
    outline: none;
    padding: 0 12px;
    position: relative;
    transition: border .2s ease-in-out;
    width: 100%
}

.shopee-react-input__inner.focused,.shopee-react-input__inner:hover {
    border-color: #b7b7b7
}

.shopee-react-input__inner .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner .shopee-react-input__suffix-icon.shopee-react-icon {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner .shopee-react-input__clear-btn.shopee-react-icon {
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner.shopee-react-input__textarea {
    height: auto;
    transition: all .3s,height 0s;
    vertical-align: bottom
}

.shopee-react-input__inner .shopee-react-input__input {
    border-radius: 4px;
    font-size: 14px;
    height: 30px
}

.shopee-react-input__inner--small {
    font-size: 12px;
    height: 24px;
    padding: 0 8px
}

.shopee-react-input__inner--small .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner--small .shopee-react-input__suffix-icon.shopee-react-icon {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--small .shopee-react-input__clear-btn.shopee-react-icon {
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--small .shopee-react-input__input {
    font-size: 12px;
    height: 22px
}

.shopee-react-input__inner--large {
    height: 40px;
    padding: 0 12px
}

.shopee-react-input__inner--large .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner--large .shopee-react-input__suffix-icon.shopee-react-icon {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--large .shopee-react-input__clear-btn.shopee-react-icon {
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--large .shopee-react-input__input {
    font-size: 14px;
    height: 38px
}

.shopee-react-input__inner--x-large {
    font-size: 16px;
    height: 48px;
    padding: 0 16px
}

.shopee-react-input__inner--x-large .shopee-react-input__prefix-icon.shopee-react-icon,.shopee-react-input__inner--x-large .shopee-react-input__suffix-icon.shopee-react-icon {
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--x-large .shopee-react-input__clear-btn.shopee-react-icon {
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-input__inner--x-large .shopee-react-input__input {
    font-size: 16px;
    height: 46px
}

.shopee-react-input__inner.error {
    border-color: #ff4742
}

.shopee-react-input__inner.disabled {
    background-color: #f6f6f6;
    border-color: #e5e5e5;
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-input__inner.disabled:hover {
    border-color: #e5e5e5
}

.shopee-react-input__inner.disabled .shopee-react-input__input {
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-input__inner.active-clearable:hover .shopee-react-input__clear-btn {
    display: inline-block
}

.shopee-react-input__input {
    background-color: inherit;
    border: 0;
    box-sizing: border-box;
    color: #333;
    display: table-cell;
    outline: none;
    padding: 0;
    vertical-align: middle;
    width: 100%
}

.shopee-react-input__input::placeholder {
    color: #b7b7b7
}

.shopee-react-input__borderless,.shopee-react-input__borderless-disabled,.shopee-react-input__borderless-focused,.shopee-react-input__borderless:focus,.shopee-react-input__borderless:hover,.shopee-react-input__borderless[disabled] {
    background-color: initial;
    border: none;
    box-shadow: none
}

.shopee-react-input__prefix,.shopee-react-input__suffix {
    color: #999;
    display: table-cell;
    height: 100%;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    width: 1px
}

.shopee-react-input .shopee-react-input__clear-btn {
    color: #b7b7b7;
    display: none
}

.shopee-react-input .shopee-react-input__clear-btn:hover {
    color: #6e6e6e
}

.shopee-react-input__count {
    color: #999;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle
}

.shopee-react-input__prefix {
    padding-right: 8px
}

.shopee-react-input__suffix {
    padding-left: 8px
}

.shopee-react-input__suffix .shopee-react-input__suffix-split {
    margin-left: 0
}

.shopee-react-input__prefix-split,.shopee-react-input__suffix-split {
    background: #eee;
    display: inline-block;
    height: calc(100% - 14px);
    margin-left: 8px;
    vertical-align: middle;
    width: 1px
}

.shopee-react-input__suffix-split {
    margin-right: 8px
}

.shopee-react-input__area {
    border: 0;
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
    overflow: auto;
    position: relative;
    vertical-align: top;
    width: 100%
}

.shopee-react-input__area:hover .active-clearable+.shopee-react-input__clear-btn {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1
}

.shopee-react-input__area .shopee-react-input__inner {
    display: inline-block;
    padding: 8px 12px
}

.shopee-react-input__area .shopee-react-input__inner::placeholder {
    color: #b7b7b7
}

.shopee-react-input__area .shopee-react-input__count {
    color: #999;
    float: right;
    line-height: 16px;
    margin-top: 4px
}

.shopee-react-input__error-msg {
    word-wrap: break-word;
    color: #ff4742;
    font-size: 12px;
    line-height: 1em;
    margin: 4px 0;
    white-space: nowrap;
    word-break: normal
}

.shopee-react-input__help-text {
    margin-bottom: 0
}

.shopee-react-input__help-text,.shopee-react-input__warning-text {
    color: #999;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
    white-space: nowrap
}

.shopee-react-input__warning-text {
    background-color: #f6f6f6;
    border-radius: 4px;
    display: inline-flex;
    padding: 9px
}

.shopee-react-input__warning-text .shopee-react-icon {
    color: #ffbf00;
    height: 14px;
    line-height: 14px;
    margin-right: 5px;
    width: 14px
}

.shopee-react-input-group {
    display: flex
}

.shopee-react-input-group__prepend .shopee-react-input__inner,.shopee-react-input-group__prepend .shopee-react-select .trigger {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0
}

.shopee-react-input-group__prepend:hover+.shopee-react-input-group__append .shopee-react-input__inner {
    border-left-color: #b7b7b7
}

.shopee-react-input-group__append {
    flex: 1
}

.shopee-react-input-group__append .shopee-react-button,.shopee-react-input-group__append .shopee-react-input__inner,.shopee-react-input-group__append .shopee-react-select .trigger {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-react-select {
    position: relative
}

.shopee-react-select .trigger {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    line-height: 30px;
    padding: 0 12px;
    position: relative;
    transition: border .2s ease-in-out;
    user-select: none;
    width: 100%
}

.shopee-react-select .trigger:hover {
    border-color: #b7b7b7
}

.shopee-react-select .trigger:hover .shopee-react-select__clear-btn {
    visibility: visible
}

.shopee-react-select .trigger.multiple {
    min-width: 66px;
    padding: 0 44px 0 8px;
    position: relative
}

.shopee-react-select .trigger.multiple .shopee-react-select__suffix {
    align-items: center;
    display: flex;
    flex-direction: row;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 12px;
    top: 50%
}

.shopee-react-select .trigger--normal {
    padding: 0 12px
}

.shopee-react-select .trigger--normal .shopee-react-select__clear-btn.shopee-react-icon {
    line-height: 16px;
    margin-right: 0;
    vertical-align: middle;
    width: 16px
}

.shopee-react-select .trigger--small {
    line-height: 22px;
    padding: 0 8px
}

.shopee-react-select .trigger--small .shopee-react-select__clear-btn.shopee-react-icon {
    line-height: 16px;
    margin-right: 0;
    vertical-align: middle;
    width: 16px
}

.shopee-react-select .trigger--small.multiple {
    min-width: 62px;
    padding: 0 40px 0 8px
}

.shopee-react-select .trigger--small.multiple .shopee-react-select__suffix {
    right: 8px
}

.shopee-react-select .trigger--large {
    line-height: 38px;
    padding: 0 12px
}

.shopee-react-select .trigger--large .shopee-react-select__clear-btn.shopee-react-icon {
    line-height: 16px;
    margin-right: 0;
    vertical-align: middle;
    width: 16px
}

.shopee-react-select .trigger .line-clamp--1 {
    -webkit-line-clamp: 1
}

.shopee-react-select .trigger .line-clamp--1,.shopee-react-select .trigger .line-clamp--2 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.shopee-react-select .trigger .line-clamp--2 {
    -webkit-line-clamp: 2
}

.shopee-react-select .trigger .line-clamp--3 {
    -webkit-line-clamp: 3
}

.shopee-react-select .trigger .line-clamp--3,.shopee-react-select .trigger .line-clamp--4 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.shopee-react-select .trigger .line-clamp--4 {
    -webkit-line-clamp: 4
}

.shopee-react-select .trigger .line-clamp--5 {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.shopee-react-select .trigger-focus {
    border-color: #b7b7b7
}

.shopee-react-select .trigger-focus .shopee-react-select__clear-btn {
    visibility: visible
}

.shopee-react-select.disabled {
    opacity: .5
}

.shopee-react-select.disabled .trigger {
    background-color: #f6f6f6;
    border-color: #e5e5e5;
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-select.disabled .trigger:hover {
    border-color: #e5e5e5
}

.shopee-react-select .expand {
    transform: rotate(180deg)
}

.shopee-react-select .expend-btn {
    transition: transform .15s linear
}

.shopee-react-select__inner {
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 16px;
    position: relative
}

.shopee-react-select__prefix {
    flex: 0 0 auto;
    margin-right: 5px
}

.shopee-react-select__suffix {
    flex: 0 0 auto
}

.shopee-react-select .shopee-react-select__clear-btn {
    color: #b7b7b7;
    display: inline-block;
    line-height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    visibility: hidden;
    width: 16px
}

.shopee-react-select .shopee-react-select__clear-btn:hover {
    color: #666
}

.shopee-react-select .shopee-react-select__expend-btn {
    color: #999;
    line-height: 16px
}

.shopee-react-select__filter {
    margin: 12px 12px 8px
}

.shopee-react-select__filter-empty {
    color: #999;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    padding: 8px 12px 16px;
    text-align: center
}

.shopee-react-select-multiple .trigger {
    padding-left: 8px
}

.shopee-react-select-multiple .trigger .shopee-react-select-placeholder {
    margin-left: 4px
}

.shopee-react-select-placeholder {
    color: #b7b7b7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shopee-react-select-option-container {
    background: #fff;
    border-radius: 4px;
    overflow: auto;
    position: relative
}

.shopee-react-select-option {
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 12px;
    position: relative;
    user-select: none;
    word-break: break-word
}

.shopee-react-select-option:hover {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-select-option-selected {
    color: #ee4d2d;
    font-weight: 500;
    padding-right: 30px
}

.shopee-react-select-option__selected-icon {
    color: #ee4d2d;
    line-height: 16px;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.shopee-react-select-option.disabled {
    cursor: not-allowed;
    opacity: .5
}

.shopee-react-select-options-list {
    box-sizing: border-box;
    overflow-y: auto;
    padding: 8px 0
}

.shopee-react-select-options-list_not_width_alignment .shopee-react-select-option {
    white-space: nowrap
}

.shopee-react-select-option-popover {
    box-shadow: none
}

.shopee-react-select-option-popover .shopee-react-popover-inner-content {
    background-color: #fff;
    color: #333;
    font-weight: 400;
    margin: 0;
    overflow: auto
}

.shopee-react-select-option-popover .shopee-react-popover-inner-content .filter {
    padding: 4px 12px 8px
}

.shopee-react-select-option-popover .shopee-react-popover-inner-content .shopee-react-select__hint {
    color: #758196;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 8px 16px;
    text-align: center
}

.shopee-react-select-option-popover .shopee-react-popover-inner-content .shopee-react-select__loading {
    color: #ee4d2d;
    padding: 8px 12px;
    text-align: center
}

.shopee-react-select-option-popover .shopee-react-popover-inner-content {
    padding: 0
}

.shopee-react-select--tags {
    flex: auto;
    flex-wrap: wrap;
    margin: 0 0 4px;
    padding: 0 4px 0 0
}

.shopee-react-select--tag,.shopee-react-select--tags {
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    overflow: hidden
}

.shopee-react-select--tag {
    align-items: center;
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    font-size: 0;
    height: 22px;
    line-height: 20px;
    margin: 4px 4px 0 0;
    min-width: 56px;
    padding-left: 8px;
    white-space: nowrap
}

.shopee-react-select--tag.tag--large {
    height: 30px;
    line-height: 28px;
    margin-top: 4px
}

.shopee-react-select--tag.tag--normal {
    height: 22px;
    line-height: 20px;
    margin-top: 4px
}

.shopee-react-select--tag.tag--small {
    height: 16px;
    line-height: 14px;
    margin-top: 3px
}

.shopee-react-select--tag .text {
    color: #333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.shopee-react-select--tag .delete-icon {
    color: #999;
    line-height: 12px;
    margin: 0 4px;
    min-width: 12px;
    padding: 2px
}

.shopee-react-select--tag .delete-icon:hover {
    color: #666
}

.shopee-react-select--tag.disabled .delete-icon:hover {
    color: #999;
    cursor: not-allowed
}

.shopee-react-select-option-group__title {
    color: #999;
    font-size: 12px;
    padding: 8px 16px
}

.shopee-react-select-option-group__options {
    padding: 0
}

.shopee-react-select-option-group__split {
    background: #e5e5e5;
    height: 1px;
    margin: 8px 12px;
    width: calc(100% - 24px)
}

.shopee-react-select-option-add {
    background: #fff;
    box-shadow: inset 0 1px 0 0 #e5e5e5;
    height: 40px;
    position: relative;
    width: 100%
}

.shopee-react-select-option-add__text {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    padding: 12px;
    width: 100%
}

.shopee-react-select-option-add__text .add-icon {
    color: #2673dd;
    line-height: 16px;
    width: 16px
}

.shopee-react-select-option-add__text .label {
    color: #2673dd;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    padding-left: 4px
}

.shopee-react-select-option-add__input {
    box-sizing: border-box;
    display: inline-flex;
    padding: 8px 12px;
    width: inherit
}

.shopee-react-select-option-add__input .input {
    flex-grow: 1;
    margin-right: 4px
}

.shopee-react-select-option-add__input .icon {
    flex-grow: 0;
    height: 24px;
    margin-left: 4px;
    min-width: 24px;
    padding: 3px;
    width: 24px
}

.shopee-react-checkbox {
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    user-select: none
}

.shopee-react-checkbox__input {
    display: none
}

.shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator {
    background-color: #ee4d2d;
    border-color: #ee4d2d
}

.shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator .shopee-react-icon {
    transform: scale(1)
}

.shopee-react-checkbox__indicator {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    position: relative;
    transition: all .2s ease-in-out;
    vertical-align: middle;
    width: 16px
}

@media (hover: hover) {
    .shopee-react-checkbox__indicator:hover {
        border-color:#ee4d2d
    }
}

.shopee-react-checkbox__indicator .shopee-react-icon {
    fill: #fff;
    left: -1px;
    line-height: 16px;
    position: absolute;
    top: -1px;
    transform: scale(0);
    transition: transform .2s;
    width: 16px
}

.shopee-react-checkbox__indicator .shopee-seller-iconfont {
    color: #fff
}

.shopee-react-checkbox.indeterminate .shopee-react-checkbox__indicator {
    background-color: #ee4d2d;
    border-color: #ee4d2d
}

.shopee-react-checkbox.indeterminate .shopee-react-checkbox__indicator .shopee-react-icon {
    transform: scale(1)
}

.shopee-react-checkbox__label {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle
}

.shopee-react-checkbox.disabled {
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-checkbox.disabled .shopee-react-checkbox__indicator {
    background-color: #eee;
    border-color: #d8d8d8
}

.shopee-react-checkbox.disabled .shopee-react-checkbox__indicator+.shopee-react-checkbox__label {
    color: #333
}

.shopee-react-checkbox.disabled .shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator,.shopee-react-checkbox.disabled.indeterminate .shopee-react-checkbox__indicator {
    background-color: #ee4d2d;
    border-color: #ee4d2d;
    opacity: .5
}

.shopee-react-checkbox--outline.disabled .shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator {
    background-color: #f6f6f6;
    border-color: #e5e5e5
}

.shopee-react-checkbox--outline.disabled .shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator .shopee-react-icon {
    fill: #e5e5e5
}

.shopee-react-checkbox--outline .shopee-react-checkbox__input:checked+.shopee-react-checkbox__indicator {
    background-color: #fff
}

.shopee-react-checkbox--outline .shopee-react-checkbox__indicator .shopee-react-icon {
    fill: #ee4d2d
}

@media (hover: hover) {
    .shopee-react-checkbox:not(.disabled):hover .shopee-react-checkbox__indicator {
        border-color:#ee4d2d
    }
}

.shopee-react-checkbox-button {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    position: relative;
    text-align: center;
    transition: all .2s ease-in-out
}

.shopee-react-checkbox-button__indicator {
    bottom: 0;
    height: 16px;
    position: absolute;
    right: 0;
    width: 16px
}

.shopee-react-checkbox-button__indicator .shopee-react-icon {
    fill: #fff;
    bottom: -1px;
    line-height: 12px;
    opacity: 0;
    position: absolute;
    right: -1px;
    transition: opacity .2s ease-in-out;
    width: 12px
}

.shopee-react-checkbox-button__indicator:before {
    border: 8px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color .2s ease-in-out;
    width: 0
}

.shopee-react-checkbox-button.checked,.shopee-react-checkbox-button:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-react-checkbox-button.checked .shopee-react-checkbox-button__indicator:before {
    border-bottom-color: #ee4d2d;
    border-right-color: #ee4d2d
}

.shopee-react-checkbox-button.checked .shopee-react-checkbox-button__indicator .shopee-react-icon {
    opacity: 1
}

.shopee-react-checkbox-button.checked.disabled .shopee-react-checkbox-button__indicator:before,.shopee-react-checkbox-button.checked.disabled:hover .shopee-react-checkbox-button__indicator:before {
    border-bottom-color: #e5e5e5;
    border-right-color: #e5e5e5
}

.shopee-react-checkbox-button.disabled,.shopee-react-checkbox-button.disabled:hover {
    background-color: #f6f6f6;
    border-color: #e5e5e5;
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-checkbox-button__input {
    display: none
}

.shopee-react-checkbox-button__label {
    display: inline-block
}

.shopee-react-checkbox-group {
    display: inline-block;
    font-size: 0
}

.shopee-react-checkbox-group .shopee-react-checkbox:not(:last-of-type) {
    margin-right: 24px
}

.shopee-react-checkbox-group.vertical {
    vertical-align: middle
}

.shopee-react-checkbox-group.vertical .shopee-react-checkbox {
    display: block;
    margin-right: 0;
    width: 100%
}

.shopee-react-checkbox-group.vertical .shopee-react-checkbox:not(:last-of-type) {
    margin-bottom: 16px
}

.shopee-react-checkbox-group.vertical .shopee-react-checkbox-button:not(:last-of-type) {
    margin-bottom: 8px
}

.shopee-react-checkbox-group .shopee-react-checkbox-button {
    float: left
}

.shopee-react-checkbox-group .shopee-react-checkbox-button:not(:last-of-type) {
    margin-right: 8px
}

.shopee-react-checkbox-group--x-large .shopee-react-checkbox-button {
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 28px
}

.shopee-react-checkbox-group--x-large .shopee-react-checkbox-button__indicator {
    height: 24px;
    width: 24px
}

.shopee-react-checkbox-group--x-large .shopee-react-checkbox-button__indicator:before {
    border-width: 12px
}

.shopee-react-checkbox-group--x-large .shopee-react-checkbox-button__indicator .shopee-react-icon {
    line-height: 16px;
    width: 16px
}

.shopee-react-checkbox-group--large .shopee-react-checkbox-button {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 24px
}

.shopee-react-checkbox-group--large .shopee-react-checkbox-button__indicator {
    height: 20px;
    width: 20px
}

.shopee-react-checkbox-group--large .shopee-react-checkbox-button__indicator:before {
    border-width: 10px
}

.shopee-react-checkbox-group--large .shopee-react-checkbox-button__indicator .shopee-react-icon {
    line-height: 14px;
    width: 14px
}

.shopee-react-checkbox-group--small .shopee-react-checkbox-button {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px
}

.shopee-react-checkbox-group--small .shopee-react-checkbox-button__indicator {
    height: 12px;
    width: 12px
}

.shopee-react-checkbox-group--small .shopee-react-checkbox-button__indicator:before {
    border-width: 6px
}

.shopee-react-checkbox-group--small .shopee-react-checkbox-button__indicator .shopee-react-icon {
    line-height: 10px;
    width: 10px
}

.shopee-react-button {
    align-items: center;
    appearance: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    min-width: 72px;
    outline: none;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
    transition: all .2s ease-in-out;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.shopee-react-button:focus:before,.shopee-react-button:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button.shopee-react-button--normal:focus:before,.shopee-react-button.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button.shopee-react-button--outline {
    background-color: initial;
    border-color: #e5e5e5;
    color: #fff
}

.shopee-react-button.shopee-react-button--outline:focus:before,.shopee-react-button.shopee-react-button--outline:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button.shopee-react-button--outline:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #fff
}

.shopee-react-button.shopee-react-button--frameless:focus:before,.shopee-react-button.shopee-react-button--frameless:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button.shopee-react-button--frameless:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

html[data-focus-visible] .shopee-react-button:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(238,77,45,.3)
}

.shopee-react-button:before {
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px
}

.shopee-react-button.disabled,.shopee-react-button.disabled:hover {
    cursor: not-allowed;
    opacity: .5
}

.shopee-react-button.disabled:before,.shopee-react-button.disabled:hover:before {
    display: none
}

.shopee-react-button span {
    line-height: 1;
    vertical-align: middle
}

.shopee-react-button span .shopee-react-icon {
    vertical-align: text-bottom
}

.shopee-react-button .shopee-react-icon {
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-button .shopee-react-icon+span,.shopee-react-button span+.shopee-react-icon {
    margin-left: 8px
}

.shopee-react-button--x-large {
    font-size: 16px;
    height: 48px;
    min-width: 80px;
    padding: 0 16px
}

.shopee-react-button--x-large .shopee-react-icon+span,.shopee-react-button--x-large span+.shopee-react-icon {
    margin-left: 8px
}

.shopee-react-button--large {
    font-size: 14px;
    height: 40px;
    min-width: 80px;
    padding: 0 16px
}

.shopee-react-button--small {
    font-size: 12px;
    height: 24px;
    min-width: 64px;
    padding: 0 8px
}

.shopee-react-button--small .shopee-react-icon {
    line-height: 12px;
    width: 12px
}

.shopee-react-button--rich {
    height: auto;
    padding: 8px 24px
}

.shopee-react-button--rich .shopee-react-icon {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
    width: 24px
}

.shopee-react-button--rich .shopee-react-button__rich-content {
    display: inline-block;
    line-height: 1;
    margin-left: 16px;
    text-align: left;
    vertical-align: middle
}

.shopee-react-button--rich .shopee-react-button__rich-content .shopee-react-button__description {
    font-size: 11px;
    line-height: normal;
    margin-top: 2px;
    white-space: nowrap
}

.shopee-react-button--frameless {
    color: #333
}

.shopee-react-button--frameless:focus:before,.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--frameless:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--primary {
    background-color: #ee4d2d;
    border-color: #ee4d2d;
    color: #fff
}

.shopee-react-button--primary:focus:before,.shopee-react-button--primary:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--primary:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--primary.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--primary.shopee-react-button--normal:focus:before,.shopee-react-button--primary.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--primary.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--primary.shopee-react-button--outline {
    background-color: initial;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-react-button--primary.shopee-react-button--outline:focus:before,.shopee-react-button--primary.shopee-react-button--outline:hover:before {
    background-color: rgba(238,77,45,.06)
}

.shopee-react-button--primary.shopee-react-button--outline:active:before {
    background-color: rgba(238,77,45,.12)
}

.shopee-react-button--primary.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--primary.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #ee4d2d
}

.shopee-react-button--primary.shopee-react-button--frameless:focus:before,.shopee-react-button--primary.shopee-react-button--frameless:hover:before {
    background-color: rgba(238,77,45,.06)
}

.shopee-react-button--primary.shopee-react-button--frameless:active:before {
    background-color: rgba(238,77,45,.12)
}

.shopee-react-button--primary.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--secondary {
    background-color: #00bfa5;
    border-color: #00bfa5;
    color: #fff
}

.shopee-react-button--secondary:focus:before,.shopee-react-button--secondary:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--secondary:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--secondary.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--secondary.shopee-react-button--normal:focus:before,.shopee-react-button--secondary.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--secondary.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--secondary.shopee-react-button--outline {
    background-color: initial;
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-react-button--secondary.shopee-react-button--outline:focus:before,.shopee-react-button--secondary.shopee-react-button--outline:hover:before {
    background-color: rgba(0,191,165,.06)
}

.shopee-react-button--secondary.shopee-react-button--outline:active:before {
    background-color: rgba(0,191,165,.12)
}

.shopee-react-button--secondary.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--secondary.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #00bfa5
}

.shopee-react-button--secondary.shopee-react-button--frameless:focus:before,.shopee-react-button--secondary.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,191,165,.06)
}

.shopee-react-button--secondary.shopee-react-button--frameless:active:before {
    background-color: rgba(0,191,165,.12)
}

.shopee-react-button--secondary.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

html[data-focus-visible] .shopee-react-button--secondary:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(0,191,165,.3)
}

.shopee-react-button--danger {
    background-color: #ff4742;
    border-color: #ff4742;
    color: #fff
}

.shopee-react-button--danger:focus:before,.shopee-react-button--danger:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--danger:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--danger.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--danger.shopee-react-button--normal:focus:before,.shopee-react-button--danger.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--danger.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--danger.shopee-react-button--outline {
    background-color: initial;
    border-color: #ff4742;
    color: #ff4742
}

.shopee-react-button--danger.shopee-react-button--outline:focus:before,.shopee-react-button--danger.shopee-react-button--outline:hover:before {
    background-color: rgba(255,71,66,.06)
}

.shopee-react-button--danger.shopee-react-button--outline:active:before {
    background-color: rgba(255,71,66,.12)
}

.shopee-react-button--danger.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--danger.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #ff4742
}

.shopee-react-button--danger.shopee-react-button--frameless:focus:before,.shopee-react-button--danger.shopee-react-button--frameless:hover:before {
    background-color: rgba(255,71,66,.06)
}

.shopee-react-button--danger.shopee-react-button--frameless:active:before {
    background-color: rgba(255,71,66,.12)
}

.shopee-react-button--danger.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

html[data-focus-visible] .shopee-react-button--danger:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(255,71,66,.3)
}

.shopee-react-button--link {
    background-color: initial;
    border-color: transparent;
    color: #2673dd;
    font-weight: 400;
    height: unset;
    min-width: unset;
    padding: 0
}

.shopee-react-button--link:focus:before,.shopee-react-button--link:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--link:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--link.shopee-react-button--normal:focus:before,.shopee-react-button--link.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--link.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--link.shopee-react-button--outline {
    background-color: initial;
    border-color: transparent;
    color: transparent
}

.shopee-react-button--link.shopee-react-button--outline:focus:before,.shopee-react-button--link.shopee-react-button--outline:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--link.shopee-react-button--outline:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--link.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--link.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: transparent
}

.shopee-react-button--link.shopee-react-button--frameless:focus:before,.shopee-react-button--link.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--link.shopee-react-button--frameless:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--link.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--link:active:before,.shopee-react-button--link:focus:before,.shopee-react-button--link:hover:before {
    background-color: transparent
}

.shopee-react-button--link.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--link.shopee-react-button:hover:before {
    background-color: initial
}

.shopee-react-button--link.shopee-react-button:not(.disabled):hover {
    color: #1791f2
}

.shopee-react-button--link .shopee-react-icon+span {
    margin-left: 4px
}

.shopee-react-button--link span+.shopee-react-icon {
    margin-left: 2px
}

.shopee-react-button--link.underline {
    text-decoration: underline
}

.shopee-react-button--dashed {
    border-color: #d8d8d8;
    border-style: dashed
}

.shopee-react-button--dashed.shopee-react-button--primary {
    background-color: #fff;
    border-color: #2673dd;
    border-style: dashed;
    color: #2673dd
}

.shopee-react-button--dashed.shopee-react-button--primary:focus:before,.shopee-react-button--dashed.shopee-react-button--primary:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--normal:focus:before,.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline {
    background-color: initial;
    border-color: #2673dd;
    color: #fff
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline:focus:before,.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #fff
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless:focus:before,.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--dashed.shopee-react-button--primary:focus:before,.shopee-react-button--dashed.shopee-react-button--primary:hover:before {
    background-color: rgba(38,115,221,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary:active:before {
    background-color: rgba(38,115,221,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--ghost {
    background-color: initial;
    border-color: #fff;
    color: #fff
}

.shopee-react-button--ghost:focus:before,.shopee-react-button--ghost:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--ghost:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--ghost.shopee-react-button--normal:focus:before,.shopee-react-button--ghost.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--ghost.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--ghost.shopee-react-button--outline {
    background-color: initial;
    border-color: #fff;
    color: transparent
}

.shopee-react-button--ghost.shopee-react-button--outline:focus:before,.shopee-react-button--ghost.shopee-react-button--outline:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--ghost.shopee-react-button--outline:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--ghost.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--ghost.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: transparent
}

.shopee-react-button--ghost.shopee-react-button--frameless:focus:before,.shopee-react-button--ghost.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--ghost.shopee-react-button--frameless:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--ghost.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--ghost:focus:before,.shopee-react-button--ghost:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button--ghost:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button--ghost.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--round {
    border-radius: 100px
}

.shopee-react-button--circle {
    border-radius: 100%;
    min-width: unset;
    padding: 8px
}

.shopee-react-button--block {
    width: 100%
}

.shopee-react-button--compact {
    padding: 0 8px
}

.shopee-react-button-group {
    display: inline-block;
    vertical-align: middle
}

.shopee-react-button-group.horizontal .shopee-react-button {
    float: left
}

.shopee-react-button-group.horizontal .shopee-react-button:not(:last-of-type):not(:first-of-type) {
    border-radius: 0
}

.shopee-react-button-group.horizontal .shopee-react-button:not(:last-of-type) {
    margin-right: -1px
}

.shopee-react-button-group.horizontal .shopee-react-button:first-of-type {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.shopee-react-button-group.horizontal .shopee-react-button:last-of-type {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-react-button-group.vertical .shopee-react-button {
    display: block;
    float: none;
    width: 100%
}

.shopee-react-button-group.vertical .shopee-react-button:not(:last-of-type):not(:first-of-type) {
    border-radius: 0
}

.shopee-react-button-group.vertical .shopee-react-button:not(:last-of-type) {
    margin-bottom: -1px
}

.shopee-react-button-group.vertical .shopee-react-button:first-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.shopee-react-button-group.vertical .shopee-react-button:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.shopee-react-icon {
    fill: currentColor;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    display: inline-block;
    font-style: normal;
    line-height: 0;
    outline: none;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -.125em
}

.shopee-react-icon>* {
    line-height: 1
}

.shopee-react-icon svg {
    height: 100%;
    width: 100%
}

.shopee-react-icon .shopee-react-icon-icon {
    display: block
}

.shopee-react-icon[tabindex] {
    cursor: pointer
}

.shopee-react-icon-spin {
    animation: shopee-react-icon-spin 1s linear 0s infinite;
    display: inline-block
}

@keyframes shopee-react-icon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.shopee-react-popover {
    cursor: auto;
    font-weight: 400;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    user-select: text;
    white-space: normal;
    z-index: 1300
}

.shopee-react-popover-hidden {
    display: none!important
}

.shopee-react-popover-placement-top,.shopee-react-popover-placement-topLeft,.shopee-react-popover-placement-topRight {
    padding-bottom: 10px
}

.shopee-react-popover-placement-top.no-arrow,.shopee-react-popover-placement-topLeft.no-arrow,.shopee-react-popover-placement-topRight.no-arrow {
    padding-bottom: 0
}

.shopee-react-popover-placement-right,.shopee-react-popover-placement-rightBottom,.shopee-react-popover-placement-rightTop {
    padding-left: 10px
}

.shopee-react-popover-placement-right.no-arrow,.shopee-react-popover-placement-rightBottom.no-arrow,.shopee-react-popover-placement-rightTop.no-arrow {
    padding-left: 0
}

.shopee-react-popover-placement-bottom,.shopee-react-popover-placement-bottomLeft,.shopee-react-popover-placement-bottomRight {
    padding-top: 10px
}

.shopee-react-popover-placement-bottom.no-arrow,.shopee-react-popover-placement-bottomLeft.no-arrow,.shopee-react-popover-placement-bottomRight.no-arrow {
    padding-top: 0
}

.shopee-react-popover-placement-left,.shopee-react-popover-placement-leftBottom,.shopee-react-popover-placement-leftTop {
    padding-right: 10px
}

.shopee-react-popover-placement-left.no-arrow,.shopee-react-popover-placement-leftBottom.no-arrow,.shopee-react-popover-placement-leftTop.no-arrow {
    padding-right: 0
}

.shopee-react-popover-inner {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.06)
}

.shopee-react-popover-inner-content {
    color: #333;
    padding: 12px 16px
}

.shopee-react-popover.no-arrow .shopee-react-popover-arrow {
    display: none
}

.shopee-react-popover-arrow {
    background: transparent;
    border-style: solid;
    border-width: 3px;
    display: block;
    position: absolute;
    transform: rotate(45deg)
}

.shopee-react-popover-placement-top>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-topLeft>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-topRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: transparent #fff #fff transparent;
    bottom: 7px;
    box-shadow: 3px 3px 7px rgba(0,0,0,.07)
}

.shopee-react-popover-placement-top>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

.shopee-react-popover-placement-topLeft>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 16px
}

.shopee-react-popover-placement-topRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    right: 16px
}

.shopee-react-popover-placement-right>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-rightBottom>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-rightTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: transparent transparent #fff #fff;
    box-shadow: -3px 3px 7px rgba(0,0,0,.07);
    left: 7px
}

.shopee-react-popover-placement-right>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.shopee-react-popover-placement-rightTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 12px
}

.shopee-react-popover-placement-rightBottom>.shopee-react-popover-content>.shopee-react-popover-arrow {
    bottom: 12px
}

.shopee-react-popover-placement-bottom>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-bottomLeft>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-bottomRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: #fff transparent transparent #fff;
    box-shadow: -2px -2px 5px rgba(0,0,0,.06);
    top: 7px
}

.shopee-react-popover-placement-bottom>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

.shopee-react-popover-placement-bottomLeft>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 16px
}

.shopee-react-popover-placement-bottomRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    right: 16px
}

.shopee-react-popover-placement-left>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-leftBottom>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-leftTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: #fff #fff transparent transparent;
    box-shadow: 3px -3px 7px rgba(0,0,0,.07);
    right: 7px
}

.shopee-react-popover-placement-left>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.shopee-react-popover-placement-leftTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 12px
}

.shopee-react-popover-placement-leftBottom>.shopee-react-popover-content>.shopee-react-popover-arrow {
    bottom: 12px
}

.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: shopeeMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: shopeeMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: shopeeMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: shopeeMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: shopeeMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: shopeeMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: shopeeMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: shopeeMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes shopeeMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active {
    animation-name: shopeeZoomIn;
    animation-play-state: running
}

.shopee-react-zoom-leave.shopee-react-zoom-leave-active {
    animation-name: shopeeZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare {
    transform: none
}

.shopee-react-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active {
    animation-name: shopeeZoomUpIn;
    animation-play-state: running
}

.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active {
    animation-name: shopeeZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare {
    transform: none
}

.shopee-react-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active {
    animation-name: shopeeZoomDownIn;
    animation-play-state: running
}

.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active {
    animation-name: shopeeZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare {
    transform: none
}

.shopee-react-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active {
    animation-name: shopeeZoomLeftIn;
    animation-play-state: running
}

.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active {
    animation-name: shopeeZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare {
    transform: none
}

.shopee-react-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active {
    animation-name: shopeeZoomRightIn;
    animation-play-state: running
}

.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active {
    animation-name: shopeeZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare {
    transform: none
}

.shopee-react-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes shopeeZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.shopee-react-search {
    display: inline-block;
    width: 100%
}

.shopee-react-search .shopee-react-input__inner.disabled .shopee-react-input__suffix .shopee-react-input__suffix-icon {
    cursor: not-allowed
}

.shopee-react-search .shopee-react-input__inner.disabled .shopee-react-input__suffix .shopee-react-input__suffix-icon:hover {
    color: #999
}

.shopee-react-search .shopee-react-input__inner:not(.disabled) .shopee-react-input__clear-btn {
    cursor: pointer
}

.shopee-react-search .shopee-react-input__inner:not(.disabled) .shopee-react-input__clear-btn:hover {
    color: #666
}

.shopee-react-search .shopee-react-input__suffix .shopee-react-input__suffix-icon:not(.disabled) {
    cursor: pointer
}

.shopee-react-search .shopee-react-input__suffix .shopee-react-input__suffix-icon:not(.disabled):hover {
    color: #666
}

.shopee-react-search .shopee-react-input__suffix .shopee-react-icon+.shopee-react-icon {
    margin-left: 5px
}

.shopee-react-search__option-popover .shopee-react-popover-inner-content {
    background-color: #fff;
    color: #333;
    font-weight: 400;
    margin: 0;
    overflow: auto;
    padding: 0
}

.shopee-react-search__option-popover .shopee-react-popover-inner-content .filter {
    padding: 4px 12px 8px
}

.shopee-react-search__option-popover .shopee-react-popover-inner-content .shopee-react-search__no-result {
    color: #758196;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 16px;
    text-align: center
}

.shopee-react-search__option-popover .shopee-react-popover-inner-content .shopee-react-search__loading {
    color: #ee4d2d;
    padding: 15px 12px;
    text-align: center
}
.shopee-react-button {
    align-items: center;
    appearance: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    min-width: 72px;
    outline: none;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
    transition: all .2s ease-in-out;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.shopee-react-button:focus:before,.shopee-react-button:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button.shopee-react-button--normal:focus:before,.shopee-react-button.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button.shopee-react-button--outline {
    background-color: initial;
    border-color: #e5e5e5;
    color: #fff
}

.shopee-react-button.shopee-react-button--outline:focus:before,.shopee-react-button.shopee-react-button--outline:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button.shopee-react-button--outline:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #fff
}

.shopee-react-button.shopee-react-button--frameless:focus:before,.shopee-react-button.shopee-react-button--frameless:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button.shopee-react-button--frameless:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

html[data-focus-visible] .shopee-react-button:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(238,77,45,.3)
}

.shopee-react-button:before {
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px
}

.shopee-react-button.disabled,.shopee-react-button.disabled:hover {
    cursor: not-allowed;
    opacity: .5
}

.shopee-react-button.disabled:before,.shopee-react-button.disabled:hover:before {
    display: none
}

.shopee-react-button span {
    line-height: 1;
    vertical-align: middle
}

.shopee-react-button span .shopee-react-icon {
    vertical-align: text-bottom
}

.shopee-react-button .shopee-react-icon {
    line-height: 16px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-button .shopee-react-icon+span,.shopee-react-button span+.shopee-react-icon {
    margin-left: 8px
}

.shopee-react-button--x-large {
    font-size: 16px;
    height: 48px;
    min-width: 80px;
    padding: 0 16px
}

.shopee-react-button--x-large .shopee-react-icon+span,.shopee-react-button--x-large span+.shopee-react-icon {
    margin-left: 8px
}

.shopee-react-button--large {
    font-size: 14px;
    height: 40px;
    min-width: 80px;
    padding: 0 16px
}

.shopee-react-button--small {
    font-size: 12px;
    height: 24px;
    min-width: 64px;
    padding: 0 8px
}

.shopee-react-button--small .shopee-react-icon {
    line-height: 12px;
    width: 12px
}

.shopee-react-button--rich {
    height: auto;
    padding: 8px 24px
}

.shopee-react-button--rich .shopee-react-icon {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
    width: 24px
}

.shopee-react-button--rich .shopee-react-button__rich-content {
    display: inline-block;
    line-height: 1;
    margin-left: 16px;
    text-align: left;
    vertical-align: middle
}

.shopee-react-button--rich .shopee-react-button__rich-content .shopee-react-button__description {
    font-size: 11px;
    line-height: normal;
    margin-top: 2px;
    white-space: nowrap
}

.shopee-react-button--frameless {
    color: #333
}

.shopee-react-button--frameless:focus:before,.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--frameless:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--primary {
    background-color: #ee4d2d;
    border-color: #ee4d2d;
    color: #fff
}

.shopee-react-button--primary:focus:before,.shopee-react-button--primary:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--primary:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--primary.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--primary.shopee-react-button--normal:focus:before,.shopee-react-button--primary.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--primary.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--primary.shopee-react-button--outline {
    background-color: initial;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-react-button--primary.shopee-react-button--outline:focus:before,.shopee-react-button--primary.shopee-react-button--outline:hover:before {
    background-color: rgba(238,77,45,.06)
}

.shopee-react-button--primary.shopee-react-button--outline:active:before {
    background-color: rgba(238,77,45,.12)
}

.shopee-react-button--primary.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--primary.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #ee4d2d
}

.shopee-react-button--primary.shopee-react-button--frameless:focus:before,.shopee-react-button--primary.shopee-react-button--frameless:hover:before {
    background-color: rgba(238,77,45,.06)
}

.shopee-react-button--primary.shopee-react-button--frameless:active:before {
    background-color: rgba(238,77,45,.12)
}

.shopee-react-button--primary.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--secondary {
    background-color: #00bfa5;
    border-color: #00bfa5;
    color: #fff
}

.shopee-react-button--secondary:focus:before,.shopee-react-button--secondary:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--secondary:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--secondary.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--secondary.shopee-react-button--normal:focus:before,.shopee-react-button--secondary.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--secondary.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--secondary.shopee-react-button--outline {
    background-color: initial;
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-react-button--secondary.shopee-react-button--outline:focus:before,.shopee-react-button--secondary.shopee-react-button--outline:hover:before {
    background-color: rgba(0,191,165,.06)
}

.shopee-react-button--secondary.shopee-react-button--outline:active:before {
    background-color: rgba(0,191,165,.12)
}

.shopee-react-button--secondary.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--secondary.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #00bfa5
}

.shopee-react-button--secondary.shopee-react-button--frameless:focus:before,.shopee-react-button--secondary.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,191,165,.06)
}

.shopee-react-button--secondary.shopee-react-button--frameless:active:before {
    background-color: rgba(0,191,165,.12)
}

.shopee-react-button--secondary.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

html[data-focus-visible] .shopee-react-button--secondary:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(0,191,165,.3)
}

.shopee-react-button--danger {
    background-color: #ff4742;
    border-color: #ff4742;
    color: #fff
}

.shopee-react-button--danger:focus:before,.shopee-react-button--danger:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--danger:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--danger.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--danger.shopee-react-button--normal:focus:before,.shopee-react-button--danger.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--danger.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--danger.shopee-react-button--outline {
    background-color: initial;
    border-color: #ff4742;
    color: #ff4742
}

.shopee-react-button--danger.shopee-react-button--outline:focus:before,.shopee-react-button--danger.shopee-react-button--outline:hover:before {
    background-color: rgba(255,71,66,.06)
}

.shopee-react-button--danger.shopee-react-button--outline:active:before {
    background-color: rgba(255,71,66,.12)
}

.shopee-react-button--danger.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--danger.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #ff4742
}

.shopee-react-button--danger.shopee-react-button--frameless:focus:before,.shopee-react-button--danger.shopee-react-button--frameless:hover:before {
    background-color: rgba(255,71,66,.06)
}

.shopee-react-button--danger.shopee-react-button--frameless:active:before {
    background-color: rgba(255,71,66,.12)
}

.shopee-react-button--danger.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

html[data-focus-visible] .shopee-react-button--danger:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(255,71,66,.3)
}

.shopee-react-button--link {
    background-color: initial;
    border-color: transparent;
    color: #2673dd;
    font-weight: 400;
    height: unset;
    min-width: unset;
    padding: 0
}

.shopee-react-button--link:focus:before,.shopee-react-button--link:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--link:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--link.shopee-react-button--normal:focus:before,.shopee-react-button--link.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--link.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--link.shopee-react-button--outline {
    background-color: initial;
    border-color: transparent;
    color: transparent
}

.shopee-react-button--link.shopee-react-button--outline:focus:before,.shopee-react-button--link.shopee-react-button--outline:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--link.shopee-react-button--outline:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--link.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--link.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: transparent
}

.shopee-react-button--link.shopee-react-button--frameless:focus:before,.shopee-react-button--link.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--link.shopee-react-button--frameless:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--link.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--link:active:before,.shopee-react-button--link:focus:before,.shopee-react-button--link:hover:before {
    background-color: transparent
}

.shopee-react-button--link.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--link.shopee-react-button:hover:before {
    background-color: initial
}

.shopee-react-button--link.shopee-react-button:not(.disabled):hover {
    color: #1791f2
}

.shopee-react-button--link .shopee-react-icon+span {
    margin-left: 4px
}

.shopee-react-button--link span+.shopee-react-icon {
    margin-left: 2px
}

.shopee-react-button--link.underline {
    text-decoration: underline
}

.shopee-react-button--dashed {
    border-color: #d8d8d8;
    border-style: dashed
}

.shopee-react-button--dashed.shopee-react-button--primary {
    background-color: #fff;
    border-color: #2673dd;
    border-style: dashed;
    color: #2673dd
}

.shopee-react-button--dashed.shopee-react-button--primary:focus:before,.shopee-react-button--dashed.shopee-react-button--primary:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--normal:focus:before,.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline {
    background-color: initial;
    border-color: #2673dd;
    color: #fff
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline:focus:before,.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: #fff
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless:focus:before,.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--dashed.shopee-react-button--primary:focus:before,.shopee-react-button--dashed.shopee-react-button--primary:hover:before {
    background-color: rgba(38,115,221,.06)
}

.shopee-react-button--dashed.shopee-react-button--primary:active:before {
    background-color: rgba(38,115,221,.12)
}

.shopee-react-button--dashed.shopee-react-button--primary.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--ghost {
    background-color: initial;
    border-color: #fff;
    color: #fff
}

.shopee-react-button--ghost:focus:before,.shopee-react-button--ghost:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--ghost:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--ghost.shopee-react-button--normal:focus:before,.shopee-react-button--ghost.shopee-react-button--normal:hover:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-button--ghost.shopee-react-button--normal:active:before {
    background-color: rgba(0,0,0,.08)
}

.shopee-react-button--ghost.shopee-react-button--outline {
    background-color: initial;
    border-color: #fff;
    color: transparent
}

.shopee-react-button--ghost.shopee-react-button--outline:focus:before,.shopee-react-button--ghost.shopee-react-button--outline:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--ghost.shopee-react-button--outline:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--ghost.shopee-react-button--outline.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--ghost.shopee-react-button--frameless {
    background-color: initial;
    border-color: transparent;
    color: transparent
}

.shopee-react-button--ghost.shopee-react-button--frameless:focus:before,.shopee-react-button--ghost.shopee-react-button--frameless:hover:before {
    background-color: rgba(0,0,0,.06)
}

.shopee-react-button--ghost.shopee-react-button--frameless:active:before {
    background-color: rgba(0,0,0,.12)
}

.shopee-react-button--ghost.shopee-react-button--frameless.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--ghost:focus:before,.shopee-react-button--ghost:hover:before {
    background-color: hsla(0,0%,100%,.06)
}

.shopee-react-button--ghost:active:before {
    background-color: hsla(0,0%,100%,.12)
}

.shopee-react-button--ghost.loading:before {
    background-color: hsla(0,0%,100%,.4)
}

.shopee-react-button--round {
    border-radius: 100px
}

.shopee-react-button--circle {
    border-radius: 100%;
    min-width: unset;
    padding: 8px
}

.shopee-react-button--block {
    width: 100%
}

.shopee-react-button--compact {
    padding: 0 8px
}

.shopee-react-button-group {
    display: inline-block;
    vertical-align: middle
}

.shopee-react-button-group.horizontal .shopee-react-button {
    float: left
}

.shopee-react-button-group.horizontal .shopee-react-button:not(:last-of-type):not(:first-of-type) {
    border-radius: 0
}

.shopee-react-button-group.horizontal .shopee-react-button:not(:last-of-type) {
    margin-right: -1px
}

.shopee-react-button-group.horizontal .shopee-react-button:first-of-type {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.shopee-react-button-group.horizontal .shopee-react-button:last-of-type {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.shopee-react-button-group.vertical .shopee-react-button {
    display: block;
    float: none;
    width: 100%
}

.shopee-react-button-group.vertical .shopee-react-button:not(:last-of-type):not(:first-of-type) {
    border-radius: 0
}

.shopee-react-button-group.vertical .shopee-react-button:not(:last-of-type) {
    margin-bottom: -1px
}

.shopee-react-button-group.vertical .shopee-react-button:first-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.shopee-react-button-group.vertical .shopee-react-button:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.shopee-react-icon {
    fill: currentColor;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    display: inline-block;
    font-style: normal;
    line-height: 0;
    outline: none;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -.125em
}

.shopee-react-icon>* {
    line-height: 1
}

.shopee-react-icon svg {
    height: 100%;
    width: 100%
}

.shopee-react-icon .shopee-react-icon-icon {
    display: block
}

.shopee-react-icon[tabindex] {
    cursor: pointer
}

.shopee-react-icon-spin {
    animation: shopee-react-icon-spin 1s linear 0s infinite;
    display: inline-block
}

@keyframes shopee-react-icon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: shopeeMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: shopeeMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: shopeeMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: shopeeMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: shopeeMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: shopeeMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: shopeeMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: shopeeMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes shopeeMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active {
    animation-name: shopeeZoomIn;
    animation-play-state: running
}

.shopee-react-zoom-leave.shopee-react-zoom-leave-active {
    animation-name: shopeeZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare {
    transform: none
}

.shopee-react-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active {
    animation-name: shopeeZoomUpIn;
    animation-play-state: running
}

.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active {
    animation-name: shopeeZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare {
    transform: none
}

.shopee-react-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active {
    animation-name: shopeeZoomDownIn;
    animation-play-state: running
}

.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active {
    animation-name: shopeeZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare {
    transform: none
}

.shopee-react-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active {
    animation-name: shopeeZoomLeftIn;
    animation-play-state: running
}

.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active {
    animation-name: shopeeZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare {
    transform: none
}

.shopee-react-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active {
    animation-name: shopeeZoomRightIn;
    animation-play-state: running
}

.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active {
    animation-name: shopeeZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare {
    transform: none
}

.shopee-react-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes shopeeZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.shopee-react-modal__mask {
    background-color: rgba(0,0,0,.5);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.shopee-react-modal__container {
    align-items: center;
    bottom: 40px;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px
}

.shopee-react-modal__box {
    display: inline-flex;
    max-height: 100%;
    padding: 0 24px;
    position: relative;
    transform-origin: top
}

.shopee-react-modal__content {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.12);
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
    width: 400px
}

.shopee-react-modal__content--medium {
    width: 500px
}

.shopee-react-modal__content--large {
    width: 600px
}

.shopee-react-modal__content--x-large {
    min-height: 400px;
    width: 800px
}

.shopee-react-modal__content--auto {
    width: auto
}

.shopee-react-modal__content--center {
    text-align: center
}

.shopee-react-modal__header {
    flex-shrink: 0;
    min-height: 24px;
    padding: 24px
}

.shopee-react-modal__header-inner {
    position: relative
}

.shopee-react-modal__header-inner__has-back {
    border-left: 36px solid transparent
}

.shopee-react-modal__header-back.shopee-react-icon {
    cursor: pointer;
    line-height: 20px;
    margin-left: -36px;
    margin-top: 2px;
    position: absolute;
    top: 0;
    width: 20px
}

.shopee-react-modal__title {
    color: #333;
    font-size: 20px;
    font-weight: 500
}

.shopee-react-modal__subtitle {
    color: #999;
    font-size: 14px;
    line-height: 1;
    margin-top: 8px
}

.shopee-react-modal__body {
    color: #333;
    flex-grow: 1;
    font-size: 14px;
    min-height: 32px;
    overflow: auto;
    padding: 0 24px
}

.shopee-react-modal__body.over-height {
    box-shadow: inset 0 -4px 4px 0 rgba(0,0,0,.04)
}

.shopee-react-modal__footer {
    flex-shrink: 0;
    overflow: hidden;
    padding: 24px
}

.shopee-react-modal__footer.with-assist {
    display: flex;
    justify-content: space-between
}

.shopee-react-modal__footer-buttons {
    display: inline-flex;
    float: right
}

.shopee-react-modal__footer-buttons .shopee-react-button:not(:first-of-type) {
    margin-left: 16px
}

.shopee-react-modal__content--center .shopee-react-modal__footer-buttons {
    float: none
}

.shopee-react-modal__close.shopee-react-icon {
    box-sizing: border-box;
    color: #999;
    cursor: pointer;
    line-height: 16px;
    position: absolute;
    right: 48px;
    top: 28px;
    transition: color .2s ease-in-out;
    width: 16px
}

.shopee-react-modal__close.shopee-react-icon:focus,.shopee-react-modal__close.shopee-react-icon:hover {
    color: #747474
}

.shopee-react-modal-fade-fast-enter {
    opacity: 0
}

.shopee-react-modal-fade-fast-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-react-modal-fade-fast-exit {
    opacity: 1
}

.shopee-react-modal-fade-fast-exit-active {
    opacity: 0;
    transition: opacity .2s
}

.shopee-react-modal-move-down-fast-enter {
    opacity: 0;
    transform: translateY(-10%) scaleY(.95)
}

.shopee-react-modal-move-down-fast-enter-active {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    transition: opacity .2s ease-out,transform .2s ease-out
}

.shopee-react-modal-move-down-fast-exit {
    opacity: 1;
    transform: translateY(0) scaleY(1)
}

.shopee-react-modal-move-down-fast-exit-active {
    opacity: 0;
    transform: translateY(-10%) scaleY(.95);
    transition: opacity .2s ease-out,transform .2s ease-out
}

@font-face {
    font-family: shopee-seller-iconfont;
    src: url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/iconfont.eot);
    src: url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/iconfont.eot#iefix) format("embedded-opentype"),url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAILoAAsAAAABHygAAIKVAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCkOgqD6FiC/VgBNgIkA4hUC4QsAAQgBYYVB5onG7PmR8Tbh6S4HWDSR7+nHhU1UdHCE+4obBxkYOIbsv///xOTjjGEiSM11ap6v12RLktKiSC7KrKqRKlswpVL1+6U1pSrDliHux5SpWy7GvEe3E7tERDTwC94f6iTEJ74sufORMDgQzHwodlNuNL8a+gwN4sBu/Wjf5ohE1GIpn6LaYWV8Y4JKdOBN0fOaAbe5Cxz6hxf7pDgbeIxErbwfywLbBv2otHRE/7r90PP3bvvfQqwykTynwgdoQBl6myrGulaJVDR+Oodnp9b7y+LbbCN2EbGiN6HjehtVI0KlR6isg8qDIOywGJiY2GeirpZdYfn6dlw6nnGifZ51oiIsbavjtsQGUomJE+NkGDUS9VSCP0iIACm5rZbbibIHT7/nwozbYGQNUQq89XmFz1HuJYgkRHwbxIZESMZET2N78KVfntrJ4ERGrqqkpAviH8VpLp6396UMDgxzX3RCjzyiVB+3i0LWmjjMp7du7GI+JfRFTMaaD9Jd9K04vZkVe5VrRdDiKf3ZghSfJt+sF3FVJ9/5xRJYkPW5cwG0wIuSWCXusvS/pR1zqHdUNv3t6pG7ylsCdOnHLuXP30Iocg8SNh8qH69EB/j+Pa1+EndZYV4SeTA3sG5hZLIVhL1vjv4TWzqHIgMBCfyv8i+iwgQYmztCKVDKCYWShhq/04ArM2rgU4KZhOmkhbqesX1MR2c1/KIg4Ap4hqmcrGaGlU6jRYGNTAgu1oksf6MM6mx4eUfJT/AblF+EEBOU8/0dQMEFGujcVmuGJKhC7YiokEwFEOybCmChguCxdb/5/s2qypkpQqa5F43fSYZX9XMqU2mhMDMbCAk7G5mRXP3+IHf7t8SJDLS0MiMx0dEFprv0x919kqr1PKTZMctGwpMoyHwKckxa7FXew37oBAwfIatSL6/VGrexAZM2vTLTVuORwV+bF4w8go5ZYc3Vd8VYLEo6SehXOV0xb+WYZGVXqb5lTsA9+4O4N0BJO+OoHmAGgBKxgGgDICkDYKUBEKUP0i5UK50Lb913EEFACULICR/UEohpV+oVMlpv7U2pbYp31OylSnT3vfMW4Yt2xyq4iSOBwP61gC2djUC9vD/+w2zGJLBkLpcDg/kcBn9M/owLqS4qZhqAlXf+BFcGpGz6jvJ13unpGP6stx1/DhGGCOEqgrXHWMcw60d+BVIiSzSaJBFfcUim4oY+2BavGapwPkPmZrFMRmdSW1C/IAneEzwAElo3Ek6SNqDQwBmcIIbkPy3IqwRJEh7EgDV/o8ftMadBLKyXGAEzl7YJyb1ngoYUZ96Lfic3/p6lR0RIEBDkw7pvnz2iHXz7J8PMiT76B056ycD1/YFBrACSICPF/1xKKWHzJrZuaSWUR/r5gkE+JPe+G2fY7UnF7xfnt3c4RZlVTft+8P1/CCM4iTN8qKsvjVo2tPz/BrG/N/ld17WLTwAxHCCpGgGvcEfxwuiJCsq8tcN07IdF7SopKyiqqauoSn0XFtH+JWevoGhkbGJqVks+JsvCsvVevO/Lez2h+PpHA8uUuCkK8ieICevoKikrKJgVwtVTV3DdqeWtoKiGrUGIMKEMi6k0sY6T/8zDcIoTtIsVyhVao1WpzcYTWaL1WZ3ONHL7fH6/E0qSrKiajqAhmnZjuv5QRjFSZrlaACtKKu6abt+GKd5WSEYQTGcACRFMyzHP9+fnyAp2uLfP2c3RnObW+trq4OV5aXFhfnpmanJifGxwWjYr+gGo8lssWHTlu2R+zc8+6JQTbFt0D2lmMKu1lBwKgxWK4S1imClYtigBDYphS3KYJtysEN52KUC7FER9qkEy1WG/arAAVXhoGpwSHU4rAYcUROOqgXH1Ibj6sAJdeGkenBKfTitAZzREM5qNG8yBpzTBFZoCuc1gwuaQ48WcFFLGNMKLmkNl7WBK9qOmx3gqvZwTQe4riPc0Alu6jz/cgHcQle4jW5wB93hLnrAPfSE++gFD9AbHqIPPEJfeIx+iyd/wKQBMGEgPMEgeIrB8AxD4DmGwgsMg5cYDq8wAl5jJLzBKOg2Gt5iDLzDWHiPcfAB4+EjJsAnTITPmARfMBm+Ygp8w1T4jmnwA9PhJ2bAL8yE35gFfzAb/mIOZJsL/zAP/mM+iAVQ5lSJwBqjsMEYbDEOO0zAHpNwwBQcMQ0nzMAZs3BhDoLMw5VX0OQ13HgDd97+CBMevIMn7+HFB3jzEVZ8gg8+r18vgE++whff4Jvv8MMP+OUn/PELQvyevX4A//6SngnDQhiziJDF8BtLCCwlnGWEt5wIVhDRSiJZRWSriWLN2qoFLLGOqNYTzQai20gMmx5em4lpC7FsJbZtxLGduHYQj53Eaxck2A2J9kCSvZBsH6TYD6kOQJqDkO4QZDgMmY5AlqOQ7RjkOA65TkCek5Dv1OpNAwqcgUJnocg5KHYeSlyAUhc30y0Byl2GCleg0lWocg2qXYcaN6DWTahzC+rdhgZ3oNFdaHIPmt2HFg+g1UNo8wjaPYYOT6DT00XYGaDLc+j2Anq8hF6voM9r6PcGBryFQe9gyHsY9gFGfIRRn2DMZxj3BSZ8hUnfYMp3mPYDZvyEWb9gzm+Y9wcW/IVF/sFi/yEyERYhyhLEWIY4K5BgFZKsQcA6pNiY1ZqYH7UAabYhww5k2YUce5BnHwocQJFDKHEEZY6hwglUOYUaZ1BnAA3OockFtLiENlfQ4Rq63ECPW+hzBwPuYcgDjHiEMU8w4RmmvMDM2hQA5wLiQiBcCYxrQXArKO4Fw6PgeBYCr0LiXSh8Co1ZYbAhLEbCYU54bIqALRGxLhLWRMaqKIeXCqyIhmXRsSQGFsXEgliYF/vUcnCQi9Oeh9M3H0euABiXEGMSTWMxMJIEQ0nRlwwVJEcVKVBDStSRCg2kRhNp0EJatJEOHaRHFxnQQ0aUkQkFZEYJWf7xh8I4itvKX/aaTrrTV/vnWNh+DWu/bX+sP+zZmewWl/T6d5fM53fQM5pt5+wo21jNhtDmbBdWGJpspznQ0Hy9NXo7HhjSbYL0V1LtTY3OH1noervsI2miPe3dpjPiI+SiBE3GNVWhalOMsHEdJ+C7/TGQ1NFFQwhtOURfwxsUv2U2jKtFiV3skNEmstJo9DXpGR0jP0Esu5GSDVI26yGwJicJr/IrXFudxxyOBWxkt50/EK9TCMbVKLhQzBWlU2v6vt0G2VNgszCQ5QbWPBKbujaNW6Tg63ut6wwTZ8xXttq0IaoeASpFaZ22UNQ0O6AA8+lolu2EOIERetUAXdu21YzeiCyipmyxQioN6GMdktGG6Dh6c1VEoucvXw5UzbfJe0tLeJgTPsV48X30B9RRnqreGEgjENFkNHCyvDG01/nzPapEqoqM6zVDgpzs85GlYds5icTctNLH3gKTeEw4nO+zl/+InkjEckr/u2H89yUGe48uwPXgioQChZ0HzFObCVLp5Vpb98aP427MRDHYbeRMtpUlqmLbdn+rFr3jIx387i507ag0EQ2DyeevjjmXcrwtUL13JdADfOzKB7vbQS98J/sbN3yhApKuFimteTD34WS+X1Vx5xE41MD5dOu6hZ0aWDtV1gxSI5gd7oBjG0czd6MC9oRnXXvq6aWfzUAormNsukz3I+YURA5dJvKrMMNZSMgx3++BrHLnRVfAACwvRFaKPHzDllXjWTVlep3wIFAjoZMaeLbH4RaZp0Pl/dSiUcyXBfWlZGpxzQNiYPUjIw7PI7HSanfZBaFs2kHdPyUl3GPR2qi5xKiJuDF2NgNq2FNFBkD3nIkG0piJkLS8EXp+b9+YUSTnbWOeWWLFHLYINL67azdY4+QxLvTsFiZKM55eUi5z9yiEvdqIMf8R5fVZppUBot3xQVnK5D4zGysSm+cpFShwohcHiGyvXXeCbYALe3J8HweIecNwOxyKBwUjdUCD6+LdE7NgqihmnkGMewAWCCMVc5TseqhiJMIltI/T8YOQxTy/JXRA3KWbi/Nwqnif2mBFG4HXL7V7SGo9ua0wYciYggt+UEgmJojnOGImc+NUCzR+xzyILrmOo5RS+1srhPZESx83qSXYXo7AdhrTzsFOecL77o1xIfW91J7vl0lohfUUn0+lGdXTrXF76q13pfxMafIVHpTovSuEt+gWsO6Inm1Q23kDBsWuzc83ClTOSnoOCr7xEGpEqNqwul5c60JP1WOq6/wQW6T3T6002dH/R5fPx5SQ6uq0t/0N19fpsDG7xiOVbUN6OvSZKt3NPtb79ULnX7Hml7qR7gGhciM5z6dVXnzhnZybqv/efdZc+8/OY49GjEJSq+E+6/Ri2oAnDEwEHK1IGJWSQK/hIbYkyoMsTL5Axh4Fw74nFL8ZtYMWd80OsVrQtkHBO7OEgr5DLZVioL0ivTDA0tJ2FOqxkUyeFwaCgPWHxFZlgLzFY2hb36XvxiaB82H8YCXg9buxZRPP+wUZJ0YT2zJyvWHDcx4ztsT0yuDGuI9cZI7hugC9xiGpjkeMlsqpDZJYre2tljjYiuqq47DwSqAgVQQC6/ROBpZiSEVLFsEutAyvYcholMTjTBWAAKPKoawuYOWrYGmZUWAUUFMk6KAzOqGcUOZ0DKg6phT4whhItiFtLsxE1FNwVSRda7w59J6q+o153ZwQDtIBStrAfMA67CnPKZiVJtI+CCIQC0iFQ1FManmjTmaAKxINQB69jMn5GuNH4Y6SSge9tjT2/w3/D/5Lu50T/vHLZDoMbr3uOMS8abprd/1On+zRIJ/i9zBGl55QF645j9cNtOAFIoA5nFQoyZ5TGrlAmVMZtawhGDDnL+uABRV+nAxfCUHTpavkSPYXBmiWh10cchQko9Lc6ViyBhKGDBhyUFpj2IDQTnhhiHIo0mU6VBVhKMaFT1A/ylfaz7p0MWQOiAzA9TG7X0Dt2GnY+1qlSKXOmU2l2mhxNt3zZT/Ug0AFRgxC2fdFz6gg0Pt0skES3eGqk7Fk4i4P7i8ZYAql7zDc1Z+0NSLB02ECYFPji6OXNR3VfCI8YlGqlhTVc9SNvXBR2LqIu+HrfDcvjwiDUWmLLbrITVXQallRYITUGpQuRrZs8UO0Gh3xwqyWJYiPp4rXtY79ArwirvYxu18obFyq7CPJ+L4jZnulQi55lFbYvoIXVj1BgyTZS3FYv8tJVVWlbzUKsH1cq46Jr9qskGYHVMbjJhZlWAWeaF3tTcB91uYSTkUFFHUeagDA41ZgiZcQ0GsEwSPgIKB3YwNiFkHGGALO7lT8aJEdPsAHh4Ttfx9mxDHXMLrzdAggqasUuE7QWKuAw/42wicD8elvS8uLfWYglPwMUN4kIHOkUHwBtZKaqAzj5bkYpLN+KH6RyJKUQXKJp7QD1sixtQlv0ctVXc+pChBhsqysCa6tWlaq1RUKzynt0ujOsb3PG1ZB0GTgX9eRVzOZHXdPBqeuGRjUUU0LwUd9/8bLoAGGR5BeHT2ogeebCML3PMqu+XdnKkFQvG//bSi8+F6HIs9SiHC3XPT2kkeaEAWsixz+W5pBeSUqQCwJGwGyl4Ra1GSWtKOf79QpzX1GpAu7ROruZxFZtsZbmNJs006qQh/MEdOp8s3J5Mkjv2EKgKwmqOr1o4wI5MSTMteYVxodGRG1nhrJNrMq9u/I3m3h0f3cGrAOSDXpQW4U382PZt5nVphxiRpSE+IneizaccKsEE6gu5QVlyMmXdgIWUA520zm0UQ9AypR07CoGU5G0VZ7sbDjwLiesLNGLzvlbGaFjNEn9HrCzLyyznEJkumcwQ+/wWUk6Pzv/xmpEEt6ultv/jfZx3pd5Gr4BAu+qhHKJFOnk102JWVR0KXsIkyi3UF0K7gZXq+uDGYSjigpUSEJkzNR1X6HVW9m4s9vt2fqpZNXSRqUSpf2LUwdtFsnKLU221ttMHQcr375LvJjPmP8k7qiz7z5rMNHzLMHzBN3ldxR69xT1q35/rJ9Z9y+cNg+fXdZjCXPP528LS9ZqVNt64i55LcilnGPWo1YvrOQrEm83/a9N9A9bq92zO21GKE5uKqmyEczqpp02TaiEGkCU5j0kQTTbVxZYJu08568LC9qeS6Cl2rwqupmrYdgaMselHu1Ai+OK+RTt37xht2JVczYGdip3efZ1YqjiwpfiSuNK2xraMmG4fYOMlM1+cZifURdzJLqiF/+qNkkY0epuF+Wliet6NGs6jMtoxB6KuauQgeyClp2icETodgjqTW6K+QkBkaj+E15DTufwIYZumSepFP8LK+w0/YYvf1iLxv2D8PcK+DfMBKvSg+T3uDl0+EDUWZySN6x2RIbkM0lVGGBK+WnucbuvnO5t876cUVQ9qF3zmQt8RNyfDTIH36SeaJR9exoPRmoYO9GAzBmOhChnb4+5AyxnNxuhkxMBMDRyPrAkQ0MxA5D1urOKRNdPS0PFQXWm/uFaiO+bgx7QewicPahxZu0K3uB4gpdP/HN5bOt5tyZNCCjVO4Yhuk5Gx6dz0GmUgo6aKc54pgdOvbe+rg/TqPptO17yKx1CMhLmkDz+GQwBggQZ+dw2TsHOdqtFmCeP6y2CahR/j1AC/O1FC0wOZcQICqkvd8GS4FRwEEqBAPgek7dNgKx27WrCau15jgKho4eaS6vancCOSxHqZjw8jpjbxjckg+Dse3j/okrVEgzAF3vVOCAAeCZe/cJZV59+Y3rQx6o1xR+KwIe3u8SBhqvwIIU39YE8DRMUGOIs/d7VrHI/n5CkmO5ZAY2mgHm0K2lD8ez+Z8kONE090UBmU1FtA42698WPVDKikesz3qgx4GUKi4MWEqz0+cBiN5tKZ2QB/dOD9z/F6s56An6ztc7p47fE5BylqgOWFF1JZCjR3x/lO5x2nN+9YbKi8FBZQozLs2ModSw6HoBGfBxv5tFYXp9kp0cnBmMp/cSHw/UvdW53bQktc1sX3uvPnpfKLBHpDMoT2I4hoxAJZquiMedvcHdDMpyeSKV7xynv3X9v6PI9VvX6NWuqRNk+wrYHVAq29ooxpJfFyb7i6zFPf5XVfFQxBMpXSe4fxdGdyB226vRsOpQkWFN2juwX9PaoAsp2iDdXcj7YygajkYCjYhCnQgmwDoBZR82zvISWZAdHGB0J4eaw0JUfzWsA6utEUaxxlsipXcieYx7YRYrdqLFWjNR25XpgcKBBRlB6yAiuU/AAxRHvzMBbw9YIqsmZEkoZvsAHBLf4qW0KYWiDFTnoA6liwSRnOfpzQPOsGjhDUJHEsFSfUurzPLE/8f8F/x/uPCfcZwUi+z1U3aVZ7qNp/3MN9wdplNe9aLfCNc2fKQCHnu0jSeeVfM44sw0fIxaLuhD0e/jPQoqVYBeSTiCgC2kvYcgh7y+8sTuwBj2R9qT3fC5yEQQfsjRpeeejjFTLkSjQA7N8IWxGIGnrKunAbYPCyd2aM6hun3YYcN62uHCeivZ+h2qxVW8eS0toF/P1nDAJj3LjTVim6QaVWagY9Y49NWr3zv4UdSLtoLzdkMTkrAaa8ckfFV+4PNzTEQD9Kf1Znyly3sjYVlWUA7Fkys/ZbDDfqKfDBr7px60y2H1XnFh+hdlr+aXxt9Ay8G985M/0XWrq7Pv2eZXTzzrXXHssdtTnZP40eLpF7rX3Y+P3pqsnkBZIwerzo+Bu6Tq+Pw3i6+Rgw3M5fbZVmISviPJKMddmC0QScfSnfiGyMLcoEsBOJzOmo2hVMhrM79tDgvoFFDCWwb3AEpGkcWIlhYk/+ISFfxmmfsNlcoNIPNztLGpkMppk60tgR2HoKUF+NsV4jULTJUFX1hkqiR4vWXQ7uoWuITwSkTx6X+PjDBCv33gru8Qyjede2oTIPjc/8a3UM6+d/ju73JGNp9/ejPRToMBS+fKO/6Zn1xrruKQKDdS1upjr9JXN13DSCNh4+JgWlV1QzcnvAt9LOhDO22CdlgIW5f5LhSRngU018YoRayMLImh5MjSEafay8VgXmvm5teY7dQ8PTtWqptGCiw+7qA+gawqgarbWeq/BBCmXfy1OUkMl6uC6Boks9iUHI3x/O6FeT4Lq8FTFdzTgycSQsktt+y9I/tPdLKZEBxBhqRR3gvO3KjSEQRZFiZJ0Xm5s8NVcTRgZZOdk9/VRQw4PrH12MPhLP33EJVm0udJ1gMVkMYcBQFCcO8BFAxE9B6dkEsZqHgurQqQmvAwnYdUhYjJrGSFNNfvCTjOFCAZjdikxpxKmC3W6J8ZSS3wgDBQMbAKpU0zh/1Jcv8+P/pE2i+VMxaUVA5dN+IGrEqil0d/FQLKriy15ip8o9UH5NrWUOnEc2/A5gMbHk5F6YAARIp5ExlGTw50nTGpmm/z/tLvWqoZ6YDSdHis4CfAZz1SVhy7+FVvbUOIAPJ38WIPds6Xaz9LqxTlHb5doc3w47twt5NdNSEK2xaf9E23R3O4CUzTysL4JFVtGKIS8BaG4C3jNlkPAtbMgnmuNKkqYkKM0vMl70koQWUQFLZEo46wwSkbnq73L5WleUWQG0wjsTM0q1KxPG6lavadsNOa6tu+kPiMWpbNNYUS8aoGi3KzH4fB4OZQNF+UMrKbs6awe+4YqOMeaD9vVhMZbQ37kBKmoRAQYVC6BzMSbBvVYjjionPjnXcfp5IMRsLm3VNnfy/lt1FAwVOxP/iLCmrBVhJQmYMHe62laDalSZ20jPJK6aczs6orQt9hecJnaDv32JetKPGGGq9HZrvyKhOLcrEpdbqYzG2fqz/1k3Ie1UmOxKSW/C9MzWwCXQYS+aDGPR4XiIjY+pHAUQJ8jOaHrA5G9wGoIrRn2EJFrqO6vg9IKmHOkEgT5VPDrafrLaniL7/aO2C98BkOPp3v2yJzsC8H+rQkT2hLhL0i68OpUYRFeTF4mgsh6/a90uWPxIdEFqy0ttAliMAzL95laR9MBlnEGyoqVnHgTGQ2P1XgrFN4jEzxbn7rDMf0bhzHXIHKELJVq1vAne6GGzjC6y5lWCzvPMHOF976suWjg19Z7DKz3fpWgeYnYHmbMN6VH6ftnKz+fvpHJ7XX3gu0mfr18NfGPW4tDnpDMnb8tAI7GiYK4Ph9Rm3BtTQ0/fBmcCu6US1OmThlmdtINCaF/148Tm9xBzPEiBC9g+5o3K4GhKnx8fWBUgrqDhrm+nrvxwx6cj4lO4YnsqmNzpvWgRbWDkqdLwhOx9i+LdPYN9HZEvZRAiUXQWEv0p11E6sJPefsSuPefi6ru434+N4WnHgTZcZNcfrO1ctx0+Fp50JkjUtg3Oi5x6QrXa/evx4/7in4TIx1up+wQGQnhg0lNicG9EH0nqrt2/34r3kfIj+vhKS7aT3C2kbP2rHFd4W5dcT0Tl/8f2379vOiaWG/vWNHvfTMd5PHbogeym191FsG7w9t3mhKI2k6JTE4je+mkG3i7u87PikAWmIyl6wz6zOZFeBToVUgrXdGdXOgDohcIe/1mHmtb8jHVKhJKksnyAbMKn2cEA6MeIp/LXPd4p5RV8w5fcUUlWHPLgLSQYoKY37YtQtsSpp+B/Je9Mne6frYSrNJkMMLadUkNrqUFBvou3VtT0VvEzq63Ghg3D9xZn+9jGP+JhFWcR0vLrGNjAxJ11AkcNYEK1FRIamk5LCyEOVIPYFC6CBRbQLkYo1QbWaM4e5q8ouvpSBnwzu9nhWRYq7MjsdUanItU1phUoChEB0JDW92KrF8SJ4CBDIKmqtyJJQtw5Izj1LgP9hZ4pFnpQHIirEEMyLmLbHzMS+Fi+ZlKXP9MfzFr12QWBwwt5j7tqJK7upftmIOn3Igu1cI0vDmTGQyxCQue6NPRQFBTjegzQO6ohTlCP56rJ/NL7Jiom1hCMd059FbVGaPFZQ1HfzFh1Mixz65NgawcnB+gui6Z1ZnnMVaW40rS3l/i1tuaLeheV2GcJby6ioHLQHUXGVj0bUZWChrTY8ptduBJS0R9pfpIz5zXYQEyMSjVELOkndJjZg3V658A9/+mXFngV1iLhe6MMWZQ8nh9alg+CHmW0214m+0tvYjPiKO/Bo4G2Ew2xMoEcPNdPcnK2/8qxO8GwFbUZcUNQduUMtqSJ+IGaSmGAj0INNuQCWKglOQbDiCnBFBT8C1bWlCpEYORYgz+IWd0QEFJCLKUorZKgr8/7Z1NZQsNhHLXkH/9PUfHW8H75x7/4QyPd1/ImUOeo93nqqpNvfMJcnuxViErUqe+cLGFi8FTLYtCRsDAXIV/2bpm539UE5xFYQltvhCAKZKrGr4hZcz4mpOC802CqLeaxxCMUs8EEiIYPNNxurQtyeG8+da2tb6aOhf0IDQC1puFZA5MMkmAoEyMy5hER3k1Ie8af7FOyiPGI0yW9RiJETnc0kmLPdnHvzf9BWbxd9PsWDloUuLYO8Gtxa/TVH3QiW+4AUBbkyjrkOifKyHUYslyd2dW1n+LqZRdsKOZSLX2SXl5fPMhRrsLBP9puSGjoqo0T4NS7T0Wyy1YHN3ooCAl+7WnFiV8ybW2YvLrfd9NS2ND9FmyXuDbLNGTbrqjxwtaEdNdK0TZHkiR57QW5xGt71LjKvSOb5xmdoOeycZyZGo3hKh0qYaalXXxvIvWNswKBhOg3e9Zrw0ajedu+Na5IKLlqy3m/WmUFf96xVzB6kHvnFpR4pq7Z8b9tZ31DzTzfiXf/y08YMq/+aPW++LzbTmGOYB/1DRMJl3ENtN4JQvHeSLBLIHvjARjm629pcw44JxsoVFyZNSVaUkMnpOlYltUXJ4AcMVW19RN2pddwuDejXgo6EICZ1t7yaVcVAJ2osH2syO6bCAP72JKGBWGorkl7jOWFSyvdurN55CkQPnZpM4jBd7YEhbAnaHyCmpe73NR5FC1gXkGWQ5iolKKWCOyxZaE83S6lX+PZpVSJX4fDLs6M8GvmgQOIZTbzWTpO894gEwllMTJq5L+AkJt2Hgiq5oh0PMeh4oAwUqXwaPhbQb03+mg6cVtA5zFqd+g2ksizRHLNHgISPOKj6J5mFxw8TXN7stBNjQYl4GpRy+4iUpYaMCbL0IliUAKtgA7A05L3qAcnaH3f2allzCgFFR3btyrZlpmNmLbaBa2n5ccuvv5ZToKqOFW9ASOiY+zqAprdWLoI4RalrBYcyi5ubtMheMlBTCD0LZJqRuco0nfkbqcOZh7mCpdRQv//b5u1tafWhhWnxrOsYuAjlOB/TwxMyjjD5vFk4acs2xbIlsgMQiNRxdHOeK+C6f1nl7q6D4DWKdLTLDrdLawJz44w5TI5LyuAPtlM/WdmoQhagljUSMaaaoZuHtcpZURU3mjo5EKD47m0aH4n4ET3q+vOz1NILUbB9v1gfEpqiakX4Cd2Z90jpseeJNdXF/cIxGo+iGGuUcidWvsdiJ20FlhEQLMmWVasy/lMXa04uzXtlRj2bnf1dMcNsMtFycmHvmSLL1Q/lqXwqtND/NEwCCLL/AtpX2u5gK5XJzXDBnjKjUjJFk6mRzoR1SzMvAqcCg/fpcIdrcxhopEi8MvyEkvSUBxWY8aCdj/8VMS6/9EKkNfP+Vm9ApHSLBjuwBNGxN2DZlDVlj1nBXNmZ1StgsQljycEL0E+IoMNnZg5WeqJzOtLVEPSqYmVVswLeRCFUSXirkxCmgA8wkbWM+fkeKSATuetnmDQMbx6DOmMefBdyoLCFFcGaqFxr6/+hjwkACxVlUNJMu6D8HqTzV8dskWFvGTC/QIw3ZsksKsUAvCwKOmaajePOYczop0MLaLrVEj1G4s543boYCM6vywcb8aGQQrzmGOXJ81W9RF1vfW93kFgV536nnFdL1A8xhM4Y2WxDT0G4mWrsF2IoJQmsetIFCD8fxh/AZPgHIK9zHhJpt5ZmI9SHaRdWSvynvXzz/N7tuefnmt2iRXoxSuVVBpMQcMScjAXhkpYMHXXfrPRXxCDgFr7VGDPzqnmWzCAUGVvnbIEUajD+or+NLaNvKHDfUVusSvDsIq9uTG78E/2XaySh5yk8jB4/eRxicw3P7hI9LuM4Yl5zxTF6dGwM4/1zauN92++EIHxM2H16cMbvuqeUJohWGJBWZrRur3Up3ILan2aOYhwjliQCTsFkpstG9bYPCYGA3glLjiJIhsuVUQmGy6uEm7BLU89hoimzS0Wow+iHPkWYXyxGz+KTfcNRM30orKpTq2fiJC15AY824snKn7foQEdVWLLqngrNAJBPXHFxLsW7gm3fSXzOc+zOiyqW+aucey7d+LkvRzdNfk4fcqTSR+Rh/d+voGq/7qbwc1+XCBlcdMTC6490zl2tfVBcirQ227u3L4HTDjd753aXJ4CRhbbvAmPc0RZ+6E4HslXzkdwKsHJ3DHjnb2BR945qHgeYU6U/GfSRECH1mYOAxaidFSEHfp6K0DW0rQzt0MgFV1mFU3AuC6MnMOILiLp4SS8kBkz4tANxsx0ybkXfznNt0uPU8FhUUy8t+AC3T+MKRPTG1anN5JaU/Sflt3j+CGJvlpo8gAllN/Or+Q+MRXhlm974yV+8urkzcsDpZoCnalEwDwDchJJpuMoeBaaHOFfU4e/XrMDbjlacEF4+HMXolyC5E6wD5rKQAO+OY6uqVSdQ4PeGkXGBEP5wUx6dT+AjTVlI6aRZKwIn5KdrI6URQQRjDHKCH0xu4391Bwas9LwqTZzz6jyDyd1HgY/dh4yJOThXRngSJnCGz3CtcmTjiuvf0n7U+NsQ6r9qDvoBsjzR2FbKSq177IfERqbqnr/1qnfBi7hdS17JLfVTd2lt4HelvElB+y3HJxeRKDh41Fw9p7HtYdvKPPifDed/1DMpOWavVh/y0+kWacBFWqEQ2CLsm6Ks7CQ/1fz+/T1PuH+rGXPa6JvdMvR3+2RhtdpAro20vVNjjdhK9tEZBfRKgkOKZOd6mb3TQ4LuvLEr86ExLH1srDrF7kmf82AwInp9vD2i/li9Zy0FeOO6fbsGZytdnyk8iTSV+CjUW9HMgUYleZDIyTkqA8J5IXUBYv/VRiGpAcCILcvPbgpYq5LOlwFQoZrYVAC4oaCE7Ysz9EBCdjsGpH/B69mzzHiAWwXZdM2EzXJK+tDDNtvU+gB3zNsEr9OTWlsYtOg5ByNQGpaYVkDGyjlMNgQlB6TsbB5SZBRoH3Zb4AzDlSbsW1l8mIBVL4yc4R4BiaUzXXY6Iu3gA0coQU0mGzCbikxS1jo66P3wodtqqNbpvBvRiAQEjYkM+tN2Cgppk83oii8QrSnnhdzmgahNiUTPo8al1QISPRUTyGo0BkjVqF/BOGotkVarIFcLQSGjjNLrxYoRVgwqv7YY1w8WA9LNy3bBoyGxbvbEQA/Xu6mILkLbHCCDUZUk3hl3UUm1RYBmY/05gWYgf1mOHU/PCtFdZCoExVtiWV5AqvuRMl7yoB1rBSnBuVxEOiKgAHjAuiMBX1PkJXTrSN4a7mQuezQu1VytJKl50jZ8bHWsi289odkqrB6LGspUq/JZbXITtevgMzE8yq7P2SEorE6gAfLYkUq0r5rfYeJMjPAvyC3d9F6xTNqPkTbM2I3lFlwgsyCpCkQlJ0kwcabWEdzU3EZ8MkEyfJBZpMkkLhuGA1gEf7eNqXy0hgeOQ/Gprm4dz+inXjY4OUi5h9Wyz5lzd8iVXpLhLdMVhG89RCjXOauxbwWtfuNaTEqHSBtKDs65y5wcyWhcLQw/t7Wi8EcmTbeXJL93UlOShKzwx3ZFWdrDJ1mZqqvA5OcQ5qX6wk8TERTQnP2n1zGTW0G5DKkz41jRMxs9jFkB3CqiAIrgQNEdxX+cxxCPWdU/dQuysQDgcFzjOWVyMbNPbhD4bGKNa6hPDJD9xoel+dONZe5b82JdCvF3gbqhvsy91X4Mgp+undUO1wNYKnHRbDhReSAaHNjc7dhrAMyKEQmbsX/LQob2jm+StsZKTPQQxT26YU7qmlBL4OrpECVLLiQrPlKcsqyHAQBL8hikSAzvEo6WClpAmMBcORTqPDkvMMsQORO/g5CUYOVt457yYZuSX7wov8l13j1gKGnYe/grub3RUgJHhx802SBzVLXxaJtHMiF+Nu1ZOw3fqfmenPWv75EUuHXl6B+pYw+kAXS1mLtY5B2iLBSxPxQIysx9+AGJ+pW8VCwQBL2A6YL+3VU4eiFI1Q4uVhUlAPLlIX9Jq8ABPS+zMVONIivCB1oyebG0ju08kzVabNNakI6FMTt+MFT05zH33tuEnQKjjkaz6xmZqcYnSNoOTmF/XyogF5duw2vWmMTvWIV0mKvpa7fAJ9BDWizcfjGcAwvRabEe1Y8DprbbF2Twk8fHV6Nbzx2q/rlitF8pdk3ntvStGccjt0jTM32iTu8HgLibQm9eBOuW51HCTtvhStiEatFXx2WHCUoNbs3d+Hhl6zVyYzNyJJe+Kg0Xtq2ZCqHKrq7e/Z/uSQLgIJM7vm4YPPT2l59BQEFbzKKSfMuop6YPWQ7AdQB1G8S31GL0X7DFdOyXsByl+C0iC3iwg+qbGo2R59ff2ZOYWkJ2zgeS1zGKSWdWl2c12hyKzhwV8VgDTyrzRg1rhyv6f9ZqJMl9OfpvXB1ynKGeBCNZ1O2iHWEukT3IIXaHohqa41aLH8/HlJDqth8Ij52rUhBESb74+7W9jUTIzYVSILWn28yslQxKvAgy1Ibn/JNxMpHlrMvALbfEmejB9XGEecsJRRyeDEppNgdLt3IePE/auVNZqR87tOSvX13egzfqGqxCXittDgh3Kdzstjc+mxMPpE7cDTYrZNoAACAw4caxzoxqksgSod9pXYG3h0QaI0dLRx3RDGqvwHjp1v/2yVy4+PnAEuPCtCKLzsM7y/GNx/T6pMhk6irXH/nOBYvMnqghVneoIgwFG1KImo8Lige1dJWTOFRWI2bCyNF2XbRDVHeLyPatubYPMoCzMQ9XtE6kifgFo+0hcwAZaAIGAPffAo+q2BoigB9gDLmjZzv/4d4V/2Io7qlKGaBfpOR3zEpVMGzSmm+Ph5qx4vTxN/HBq/mkZkj8oMINsLLBG6Hxc16JQFWnGrIjf9eZjezvBKSpH6bOlL7vR8I1ai0QCLasu/lcF0a7OrAvT/8OUpFThnfRzZU3scHX2i5IqeFln27Raw9IC+OdLWJRQ/Xch7buWfYoSBF44tdK85tgjNxOV3Qe6G/ZUzVMhsYruBPA5jiyizIWpiy2n5CYiObsD+ntQeu43bBCv4gvQmnmmqIR2yPC7bJfljR33XbXxVlUXmQXldutiMDHFUrHlYqwwlWvlaZ9G5tgfmo/9yCCJUS2uqtxTyYnRHgmv6I2ZaFtvvuo3QChhiystqC4fHVuXvJinsZWy3lZWGDPL/Iyq7C0mMyIE3wCQ66jj1b6OMPANV6kLJjHdUnr2er0enPWvqo4YPRKj2/xr1IqLUcLmSLi3uw8voyAQD3GGENYWH+0P8xHB23/82aPoE6NNi9cy3YRrs4mVgewr6ddJgaWOPa0XC4T8MJGLYowzvL3oEeusL8ioA8YnnE+R5nMOCeoIaZDuKWWLFKWD3Rir2XpLULjxtL+P/AMHNguwl8UIZEW14fu9QkGlOnRgCcMCc4pxJ0emk+x2UuaAtDj+ixxvPag+nzDF1lkWLIDYFeuhpTSb5LqQkz2jhOg9RIg46IcJAR41dDcpLCvJgkhy0PN7aHuYJRHxpEFqLsA2hjNkVtvdlATePjSi56n7yPf9f4W2M2zRFlYvjl6FXsJQ6QNYjqorNz0GO2qisblSviY+aUYnrs6xph9FecDLVJGsHRCeuddDf0R/t5z5Q7YrK1byLDauT9LfvrqSK/v4Bqz0oFYSpntC47cHbLet9A78a52m7DvNAgbRnHrizPqanqhE8ZnmrDdmOhevdYglorO6g3oM1BKHbFRsrV5RuJqtvlKAmp8cW1+bOgqbXEbtA22bUs08mmLsw+oiAd322gLSeHk6ecCwyVD7ZAGnAmbImMzCipeQRFsfkfsyDVKL9GSbKe4Dc0i9EYbhoiyQQ2Cer4oO9iNKkNRoa53ROkgdbk9jl8fwvl+3I8KeViQKXnFX7PBWRPoL7wSp09cy3fEIEKKBny5mbuPA97wrgxKhPoejE5munEW30MBGzSv1V6Dl2u7Guqo8OUsd9piEOnQ9kcf8ljVfNYuoXyTBTIN1T4jdfXJSahdMQcaqRS42ae3nmKMk94iTYo+tYlmxdXbF0bfEOltg/7411yxopHzH1eUyqrOftni+/7lbPoPwz77I6daxUFESBeDsbNKR5BUBSw2/ziazXJWSsBpHrdkcMEAQam1R1jGwRtK6K+JbFbWs4XmPwJIJGrhGGESfxUEZnksI6LXfFwI5qKSAlRUq+bS1NcZrGPYVSFuF61qWD3VMusmTXDHyLN+2H7zpnfd86jOtyhbWCAwyHCij3ZM3hQ1n9yFRbIwhqqOmTbOTrpVw/GiWIw8xK+8gEVBg9MlhSO3X14pffoBG2Ecp6Q3aGCikwDAPKZPo1kqMSt4qnWe2da7XKVfqRiN1RM1H2B28BNQsOf3B9jqnIFUDhv+qRvExW29anEjYNrqYoZJjEg76YOT+WLlsTOVG8z0SHfT0ySMrNxx645C4E9zDuG4pBdvGqQNJyFkkcmWCMXPe/b7DZTdn2EJ2SSGzTHviJCLUduxVovnjTJenTDjb7dlVFVd12+4n0buCYOS8AEii+U05qXVXZMJnya5bmZTw5nyDTedldcUh49iG9jIhUDIXypeNLQeVUk7DHQTVVKUg+9pVJQ2otIlHDJZtYM4xrSwtHG43Zo4A2hr65QW5n3Y1H1Cb8dooHYOujnDXNSnisvz59tXMyqJh4zDkJqlCSUFj45+1Gq4g6PQzR7QV7BBIlGrbLE/LbgLut6iE1vh3Q8R/4pNdff8cJ13NOTvdd+9YrI2d3b10YPn1b6/Ojle39AmvW0jX6tak3/lqYnzyi+YxCyRRt6QL5VIHN5EqSse0LqR/ui9YqFwhIV1PFeC4/jnIT8mN83zaU5pR9xGs+/5LcnERW0pxZd1eyUDfey9yF6FraOi4VkHTGGt1k94eydTyFJxrwBWJK2xErPAc5bAOFgQcIINQnh4ZkCpCJl/h6zhqEQ1KG5Qw4JaZR1rLzOMJOWwKI+ZDmzpY+4VeCtL0LIDipBUUb8HtSkZtXupQxocHAw9vS4B9LvqT98L1lNLix//oy68EU/fNyjNlgZxExCcG8lSz07BJoZyHJVKCZvR0npW9c42FZAxUIvs9fYKGiVCbcTUbx8xWcpmktpvt4z6X82uUvXQJo+fpq+J+52K5OgrIbhVTPRUf8agG4idbnNdlldIGwK9VgVg7QZHVfoerGTFbSAYJ1+87aPoxucfXW/Y3jHq9sJEXjZKduqb9xgjIIR70rj27K2qnn9f0tdVYXxFGbBoiMg13iGLG8I3doeikfJAhJX8Fx2wmnNfLLqEKi9wrpZWbMyz+4C1+r9wp0yRsANwX6HBpow1CHSEVbx3K8nApGl4BARBeDfJpaa3bN2Hm1XR59fhDcYR3AJM9mccIH+meLkn1qvz9pOUSXn+cs3Q6q5NKr6AjUqmaVmnekEo2bzXVR68uX62VnV9FrnhBS8tcpNXvqFxJXycbIkYmB8odMx8fQzm6/sdK8Ag3lKqFJyjncJbE4WFZ6vdjVsOQCaNUWCiVRcVPuiG/Tos0i2EwiRSi0QW/iUfJYp9uGz13rSx75zRjxNkjpAtBr3EeDdSEPaMDDn7wrSFw/YBup3ANAwj9xq6RnQ8a9TESdeFTzyMOPROV4Eo5kmdTBwlxfMPjGN4NnXyufRUHWr0zXT+FYeFV2bCAmZ/j70Y0vh8M5o4seaeJjW/sU17SkaLG+vVi8iXbpIjxXCp2KUtLl5Zl37FAnLFa5lVYo46azFR4Ma2CiQivGYOAaTCcyB08b+vSlF2UvRe25hTmD45VkZCcOP/+ZSgK8T+EXwyLMRNBGJlEuMvow+mF416ISbmJ2K23Xh7v3rxa0n0f71xdXsC6Cy1l9Yh2RC0GW4+xjQYg+mfRhOCIQg81ECxjq5Wy1CMBwStdTEk/YsQX+Ww6RY4OA6VLe+fvep7H5JnV9geNVHtvNXRTMHC4ZB/PXHi1LwE+WzycBftChQNFwV66c7/O8o6EB4vmkeTZ9UBBejx3YA0eaRnqy/St0VayR/FCpRsfuLi1pxXspDV+IAbb68uVYE+go+Ll1xbuxgfSWlvqpOntsW7maKqdar4v/G/u70bW+5gAd3VvY2OlHhlovK+T9ceuwQB+tKtav9wISKbiBX6zTot2WEGkiY++ytzPuRpxzeHjkuKirBxfMTo6PqMiNsUhqWNlQtyfP021bA+8Q3BO9q7szO7/geZKU16WSa1ud8AL/Qaw4IxDJC0zLqmsTBbFYkXHpz+KjON60a9OgyeBbl++J5T5lT2LlGRliWPkQmHzc4d4gRvzLKZE0k/wZS/Yc/pfeALz64/nt9qvmAn4XxubRw6PCm0gDHyNp9kOmRSfII65iyx4aedJ4gniUsI1ogvxGoFOYiB4N2LHMsT8+JL5lDl4Da6eWq+fobB5QipTQArncSgJCRaJidlxCh3V+9hSTf//K508Yz4zIy2jUxoTPgrJwq/0c3SED8mMFLPYF/+SQ+Zi2Yv8CS9VJCHppZgsJL/MU59df6by909TUSQUccxAtiBZIGN4iEx5a2wTkoT/Q0nHVViAwzbjcACLa8amSaWC3YWN9uzCpqdBw2LVOB7EqbFpvgniUmymbikWhKM+HajVEngokUuYYBE5OwGPWNrV0pcvwkNTkWia1ZBx0aIen8i73JQGvUyw3yK5h9XKAptJZpGoixQGte3KdwA7w3V7YUTb26Fjip09qnC+xPDJ+qn6qDQak+YH+9FEx5ExoquLK3GC6HbQbyk5zlC41JXKrHVBgQlGXcp1hc1AuOXjMmLdvaCFq9l2qJ08M35LP0P6Z9thjUKTKafKthx8gmtV/Invxs3bvN93XNa/OM59Ll6Hv0VLPtl8QE6Tz8z0LpJP+obwrj7BIw9MXjUyKZK57BQtQgJzdScYoZNcFd86ullYGiHVJmG4aCEA9JAT/ITDoAJFGhJn0xuG/dQXFmuTjgAFlc55wg7uyOUEj05SqCBROS/apjf00DkHAzzMQSKVbDzADlaz41x3rbw00WaEoyciqHpCCs4FhwU4vhoHsK4XVHhWxI9IuipdWaYqm2teVulWWWYOm2JNyeYPPR660/1kk0M2czeHkBnddt3XrQ3WGHXbgDOXhZRSDUzNjsVZGR6KlYKIG7jWFi6h7izAst2ASAvVhKwOIllrLPHm7PARacBW4hoSqRenYquucTwK0RbOttn8SBiLx2O32eU9ZhlMKsSZc5zKrRN3sFW4+S5CGlMgshQJmFMcSmLiJs+YQ8BLOXrzAX8iV1EmToc7jYeyDX8aFWYLUWcwXploNDiN9gJe6NMYTCYGm+FeCpN+b4o9v5M0OigXugeB8J/zxLaUd9CRuQSsv4/DonjQjKdVWxiofxool7UK/y9FQN+3z1pqG2QRSXw2n5SPx89fQNWQNVmka2Ykz8unc+asGausq0sfecttxv4qravfNJFd8FlaC7I/21TdmerczJm8zIzcmYy8vIyZ3IzMvJnq2JTUuymq1JS7qpQCaElVrU9KVyT+3lsTFb/bYP2PXxgUKqKZPOZR4oQZmS3+uXAGxbx6//vQLM5Ds4ckHIDXpGdh0VRbo48VihT+siWiZgLeDtvgWqmtOJTOXoci1g7JU6hYnIaqwdEG7q+5colBGwZbrG867/GH0x8tORstk40fZ7PdYJkygdzDczfi99R/QO4SuBsIexCV6mmkHXejXeQHUXqD3c0DSaT9Z108x53/70cP/PqqcC7JNusV27Goo+SDbGOC5zi3WkmCyqYXbuS5+PKuIss8jCiyMkqQt6DoAm78MuOWEJZ76F1c/UkrwRayq59gfJlH3Vq8Uo6/WEyI4+Vkx6Cx/aeIqgSMk/lmCFIlYjMVkejM2AiucuFmpzKDa9+j5XGIJ1gnMnIuA9MvXkyPgwektPKUqM77rJ+G/JDEIz7Ua/SvSTzy6w6SpmUXeTjOdMuquj/Go26EQrH4VlwGtlWdp27FZsZOFwslTZMJFngVBp2J8cpH+VJxhDpAV+GIxC32AQCnwmIzMHAejMnAuhU2mjrDFSwJ+5L6DYVouwYQROrcDeLtwkVZqb49C6HwqH1C1E0UugSDvon2app5VEIk/IGrmx1N/Fh+Tx3+Jn74t/F2aetvhjIopiVbxsxG8yNF/3Lk0ew6/B9c9WFpFDG6DiHcxPf81ibd+MtvaU04fWNP9G2Hgi3/tFHEtAIvIW3fOcv9p0/uKrIb9KPHdrDSMQvOyEq/rOCyONkq9siqqOyg0uw023U7v8rNPrjU/kwkZyQy1O/NAfwOjjc5p4y6OFvVO4+OKtOAWJcUZTXXqo6zrchzcABQTZjlLeIEcRf2RlVY5e/YXYQTxFv981HdrYAjU51TI2HcLuLVh8Rb/US9lynO5KUn9N9GCJugj70AZVPzN3oTsbSgT7Em6NFXqrAk7FUqxlf7SUKs6aIlriRXYroLyYWYprKlobuDTCJvKmjpL/YtDaqwrulYBCLoXordqrZTd+OPkA5hvWqw2MNj4fBzFVZ9S8hLODAZfr6SjT+K838pa1lksEN3nPwSzXqy8s4FHHPLm60f8Rj1r/9UkOpWVH/xJ+Iaax5/TcY8Rrli5e7Ql+bbI75lZW09bOb355cABcH+yK/FegJ6K4j0EmLxf6xS/Z/JLX+eu1Ih2ihMlQHfJ+Z13CJO8OOc+2dZ9hcuLJUHOJhVjDvcI6EOESRY+Xw+alJ8e6333UYNCBAgldjmR18QggBIeI1Ov/bkzYNz565ZEjCZWK2Qi0vv5GDUzlCrXeCggf0HmP11TggBBlQb3uP9Chhh7/t8EIkBQsFSABfXGmAEPnWKQuNjAfXdgIcAPhpzjzTYBDfAMo1JS2IteacPbOSxBU+8fV/gnToTzbyKqrS9lX/B0qibFU0xscXj/wk4/Lae4fjUHhX8BZgkP34MLNfb2Lx2eB34KRwUWMEkX/9ukXTs4M9PqPGscma8MHN+iDV1MdkyKGndsWNJBjljsWL+wswFGXtvb+aV0yXWknkGdWA54hTG9vFhhxk93QoDJPl3gP8TxCpqOM3qgZVSeePBjU6pv5iaNRbT5vtzV3VZQSw5RtL25vi2jL8XGeXg67NA3fWc1DkxlGjfeTPHt0d9XtR7PTdOYpfJPH45+dwsF4cIszOLTtu7/rFzjkoVtims1trHbTZrYuxu+PlZG1qA27WrG1o7tlZxTMrVWzvW8IclX3ePDTB5Yz3z5y/qGGBi7ktyAtdaWj4Uwme3hDEHLGI/sUOp8UCIRu5ihEJMOO5eEFJ0/NbjeQmahBWy3QYG+J//2JBVek+adRxVpbxxw99Fapx1Wk86wKYiGbZMW+/E8tCZzXLcvGicMaW8m+Ztu9HWR3wv2UvAKfvtxaiVaoej61mR9cShkjLWcjMfkgVdfYFJrxY/KMjxwruMu+D/RAuHWcwKYn99QGQ8g9GEgPpWuxijgtUqAnvGt0w/f07fQo9xtN04pH/Nfa3neUAgGlHExmIBVjoUQH3MGQhJUx478KPuEWHmwR8/nH5qmobaqm2PrMmraQ1A7xKsngcAAc0Bh4Wp7GVCS8aztcsEqIJ/5jZ5+vMTEEGCX6Nn0nHPxSib5aPjdfFZ0f3RWfF13tgHvkF+DbbB57DVk0wBk1ZN48IjKpON1Ub4hVBBqAwgTML7j46eJMaDRf+8gwhMRMcT86DIsufv339Z0ootMGazsTAPi56NFvc/tR1JGYkZUWzE7YdLNi84FFE0KhVlOvAsxL7Fu+V4y/iP3UZFMf0LoQWGPRtT86LRs7FGEkJInd3tY1csvMxmYyJ4WMxsLOA+l3/EkGynbV8y5AwdDbyUf7QnB5vvV79l0Wz4cRv9kOcvNpZYHCXs2zTx5m9U4IfTllev6CcG6trkEnMi+OSx/W3S5OCZBAqXUkNKTye9opvLsWiAxg3RhnAogMKzMdy0OywjJ+kUcnp6Yc6TocMteV9yxBZFOv90K6cgUlFLU+AsFpZb9FkwDnBxEcoBqyghhgvOMC2fiklFnLksKq/yFd9BS/djxaAgdqfWyi+r+e0PhamCZ3UHCLD9uMOnJmIgesLfHq3ztx1gSFD2VqT3ePGAeIKwpdg9Jsuk4i1lIgVHxEVTmVT4XN+GBtOYU4+XkKqN/54Z/ICPhptEvxAA4SwAU6Y3KaKZNAqfCnycN+963MIHc9ve+SsBfp21h7uqc7blZo2W5PlOkouc20f6mqpzqeIDxBT3SPtcjeNKs1UOkbmVbhvTTJakpTgm92pt7EaWPR7Ad2WRuMobnGaOO+5Lba2OTEt9MDr44OxRDYRKnl2pgrxWJMSr8f2lOAJ+y7O+pZAThOtLhRzc5szKFhT6GVj7nAxJcza8i2TYAhMtSKmqN7aBhwU2qXU9BrBGKF4YtXtpocyjTGuVZJVYhsjcb0zWTad7GfInzCqpTCvzgA5QP7hGMkbpeceYo0tprJcs63mjzKOKlLvWyE5z1RjhOvISuU5QjZl/WSx8FSq9vj4dIkgJlX4y1/OTkvR6F/g0nzFIliFvTSAB09sGIOfLnAAQ802Ms8cTDlQnmgP8VTwwTzxceGFy4136Vkb2/Oyo1Z2rSg/yAqvL4q8EUUw8E8U7atZHOzTcd+qujm7cOyUwaGn2VLeCT+aMQ1Pee+a/y4oK3ERyK/hsDoKVzHu3Hjx1Xtuvi+4Ko/hTwlZndvc5Om4NTIWZEFLJTKdnJA+miJU2G718Yjxi6dt+ZWbaeo7EQ8XFUDjiOwS7PtgmK0QvIcEkiX63R572d7Mss9/73PN2R/MGHdDCCGwU9vvPyjKmv3evYdMZkeAIk5LkPqgpyPkPW5wR3BhF6GhMWjdNHSgkTn7C44xkWZdVIT/znFWhn6okI+QnBMfJ6qXnCKgU3Om/gb/olqW8pmZpUNKKuNiTnU73tdoefk90DvHFFRcXu6IbdegQCo7uCwLWVCmdUYv2RK3HLNcp9zSVMs112m0WmDK8dkZkB5VAvVUyws08Pc2MEB/yAd7LDPwq27boWdb218p8caXVytCBBanJoBbV14eqBREhc0qwuAX+gw+AbrvFqiv3T5Rdx0nQkLK2RgEJyDZIeUm1tTq8tu7jnaeHQ3rep6MMmGwYPA3XYbwiz+A4CWZoQ7QuP4yFOdxbHtREWgZAIBoGdpAAqWlByGiv7/MXQ/yh589j4yYbdUuaDDaH82kGYZ0xVlH59W2qfndFNch1iLKqz1e1ufcrQLVDbuKZcquGWRRZrFeV1MQucIzOAwrR5RJVbI3jgmiQJ1Jc/oTq2PZl1Y7tr1IWDhc8XxGXl2z/Y/OfK1eXlvXE2bniyAlBmvXe/VzbPy2cRZ1U5cIYW2csPk8GATc4VIzreJBNa96RV07Gc5TJ85+F37pya9DlqeOtO6s0ZVGtTVQcwTxxWLP6ebaXsSxIJwE+gxTlwkwzp7aAtXKReuu7eiy+n7GY7XT7snScSWVHhHvkgvD9Xk9ILxO4iPpDuH4fN56Akz4hfY03dw74GK7fa54wjkfKohZIWy90kVYAvLmQ+KQF1HXY9IdXMP6zsHHZLGEwM2hiSzGthNr6cFggEQyPPGouOr82S6mPV04EuZ1d04/nkvlUoR5F4zCs8ZyMLXYn5H2ByTwFZJkWKCdDePWTrRwRN94ZKAm5FcV5QX5Z445YAodl5itRioT4alDa6/Tv0AxK+ARqnAuwPwize1CJp2sj7QlO+pzhvhVfljBnTqClE/kI1DsRIuwXnE5A9bCPmA2jEk7PynPalxV9ANozITfxLu+otL88o/OCdbZP9FyPiDp2zD/LWw2yvtCZWdZflhnfmuXtz0XlgBCXEVOeAJWWQuFIuCCkaNMwm6Rnoc+SbAAMA3qsDQyjnW/4ooVzcY99egQpBm/J6PGgqKpH6f6DOkoqecX8ykMlrFImInf04MECXyc97iYYwPKnsjH5+NtzKZQS1rmxxi89BwPmpRB8F6swJTRPF7QxDb98MJ7FPFCF7UdvYjP3z0WNbkK1oeaOjs5FIWaU5W8b3TQ3tABqXwAVQgVXWwGKELcWQIULUusitMPgoCxJ2Uk7JW3BLHGtTS7bTmjnl4daJWl5p6CrmbNn2bXRsp8CIRo+ifn+HXMSoENmx8W7/FDo3r77Tp0ntm3t4Q/zLPDbUMwHJu1xFHPa8bDoly1BYwmXk9uGs88nXx5uO59d4IhbaOyBHq7wa5doJRh1cXEhWqL1afdbcR/qAT39D9oDVGJ+IcyiTIonKSySxF9yiv8wK1vKDfENirZO9WeaApWomafJBZ9N2xq2mZ6BGq++PJQi7SKwRMP14GizV7lHheXd2IwbN3pw6OJtPuOlKFX+R6+NqolJf2E732HehRUdYe1f58FuNIWDB1mB7oOHuudTmVQEGSIqCEK5kBBk7Fg/gtCYQPruUyErUrTErl3crrOTi1D6Ex/vywOEh/6z2sDfw/45J4wMeH//hNeVMY9A8sfu2xc+dQeTPI/fOMmxfDer+Yfmx6y/2JYg4CCv7mUTh4RQD+H3xihJgJoQjPkOEDBiGElgnoXqa3yD4b8B4Hfjy5/pVffI6PjArJudlq/WS1wSXdtaj6/QS0gISaJXGuPcYtHSo6LoZDZRg2uOuGKGDj1wYYw/MDgxvKyglpGQdWyy/6p/1WUz9mhpZBiPkvMH/Q7dlgbOr/IobRteuGZxA3GV59tn0X92X9+ynpYD8oCe1pR/s5tkRK94OBBpoB7IYFH/vwtcmIVgFlDT9r7/vs2cfffM05VfkP8WukebzWVG2FrZmhe9fmQO1r8u/XJo0YHty7FmQ1eZ7tn3J0dGna2cx0ejAr9X7HdeWhHprbupWzi96iYzKMk6DlPZGMc75C5fnutQ4DgpAGCDs9OxYLIPm5CvmCNSzJunEKnERwAK7PUihVh1RIZNmD5WCQDjgv5seekw34c31NM4KCnUODzEE/N7WKaeRgNLjT09ZnSRuunx2YpS5+ZDrLcqkBJ0+JoAkEoQADC4vbp7EQoL+14QNGwSF6fjtxB9JHZ9VGbCpfOHNDUGbUJZxqINiAFrbqAdKlDDtrQa7ZJRV+ai7QUnRVzr6nHqLEvmQFIoFhHj1dZcYeGIWlYD9VUX0Gq7VjQwYYzLuWHgRDyyHgFB8LgRw+v9juXSYSwPB+zJIlP6XkAwgFXQ1f1c0YPursWLqatWUv9629Ut9hMHB4Oio44bw1bUldy3ISEiP7A1e43lGuybYQvIsvvfu2S611Eee0iOekVAd1t2o96s4Ukt18Q+yhpLERV7Tkf3hFBoXOFlaIvVM74zJBALerBvhqhBIKx+TWEh6bcox1G2pl0Nkr4WictPKTx1Mfpv6Q0uEXFr9nFty073ZJIhveA3iip+4Pe0JayWcIBegYALCE8kAESNoWldnfvI1omW0Vm3iXHYxOzrNnEKK/K+zrSuCrl0AUG2J27sftRDWeyBuTCxKu3X67o6qWOV79OnmqJVks5OHf5Dw2pZTc0nWHbrjVYezd50OsAQfjbG9oLrOZ/Hl+kXzQEffbni+yLOWmeZmzGniThe/QUxyBCXM60kUQeL8jwruj3WVFgwy0RlTBBdUBANWj35BVC02f0VgLJ7YNDaZnCw4euaNVdTJuRyGxvf/0SK/7t2HfUDjUn7QNUBNVL3aTnRFhDako1Gj1ddIaKXkamy6SgZdkbOd2cODZWWN3n7iPkfVlfkA1/s481y993vMDj4/r132rh9qB5vH3nUzwJGycW+4qE1ZhIQ/HbrPeITN+v11m5Pgu8lqV/lhyR9K17N6H1h/WIjve6N55sUI8D98HjNRWEx/I+8UekPEv8DBgvciq3HQidCx8LGBCtsdobubNOFjg00Wo+FrQ1dGza2N9gqGfAcB75DeoK8LsL6HiYkrK1tdDflmXKp3mPUPyGuOm76OpNQnZAAHGUeC/xmXU2QpI3koWo040n8P5ozn+MT6SsausRFGBts6fqD+UUxaCHMqmNZR1skXpzZFbloMoKUnyHS7kXVxfsi7yTYImyYc6lGJrN/h491BxWl21I9LtSsASFvLzX/Yl7LWPVYXlLDMBtuw4FA2xZm14tINuKwdU3wBfmiRuemX24jgJrGUXPMH0BuNx4IlLRAq+/K2Ij94e7gC2mLGv+ChGmNh7PTctIaznXZiuQLD+fo3+M7D3UB3D/q33CTDrQSTwstKGybxW9Z6IVhrCPdA/3XCO/60eKn7DaQ0UtmLmQvPh25AF2O/uOOWa9ZH4Dd5u9Y0y8Kw90RDVwXBPUs1q3dVddS/lRSFtGCuIcV+KigjPiag34EDzhjYiLWD5HI3R87L0shqcJKfu/blnj0ZYI/dVg35Ref2eO3IFR6IKf81vwH+72y7aOyL2gXjfX23SyPdZqf6Or4wHXnXeCLRjbN7J0Rp4RoRJrihR5zIpWCoI7rxE70135HTDmuWyH8v7wYbMIX13rVL/hyHF6IX7Hlby/89fjJQCbuZPAo+s4d9ChAQmbX1T14jkKvqfN0rLLjWeiUqyXbtraaoyv2zdzbh0KvKbSZBI85kzKCyhwM3Dl7XsSfwRYn+N3OXAq3ndrwJdtDFAGJ38VRLN0H3lH5mdHAJKTf/s8KdQZlBcQvn6sv3bO5f6nmigyjz7xQgxCfdtec0Os8vWD146dfg9mCKo/kfZvZetG1/dvOPuCBC6c5YEgHtgb72IRTxVRhb0VPiDB8aGqgNhWy1cfn/LKdDrNxuz7Pa6MDLKiRTAamIqJOnE3NEvqh7Q6E6kU9nbBTm3ZkyaYhqc2whW0HqLORVb0QpM1C6xJ2xwCxTKixojEFLNokjSVg0qyEGmJZx0AJ25rKpPpSmYFl+VCnhphvPYttoMAeDKQ+OXeeflI27V02df9qC8pNn5QvA08qhAEMpo3o2yeJfZQN8lKao0C+7LfaO9O/BxTYeaFEQv7bB+viJ6N1QIFedee8YMSNnTJ7Xoro/F19v/uHOF97ezjy+2lJUUaLDnVwrBwrDZwTFLvhqA8QpNfpX6+ytYODQMFyycJvYzYgduRvfjQ9XTmHFX3AiI0aIJH0gz7qnqhh3EBhD+wuHCiMUXGnfZ9TojwUPPdQP/VHjyieYjpKXpbJPZQt/nNa5TxlfuXg+rJNT2w96+9G88PLjd8dWHI5o8ZL56Ey2BuLgSO8RR0dw3wxfzg29uBQlxwcmfzmF/N7gD8apljzcTD1bWe4ACs0Aj8qw+L3M7h0ipUAB1Mm9ytyDP5Z/l6FhIpXIoVCPhtLpwt0qam24haoOE5c59BUKL/OGHGGIsgdDL+YKDu/qJhIfhhVJBBTjY4gmbS+lYAqMoKB9gjr1FxOFkyThI3UrA5fw613ds0srjkFgzLzPBBKtbglFE0wTXfHOW3sCefjTlf5xEANj9OvXJpcn3j0Hn0cpoosRdvF5rTFLr50BT9hSExKGTeOT22f+o86tu91YMREO3sSoKEPk5dwe3dUju0z87nFW2XZmb997ylOysgNksFBW80DqMvn0cPz1prWdkes4a6JF/yPXn3+4qrQl2Vh8yp7X/Rr2dn7vOoBX6zVvEC4/Xob3HZth1AG5eQAmbDt+nYTkqFCeYHJsB4QV6d094p7A0x/MGG14iZfF3HN+vCl4FVXjKaDdFpg91LrESMeHmZCOixMBmVnQ+GQXRDsuAAIGKexxD4q77pPkGZ0AHfw/r1WTpVdt3J15L37BynTo7gPiF4ACIt++MpId0pdOnngD1tojFmA2Ccyos4I6pQ+PuIYNA7C8q4P4HADD3m4g/fuRzazmyPtMtmZdvfvHcSNTltMbzpmAtRQkhbABZh8ycBkojKpDS+eO2eyTizeqj/raNejn9uLF400JijEG60Y+kxj0tRPkBfzPpWTbNaX4OuQGxub61BpoMCO9k3oM0vOoRV9LoZ5KCI3JC/ozSYQjqB7Py4RlYwUpivWgbk3hk9TCMZNUQPqL79pxvEYtVzEST2aAT6EcWaPArkBpFzlwfsjkc1mi30cna5tscVeAvhXn2E0Jg13mfQGnuBnvq2zSySY5/JaY2pCncr5uC8zv+qCP2Y9f+S6F74MjQJ3ddgZd1KfimJi/+T9JMVGzGQnov0UgVJC83ctMGltpFPazDud56dPTOS7pi/G/+dtrqTHXHS8+3fuVJel9N85V140o5rD0cxLh0+Sy/s1lBU1cZnMjcu/3f5bJamF8iNVLCNZxqTnHXjW5+b2AHWc0pKQdJys6W8GJtvPChDR7H6gyCIfGYXDWJsLbHh0QasEGzb3u7jfFUT8WHCU9j7Xwbr9yNT9AJEu/VafL+b9pR2iGJnfmUZLcftRj3bSzgikWnKXtvAo4xBN+DDtwxM2YvbkQ9r1dgRsFKGkvM80TW01d0a4zq0UIPogpIpoSEe3xna8V6DSEG0jduO0CI3ZX6OPNWzvQw7W6cptzfeSGuHQnkxSAJDysjJ+oampgTzHoDW7RgMeZldemlD7CpAHUtIKt64TdgppzN2rmARsDBaiH4bR2y3N8RR6qRYBiFaIV55XwKQCf4U8ImJzxB77zoUL4dG9oHCgigh4mCfhDSfEH4u/eDx+1er44/+LB8RxXHzHEhLiXmO/anawgihxQw2OG0mB40GOpb0upUHjYcgGx9GGOMVdUXqRS8Ud/Xx3NMshTOgGok9FKmGOsxa3VP1JvY2T8YuPHdPmSgt71R8330OlMS0Wzk/9hZexJHv7WLKE1F+b3C7y8CDj2xqEbMi3mQdMH3YD1lGpnstZx3ZDILGOO7o7pBDSaqFwFAoEOw4PmYIiMjMj4IA6BIQdgAAbQDBq2mhmWnbyfxpVpx2hMWn6EKc3ExRlLn2Fmr28sVivCG/xJj3HIla9Q5VVMAKY+A/k+q08YYnT6ocakykl5bffr00styTYdcRi7wiFd8KBvWAAky7qiuNC710IFlRv+PB+x85PXyzrbaSCUNtwkllHZXkFOqALvMZL1ojTzjItfhQCmQwI8oVDX+P44wKYGAinyjayN+5PBaFo2EYxWY8g17cLQfSLBvPbERgBI1JhzXerkaX8tGTJg5AHWXxHTDRLyi6mCJHCkddiNMf92ERzlyBMyn63CPPEeVvFU0GE20xR+KMAJ9CJkEGRa6GORXAu/yeduC+zWPzFlzGwYydKz4nxE3XIYOCZExikiD6+KUOyxNAIJINpvGXyFQHDv4dGyCg63FpcK0WyDXdOjgGpCaYDa0CPougUMdk0/U/j9BaW/8XscyITgScgwooAp8q3SxO7fSu5oKhL1p3oZauVgFtptyrUZVfFAVfGgvD6+Bk9fgrRIyOGBSPHGV6BQR3s4EGFuL2wI8edMresqemWd3+Ec8mm7t+9rvkoo5qaVMUOn0EggNU+TtumTdJU2rLC8Kh7i173Hn6/yzXKTbEVF5eIakj5wZSj+tQFX8HOjz7NSGW+A8gkkzpNGyptWGSV9Kbkg5HzwAkbx3/ROedBv4ZoZkaPs53Du0eP3fw/MN3QQdQDL8RvrViDx5MwyLJ6K3p5gPpnUe2sQTCY85bkSLK1BkGmcUraQOWvESBp057ayqixZG4JGHOw6hrlvVbW0aEzEdWEBO7213Pi4rtV55FquNkSpKPFdiGlpBGlX0lsTLHIWIhTkZT1tSocRBcfxclblEmUlvD8jnUh+Oz5jdkQQZris9x2DYar56/LSDBKWsjyXEc6NLeKmkpKy+xW8oiN+pXAS/RDHRODg7HRWmRUtnJgbpTCIDUKfGt9MeO4RAALfNFlJcWtnGzfnO01584Tw7XQgFhXKBOv9A4e9nYca1TJPLc5aYCph1fHiLZB+E0mBA70sNZgNMLwWy5sDDsQeEw/kiwc7BZI9cf92oA/C9mK6IUoxxDpc5QxtdcQq7x5g0wUZ+2E3uSOC6vaGJLkU2xvZggVVr8+MXx1cGThn+oAPscdWeFTZ+9csmYJ28VimcKCrQJAFmh2zD3fbA+dmcXCk7xYu613s060BJodvayF2cTIHrYzb9kOtasSVPqwzMmerBNWu1nuZnsnWZ9WcUsjcdwyID1w1zTLhphqPQj1O6KBQimNSdOxW6rd4LBl2xl8q98Cnubry1Zv+bHqAW8JKO3xUd5PAyxIYzYvGjOsaU0bDb1HdtC16ylsLXna3FsNAvYfMwvvl6zHJTg6QZJj6SMbGo0OliRY5vhoxGm1yWMyTdUO+oX/9fxuDNfJ74l17wZujJMaSKXTyLS0UC8hsSj/9IRizz+OFg2ENURbaaxz8zlcBieTepc5FiRfuZ96IStfn9i7vNeOwYYt9GgYPeY1Deu/hwYDGCpEo+/O7TUyHzCNvbfnOALHByD/v9r7x6SvLKyie+XBaiveG21l8cq/A0YAmhJdkRkDCBIsL7rQJE2iuujx0XIGlKoMBEdWSeGktMBim4C4bx+S4MA0m+K1wSA1r68Xo46q4a7saV/tM0+rvv7qi93F1vk9GUeN5d2M+/3uxd2pnBovNpjxAhxgE3qknNxgeXe3rs4zoFrS/d6rw79v3DYZbtYATGknmVQ9rIithzbQ3YE7VAWsx+5y9UjcueeUUc2lWlggIcNGmCz5ukm5o2StnWjMX1Pnul4h0D+ppevpLzZaXzAfPQup6eYp+Jm6OZfmIzm75lcpHHMHQXYcrN1Vv2dz9JamVVXhH3wr5/pWfPCovm3TT11yXxiXah+KK91qE06TWhpSmqrBveUCUyFQ/sqA8laByMaGJVAJfAWpv/KaScxUKpHt5gMAqP63KZUe2G9CMpTe9RuU5Y7tNFLnb7Jfp3xMkg0RBKZBdO+uKepdxkBMhPcjdMpKyRtJQhUUyojfDgIeZfTGyXxnsClgxGSUCT+GHmNM6WWCeQKZfson1auxUeml+ksvIc1rmY/KFD5e3pD27JAvZWpq3vS8Z9Sh4Df1HwOBL9OImqb0aLU6qpqtGUHqmFisUSAZj4DHuMqZ8MDEyImJPWjGYmmlLdvuaWqj0WAwnjVqI2EZQxRlkaysIXLclMkATE2OOGpfYeFXUZRr+KDtaHP1VrOlibGr+OvXyUdExS4Nu0HNX4VBVsHyzbLtwh+trpXBM2rM5o619pkT7HHePz8457xnvt+llmberndJgfOjXd83kFaMoBrzDm2HWu/EZi7W4c+Q3Jg8LTb9+c9gZUf43ADvjkvx5rl1IM7PO3tvvt8swlhgoYNYY7fyKDSvW9KLPrEb3ckyJ/b0on4QCqIOVYdpQHRWZ/GlbsbrTXAlM31g0gVMWt8NICDh2J64r5+hj5qBTg9XnPA08KcwAIJQBoUqwHpIxY2YFFBNDUpJkLICUiZwDAOxPuxGUDo6QUxeP5XpozWnYo1UloBJNaVWAm7mpDdAN5iS6n07wIBJHUArTZ1l6DWy9lTu6LmJ3OwZ4i8zTO9hGXs/JKqkpH0LlTjqkNttcFy5mLuPBNTTtjBxWt34DyEDLC61UHHTQtbGeta7LjKCuQ1uiL8MPf0hgOYuMta5xnqGrOOmWqgWl2aEn1um8jxpo49HBCaHaHvxCLjxwKQlOhCjzs+nIQCdFmUODSWAGau4OFiGGg+Piogcx8WE6kzTcchaI+SH88fF6XjwfDo3jZv5KDMXwtwk11msmUhEsOB3qOOdRAKCiosvgLi0Y1WEOmLSaQi+UKxl2bMcrMoSiHExZOtyh+NE9EK2P8yheh9yNnf0OvJlHTWh1lYmwyS4oFMJtGnsmgjb1HrYLtC8WLK6zB+KsAmUR2D2P0LJMbRpWAbtGLj5xjIo1vGDvlgKHhfurNSaRgywaKZK7c5Lxc0F5E5K6ELtYeAHpbMfVcONy3orMddTIKOA92R/Zgb7dmQMNjOAQbqZf0n+wOkjxwTck4Kp3faxreatdjGtbBOsYXozfVpBGEuwLavGRa3eDCM23FipNs+lDFvkW+0oWuBWuVSbW1G51ZUNd4yq1S65mbOaq6Lq7rd3AoIE/XKpXqx+38t6VDhqt+vgMkgRB5o/MAq3ZJ2m4zze70OmhdOBkBFWADhOWVZleglY6XU6C+qFsuUuDq5+42iCTOvCSGpjMTdA91H7V7vYuzSPognRWkdw/TQBHHYtzLDpbwhuO06izQsHJ0PMJat5VrnFfX++EmLDrv82cZss+rEaiobcQmkJXHK+KtEAy650EI9Bs9F4viDGPH51EHfMdae5KMCc2xnEIZ1ZFc8IqhjET29o8idSmDIGqdeJak01c2Vy8XnDGDKniJ3CoUN88msSRUAeYh47WOLYABwdc4ZvEfEKlhBHGrLAODfzLAshVHuZbY8LuM5JoFa5073ZXeP95FHFakpiH+UTQaVY+ICTSFntTjdrnq+jRwmj6Guole4M+XT4Mwrk18fhi3iP+Uwit9ePcQ5HR/WwH5sNmzEcnxygYJAoMKwt36VJ8rTysV1j8vRElo2tjWRG2toZkZE+uKpgykDlobDclADjuoj/utVqsj9BUrNCaMwp07pJf80+TiYJpr4d9LDECA0IivG/JJbvHRXBaEzUWY4Gixi101Tg9PgMdprnGUAYIWfaNez4/yY7XPte58g21knfIVsztIlaJDldG2oBDZcAV2VyGClY3nbGF7Zp9IW5/0jOCFFvRFZw2ndtqOffwT16ItdmWghI+7ji8qFOOA0CIP0L4Boha/lO2MGpxrGIEGxH2Mo+gBGYtF8pqifI1/JYf375dAYIXRirIOwahMLIhpiE12aQYBT8/0W+R1Rgs78UA8IbHU1DvCGtdi356Ih2x6EaG0OVXdTGylRFSnnIkz9/qaYIxh9XeZB/rfp36+LT+Ttmo7u+484fYI/rvToCfcqhV9vTiuPInrhyEMfRDj2uYNkond2//OqwZlbox073pcpqTjTABmbJP0aOLb5aiy4y7NOs0vaep2tCD+G4widb55CmomuETCC1oc+8fTtDj2rSUAJfkDJILwIvHjqVbnEzbl3kurgnx81bn1N3gEmqlqaT1cAf0je+eKHji4OEwlpyga2dDvpGOud5wPRT33MZdUCo+VEaH2+pAfpQ5cUlBijIw7zvtPDEUA0YtNUVRopXuuWvuuXmuKtRKfPa5qgBb7e7uQ6gEtzny5cvXXotqPPa0mUIoi/qeUMI0tn5QKsECd5D31P3JUtxTrt4qCAlBQNKY9avimykS+gbRjCee9oGmmTBF2eTvV+7h+1uqy/0uyiKkygG987ey+6ty9IgDAfj/5MefUSRurDMEGdJOX5ZFtVfFQKsPgQJREuX2UrEuXk+Ep+lS8UC0EZj0trCcwDIeavPy4tNQNKVLpVuZXqvvKoCaBMbEm7f5ktmLS2PsBOK12lpQIrtOSXkn9OPjB+MHeqR0JivR/AzHJ230kLmUhhd6WCAmYnvpMiR+M92j4dyD0/bRp7rI8lLgmprg5asN1CQuttPdut8iUJe8/q2vNUZcYoFTflRFrG85FxiE5vLy5MCQRywlFgC6RerSQEjAEbqV1UUI1ky2D1ZkGdW4fNAJPaWeKtUyvyHUix6aFtuppwDKtgisVIpFgE9MPibiYPzcX8Q4oPp30N8d0S6UsMps62M/Csg76BLctk+FPgikVjruFUSH3dC8d/Tf99aTm/4vSR+wZXtTcFLn4xuhSg0FxwIRel3u+f1eUV/o9bDrUfizxX2ZpHwOCPZO9FPslOcYZe+PjWXkWNWp4PyJQ75dxTVdpXByEgjMJScvpW0K8nZNOZi2vUvmBc5t2vMcufyXbOn8zl9Im3Z1WW588LOXRG2CxSZb9hIBMohlxbYVRSpC5rMiyTk5vvPNV/ukVskBe8OySh574vm+X1ys6SoybygSL1xw6O+tn84Ih2MaF8NJvv0lyIegXgxhcGj8jH2iP0wXkx4vBAPdt3crQwYebanDmKAf8qlS2AAkHeYb8vruXxZ12rRqqtae3i2/SqbdmpC0ctm+35k8tDCsuFj9HbjUQRI4R4UBKHUAYwgEwJNWyG8/H4Bk9QAG9q1a0gSPaH+8B+dHwiw04CbeuR+gbQpI0kSBV6uXgN8zADzYL11vrDAtqoUDSQxuzE5jwtmvW8MHVNiWyUqtFHPOcA0THLNLXk3mZWVzJs8S3Nubw0GYKpF45/Mo7hyixh+kjOZ8v/IvulB6LsMjjRQSg/0D6THc81h3EUHKUv/JJOdOREOs8EZsfWsMV0DlNQRcTfON21HcQVYjrq6y6arfO6x1mOplpG06pvi/aq37qpW7UMFnnUXuhdPSEamXzxt2/6fAL8JNTVziGvbx9wya2ekY/WstEm0edYlm+EzLkTfrXL4cP1PvAFq7WVuECKB0HTyTFIjIBTS+3GvnaaKqchLs/4jTZpfoYpOzw2vFYUqoqzs06PDc3FHgqUFzGGnxyVv5iis1dSE+hfZVBqGEwA1etOUHtYbRsYU0ElbM72IEZnQDQi1mULoGVusb5XsyhVQD2R/HeLpWG27cqVfLoffZDR4shOA/m5E/eKB1UqgLeYRnYY+QZxRQK7Lazrn4JDss9rHWQiEttUFftQTf+QWFjJWz6wp2wqKcqkjqR/oLT2xQF/ScZsJVYaEqsNfwOmoErBo/+rSFuZ96vDi8hInp7S0ttq0+L0dRgYZn5SUnhgdLpNy5bB7Q7lc7kgC415OgIWGaUxal5FYr8gHNFpX32BOMHa/8N37wa4fOnlvdNGYr80GBgbdDCtWgKd/9yS5tfTdxzkob+GfjjUw8SDgEeKv3DrEN4fTkFLTzWxlsK920PPR9GOIz+TPvXzxAJXJRxkBjHrsY5xZYBE88oUDRiYPTW2Dnvx7C4D5pITKw/jPmzLhOvsFJqbiUhwXr2rwS2tiqqg2tCQwQNqaKMkekAwiROc1lIbzU8w3lJ6tu+5KhiqJSbQpve0u7edUMJVSJ6mNm+2ZuVCP1L8ywIO3BdbO42xxuuluTvzvhMfRfW/nvUmNnla5Vg/0WwQjIBQthCzMzMqbvGDUHiIPTE7ee7G+BKhc/CQ5yroYB2L3AZ6WEm8s+LqgX0D8Xhg3eeOgjVcDP03kCybyKhhg9CuEfT2iLEJ8rQ3G/c7A3GHlG33DghH2MzUsfJqc3G3BtNAlJek+D2KkhvKWD6hzqHS+ifJ39pD50KJXt+7k5FYL9B9tIdPnLb/4hhzsu1Izt5lnG8Of4xowVUTyc3jZ7hYg5rX01B6ZBVGAZ2PamhxvC5fa7ZwdA/v37R/cObiguqW5JBUAfzExJ6eH1zO3tUJfSXuXbkOrImpaW4d4lMTsnKaYnByv/m4vZJlxGrltaR732J3S3kef14RelbppcyPYqn0PTHOkVDFV4BVxqKGPb0jIBJpot0P0jTzMY+z/7aniiOBqLQkcS4RBZuhWdjxzB9ssuNGLYz29VCwX+jyVvvv72de8wEXbkA/+73hX6tACi/0+RVGCiwtI/vqK5f3Ly/W+lO6kAgceiDU/xvvo/+GqVyqqdg6USpAgVBU06wmIgc/mZX2owNfok+/c0P8rYIJWyD5Dm38pLIQam5ZCWMZxnZbFuh737NKRkTAhWqg2aLkNtR00K4yu7w4EGHGCNiqDigjbxUQnD/+fn7HWQmTOR4IAIXU9/vgihP2FP9cjeeQg+5vB33E3QnDkaN3XUg7py5l7+YVFF8qDuHARv5D6HoT/NSe+58ABxQqUrmc1b3WPODWbym5vLClO+6IRQ7xA2YzbE12I98Z2Z/FadeLV+d5v1T5NTY3tOB/XIYLowHuyc4tU2sOz5Q8HHwYx33NgVfk4uJV1trKcwixY6Z4pvIps5sPwxpWImRicw6TFltFhqV89jsooDJ+oQFQUF3E5bPb32RQRo9g94dJfw8t76ppGgp3vLx28yMIj0EcbkmMMwMhjIuH4SBkJTGhAy6UFdRc9/aInB8CACX2vl6E2uMSIobvaxQ/6NyCiWbyYWB/tImSVk+L4d2uavVeMdUfOpD80Y3rN1JpPODCMxklfJv0bhdpaNs44+dOvrrXZa8VOXeRP+SMzpvdr2o1ny7Y9Y5+YcBBZUm8UeqSvgomJ9NO9M8ALDYO9BIQ7KyGQgX8PI3FeAr9TULGoDFuJ8tFxzjHE59RoBdzvZeFvImNHz5dYZehGrIVXv1Kq8jcZz7VPMqlVRc0TJoFKKmdQD/QUJnlBQIwfTlhRtMWaEQbwUdHGGD24RJjwfkczBL5nh/lDXd0POQpu6lgqV8F52NU1fK/U2t0lgw/IYVh+AJZ1dQ/x6xU9fB2NZpChz7CXf74RKXKMzCzJEG9uVTW9dgz3nhmFKKcXAWGPvUPafHeo9CduWZ4PqO3c6xoqwcJ1yfTi8iHd1Flo48TIR3HK6MBRaPDoIc0Ozfn+o7csb53P8OHuoxrylnlxYGoR3A8rYH2DA2fuZ6Y9y0pLzXyWmpWV+iwzNS3rGZWCFTum96KOQjU3mPUQ0uzYDpZxHMUOdk5QDeSwidXJqGu2x8Oi3vQJBnrMC4bH2NOcMY6Mrs1/+Mm6JCRled9Sxy6+0+QJN5jcabbxy+DFF3QcCGzYI5NQbtvpEi2zfWQ9vDM/f/bwe0ZG6lyfHp1Kpev5dTuVFTt+qco7Qeo2V25a1+4z7geijkqCMcrtZ2K9rpV5nxonnTt7zXdhRNPG3rxfCCAYpaYxaR3QPEbkj7SLaIZLkBByYAHQAIuAkSqm6kd0fKHdUkSNSG1oUDuMcqfqvcoCwAItpIU2mvrQvcCMxWboy2jLYuzMm19pp6392luORYbbkdU1oVaVC8LtLFm+fo/UTrvARurqZdf+RApyXHFGPPVm1k/TmESfTUdzaUzatL4U0Pn7QDAkhc5aAflGEB6nCjDfxVKfuyV2GkxTmYNGKqBe0q7sVjPM5x6YhNLrYKNumOt4TAudduUlKgA+0M1aAyMI3BMkuMV8Y2aEb8LZ6q+l9uAOIEQQV7QPGmTNxuJdsS5d6uGLeUOXL5tR+AwLgTI7srCwB/+hc03coiNI20W4MeWsOB+hMXdwRQH89GQQwOVhg4n2/L8bkUZCUuB6vjqp09z4CvgU6Y6vKjCNEOV35D1Frb8C1xJpZxBGX5rRGQqgEWtAVMvm91eF3aKJ4QlRq/BE4DXdCWFrptpu4SeIUQ4pQIWthqlgaRgPWBVAAf12rywFU8NW5dpgfxJUMLY3lVHBu/ccAeSPcPKUjxMhMtrnE6YYy5BFotARkV5ekZFoiLP3Qn/XqY5FFkslwxXlVeWXr+2PpqwpVz9K1ZN6vvujmAxZrB8Ri2Mz2TJRA6q9iuNtieuIVkT1MGeAQWRM8nQErBhFRNsTi+XKLTghPJfAwzqio1iMzYgtDuPLFDZY4RSsXByDqcaiRGi0r0i4guqzZ5q4Cr9ArmCmieVAxpAx5bZypiJtNvHzbJC+o6ayt3te5MJYQi4v8OdM4IHMgHVfia3r51h2t8IXqpKYbNZ6LRQPrAM9rqEX8rJDZjgaGQI7gdzs02pfJXEaUG340dVQbRu/9AX4UD2oPgF9XxptqXnCFuJben+FMIqQjtgcf8kLjG3/Z9FCXplRj4b1RfRGPXPcVJM9BsMV3syfZ9jlh7ufuaNEF8vnkhWfvnzgjUEoBlmv6Ougr/6a9hMwSQ7pOMX/VWVIImrfvDe7XilgnrNFWqw+9DXj5j6Uza+6llwwP2tMs/1bvxXz8SrB82HTvKpcR+A/DzmdCjWpTWrkN5T/UH1+4z4H+38hr8Nf6Ti4f4i4jtLiLhML11FF0wfHU98Z0LxphbXkspCyICJIRav1TYqoOAIxKlbZJG9SQbV1UDpBRqqgJjBl0/jdCZARRIuER8Y/2YrZCfa/hwfwnunz6tyUtIlGhQTA+PxnIILULe7sXXradZx2baLOc3kXXJnRDX7+Kfep2TrIn3sZnWfjxuB8vC8/6bR51wsMBiGtWug422B2Iqo0zLY3KHLDdGOeWZ4yuIDIZheQ+vWY5c+78T0wHUlaKfYbwkkVAhstdcjUQz1kD19Pe/yUPZv99HHa9ePp/EgVg0AUITXcVDbr451Pqih8DwSZlkXdBSant2Pwhy6M6v4BTX86CejunxN8QIh+2/mppedrXUkJqxy407eKnRiVbhG4ceaZRhQkZpjZEDkN83kvUoOC/HZmvvwvHapghTE1LEtmBghjh9X5rDqTz+NkXhLvS0exCW13GoIwsz7XrgXt/BlwBkXCLLwic7QhPrH3svVizRX/VnOscXeU2wx2dUSVA0qEivQXodVYf7RlCpG9Br+KEO/W31NaiLMK8kvRqJzSs3aexY1Y26q6xtmu7cSCoyS7gMPViJVhh+LZmlMEE0Jdih7q5Fj1X4vxycPAoZRcj4R9g3M2Lg7YsjnaivJFhdZ0IN1fMKvX/XH0nqKkIXtDV0Px6nuVxQ1Vu1dcyapLOQ3FxQ1eHGya+695sl38ICONlaqtyAAE2cZKvYEX8MEU/73Jp/saaKcxaeqmlo+0YlegMlw0d8QPNmmq+TMMUG5CqlQi/F/u4fdMiOp7U4aZjgBh3l4v6J4LO6pFeT4kkuxJBwq6YCVKjm9UwMAKgYBBdVWYeAnqjOXTv6a5Gcd2D5sN9/WZejSVd7ZDiYmqdK+ezaM9RPCiy0bg+6Dx/LuJ9X8OAl1mRwc87EY6uiY/98TEo1m06oWYbA9T02xMdvXCLNqh2Fid0lM1otKuo+MPwnwQDjQsi9zFavyFRp9xn1V5Ul28k7MXobMJHWX5TtnOHBkgSJxclex5op5HUeBXBwXPfVs0sIAhLgRm7Wvd7RzxDmGid9NG42/LPiSisGVS19nEWNe4H1jRaYj+a8FvhRJfC5OqkZ78UZ+clUNZPZ45UqABuCw5mB3nq+V1QBs2DPF8eMMbNk4j0zSEtnFjd7eEjRveKEV7llINE/tCww3DPFtez4YN8oiDcuqN5UDUho1Dv1KonfVxn/3blIuLvlZB1d79BtoERRPt1xb7gc2GH5QkNQReA9MqWPVLK9yqGglHpKmeI8pW6WoNV0nts1rfP2Iuzc+A28Stm/mPK+b+lxRvnnwUfuy31WZrzZpZY2ZilG4EzXSoxN8epJ9LNHPKimocqFz9mFCyJ2d3DuGzWGhcprt+yPa0IGMf4ogEmHXbHnq4VCc0il8tvjBKKOmUWwwwjldWDLDfL4AXRSxa8P7qqSyfYHyop1NeAkwy6nDfwA6n1W5rG6o22gz6hkVHhw36AdxeILd1Tqt39A0M06O0mdoHj+peEZ+H27aTQIQUWPYPaIpO5frDR5/r/v8mLfX3Ot8kVSNCqwV1bz5fneTWwsLu8UjyLl7yQgZPUt+//6AdQX7FgJtHYTWUNOplAoNApjdIjQYj97pXKxblNOF0fISWl/0eiX03BFyb0/G340YYz+TXAQDjXBA3GxjA5vJ7Bggb78giBdr7ViyKGCWPRoBo2zSAjgWvPiTCganWJf5YyhgtsSISqHwzFEwnzlxJ2iciAFg1Rl/lkGclz29QcD4D3FJANIhgFgvWt3ln+Lk+WmnZYDOZDxTio6rNSVAT+2T3OcQuYim/BIvNsInXJOQVy5rsYICOATDXL640H4JAIMvKEY+6eSv3wD90B1J7TBMx5bTnb8W9to70ABsS2atQQRxZWOrgyGC1R/4OYjOO1RD6yIHeB4toeTTfg04aD5izyQOdPVjfAjWTjAz+DnSUEIbi0fIkTKR/YrqgvlGUIN0njHwjB80kGqAytrFVbrEYfH2NNzEOSp4tB5M/r7lf9pW7ZVgFdnfda/ZKP2vNmjHHFQL4Cqd5g7MuVvxd4hhBARSEsVXrlrAZgLGE49D/sfVgcfh8cRycbzMg5EBNgm73bl0VNbVn255SqYYRvVCvnQLwXcPr5/vNRkZSzVd7B8IKgUDCJjmhvxIbMOW4Viyq/H+HUYJDtnNqepcvv/D28V+J3kVDJkMZy3zj3TujjeasMpNhpxUIh/SouC6duG9USCYzudmdm5zrpBMjm9JRTMKGcA/UHaFDB3brREgOY0W3+IuLkMh4Ib3LIBLP6Dkqi7A+X22WzNZMnKNgGdd6rbpx/KK59U5cADnT2bD/UuWweUtgOk3QH9y4rOP3WFo+oV/4nlha6aQ3ITXVauiQZGXDPOCJDujqEvuJCYS0G7vNzHZbRa0wsR/nzFzqaOvu9nFZQjjost+70SmDQOX22wLseLiB+8qOWRprHm2e8TTQ6PRhfxx98ODM/TmRT8HUggO/kqDd+p3kPcQlxt39OwTjQTrL5jBVQI0yIH+2iglFq9XRUAxUqIaiUUUfK+hCajkdRW2JQ8SoxuF1zSi2DQ/HXsRIHG4ZkDPVzFGFAASrPESKhzObZYdGZe3tkaPgoGx0gHMOD6vEKaKHpsjRw4YMeu//1v/3MtQ/vUw2BgAgLJr/kfSD+5ok+IjGovC0PH7gAAwhBspVSkFVaS/UfNsMb9e3NN5P+sZXj9WKs9jbCteF97df1XScPnwkEiPdsTMqOwL2TWW2HYi1VGA2GZhtQ2O3Nikwt8GFMEeGzj81vZM5cefmaz+4eseXtNd8zdPD70QhfS3lllgU49hW/Pd3hy/flf35wiZhbsG2olReMrpSj02IKosK16KGndvUsiRB+8MyUK2YypGRfiQl3Gcb+sED9DaChGf2xw+Q1M0UG7O6lDhWEE7czo6sepX2ql3WXhYY4Qr8JGDj4m7yqr6+VeTuxRv9OvnCxFk3bixpyWWsqhyszU8GWtNPM8ObqW+mVF570fSbyfTQ8E1j+G/qjcn0/yXiJIC/hktc6J186pX+/i1Ob4IR3Mmowz5rWb7rygEjfl+kl9hXWPHSba4bbtjWt7CqeT3XauThdUjLilXeqgo+saEg+Y0A1GCMAssbTYUUhUM9tFvp3lvXCEkrN2RKxICUl325wlJqjxnVcVOiZyKh+BWQIPvrlmuaVeTN0GiMKNcZEOcLlhUfLEGtbb8+8gA2PsYoLSNk3whsEiHjAXeg8dzGfifV1Z5kz6c9J+8ofMppEfu+9Yfxh4VFuMyd0vNyBdSIRYp60gTQOL373x3gAAAfL0JshHb2kgXjczpE7dkaDnjTEjrrpDBMVgMSKzZ7KJ/5WUOt6hYPKHQVQt5TPQP2bDIq/kWj7mWIVkBs2Ao71JqilcqhR1xsS6yRC8DpIv2WBGEcbYxIHTnA2dngUI8U6xSXM+xxlOzXqClNIZMxUFSnHVU5OaOnoW5m8lpFdGq9td40ocZs/2oJIe7psO4F8ZmbodYQBX5QjzyBviM7WQ14b+ul3nHGc5sFPALY+2X/QN32pIXcpeHWZ3enPQcNPGQ9m9GbRzUSA+pNrRgAC6WP6vJVW6jrTnvCGHMznKGUjgAb+3ptP6AdjzQ/7Q3ynubQlstv60zUqPPmBPBT9IIj2rrzk9p64UU6GVXGtQTs3fxXw40p1ef9rOCV7YjOd8pzLacZXFOPeT2T50zaI7hQQRWhjrgpfvWeFSnJnvaQ73kZVKgLgNp2wDmr1yDTCxZEr05jR9xsHH1uFOjZOyjw82YHiIs9GzXseWlQnH/e7/vWzTQe5ZTIosAX+kMLAFtkvdlEj+ab3P/khnrtAubLCnU9RIttNpA2FnkZxM7P6hEfLN/6p69A5LaexDDDqTPEGUioJ95PbwWAEEZX1FGXeL/MatA/QxDnenGm02be5J1t7zolZePwV0aZr36Z6U2tUcMo8DJXMjxyzK+tvRIAzPK9guf0dy+Qd2xUdrWNbn9j1J9N5OyN/oKy/dxxRGOhttJHveG9vWijmhHf617A5/o37DO+scMwhPNc92knjuLbl1kqQu+997ST+8bHb/46Z5WFenqQj0dZPYPzstArcvEssA8jd8ax/sEnvG5hi7xRTwpC5mUvfzECIMBruMN6Fvq/Tk4Avk1ay9ruruH1WcyOYASvVolu6oZkH5tesdyx/29FdOoSJ28/mJy2l+nx5dfSe/DP8/Z/52bC6zWGLTVuXXoqwz4NRbbX2Hwr9n7/cO7aetA5TevN0PHYLNu2kXrQwIj0TFA/R2tYDjr8J1CfqMr6GoA4wrECgAAwb2uhQDpvj0cvh7yHgMes/tsmCg8LMICrhxkc4WPN5tiHNbCAt4d1cETVw2ZwhXb/C9hnrASEmYBLTi4PE1j552EBtqD9hxmsElmzOelhDRxpLjTlUR8AvK/QBCpcwGkwXwmJEJqSt/TclN2K3ed8h+pD5ARpTeJ02TPjp+yrUVwxgltvC38loG7b7Xy9cuMPMQnpEjj2+5xlK+F9+34P4hB8G+FvwvNc5xyvl0spzeLM3l/efQmhKXlLz/OnVHYr1cx3qD5ETliWtXbFcWK+4/sp+2oUTVvsDvu3ZAW69uy33c7XZusP1spprRvj2O9zFtKX8P6Q/95GUci3US70JjzPtSEwXi9btsJlz/J8f3XNPpcMlyZm5/evfNH/xleaa5DzgNd0w7Rsx/X8IIziJM3yoqzqpu36YZzmZd3247zu5/1+fwwnSOqDSeVYjhc2293+8z8zPhxP58v1Jkqyov4U7lcvAA3Tsh3X84MwipM0y+9FWdVN2/XDOM3LCsEIiuEEICmaYTn+8Xy9P98/IPjVWxAlWVE13TAt23E9PwijOEmzvCirumm7fhineVm3/QAQwwmSohmW4wVRkhVV041fcjs723E9PwijOEmzvPiP1345yqpu2q4fxmle1m0/zut+3u8XHHzjy6+iwxOIJDKFSqMzmCw2h8vDy8dvYq0gVXlRlHkxSlLz9QIbXQ33i6aztLarpu9RWfZbBUKiN6fMxpdvw6ncOicr0kJZpyvPOBf6AV1L77tIrOhV8p5suokN9L3aaUf7Ko1Crhl6LMhW2twg8pA9LdAHA5gofHPOV6EpB894+QPlXPSJM7gv2zTmNEPfkuXVyMkfMlvbRGLWQ6J2KO0mLEBJ1/mIH7p7eTjJxQgBUpEM+cwV6XGTN5W91gPlfiFrn1RKrci/iwKEpfRtw9rWhPcbxlNI36Rlgg9BT+7LUe1ZeuHqJjjIE2cCymERNWduJcGXRlkuTtQcFhzTCuWRn6liCMkydFdcdzHRJRKM1ZCnm2heuM3wckkmjOyl9T/d+u4lsegBdpEW5L0iezSdzTmtD5QGf1Y0izQ2lScyYUJtud8LWpJYZZ0xjMJG2RkRVfv3c0iStYmSkTcMzg+qFUbadiXgR8B2bU9I9o4ZRr0faBTXPD3IwjIkA+/3Opi8zZGlRVQghRrfUONBtWSse+O/hU78hzAMaalUgh+0dxCOJHDuAPddlIk0tXCbKxB/+TBKa9BDdRvfVp5xaT4LPWW3/QaCw5SNfBxVGlz3W6n4VmrZHEOllhVxUY+VEno/42LSWR/DaPwJxoI0ZNSJ22X8oRlCPnBlO2nwQPy3s4Jw5iIlIP7fiiVv4FL7CffpILXkC6jluXLv5hfvs/KsvAZQ3VsGBa/jyAMISYF2MRwAtpOrH6Zu3e2bBWw5PqpUdBaG1mmj22xXMTFuBJ9BI6YaF01biDWITAn4Oy0w1b1mVs+0WVp4Mmrx2HEstLYqnKeDtBBX9uvgb5SS7M3ogBaN2u/EZJhFP/9+YFKYpjtP0i9kvGKUUNFRxooLSVQivdpTSjKsFLNDPDkoQiiCfOP08P9dVtnNkRB7Cjc2AGDsKZGlhXyY6+zCtRUFvmoOg3p/ieZpSMuWpUxqvqAQVXNFVq7wGMGh7iOp2pL5c66ujZSVOHZtex9HVEyPVepGjGaKLcS3vKubrFAHYW2Mu3WZGQi1HAjoZ8y+Dcnwa0LleVQzTjbqUZ+h6QPnfA8b7zicjMgZuTzJJAKIawKewT4koWzmHHSov8f8YWOPeyhFu52YjKSEdGqX3GbQKOmxb460fr5pt9JmuO1PQ+VeKlwpE1q4oeFuRymgNeyVNMYw3sney72WhmhJlE9iPZh6kS8AQqui7xiy1Y8HVi6A4iTCdRCMPzmSPKByX4znaBGhvohdaMHC3035H3moviJ4LBEDufy1Uvuj2JKVX5EDuVhizZGWCY1NnHDMd7v0Jw3oXXSlxDW5FReN+VZrI8Rg+wQDh2xxIBwmK+GiuOkZLaEi+yGNq31Gk+McmO8lhMylGzQaa18MnSrOOke5KOeV5rw5IJNPnQGk+BNdeCh6QJu/0oWQLPSYEjVXJ56/yQJVKPPlv0liDyzrVmHIARd/yNp1LjSpdYMm3jsxOw7z4RyatseIKenhErWGfA06nYQDcj/HXKWWaPLqFWZQZ2u9Qb1fTiIMU1cEnTarwjn6Mij1/USx01wSPXJy9LO0bbA8FVt7PIw4OdBnSbU0OKGwY+B1/Yn+JtoyDLqW1qZjWSx0/ZHAE9MTNBQbeVdE7iIepphi99qC9fBBUh0+xX0uwKw5YZTOpfoHaQvIdDexgfvesrO2bN+DPWzwNLhJx8X2Z4I8qN3F7dIy9BDoR6FchJLKA20K3NqYgnvVmj7QB04WcHo1wMRwUjPsYoq0cFCIyTzCTWE3sRS1AfTEz/iIs0n0iNU26pxzynCppHQMsMy5hI+/wpmPUhUbp4x2Z52vprxvwtCozaFQwk3kEeDfR/gCAAA=) format("woff2"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/iconfont.woff) format("woff"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/iconfont.ttf) format("truetype"),url(https://deo.shopeemobile.com/shopee/shopee-seller-live-br/chateasy/f07011593a7612280e41.svg?t=1612409200024#shopee-seller-iconfont) format("svg")
}

.shopee-seller-iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: shopee-seller-iconfont!important;
    font-size: 16px;
    font-style: normal
}

.seller-icon-arrow-right-bold:before {
    content: "\e732"
}

.seller-icon-arrow-left-bold:before {
    content: "\e6e0"
}

.seller-icon-arrow-up-bold:before {
    content: "\e733"
}

.seller-icon-arrow-double-left:before {
    content: "\e731"
}

.seller-icon-no-data:before {
    content: "\e726"
}

.seller-icon-no-transaction:before {
    content: "\e727"
}

.seller-icon-no-image:before {
    content: "\e728"
}

.seller-icon-no-permission:before {
    content: "\e729"
}

.seller-icon-no-product:before {
    content: "\e72a"
}

.seller-icon-no-result:before {
    content: "\e72b"
}

.seller-icon-no-promotion:before {
    content: "\e72c"
}

.seller-icon-no-order:before {
    content: "\e72d"
}

.seller-icon-no-rating:before {
    content: "\e72e"
}

.seller-icon-no-voucher:before {
    content: "\e72f"
}

.seller-icon-no-store:before {
    content: "\e730"
}

.seller-icon-loading:before {
    content: "\e725"
}

.seller-icon-drag-bold:before {
    content: "\e722"
}

.seller-icon-add-bold:before {
    content: "\e724"
}

.seller-icon-trash-bold:before {
    content: "\e723"
}

.seller-icon-arrow-up:before {
    content: "\e721"
}

.seller-icon-arrow-down-bold:before {
    content: "\e720"
}

.seller-icon-shopping-car:before {
    content: "\e71f"
}

.seller-icon-ban:before {
    content: "\e71e"
}

.seller-icon-pin:before {
    content: "\e71d"
}

.seller-icon-user-img:before {
    content: "\e71b"
}

.seller-icon-product-img:before {
    content: "\e71c"
}

.seller-icon-edit-s:before {
    content: "\e70b"
}

.seller-icon-selected:before {
    content: "\e70e"
}

.seller-icon-checkbox-full:before {
    content: "\e71a"
}

.seller-icon-ads:before {
    content: "\e719"
}

.seller-icon-voucher-filled:before {
    content: "\e718"
}

.seller-icon-free-shipping-voucher:before {
    content: "\e717"
}

.seller-icon-checkbox:before {
    content: "\e716"
}

.seller-icon-voucher:before {
    content: "\e715"
}

.seller-icon-drag:before {
    content: "\e714"
}

.seller-icon-respond-s:before {
    content: "\e713"
}

.seller-icon-refresh:before {
    content: "\e712"
}

.seller-icon-delete:before {
    content: "\e70d"
}

.seller-icon-invisible-s:before {
    content: "\e711"
}

.seller-icon-eye:before {
    content: "\e70c"
}

.seller-icon-product-short:before {
    content: "\e70f"
}

.seller-icon-notice:before {
    content: "\e710"
}

.seller-icon-flash-s:before {
    content: "\e695"
}

.seller-icon-arrow-down-s:before {
    content: "\e696"
}

.seller-icon-camera:before {
    content: "\e697"
}

.seller-icon-cycle:before {
    content: "\e698"
}

.seller-icon-redo:before {
    content: "\e699"
}

.seller-icon-more:before {
    content: "\e69a"
}

.seller-icon-getting-started:before {
    content: "\e69b"
}

.seller-icon-no-change:before {
    content: "\e69c"
}

.seller-icon-image-s:before {
    content: "\e69d"
}

.seller-icon-coins:before {
    content: "\e69e"
}

.seller-icon-notification-scheduled:before {
    content: "\e69f"
}

.seller-icon-setting:before {
    content: "\e6a0"
}

.seller-icon-buyer-payment:before {
    content: "\e6a1"
}

.seller-icon-approved-s:before {
    content: "\e6a2"
}

.seller-icon-satisfied:before {
    content: "\e6a3"
}

.seller-icon-enlarge:before {
    content: "\e6a4"
}

.seller-icon-success-s:before {
    content: "\e6a5"
}

.seller-icon-star:before {
    content: "\e6a6"
}

.seller-icon-order-alt1:before {
    content: "\e6a7"
}

.seller-icon-recommended-alt:before {
    content: "\e6a8"
}

.seller-icon-wallet-income:before {
    content: "\e6a9"
}

.seller-icon-return-in-progress:before {
    content: "\e6aa"
}

.seller-icon-api:before {
    content: "\e6ab"
}

.seller-icon-lock-s:before {
    content: "\e6ac"
}

.seller-icon-trash:before {
    content: "\e6ad"
}

.seller-icon-edit:before {
    content: "\e6ae"
}

.seller-icon-next:before {
    content: "\e6af"
}

.seller-icon-anchor:before {
    content: "\e6b0"
}

.seller-icon-product-label:before {
    content: "\e6b1"
}

.seller-icon-validation:before {
    content: "\e6b2"
}

.seller-icon-question-s:before {
    content: "\e6b3"
}

.seller-icon-pencil-s:before {
    content: "\e6b4"
}

.seller-icon-pause-s:before {
    content: "\e6b5"
}

.seller-icon-recommended:before {
    content: "\e6b6"
}

.seller-icon-pencil:before {
    content: "\e6b7"
}

.seller-icon-notice-triangle-s:before {
    content: "\e6b8"
}

.seller-icon-spinner:before {
    content: "\e6b9"
}

.seller-icon-hot:before {
    content: "\e6ba"
}

.seller-icon-judge:before {
    content: "\e6bb"
}

.seller-icon-logo-youtube-s:before {
    content: "\e6bc"
}

.seller-icon-stop-o:before {
    content: "\e6bd"
}

.seller-icon-phone:before {
    content: "\e6be"
}

.seller-icon-mobile:before {
    content: "\e6bf"
}

.seller-icon-dot:before {
    content: "\e6c0"
}

.seller-icon-flip-up-and-down:before {
    content: "\e6c1"
}

.seller-icon-success:before {
    content: "\e6c2"
}

.seller-icon-question-mark:before {
    content: "\e6c3"
}

.seller-icon-play:before {
    content: "\e6c4"
}

.seller-icon-fullfill:before {
    content: "\e6c5"
}

.seller-icon-notification:before {
    content: "\e6c6"
}

.seller-icon-video-o:before {
    content: "\e6c7"
}

.seller-icon-chat:before {
    content: "\e6c8"
}

.seller-icon-add-square-s:before {
    content: "\e6c9"
}

.seller-icon-order-return1:before {
    content: "\e6ca"
}

.seller-icon-order-details:before {
    content: "\e6cb"
}

.seller-icon-notice-solid:before {
    content: "\e6cc"
}

.seller-icon-sandglass-fill:before {
    content: "\e6cd"
}

.seller-icon-diagram:before {
    content: "\e6ce"
}

.seller-icon-location:before {
    content: "\e6cf"
}

.seller-icon-view:before {
    content: "\e6d0"
}

.seller-icon-full-screen:before {
    content: "\e6d1"
}

.seller-icon-arrow-ios-down:before {
    content: "\e6d2"
}

.seller-icon-tips:before {
    content: "\e6d3"
}

.seller-icon-growth:before {
    content: "\e6d4"
}

.seller-icon-wholesale-s:before {
    content: "\e6d5"
}

.seller-icon-map-pin:before {
    content: "\e6d6"
}

.seller-icon-notice-triangle:before {
    content: "\e6d7"
}

.seller-icon-filter:before {
    content: "\e6d8"
}

.seller-icon-add-circle:before {
    content: "\e6d9"
}

.seller-icon-play-s:before {
    content: "\e6da"
}

.seller-icon-comment:before {
    content: "\e6db"
}

.seller-icon-calendar:before {
    content: "\e6dc"
}

.seller-icon-captcha:before {
    content: "\e6dd"
}

.seller-icon-visible-s:before {
    content: "\e6de"
}

.seller-icon-mass-upload:before {
    content: "\e6df"
}

.seller-icon-variation:before {
    content: "\e6e1"
}

.seller-icon-data:before {
    content: "\e6e2"
}

.seller-icon-infomation-s:before {
    content: "\e6e3"
}

.seller-icon-pc:before {
    content: "\e6e4"
}

.seller-icon-account-verified:before {
    content: "\e6e5"
}

.seller-icon-category1:before {
    content: "\e6e6"
}

.seller-icon-caret-down-s:before {
    content: "\e6e7"
}

.seller-icon-product-name:before {
    content: "\e6e8"
}

.seller-icon-error:before {
    content: "\e6e9"
}

.seller-icon-pause:before {
    content: "\e6ea"
}

.seller-icon-reject:before {
    content: "\e6eb"
}

.seller-icon-invoice:before {
    content: "\e6ec"
}

.seller-icon-recommended-fill-s:before {
    content: "\e6ed"
}

.seller-icon-feedback:before {
    content: "\e6ee"
}

.seller-icon-zoomout:before {
    content: "\e6ef"
}

.seller-icon-upload:before {
    content: "\e6f0"
}

.seller-icon-rotate-right:before {
    content: "\e6f1"
}

.seller-icon-batch-action:before {
    content: "\e6f2"
}

.seller-icon-shipping-free:before {
    content: "\e6f3"
}

.seller-icon-id:before {
    content: "\e6f4"
}

.seller-icon-password:before {
    content: "\e6f5"
}

.seller-icon-pending-s:before {
    content: "\e6f6"
}

.seller-icon-inbox-alt:before {
    content: "\e6f7"
}

.seller-icon-female:before {
    content: "\e6f8"
}

.seller-icon-error-s:before {
    content: "\e6f9"
}

.seller-icon-birthday:before {
    content: "\e6fa"
}

.seller-icon-horn-notice-s:before {
    content: "\e6fb"
}

.seller-icon-minus:before {
    content: "\e6fc"
}

.seller-icon-price:before {
    content: "\e6fd"
}

.seller-icon-help-centre:before {
    content: "\e6fe"
}

.seller-icon-print:before {
    content: "\e6ff"
}

.seller-icon-customer:before {
    content: "\e700"
}

.seller-icon-search:before {
    content: "\e601"
}

.seller-icon-chat-s:before {
    content: "\e701"
}

.seller-icon-order-history:before {
    content: "\e602"
}

.seller-icon-dot-s:before {
    content: "\e702"
}

.seller-icon-printer-s:before {
    content: "\e603"
}

.seller-icon-parcel-s:before {
    content: "\e703"
}

.seller-icon-contact:before {
    content: "\e604"
}

.seller-icon-video:before {
    content: "\e704"
}

.seller-icon-like:before {
    content: "\e605"
}

.seller-icon-shopee-logo-s:before {
    content: "\e705"
}

.seller-icon-order-return:before {
    content: "\e606"
}

.seller-icon-account-no:before {
    content: "\e706"
}

.seller-icon-arrow-down:before {
    content: "\e607"
}

.seller-icon-invisible:before {
    content: "\e707"
}

.seller-icon-receipt:before {
    content: "\e608"
}

.seller-icon-income:before {
    content: "\e708"
}

.seller-icon-arrow-double-right:before {
    content: "\e609"
}

.seller-icon-logo-first:before {
    content: "\e709"
}

.seller-icon-cat-category:before {
    content: "\e60a"
}

.seller-icon-arrange-pickup:before {
    content: "\e70a"
}

.seller-icon-parcel:before {
    content: "\e60b"
}

.seller-icon-round-close:before {
    content: "\e60c"
}

.seller-icon-listing:before {
    content: "\e60d"
}

.seller-icon-shop-profile:before {
    content: "\e60e"
}

.seller-icon-shop-s:before {
    content: "\e60f"
}

.seller-icon-arrow-ios-left:before {
    content: "\e610"
}

.seller-icon-rotate-left:before {
    content: "\e611"
}

.seller-icon-cancel-order:before {
    content: "\e612"
}

.seller-icon-offline:before {
    content: "\e613"
}

.seller-icon-marketting:before {
    content: "\e614"
}

.seller-icon-checked:before {
    content: "\e615"
}

.seller-icon-return-pending:before {
    content: "\e616"
}

.seller-icon-reply:before {
    content: "\e617"
}

.seller-icon-respond:before {
    content: "\e618"
}

.seller-icon-camera-s:before {
    content: "\e619"
}

.seller-icon-arrow-ios-right:before {
    content: "\e61a"
}

.seller-icon-cat-hashtag:before {
    content: "\e61b"
}

.seller-icon-user:before {
    content: "\e61c"
}

.seller-icon-screenshot:before {
    content: "\e61d"
}

.seller-icon-round-close-s:before {
    content: "\e61e"
}

.seller-icon-cat-customized:before {
    content: "\e61f"
}

.seller-icon-home:before {
    content: "\e620"
}

.seller-icon-promotion:before {
    content: "\e621"
}

.seller-icon-wallet-s:before {
    content: "\e622"
}

.seller-icon-countdown:before {
    content: "\e623"
}

.seller-icon-shop:before {
    content: "\e624"
}

.seller-icon-wallet-withdraw:before {
    content: "\e625"
}

.seller-icon-creditcard:before {
    content: "\e626"
}

.seller-icon-sandglass:before {
    content: "\e627"
}

.seller-icon-auto-reply:before {
    content: "\e628"
}

.seller-icon-logout:before {
    content: "\e629"
}

.seller-icon-my-performance:before {
    content: "\e62a"
}

.seller-icon-wholesale:before {
    content: "\e62b"
}

.seller-icon-caret-up-s:before {
    content: "\e62c"
}

.seller-icon-arrow-left:before {
    content: "\e734"
}

.seller-icon-cancel:before {
    content: "\e62d"
}

.seller-icon-crop:before {
    content: "\e62e"
}

.seller-icon-arrow-up-s:before {
    content: "\e62f"
}

.seller-icon-star-s:before {
    content: "\e630"
}

.seller-icon-order-cenceled:before {
    content: "\e631"
}

.seller-icon-penalty:before {
    content: "\e632"
}

.seller-icon-inbox:before {
    content: "\e633"
}

.seller-icon-change:before {
    content: "\e634"
}

.seller-icon-register:before {
    content: "\e635"
}

.seller-icon-shipping-s:before {
    content: "\e636"
}

.seller-icon-male:before {
    content: "\e637"
}

.seller-icon-checkbox-checked:before {
    content: "\e638"
}

.seller-icon-visible:before {
    content: "\e639"
}

.seller-icon-address:before {
    content: "\e63a"
}

.seller-icon-notice-circle:before {
    content: "\e63b"
}

.seller-icon-logo-fb:before {
    content: "\e63c"
}

.seller-icon-mass-update:before {
    content: "\e63d"
}

.seller-icon-question:before {
    content: "\e63e"
}

.seller-icon-wallet-order:before {
    content: "\e63f"
}

.seller-icon-order-fullfill:before {
    content: "\e640"
}

.seller-icon-redo-alt:before {
    content: "\e641"
}

.seller-icon-shopping-bag:before {
    content: "\e642"
}

.seller-icon-marketing-centre:before {
    content: "\e643"
}

.seller-icon-approved:before {
    content: "\e644"
}

.seller-icon-return-completed:before {
    content: "\e645"
}

.seller-icon-shipping:before {
    content: "\e646"
}

.seller-icon-discount:before {
    content: "\e647"
}

.seller-icon-instagram:before {
    content: "\e648"
}

.seller-icon-product:before {
    content: "\e649"
}

.seller-icon-order:before {
    content: "\e64a"
}

.seller-icon-link:before {
    content: "\e64b"
}

.seller-icon-stock:before {
    content: "\e64c"
}

.seller-icon-banned:before {
    content: "\e64d"
}

.seller-icon-buyer-payment-s:before {
    content: "\e64e"
}

.seller-icon-key:before {
    content: "\e64f"
}

.seller-icon-arrow-right:before {
    content: "\e650"
}

.seller-icon-newsletter:before {
    content: "\e651"
}

.seller-icon-number:before {
    content: "\e652"
}

.seller-icon-phone-s:before {
    content: "\e653"
}

.seller-icon-time:before {
    content: "\e654"
}

.seller-icon-download:before {
    content: "\e655"
}

.seller-icon-settings:before {
    content: "\e656"
}

.seller-icon-outer-link:before {
    content: "\e657"
}

.seller-icon-magic-wand:before {
    content: "\e658"
}

.seller-icon-add-square:before {
    content: "\e659"
}

.seller-icon-password-s:before {
    content: "\e65a"
}

.seller-icon-order-create:before {
    content: "\e65b"
}

.seller-icon-vn-register:before {
    content: "\e65c"
}

.seller-icon-decline:before {
    content: "\e65d"
}

.seller-icon-wallet:before {
    content: "\e65e"
}

.seller-icon-flash:before {
    content: "\e65f"
}

.seller-icon-checkbox-indeterminate:before {
    content: "\e660"
}

.seller-icon-unsatisfied:before {
    content: "\e661"
}

.seller-icon-shipping-ave-prep-time:before {
    content: "\e662"
}

.seller-icon-wallet-alt:before {
    content: "\e663"
}

.seller-icon-arrow-ios-up:before {
    content: "\e664"
}

.seller-icon-details:before {
    content: "\e665"
}

.seller-icon-category:before {
    content: "\e666"
}

.seller-icon-mass-action:before {
    content: "\e667"
}

.seller-icon-notice-o:before {
    content: "\e668"
}

.seller-icon-product-s:before {
    content: "\e669"
}

.seller-icon-add-circle-s:before {
    content: "\e66a"
}

.seller-icon-filter-s:before {
    content: "\e66b"
}

.seller-icon-email:before {
    content: "\e66c"
}

.seller-icon-warning:before {
    content: "\e66d"
}

.seller-icon-wallet-refund:before {
    content: "\e66e"
}

.seller-icon-history-event:before {
    content: "\e66f"
}

.seller-icon-pickup:before {
    content: "\e670"
}

.seller-icon-add:before {
    content: "\e671"
}

.seller-icon-getting-started-s:before {
    content: "\e672"
}

.seller-icon-close:before {
    content: "\e673"
}

.seller-icon-order-returned:before {
    content: "\e674"
}

.seller-icon-info:before {
    content: "\e675"
}

.seller-icon-gender:before {
    content: "\e676"
}

.seller-icon-rss:before {
    content: "\e677"
}

.seller-icon-info-s:before {
    content: "\e678"
}

.seller-icon-list-view:before {
    content: "\e679"
}

.seller-icon-link-broken:before {
    content: "\e67a"
}

.seller-icon-order-alt:before {
    content: "\e67b"
}

.seller-icon-pending:before {
    content: "\e67c"
}

.seller-icon-brand:before {
    content: "\e67d"
}

.seller-icon-time-s:before {
    content: "\e67e"
}

.seller-icon-like-s:before {
    content: "\e67f"
}

.seller-icon-image:before {
    content: "\e680"
}

.seller-icon-add-note:before {
    content: "\e681"
}

.seller-icon-introduction:before {
    content: "\e682"
}

.seller-icon-vacation:before {
    content: "\e683"
}

.seller-icon-shopee-logo:before {
    content: "\e684"
}

.seller-icon-tshirt:before {
    content: "\e685"
}

.seller-icon-save:before {
    content: "\e686"
}

.seller-icon-category-list:before {
    content: "\e687"
}

.seller-icon-gridview:before {
    content: "\e688"
}

.seller-icon-flip-left-and-right:before {
    content: "\e689"
}

.seller-icon-arrow-right-s:before {
    content: "\e68a"
}

.seller-icon-browse:before {
    content: "\e68b"
}

.seller-icon-back:before {
    content: "\e68c"
}

.seller-icon-user-guide:before {
    content: "\e68d"
}

.seller-icon-rating:before {
    content: "\e68e"
}

.seller-icon-contact-blocked:before {
    content: "\e68f"
}

.seller-icon-logo-ig:before {
    content: "\e690"
}

.seller-icon-notice-circle-s:before {
    content: "\e691"
}

.seller-icon-lang:before {
    content: "\e692"
}

.seller-icon-facebook:before {
    content: "\e693"
}

.seller-icon-reject-s:before {
    content: "\e694"
}
.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: shopeeMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: shopeeMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: shopeeMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: shopeeMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: shopeeMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: shopeeMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: shopeeMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: shopeeMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes shopeeMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active {
    animation-name: shopeeZoomIn;
    animation-play-state: running
}

.shopee-react-zoom-leave.shopee-react-zoom-leave-active {
    animation-name: shopeeZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare {
    transform: none
}

.shopee-react-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active {
    animation-name: shopeeZoomUpIn;
    animation-play-state: running
}

.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active {
    animation-name: shopeeZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare {
    transform: none
}

.shopee-react-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active {
    animation-name: shopeeZoomDownIn;
    animation-play-state: running
}

.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active {
    animation-name: shopeeZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare {
    transform: none
}

.shopee-react-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active {
    animation-name: shopeeZoomLeftIn;
    animation-play-state: running
}

.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active {
    animation-name: shopeeZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare {
    transform: none
}

.shopee-react-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active {
    animation-name: shopeeZoomRightIn;
    animation-play-state: running
}

.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active {
    animation-name: shopeeZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare {
    transform: none
}

.shopee-react-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes shopeeZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.shopee-react-tooltip {
    display: block;
    position: absolute;
    visibility: visible;
    z-index: 1070
}

.shopee-react-tooltip-hidden {
    display: none
}

.shopee-react-tooltip-placement-top,.shopee-react-tooltip-placement-topLeft,.shopee-react-tooltip-placement-topRight {
    padding-bottom: 0
}

.shopee-react-tooltip-placement-right,.shopee-react-tooltip-placement-rightBottom,.shopee-react-tooltip-placement-rightTop {
    padding-left: 0
}

.shopee-react-tooltip-placement-bottom,.shopee-react-tooltip-placement-bottomLeft,.shopee-react-tooltip-placement-bottomRight {
    padding-top: 0
}

.shopee-react-tooltip-placement-left,.shopee-react-tooltip-placement-leftBottom,.shopee-react-tooltip-placement-leftTop {
    padding-right: 0
}

.shopee-react-tooltip-inner {
    word-wrap: break-word;
    background-color: #000;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.09),0 8px 8px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    min-width: 30px;
    padding: 4px 8px;
    text-align: left;
    text-decoration: none
}

.shopee-react-tooltip.no-arrow .shopee-react-tooltip-arrow {
    display: none
}

.shopee-react-tooltip-arrow {
    background: transparent;
    display: block;
    height: 13px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 13px
}

.shopee-react-tooltip-arrow-content {
    background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    margin: auto;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow,.shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow,.shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    bottom: -13px
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow-content,.shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow-content,.shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow-content {
    box-shadow: 3px 3px 7px fade(#000,7%);
    transform: translateY(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-top .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-topLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-topRight .shopee-react-tooltip-arrow {
    right: 13px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow,.shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow,.shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow {
    left: -13px
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow-content,.shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow-content,.shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow-content {
    box-shadow: -3px 3px 7px fade(#000,7%);
    transform: translateX(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-right .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-rightTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-rightBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow,.shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow,.shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow {
    right: -13px
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow-content,.shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow-content,.shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow-content {
    box-shadow: 0 7px fade(#000,7%);
    transform: translateX(-6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-left .shopee-react-tooltip-arrow {
    top: 50%;
    transform: translateY(-50%)
}

.shopee-react-tooltip-placement-leftTop .shopee-react-tooltip-arrow {
    top: 5px
}

.shopee-react-tooltip-placement-leftBottom .shopee-react-tooltip-arrow {
    bottom: 5px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow,.shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow,.shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    top: -13px
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow-content,.shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow-content,.shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow-content {
    box-shadow: -6px 7px fade(#000,7%);
    transform: translateY(6.5px) rotate(45deg)
}

.shopee-react-tooltip-placement-bottom .shopee-react-tooltip-arrow {
    left: 50%;
    transform: translateX(-50%)
}

.shopee-react-tooltip-placement-bottomLeft .shopee-react-tooltip-arrow {
    left: 13px
}

.shopee-react-tooltip-placement-bottomRight .shopee-react-tooltip-arrow {
    right: 13px
}
.shopee-react-dropdown-menu .shopee-react-popover-inner-content {
    padding: 8px 0
}

.shopee-react-dropdown-item {
    color: #333;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    list-style: none;
    overflow: hidden;
    padding: 8px 12px;
    transition: color .2s ease-in-out,background-color .2s ease-in-out;
    white-space: normal
}

.shopee-react-dropdown-item:hover {
    background-color: rgba(0,0,0,.03);
    color: #333
}

.shopee-react-dropdown-item.selected {
    color: #ee4d2d
}

.shopee-react-dropdown-item.disabled {
    color: #b7b7b7;
    cursor: not-allowed
}

.shopee-react-dropdown-item.disabled:hover {
    background-color: #fff
}

.shopee-react-dropdown-item.is-divided {
    border-top: 1px solid #e5e5e5
}

.shopee-react-dropdown-item.has-prefix-icon .shopee-react-dropdown-item__prefix-icon {
    float: left;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-dropdown-item.has-suffix-icon .shopee-react-dropdown-item__suffix-icon {
    float: right;
    height: 16px;
    margin-left: 8px;
    vertical-align: middle;
    width: 16px
}

.shopee-react-dropdown-item-group {
    list-style: none;
    padding: 0
}

.shopee-react-dropdown-item-group__list {
    margin: 0;
    padding: 0
}

.shopee-react-dropdown-item-group__title {
    color: #999;
    font-size: 12px;
    list-style: none;
    padding: 4px 16px
}

.shopee-react-dropdown {
    display: inline-block;
    position: relative
}

.shopee-react-dropdown .shopee-react-dropdown {
    width: 100%
}

.shopee-react-dropdown .hover-class:before {
    background-color: rgba(0,0,0,.04)
}

.shopee-react-popover {
    cursor: auto;
    font-weight: 400;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    user-select: text;
    white-space: normal;
    z-index: 1300
}

.shopee-react-popover-hidden {
    display: none!important
}

.shopee-react-popover-placement-top,.shopee-react-popover-placement-topLeft,.shopee-react-popover-placement-topRight {
    padding-bottom: 10px
}

.shopee-react-popover-placement-top.no-arrow,.shopee-react-popover-placement-topLeft.no-arrow,.shopee-react-popover-placement-topRight.no-arrow {
    padding-bottom: 0
}

.shopee-react-popover-placement-right,.shopee-react-popover-placement-rightBottom,.shopee-react-popover-placement-rightTop {
    padding-left: 10px
}

.shopee-react-popover-placement-right.no-arrow,.shopee-react-popover-placement-rightBottom.no-arrow,.shopee-react-popover-placement-rightTop.no-arrow {
    padding-left: 0
}

.shopee-react-popover-placement-bottom,.shopee-react-popover-placement-bottomLeft,.shopee-react-popover-placement-bottomRight {
    padding-top: 10px
}

.shopee-react-popover-placement-bottom.no-arrow,.shopee-react-popover-placement-bottomLeft.no-arrow,.shopee-react-popover-placement-bottomRight.no-arrow {
    padding-top: 0
}

.shopee-react-popover-placement-left,.shopee-react-popover-placement-leftBottom,.shopee-react-popover-placement-leftTop {
    padding-right: 10px
}

.shopee-react-popover-placement-left.no-arrow,.shopee-react-popover-placement-leftBottom.no-arrow,.shopee-react-popover-placement-leftTop.no-arrow {
    padding-right: 0
}

.shopee-react-popover-inner {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.06)
}

.shopee-react-popover-inner-content {
    color: #333;
    padding: 12px 16px
}

.shopee-react-popover.no-arrow .shopee-react-popover-arrow {
    display: none
}

.shopee-react-popover-arrow {
    background: transparent;
    border-style: solid;
    border-width: 3px;
    display: block;
    position: absolute;
    transform: rotate(45deg)
}

.shopee-react-popover-placement-top>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-topLeft>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-topRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: transparent #fff #fff transparent;
    bottom: 7px;
    box-shadow: 3px 3px 7px rgba(0,0,0,.07)
}

.shopee-react-popover-placement-top>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

.shopee-react-popover-placement-topLeft>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 16px
}

.shopee-react-popover-placement-topRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    right: 16px
}

.shopee-react-popover-placement-right>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-rightBottom>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-rightTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: transparent transparent #fff #fff;
    box-shadow: -3px 3px 7px rgba(0,0,0,.07);
    left: 7px
}

.shopee-react-popover-placement-right>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.shopee-react-popover-placement-rightTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 12px
}

.shopee-react-popover-placement-rightBottom>.shopee-react-popover-content>.shopee-react-popover-arrow {
    bottom: 12px
}

.shopee-react-popover-placement-bottom>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-bottomLeft>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-bottomRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: #fff transparent transparent #fff;
    box-shadow: -2px -2px 5px rgba(0,0,0,.06);
    top: 7px
}

.shopee-react-popover-placement-bottom>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

.shopee-react-popover-placement-bottomLeft>.shopee-react-popover-content>.shopee-react-popover-arrow {
    left: 16px
}

.shopee-react-popover-placement-bottomRight>.shopee-react-popover-content>.shopee-react-popover-arrow {
    right: 16px
}

.shopee-react-popover-placement-left>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-leftBottom>.shopee-react-popover-content>.shopee-react-popover-arrow,.shopee-react-popover-placement-leftTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    border-color: #fff #fff transparent transparent;
    box-shadow: 3px -3px 7px rgba(0,0,0,.07);
    right: 7px
}

.shopee-react-popover-placement-left>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.shopee-react-popover-placement-leftTop>.shopee-react-popover-content>.shopee-react-popover-arrow {
    top: 12px
}

.shopee-react-popover-placement-leftBottom>.shopee-react-popover-content>.shopee-react-popover-arrow {
    bottom: 12px
}

.move-up-appear,.move-up-enter,.move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    animation-name: shopeeMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: shopeeMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear,.move-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    animation-name: shopeeMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: shopeeMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear,.move-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    animation-name: shopeeMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: shopeeMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear,.move-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    animation-name: shopeeMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: shopeeMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear,.move-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes shopeeMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes shopeeMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter,.shopee-react-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-appear.shopee-react-zoom-appear-active,.shopee-react-zoom-enter.shopee-react-zoom-enter-active {
    animation-name: shopeeZoomIn;
    animation-play-state: running
}

.shopee-react-zoom-leave.shopee-react-zoom-leave-active {
    animation-name: shopeeZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-appear,.shopee-react-zoom-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-appear-prepare,.shopee-react-zoom-enter-prepare {
    transform: none
}

.shopee-react-zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter,.shopee-react-zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-appear.shopee-react-zoom-big-appear-active,.shopee-react-zoom-big-enter.shopee-react-zoom-big-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-leave.shopee-react-zoom-big-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-appear,.shopee-react-zoom-big-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-appear-prepare,.shopee-react-zoom-big-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter,.shopee-react-zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-big-fast-appear.shopee-react-zoom-big-fast-appear-active,.shopee-react-zoom-big-fast-enter.shopee-react-zoom-big-fast-enter-active {
    animation-name: shopeeZoomBigIn;
    animation-play-state: running
}

.shopee-react-zoom-big-fast-leave.shopee-react-zoom-big-fast-leave-active {
    animation-name: shopeeZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-big-fast-appear,.shopee-react-zoom-big-fast-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-big-fast-appear-prepare,.shopee-react-zoom-big-fast-enter-prepare {
    transform: none
}

.shopee-react-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter,.shopee-react-zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-up-appear.shopee-react-zoom-up-appear-active,.shopee-react-zoom-up-enter.shopee-react-zoom-up-enter-active {
    animation-name: shopeeZoomUpIn;
    animation-play-state: running
}

.shopee-react-zoom-up-leave.shopee-react-zoom-up-leave-active {
    animation-name: shopeeZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-up-appear,.shopee-react-zoom-up-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-up-appear-prepare,.shopee-react-zoom-up-enter-prepare {
    transform: none
}

.shopee-react-zoom-up-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter,.shopee-react-zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-down-appear.shopee-react-zoom-down-appear-active,.shopee-react-zoom-down-enter.shopee-react-zoom-down-enter-active {
    animation-name: shopeeZoomDownIn;
    animation-play-state: running
}

.shopee-react-zoom-down-leave.shopee-react-zoom-down-leave-active {
    animation-name: shopeeZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-down-appear,.shopee-react-zoom-down-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-down-appear-prepare,.shopee-react-zoom-down-enter-prepare {
    transform: none
}

.shopee-react-zoom-down-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter,.shopee-react-zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-left-appear.shopee-react-zoom-left-appear-active,.shopee-react-zoom-left-enter.shopee-react-zoom-left-enter-active {
    animation-name: shopeeZoomLeftIn;
    animation-play-state: running
}

.shopee-react-zoom-left-leave.shopee-react-zoom-left-leave-active {
    animation-name: shopeeZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-left-appear,.shopee-react-zoom-left-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-left-appear-prepare,.shopee-react-zoom-left-enter-prepare {
    transform: none
}

.shopee-react-zoom-left-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter,.shopee-react-zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: ease-in-out
}

.shopee-react-zoom-right-appear.shopee-react-zoom-right-appear-active,.shopee-react-zoom-right-enter.shopee-react-zoom-right-enter-active {
    animation-name: shopeeZoomRightIn;
    animation-play-state: running
}

.shopee-react-zoom-right-leave.shopee-react-zoom-right-leave-active {
    animation-name: shopeeZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.shopee-react-zoom-right-appear,.shopee-react-zoom-right-enter {
    animation-timing-function: cubic-bezier(.08,.82,.17,1);
    opacity: 0;
    transform: scale(0)
}

.shopee-react-zoom-right-appear-prepare,.shopee-react-zoom-right-enter-prepare {
    transform: none
}

.shopee-react-zoom-right-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes shopeeZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes shopeeZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shopeeZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes shopeeZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes shopeeZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes shopeeZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes shopeeZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes shopeeZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.shopee-react-icon {
    fill: currentColor;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    display: inline-block;
    font-style: normal;
    line-height: 0;
    outline: none;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: -.125em
}

.shopee-react-icon>* {
    line-height: 1
}

.shopee-react-icon svg {
    height: 100%;
    width: 100%
}

.shopee-react-icon .shopee-react-icon-icon {
    display: block
}

.shopee-react-icon[tabindex] {
    cursor: pointer
}

.shopee-react-icon-spin {
    animation: shopee-react-icon-spin 1s linear 0s infinite;
    display: inline-block
}

@keyframes shopee-react-icon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}
.root {
    box-sizing: border-box;
    padding: 0 16px;
  }
  
  .last-message {
    padding-bottom: 16px;
  }
  
  .message {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  
  .message-send {
    composes: message;
    align-items: center;
    justify-content: flex-end;
  }
  
  .message-receive {
    composes: message;
    justify-content: flex-start;
  }
  
  .product-origin {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.75em;
    background-color: #f4f4f4;
    border-radius: 2px;
  }
  
  .product-origin-info {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
  }
  
  .image-wrapper {
    position: relative;
  }
  
  .product-image {
    width: 2.25em;
    height: 2.25em;
    margin-right: 0.75em;
    flex-shrink: 0;
  }
  
  .sold-out {
    opacity: 0.6;
    filter: grayscale(50%);
  }
  
  .background-settings {
    background-color: rgba(0, 0, 0, 0.6);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2em 1.2em;
  }
  
  .view-link {
    color: #555;
    font-size: 14px;
    flex-shrink: 0;
    text-decoration: none;
    transition: color 0.25s ease;
  
    &:hover {
      color: #ee4d2d;
      cursor: pointer;
    }
  }
  
  .view-mall-link {
    color: #555;
    font-size: 14px;
    flex-shrink: 0;
    text-decoration: none;
    transition: color 0.25s ease;
  
    &:hover {
      color: #ee4d2d;
      cursor: pointer;
    }
  }
  
  .banned {
    & .view-link:hover {
      color: #555;
      cursor: not-allowed;
    }
  }
  
  .product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.24;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    word-break: break-all;
  }
  
  .origin-price {
    margin-right: 0.25em;
    position: relative;
    color: #bbb;
  
    &::after {
      content: '';
      width: 100%;
      height: 1px;
      position: absolute;
      left: 0;
      top: 50%;
      background-color: #bbb;
    }
  }
  
  .product-price {
    margin-top: 0.5em;
    line-height: 1.16;
    color: #555;
    font-size: 12px;
  }
  
  .product-stock {
    margin-left: 0.5em;
    color: #888;
  }
  
  .deleted-product {
    font-size: 14px;
    line-height: 1.36em;
    color: #333;
    display: flex;
    align-items: center;
  }
  
  .banned-product {
    composes: product-price;
    color: #ff4742;
  }
  
  .view-product-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .avatar-wrap {
    width: 2.25em;
    height: 2.25em;
    border-radius: 50%;
    overflow: hidden;
  }
  
  .avatar {
    width: 100%;
    height: 100%;
  }
  
  .avatar-placeholder {
    width: 2.25em;
    flex-shrink: 0;
  }
  
  .order-origin {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.75em;
    background-color: #f4f4f4;
    border-radius: 2px;
  }
  
  .order-origin-info {
    flex-grow: 1;
    overflow: hidden;
  }
  
  .order-info {
    display: flex;
    flex-direction: row;
  }
  
  .order-product-image {
    width: 2.25em;
    height: 2.25em;
    margin-right: 1em;
    flex-shrink: 0;
  }
  
  .status-wrap {
    margin-bottom: 0.428em;
  }
  
  .order-status {
    font-size: 14px;
    color: #01bfa5;
  }
  
  .pipe {
    margin: 0 0.428em;
    color: rgba(136, 136, 136, 0.4);
  }
  
  .order-product-name {
    line-height: 1.142;
    font-size: 14px;
    color: #555;
    font-weight: bold;
  }
  
  .order-detail {
    line-height: 1.16em;
    font-size: 12px;
    color: #888;
  }
  
  .order-sn {
    margin-right: 1.333em;
  }
  
  .shop-information {
    background-color: #f4f4f4;
    font-size: 16px;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.75em;
  }
  
  .shop-avatar {
    height: 1em;
    width: 1em;
  }
  
  .shop-name {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.42);
    margin-left: 1em;
  }
  
  .shop-origin {
    font-size: 16px;
    height: 3.75em;
    background-color: #f4f4f4;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .shop-origin-info {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  
  .shop-origin-avatar {
    height: 2.25em;
    width: 2.25em;
    margin: 0 0.75em;
  
    & > * {
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }
  
    & > div {
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
    }
  }
  
  .shop-origin-name {
    font-size: 14px;
    color: #555;
  }
  
  .view-shop-block {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin: 0 0.75em;
  }
  
  @keyframes rotate {
    from {
      transform: rotateZ(0);
    }
  
    to {
      transform: rotateZ(360deg);
    }
  }
  
  .bubble {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  
  .offer-tips {
    padding: 0.667em 0.857em;
    font-size: 14px;
    line-height: 1.143em;
    border-radius: 2px;
    background-color: #d7e4ff;
  }
  
  .center {
    display: flex;
    justify-content: center;
    margin-top: 12px;
  }
  
  .marginTop12 {
    margin-top: 12px;
  }
  
  .marginTop4 {
    margin-top: 4px;
  }
  .DOFDK5HL9H {
    width: 100%;
    height: 100%;
    display: flex
;
    align-items: center;
    padding-left: 12px;
    box-sizing: border-box;
    overflow: hidden;
}.AojcndXunE {
    display: flex
;
    align-items: center;
}

.shopee-react-dropdown {
    display: inline-block;
    position: relative;
}

.Bovr3kIM9j {
    display: flex
;
    align-items: center;
    cursor: pointer;
}

.lyWL3rDmij {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 248px;
    font-weight: 500;
}


.GHUxSkxNuJ {
    fill: currentColor;
    display: inline-block;
    line-height: 0;
}
.JfqKPx66aP {
    width: 12px;
    height: 12px;
    color: #999;
    margin-left: 4px;
    flex: 0 0 auto;
}

.aqZovfh_6J {
    width: 100%;
    height: 24px;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
}

.tjkyFHjPjJ {
    box-sizing: border-box;
    padding: 6px 10px;
    height: 24px;
    background: #fafafa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-size: 12px;
    line-height: 14px;
    color: #666;
}

.njERKrdqSf {
    margin-top: 12px;
}

.ZbPw85eBry {
    display: flex
;
    flex-direction: column;
    align-items: center;
    position: relative;
}


.EW0ojkPRCP {
    position: relative;
    z-index: 1;
    display: flex
;
}

.ZpXLnW2Ey_ {
    display: flex
;
    justify-content: center;
    border-radius: 4px;
}


.NE4XGeVE_4 {
    background: #fff7e0;
}
.V8PYjKIzUj {
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    display: inline;
    line-height: 0;
    max-width: 640px;
    padding: 8px 10px;
    text-align: center;
}
.ZpXLnW2Ey_ .al5Ywj8vIM {
    margin-right: 6px;
    vertical-align: middle;
    width: 12px;
    height: 16px;
    color: #eda500;
}
.GHUxSkxNuJ {
    fill: currentColor;
    display: inline-block;
    line-height: 0;
}


.V8PYjKIzUj .i6xFxbUJy0 {
    font-size: 12px;
    line-height: 14px;
}


.cmgkmzn7la {
    outline: 0 none;
    overscroll-behavior: contain;
}

.d6OoDRmeTf {
    display: flex
;
    justify-content: center;
    margin-top: 12px;
}


.hmektzZglE {
    cursor: pointer;
}
.Z3EF4a7S93 {
}
.aPkxwEmpbc {
    width: 384px;
    padding: 12px;
    font-size: 14px;
    line-height: 16px;
    box-sizing: border-box;
    display: flex
;
    border-radius: 8px;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fafafa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}


.chEJ5cCbft {
    color: #666;
}


.JFRlMYQSZi {
    height: 1px;
    width: 100%;
    margin: 8px 0;
    transform: scaleY(0.5);
    background-color: #eee;
}


.UDiSvl0kP4 {
    width: 100%;
    position: relative;
    height: 64px;
}



.HIb2ixHCS5 {
    position: absolute;
    left: 0;
    top: 0;
}
.DRtEF8Bf3a {
    width: 64px;
    height: 64px;
}


.HIb2ixHCS5 > img {
    width: 100%;
    height: 100%;
}
.EOkaqhE5Vk {
    border-radius: 4px;
    border: 0.5px solid #eee;
}
.g1RCCZAeWH {
    height: 100%;
    margin-left: 64px;
    padding-left: 0.5em;
    display: flex
;
    flex-direction: column;
    justify-content: center;
}

.cBomL4XnjJ {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
    overflow: hidden;
}


.mUFon6a153 {
    display: flex
;
    align-items: center;
    position: relative;
    margin-top: 4px;
}

.MArSWKlROx {
    color: #bbb;
    text-decoration: line-through;
}

.C3cOkBPl3G {
    color: #ee4d2d;
    margin-left: 0.5em;
    font-weight: 500;
}

.QDLp_uN4bC {
    border-top: 1px solid #e4e6e8;
    width: 100%;
    z-index: 11;
}


.IYgxpOlpLN {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.g00e_kvU_x {
    position: relative;
}

.XeTYlv06FQ {
    position: absolute;
    top: -5px;
    z-index: 1000;
    width: 100%;
    display: flex
;
}

.oC6tENbTp5 {
    height: 100%;
    display: flex
;
    flex-direction: column;
    justify-content: flex-end;
}


.X6NljyWyEg {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

.RR2wewQMSf {
    display: flex
;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.MdXquzGuDv {
    width: 100%;
    padding-right: 8px;
    flex-grow: 1;
    color: #333;
    font-size: 14px;
    resize: none;
    border: none;
    outline: none;
    word-break: break-word;
    box-sizing: border-box;
    overflow-y: auto;
    font-family: inherit;
}

.C4eQ_E6clG {
    position: absolute;
    right: 8px;
    bottom: 10px;
}

.pqq6o4R57Y {
    float: right;
}


.GHUxSkxNuJ {
    fill: currentColor;
    display: inline-block;
    line-height: 0;
}

.plW8rzAMob {
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    height: 18px;
    width: 18px;
    transition: color 0.2s ease;
    color: #ccc;
}

.PnW_SQQPfw {
    width: 100%;
    height: 30px;
}

.dT9vgJDPjC {
    display: flex
;
    height: 100%;
    flex-direction: row;
    box-sizing: border-box;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: white;
    padding: 0 0 12px 8px;
}


.xXmjYYJigl {
    display: flex
;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.nIoAbmG3Cr {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.p90Uvbff5L {
    cursor: pointer;
}

.GHUxSkxNuJ {
    fill: currentColor;
    display: inline-block;
    line-height: 0;
}

.njERKrdqSf {
    margin-top: 12px;
}
.n7tPV8kPwM {
    align-items: center;
    justify-content: flex-end;
}
.uAjc6BXz_7 {
    display: flex
;
    flex-direction: row;
    justify-content: center;
}

.ZbPw85eBry {
    display: flex
;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.EW0ojkPRCP {
    position: relative;
    z-index: 1;
    display: flex
;
}

#shopee-mini-chat-embedded button, #shopee-mini-chat-embedded pre {
    font-family: Roboto, Droid Sans, Arial, sans-serif;
}
.FkK7VxR2qX.K7slEK88YC.De4Tki4hDB {
    border-top-right-radius: 0;
    border-top-left-radius: 8px;
}
.FkK7VxR2qX.K7slEK88YC {
    background-color: #d7f7ef;
}
.FkK7VxR2qX.De4Tki4hDB {
    border-top-left-radius: 0;
}
.FkK7VxR2qX {
    margin: 0;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
   
    color: #212121;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    overflow: visible;
}


.w2C67vtnXi.BmdRIVTJ1k {
    padding-right: 8px;
}
.w2C67vtnXi {
    font-size: 14px;
    line-height: 20px;
    color: #212121;
    padding: 8px 10px 10px;
}


.njERKrdqSf {
    margin-top: 12px;
}

.ZbPw85eBry {
    display: flex
;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.haNSOkiNeZ {
    position: absolute;
    right: 8px;
    bottom: 4px;
}
.hvckbUfzJ0 {
    font-size: 12px;
    line-height: 16px;
    color: #666;
    height: 16px;
    display: flex
;
    align-items: center;
    justify-content: flex-end;
}

/* chat vb*/


/* 🟢 Container principal do chat */
.chat-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    max-width: 400px !important;
    margin: 10px auto !important;
    font-family: Arial, sans-serif !important;
}

/* 🟢 Estilização da mensagem (bolha de chat) */
.w2C67vtnXi.BmdRIVTJ1k {
    max-width: 65% !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    position: relative !important;
    word-wrap: break-word !important;
    display: inline-block !important;
    line-height: 1.4 !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
    margin-bottom: 5px !important;
}

/* 🟢 Mensagem do comprador (cliente) */
.comprador .w2C67vtnXi.BmdRIVTJ1k {
    align-self: flex-start !important;
    background-color: #dcf8c6 !important; /* Verde do WhatsApp */
    color: #333 !important;
    border-radius: 8px 8px 8px 0px !important;
    margin-left: 10px !important;
}

/* 🟢 Mensagem do vendedor */
.vendedor .w2C67vtnXi.BmdRIVTJ1k {
    align-self: flex-end !important;
    background-color: #fff !important; /* Fundo branco igual ao WhatsApp */
    color: #333 !important;
    border-radius: 8px 8px 0px 8px !important;
    margin-right: 10px !important;
}

/* 🕐 Estilização do horário da mensagem */
.hvckbUfzJ0.haNSOkiNeZ {
    font-size: 12px !important;
    color: #666 !important;
    text-align: right !important;
    margin-top: 5px !important;
    display: block !important;
}

/* ✅ Ícones de visto azul (✔✔) */
.chat-icon {
    width: 16px !important;
    height: 16px !important;
    fill: #34b7f1 !important; /* Azul do WhatsApp */
    position: absolute !important;
    bottom: 5px !important;
    right: 5px !important;
}

/* 📱 Ajustes de layout responsivo (mobile) */
@media (max-width: 600px) {
    .chat-container {
        max-width: 90% !important;
    }
    .w2C67vtnXi.BmdRIVTJ1k {
        max-width: 75% !important;
    }
}
.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
}

.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
}

.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
}

.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
}

.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)
    }
}

.tpgcVs {
    max-height: 100%;
    width: 100%
}

.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
}

._PPt_v:hover {
    cursor: pointer
}

.PhxDN7 {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px
}

.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
}

.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
}

.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
}

.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
}

.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)
}

.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
}

.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
}

.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
}

.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)
}

.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
}

.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
}

.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
    }
}

.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
}

.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-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
}

.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
}

.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%
}

.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
}

.KrtGbA {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

.oHWDGJ {
    margin-top: .9375rem
}

.Bf9ap6 {
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    z-index: -1000
}

.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: rgba(0,0,0,.09);
    color: #ccc!important
}

.UAc5Wb svg,.suQW3X[disabled] svg {
    fill: #ccc
}

.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: #ee4d2d
}

.theme--ofs .u00pLG.R1imlW {
    color: #d0011b
}

.theme--s-mart .u00pLG.R1imlW {
    color: #066bc8
}

.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
}

.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
}

.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%
}

.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
}

.VBYb0e {
    position: relative
}

.VBYb0e img {
    vertical-align: bottom
}

.g8T7TA {
    visibility: hidden
}

.TheYrw {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.zRcSDx {
    opacity: 0
}

.ZnOpv4 {
    opacity: 1;
    transition: opacity .2s ease
}

.YcSpmU {
    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
}

.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
}

.Vvw08a .EaDTzh {
    bottom: 0;
    right: 0
}

.EaDTzh,.Vvw08a .EaDTzh {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.EaDTzh {
    height: 100%;
    width: 100%
}

.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)
}

.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
}

.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
}

.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
}

.DpIkos,.NGVKmW {
    text-transform: capitalize
}

.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
}

.oAeYKc {
    color: rgba(0,0,0,.54)
}

.jIh7Y3 {
    position: relative
}

.jIh7Y3 img {
    vertical-align: bottom
}

.AjBWHO {
    visibility: hidden
}

.eg0IYo {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.HOGkUI {
    opacity: 0
}

.iOccjR {
    opacity: 1;
    transition: opacity .2s ease
}

.KOqpK3 {
    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
}

.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
}

.J9tUWr .rGBJUR {
    bottom: 0;
    right: 0
}

.J9tUWr .rGBJUR,.rGBJUR {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

.rGBJUR {
    height: 100%;
    width: 100%
}

.btn-tinted,.btn.btn-tinted {
    background: rgba(255,87,34,.1);
    background: var(--brand-primary-light-color);
    border: 1px solid var(--brand-primary-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 {
    padding-left: 20px
}

.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
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/7430.aaacf20e1168129a9da2.css.map*/



.QN2lPu {
    margin: 0;
}

.QN2lPu img {
    pointer-events: none
}

.GqYslU {
    height: 100%;
    left: 0;
    object-fit: fill;
    position: absolute;
    right: 0;
    width: 100%
}

.ADA0OE {
    color: rgba(0,0,0,.87);
    color: #05a;
    margin-right: .625rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.e8lZp3 {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    line-height: 1.7;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap
}

.jMClEd {
    color: #08f
}

.ybxj32 {
    display: flex;
    margin-bottom: 1.125rem
}

.VJOnTD {
    box-sizing: border-box;
    color: rgba(0,0,0,.4);
    font-size: .875rem;
    padding-right: .75rem;
    width: 8.75rem;
    word-break: break-word
}

.Dgs_Bt {
    color: #05a
}

.Dgs_Bt:focus-visible {
    border-radius: 2px;
    margin: -6px;
    outline: 2px solid #000;
    padding: 6px
}

.kA1vc6 {
    text-transform: capitalize
}

.cvFwQa {
    border-top: 1px solid rgba(0,0,0,.05);
    font-size: 1rem;
    padding: .9375rem 0
}

.Ur3C1Z {
    display: flex;
    margin-bottom: 1.125rem
}

.Ur3C1Z span {
    color: rgba(0,0,0,.65)
}

.Gu3Txd {
    color: rgba(0,0,0,.4);
    margin-bottom: 1.125rem
}

.rT_Z4u {
    margin-bottom: 1.875rem
}

.ECg7Gs {
    white-space: pre-wrap
}

.I_DV_3 {
    padding: .9375rem .9375rem 0
}

.WjNdTR {
    background: rgba(0,0,0,.02);
    color: rgba(0,0,0,.87);
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0;
    padding: .875rem;
    text-transform: capitalize
}

.Gf4Ro0 {
    margin: 1.875rem .9375rem .9375rem
}

.Y2znRB {
    padding: 1rem .75rem;
    position: relative
}

.pDzgVw {
    left: .75rem;
    position: absolute;
    top: 1rem
}

.hlrJyJ {
    color: rgba(0,0,0,.87);
    height: 1rem
}

.s2FoN4 {
    color: rgba(0,0,0,.54);
    margin-top: .25rem
}

.s2FoN4 ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 1.5rem
}

.hlrJyJ,.s2FoN4 {
    margin-left: 2rem
}

.wAMdpk .shopee-header-section__header-link>.shopee-button-no-outline {
    color: var(--brand-primary-color,#ee4d2d)!important
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-productdetailspage/_/PageProductBelowTheFold.29aee25fb65c8b2e2602.css.map*/

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.loading-spinner-popup {
    align-items: center;
    background: hsla(0,0%,100%,.6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001
}

.loading-spinner-popup__container {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,.09);
    display: flex;
    height: 108px;
    justify-content: center;
    width: 108px
}

.loading-spinner-popup__container img {
    animation: rotating 2s linear infinite
}

.shopee-button-solid {
    align-items: center;
    background: rgba(0,0,0,.54);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    position: relative;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: opacity .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.shopee-button-solid:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-solid--complement {
    background: #00bfa5
}

.shopee-button-solid--complement:hover {
    background: #00a08a
}

.shopee-button-solid--secondary {
    background: #3b3f53
}

.shopee-button-solid--primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.shopee-button-solid--primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):hover {
    background: #f05d40
}

.shopee-button-solid--primary:not(.shopee-button-solid--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--primary.shopee-button-solid--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--tributton {
    background: #ee4d2d;
    flex: none!important;
    height: 36px;
    outline: 0;
    overflow: visible;
    padding: 10px 13px!important;
    position: relative;
    text-transform: uppercase!important;
    width: 102px
}

.shopee-button-solid--tributton:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-solid--tributton:not(.disabled):hover {
    background: #f05d40
}

.shopee-button-solid--tributton:not(.disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.shopee-button-solid--tributton.disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.shopee-button-solid--email {
    background-color: #1d9db4
}

.shopee-button-solid--facebook {
    background-color: #31589c
}

.shopee-button-solid--sms {
    background-color: #13b50b
}

.shopee-button-solid--disabled {
    background-color: rgba(0,0,0,.26);
    box-shadow: none
}

.shopee-button-solid--disabled:hover {
    background-color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.shopee-button-outline {
    align-items: center;
    background: transparent;
    border: 0;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-outline--normal {
    background: #fff
}

.shopee-button-outline--normal:hover {
    background: #f3f3f3
}

.shopee-button-outline--disabled {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.shopee-button-outline--fill {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%
}

.shopee-button-outline--tributton {
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase!important;
    width: 130px
}

.shopee-button-outline--tributton:hover {
    border-color: #ee4d2d;
    color: #ee4d2d;
    flex: none!important;
    padding: 10px 15px!important
}

.shopee-button-outline--primary-reverse,.shopee-button-outline--primary:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.shopee-button-outline--primary-reverse:hover {
    background: #ee4d2d;
    color: #fff
}

.shopee-button-outline--complement:hover {
    border-color: #00bfa5;
    color: #00bfa5
}

.shopee-button-outline--rounded {
    border-radius: 1.25rem
}

.shopee-button-outline--rounded:hover {
    border-color: #ee4d2d;
    color: #ee4d2d
}

.cancel-btn {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    padding: 10px 0;
    text-transform: uppercase;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    width: 140px
}

.cancel-btn:hover {
    background: #f8f8f8
}

.cancel-btn:active {
    background: #f5f5f5
}

.shopee-button-no-outline,.shopee-icon-button,.shopee-image-button {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    font-weight: 300;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    outline: none;
    transition: background-color .1s cubic-bezier(.4,0,.6,1)
}

.shopee-button-no-outline {
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,.8);
    outline: 0;
    overflow: visible;
    padding: .3125rem .4375rem;
    position: relative
}

.shopee-button-no-outline:focus-visible:before {
    --focus-indicator-spacing: 1px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.shopee-button-no-outline--primary,.shopee-button-no-outline:hover {
    color: #ee4d2d
}

.shopee-button-no-outline--complement {
    color: #00bfa5
}

.shopee-button-no-outline--disabled {
    color: rgba(0,0,0,.26);
    cursor: default
}

.shopee-button-no-outline--disabled:hover {
    color: rgba(0,0,0,.26)
}

.shopee-button-no-outline--tributton {
    color: rgba(0,0,0,.87);
    flex: none!important;
    height: 36px;
    padding: 10px 15px!important;
    text-transform: uppercase
}

.shopee-button-no-outline--tributton:hover {
    color: #ee4d2d
}

.shopee-icon-button {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.54);
    padding: 0
}

.shopee-image-button {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
    position: relative;
    width: 100%
}

.shopee-image-button:hover .shopee-image-button__mask {
    background-color: rgba(0,0,0,.7)
}

.shopee-image-button__mask {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.shopee-image-button__text {
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    left: 50%;
    overflow: hidden;
    padding: 0 .625rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    width: 100%
}

.shopee-see-all-button>.shopee-button-no-outline {
    align-items: center;
    color: #ee4d2d;
    display: flex
}

.shopee-see-all-button>.shopee-button-no-outline>.icon-arrow-right {
    font-size: .625rem
}

.stardust-button {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 4px;
    color: rgba(0,0,0,.87);
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 10px
}

.stardust-button.stardust-button--active,.stardust-button:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.26);
    cursor: pointer
}

.stardust-button--disabled {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26)
}

.stardust-button--disabled.stardust-button--active,.stardust-button--disabled:hover {
    background-color: rgba(0,0,0,.26);
    border: 1px solid rgba(0,0,0,.26);
    cursor: not-allowed
}

.stardust-button--block {
    display: block;
    width: 100%
}

.stardust-button--block+.stardust-button--block {
    margin-top: 5px
}

.stardust-button--large {
    border-radius: 6px;
    font-size: 16px;
    padding: 12px 14px
}

.stardust-button--large,.stardust-button--small {
    font-family: -apple-system,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-weight: 400
}

.stardust-button--small {
    border-radius: 3px;
    font-size: 12px;
    padding: 6px 8px
}

.stardust-button--primary {
    background-color: #ee4d2d;
    border-color: #cd3011;
    color: #fff
}

.stardust-button--primary.stardust-button--active,.stardust-button--primary:hover {
    background-color: #d73211;
    border-color: #ba2b0f
}

.stardust-button--primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--primary.stardust-button--active.stardust-button--disabled,.stardust-button--primary:hover.stardust-button--disabled {
    background-color: #ee4d2d;
    border-color: #cd3011
}

.stardust-button--warning {
    background-color: #ff424f;
    border-color: #ef0010;
    color: #fff
}

.stardust-button--warning.stardust-button--active,.stardust-button--warning:hover {
    background-color: #fa0011;
    border-color: #e50010
}

.stardust-button--warning.stardust-button--disabled {
    opacity: .7
}

.stardust-button--warning.stardust-button--active.stardust-button--disabled,.stardust-button--warning:hover.stardust-button--disabled {
    background-color: #ff424f;
    border-color: #ef0010
}

.stardust-button--outline-primary {
    background-color: transparent;
    border-color: #ee4d2d;
    color: #ee4d2d
}

.stardust-button--outline-primary.stardust-button--active,.stardust-button--outline-primary:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #d73211
}

.stardust-button--outline-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-primary.stardust-button--active.stardust-button--disabled,.stardust-button--outline-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #ee4d2d
}

.stardust-button--outline-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.stardust-button--outline-white.stardust-button--active,.stardust-button--outline-white:hover {
    background-color: hsla(0,0%,100%,.3);
    border-color: #fff
}

.stardust-button--outline-white.stardust-button--disabled {
    opacity: .7
}

.stardust-button--outline-white.stardust-button--active.stardust-button--disabled,.stardust-button--outline-white:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: #fff
}

.stardust-button--ghost-primary {
    background-color: transparent;
    border-color: transparent;
    color: #ee4d2d
}

.stardust-button--ghost-primary.stardust-button--active,.stardust-button--ghost-primary:hover {
    background-color: rgba(0,0,0,.09);
    border-color: rgba(0,0,0,.09)
}

.stardust-button--ghost-primary.stardust-button--disabled {
    opacity: .7
}

.stardust-button--ghost-primary.stardust-button--active.stardust-button--disabled,.stardust-button--ghost-primary:hover.stardust-button--disabled {
    background-color: transparent;
    border-color: transparent
}

.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
}

.kiCpFo {
    left: 0;
    position: absolute;
    top: 0
}

.d4CZbr {
    width: 3.625rem
}

.zvKpoU {
    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
}

.Z6v0iw {
    color: #333;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: .5625rem
}

.pxShte {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1.625rem
}

.UNGwiq {
    padding-right: 2.4375rem
}

.lOu1t2 {
    align-items: center;
    display: flex;
    flex-direction: column
}

.GDeUTx {
    margin-bottom: .6875rem;
    overflow: hidden
}

.kEgt9x {
    height: 10rem;
    margin: -.625rem -.3125rem -.9375rem;
    width: 10rem
}

.eOSx7z,.lXWD5W {
    background-repeat: no-repeat;
    display: inline-block;
    height: 3.1875rem;
    margin-right: .625rem;
    width: 9.625rem
}

.lXWD5W {
    background-position-x: -.625rem;
    background-position-y: -.6875rem;
    background-size: 113% 146%
}

.eOSx7z {
    background-size: 100%
}

.MZYPMp {
    align-items: center;
    display: flex
}

.IQEmT_,.UE7SrN {
    height: 1rem;
    padding: .1875rem
}

.ZJXh5H.zvKpoU {
    padding: 1rem 1.75rem 1.25rem;
    width: 34.8125rem
}

.ZJXh5H .Z6v0iw {
    margin-bottom: 1rem;
    padding-top: 2.0625rem
}

.ZJXh5H .lXWD5W {
    background-position-x: -.5625rem;
    background-position-y: -.5625rem;
    background-size: 115% 151%;
    height: 2.1875rem;
    width: 7.5rem
}

.ZJXh5H .eOSx7z {
    height: 2.1875rem;
    width: 6.6875rem
}

.ZJXh5H .fweWCq {
    background-position-y: -.125rem;
    background-repeat: no-repeat;
    background-size: 100% 114%;
    display: inline-block;
    height: 2.1875rem;
    width: 6.875rem
}

.ZJXh5H .UNGwiq {
    padding-right: 1.4375rem
}

.ZJXh5H .lOu1t2 {
    justify-content: center
}

.ZJXh5H .kEgt9x {
    height: 11rem;
    margin: 0;
    width: 11rem
}

.ZJXh5H .GDeUTx {
    margin-bottom: -.25rem
}

.ZJXh5H .IQEmT_,.ZJXh5H .SBb_pM,.ZJXh5H .UE7SrN {
    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
}

.ZJXh5H .SBb_pM {
    margin-right: 0
}

.icon-popup {
    align-items: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    justify-content: center;
    padding: 30px;
    width: 440px
}

.error-popup .icon-error {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

.btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-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
}

.btn-solid-primary {
    background: #ee4d2d;
    color: #fff;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-solid-primary--link {
    color: #fff
}

.theme--ofs .btn-solid-primary {
    background: #d0011b;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--ofs .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #d41830
}

.theme--ofs .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #c6011a;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--ofs .btn-solid-primary.btn-solid-primary--disabled {
    background: #f1b3bb!important;
    box-shadow: none;
    cursor: not-allowed
}

.theme--s-mart .btn-solid-primary {
    background: #066bc8;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .btn-solid-primary:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #1c78cd
}

.theme--s-mart .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #0666be;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .btn-solid-primary.btn-solid-primary--disabled {
    background: #b4d3ef!important;
    box-shadow: none;
    cursor: not-allowed
}

.btn-light {
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
    color: #555;
    outline: 0;
    overflow: visible;
    position: relative
}

.btn-light:focus-visible:before {
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.btn-light:active,.btn-light:hover {
    background: rgba(0,0,0,.02)
}

.btn-light:active {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.btn-light--link {
    color: #555
}

.btn-light--disabled {
    background: #fff!important;
    color: #ccc;
    cursor: not-allowed
}

.info-popup {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    flex-direction: column;
    font-size: 1rem;
    padding: 30px;
    width: 440px
}

.info-popup__head {
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    width: 100%
}

.info-popup__head .shopee-svg-icon {
    height: 24px;
    width: 24px
}

.info-popup__icon {
    margin-right: 10px
}

.info-popup__title {
    color: #333;
    font-size: 18px
}

.info-popup__message {
    color: #555;
    font-size: 16px
}

.info-popup__buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px;
    width: 100%
}

.info-popup__btn {
    font-size: .875rem;
    margin: .46875rem;
    min-height: 2.5rem;
    text-transform: uppercase;
    width: 6.25rem
}

.success-popup__icon {
    height: 50px;
    margin-bottom: 14px;
    width: 50px
}

.shopee-modal__transition-appear {
    opacity: .01
}

.shopee-modal__transition-appear.shopee-modal__transition-appear-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-enter {
    opacity: .01
}

.shopee-modal__transition-enter.shopee-modal__transition-enter-active {
    opacity: 1;
    transition: opacity .2s
}

.shopee-modal__transition-exit {
    opacity: 1
}

.shopee-modal__transition-exit.shopee-modal__transition-exit-active {
    opacity: .01;
    transition: opacity .2s
}

.stardust-icon {
    stroke: currentColor;
    fill: currentColor;
    height: 1em;
    width: 1em
}

.shopee-alert-popup {
    background-color: #fff
}

.shopee-alert-popup__btn {
    flex: 1;
    max-width: 100%
}

.shopeeCopyMessage {
    background-color: transparent;
    border: 0 solid;
    color: #f5a623;
    font-size: 20px;
    margin-bottom: 66px;
    margin-top: 44px;
    outline: none;
    text-align: center;
    width: 100%
}

.shopeeTributtonTitle {
    color: #555;
    font-size: 18px;
    margin-left: 10px;
    margin-top: 6px
}

.shopeeTributtonButtons {
    justify-content: flex-end;
    margin-top: 0
}

.PJFhUR {
    border: .0625rem solid rgba(0,0,0,.14);
    border-radius: .625rem;
    margin: .625rem;
    padding: .625rem;
    text-align: center
}

._3sjFp {
    align-items: center;
    border-radius: .125rem;
    border-radius: var(--nr-normal,.125rem);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    outline: none;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

._3sjFp:active:before {
    background-color: rgba(0,0,0,.05);
    background-color: var(--nc-util-pressed,rgba(0,0,0,.05));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.lJMau {
    height: 2.75rem
}

._3zn07 {
    height: 2.25rem;
    min-width: 4rem
}

._18F8b {
    height: 1.75rem;
    min-width: 4rem;
    padding: 0 .75rem
}

.uxSdp {
    height: 1.25rem;
    min-width: 3.25rem;
    padding: 0 .5rem
}

.xCn81 {
    background: transparent
}

.TOjHY.AHhqR {
    background: #ee4d2d;
    background: var(--nc-primary,#ee4d2d);
    border: .0625rem solid transparent;
    color: #fff
}

.TOjHY.xCn81 {
    border: .0625rem solid #ee4d2d;
    border: .0625rem solid var(--nc-primary,#ee4d2d);
    color: #ee4d2d;
    color: var(--nc-primary,#ee4d2d)
}

._1-4Xn.xCn81 {
    border: .0625rem solid rgba(0,0,0,.26);
    color: rgba(0,0,0,.87);
    color: var(--nc-text-primary,rgba(0,0,0,.87))
}

._1qQAl.xCn81 {
    border: .0625rem solid #fff;
    color: #fff
}

._3sjFp:disabled {
    color: rgba(0,0,0,.26);
    color: var(--nc-util-disabled,rgba(0,0,0,.26))
}

._3sjFp:disabled.xCn81 {
    border-color: rgba(0,0,0,.09);
    border-color: var(--nc-util-line,rgba(0,0,0,.09))
}

._3sjFp:disabled._1qQAl.xCn81 {
    border-color: hsla(0,0%,100%,.54);
    color: hsla(0,0%,100%,.4)
}

._3sjFp:disabled.TOjHY.AHhqR {
    background: rgba(0,0,0,.09)
}

._2HCeY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._19rDu {
    margin-left: .25rem
}

.l25lop {
    display: block;
    height: 18.75rem;
    margin: 12.5rem auto 1.25rem
}

.b5PKZy {
    color: #222;
    font-size: 1rem;
    text-align: center
}

.ZK0CJb {
    transition: margin-top .3s cubic-bezier(.4,0,.2,1);
    -webkit-overflow-scrolling: touch
}

.ZK0CJb.Dr8g6q {
    margin-top: 7.4375rem
}

.ZK0CJb.j9kkvQ {
    margin-top: 11.125rem
}

.Q3No02.hMihhk {
    flex: 1;
    font-size: .625rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden;
    width: 0
}

.Q3No02 {
    align-items: center;
    border-style: solid;
    border-width: .0625rem 0;
    box-sizing: border-box;
    color: #ee4d2d;
    cursor: default;
    display: flex;
    font-size: .75rem;
    height: 1.1875rem;
    justify-content: center;
    margin-left: .5rem;
    padding: 0 .3125rem;
    position: relative;
    white-space: nowrap
}

.chqYnT {
    color: #9b9b9b
}

.Q3No02 span {
    overflow: hidden;
    text-overflow: ellipsis
}

.cSdsVH {
    border-radius: .125rem;
    height: 1rem
}

.Dh8899,.UCZng4 {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0
}

.Dh8899 svg,.UCZng4 svg {
    height: 35px;
    width: 5px;
    fill: #ee4d2d
}

.Dh8899 {
    left: 0
}

.UCZng4 {
    right: 0;
    transform: rotate(180deg)
}

.UCZng4 svg {
    float: right
}

.cpXFZ3 svg {
    height: unset;
    width: unset;
    fill: unset
}

.eCwnDO {
    height: .75rem;
    margin-left: -.1875rem;
    margin-right: .1875rem
}

.I5bsxm {
    color: #ee4d2d
}

.YX3MZd {
    color: #757575;
    font-size: .875rem
}

.Vo7Vku {
    flex: 1
}

.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)
    }
}

.CzLyKQ {
    grid-column-end: 4;
    grid-column-start: 2;
    -ms-grid-column-span: 2;
    align-items: center;
    display: flex;
    padding: .75rem 0
}

.Yt8RCW {
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
    padding-right: 1.875rem
}

.CzLyKQ .icon-voucher-applied-line,.CzLyKQ .icon-voucher-line {
    color: #ee4d2d;
    fill: currentColor;
    height: 1.25rem;
    width: 1.3125rem
}

.hNQnJB {
    flex: 0 0 auto;
    height: 1.125rem;
    overflow: visible!important;
    width: 1.125rem
}

.FGs2jP,.YeF4Yc {
    flex-shrink: 0;
    font-weight: 500;
    margin: 0 .5rem
}

.FGs2jP {
    margin: 0 .3125rem
}

.nOoMrG {
    background: none;
    border: 0;
    color: #05a;
    cursor: pointer;
    font-size: .875rem;
    margin-right: 1.875rem;
    padding: 0;
    white-space: nowrap
}

.oI3JPG {
    flex: 1
}

.Bos_Qh,.kazfTP {
    align-items: center;
    display: flex
}

.Bos_Qh {
    margin-top: .5rem
}

.KHZurV {
    align-items: center;
    color: #ee4d2d;
    display: flex;
    flex: 1;
    font-size: .875rem
}

.KHZurV .shopee-drawer {
    display: inline-flex
}

.MgrJdX {
    background: none;
    border: 0;
    color: #05a;
    cursor: pointer;
    font-weight: medium;
    margin-left: .75rem;
    padding: 0;
    white-space: nowrap
}

.MgrJdX,.vC9k1c {
    font-size: .875rem
}

.vC9k1c {
    background: #fff;
    color: rgba(0,0,0,.8);
    line-height: 1.375rem;
    padding: 1.25rem;
    width: 18.75rem;
    word-wrap: break-word;
    text-align: left
}

.em_i3K {
    stroke: currentColor;
    color: rgba(0,0,0,.54);
    margin-left: .375rem
}

.KQwzrA {
    color: #ee4d2d
}

.stardust-checkbox {
    align-items: center;
    color: rgba(0,0,0,.54);
    cursor: default;
    display: flex;
    font-family: -apple-system,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Roboto,Droid Sans,Arial,sans-serif;
    font-size: 12px;
    font-weight: 300;
    max-width: 400px;
    position: relative
}

.stardust-checkbox__input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.stardust-checkbox__box {
    border: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.02);
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 16px
}

.stardust-checkbox__box:hover {
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.09)
}

.stardust-checkbox__box:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    transform: rotate(-45deg);
    width: 9px
}

.stardust-checkbox--disabled {
    cursor: no-drop;
    opacity: .35
}

.stardust-checkbox--disabled .stardust-checkbox__box {
    background: #e7e7e7!important;
    box-shadow: none!important
}

.stardust-checkbox--disabled .stardust-checkbox__box:before {
    border-color: transparent
}

.stardust-checkbox--checked>.stardust-checkbox__box {
    background: #ee4d2d;
    border-color: #ee4d2d
}

.stardust-checkbox--checked>.stardust-checkbox__box:hover {
    box-shadow: none
}

.stardust-checkbox--checked>.stardust-checkbox__box:before {
    border-color: #fff
}

.ificCM {
    box-sizing: border-box;
    font-size: 14px
}

.T5n8VV .BBQR6_,.T5n8VV .BjTxuU,.T5n8VV .Iz070x {
    opacity: .2
}

.T5n8VV .BjTxuU {
    cursor: not-allowed
}

.BjTxuU {
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    grid-column-end: 2;
    grid-column-start: 1;
    min-width: 58px;
    -ms-grid-column-span: 1;
    flex: 0 0 auto;
    padding: 16px 12px 16px 20px
}

.BjTxuU .stardust-checkbox--disabled {
    opacity: 1
}

.BjTxuU .stardust-checkbox--disabled .stardust-checkbox__box {
    border: 1px solid #e7e7e7
}

.Iz070x {
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
    fill: none
}

.BBQR6_ {
    flex-shrink: 0;
    font-weight: 500;
    margin-left: 8px
}

.PkMsif {
    color: #929292;
    flex: 0 1 auto;
    font-weight: 500;
    margin-left: 17px
}

.Prdzh0 {
    z-index: 2
}

.eXBxkv {
    stroke: currentColor;
    color: rgba(0,0,0,.54);
    flex: 0 1 auto;
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px
}

.QXhebg {
    background: #fff;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 22px;
    padding: 20px;
    width: 300px;
    word-wrap: break-word;
    text-align: left
}

.IR54W9 {
    color: #d0d0d0;
    font-weight: 500;
    padding-right: 30px
}

.ni9n3B {
    color: #ee4d2d
}

.fDdBqs {
    grid-column-end: 4;
    grid-column-start: 3;
    justify-content: flex-end
}

.dOZlXw,.fDdBqs {
    -ms-grid-column-span: 1;
    align-items: center;
    display: flex
}

.dOZlXw {
    grid-column-end: 3;
    grid-column-start: 2;
    justify-content: flex-start
}

.uYpIgW {
    color: #05a;
    cursor: pointer;
    margin-left: .375rem
}

.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
}

.f0bbkH {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    flex-direction: column;
    font-size: 1rem;
    padding: 30px;
    padding: 2.75rem 2.5rem 1.5rem;
    width: 440px;
    width: 27.5rem
}

.u2TYJZ {
    color: #333;
    font-size: 1rem;
    line-height: 1.125rem
}

.MhLiC9 {
    display: flex;
    justify-content: flex-end;
    margin-top: 2.1875rem
}

.MhLiC9 .cancel-btn,.MhLiC9 .shopee-button-solid--confirm-popup {
    font-size: .875rem;
    min-height: 2.5rem;
    width: 6.5625rem
}

.MhLiC9 .shopee-button-solid--confirm-popup {
    margin-right: 1.5rem;
    text-transform: uppercase
}

.SHq91i {
    width: 100%
}

.Kwo_We {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(0,0,0,.14);
    padding: 0 30px;
    width: 550px
}

.khs5up {
    border-bottom: .5px solid rgba(0,0,0,.09);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding: 25px 0
}

.I6h5df,.khs5up {
    box-sizing: border-box
}

.I6h5df {
    padding: 15px 0
}

.I6h5df:not(:last-child) {
    border-bottom: .5px solid rgba(0,0,0,.09)
}

.YFerFn {
    padding-bottom: 14px
}

.OvAbRH {
    display: flex;
    font-size: 14px;
    line-height: 17px
}

.OvAbRH:not(:last-child) {
    margin-bottom: 8px
}

.vxKt8Q {
    flex: 1
}

.SWO9VF {
    flex-shrink: 0
}

.aK4ilT,.eUKwCl {
    font-weight: 500
}

.aK4ilT {
    color: #ee4c2c
}

.qmvSHd {
    font-weight: 500
}

.z5DAvV {
    color: #f2994a
}

.dFd6ZV {
    color: rgba(0,0,0,.54);
    font-size: 12px;
    line-height: 14px;
    padding: 2px 0 11px;
    text-align: right
}

.BV92a3 {
    display: flex;
    flex-direction: column
}

.DScaTh {
    align-items: center
}

.DScaTh,.unV7eM {
    display: flex;
    justify-content: flex-end
}

.unV7eM {
    font-size: 14px;
    margin-top: 1px
}

._BTKc7 {
    color: #ee4d2d;
    padding-left: 24px
}

.YZz8w9 {
    color: #f6a700
}

.znJ7TE {
    align-items: center;
    display: flex;
    margin-left: 20px
}

.CoYXUV {
    color: #222;
    font-size: 16px;
    line-height: 19px
}

.mketV9 {
    color: #ee4d2d;
    font-size: 24px;
    line-height: 28px;
    margin-left: 5px
}

.XKRl_U {
    margin-left: 8px
}

.Z1wqF9 {
    margin-right: 2px
}

.GANWyY {
    stroke: currentColor;
    color: rgba(0,0,0,.54);
    font-size: 12px;
    padding-left: 4px
}

.YJJMvh {
    z-index: 2
}

.GY1MJC {
    background: #fff;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    width: 365px;
    word-wrap: break-word;
    text-align: left
}

.iW3eM2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 8px
}

.WhvsrO {
    grid-column-end: 4;
    grid-column-start: 1;
    padding: 12px 0;
    -ms-grid-column-span: 3;
    align-items: center;
    display: flex;
    flex: 1;
    width: 100%
}

.GQ7Hga {
    margin: 0 8px
}

.nR_85m {
    color: #bbb
}

.QmkEaL {
    color: #ee4d2d;
    margin: 0 8px;
    max-width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

svg.VpnM2N {
    height: 36px;
    width: 36px
}

.VvYoGQ,.v5CBXg {
    cursor: pointer
}

.VvYoGQ {
    margin-left: 2.1875rem
}

.iqpIui {
    flex: 1
}

.CShA8H {
    display: flex;
    flex-direction: column
}

.gi2p36 {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.OLNYAw {
    color: #f6a700;
    font-size: .875rem;
    margin-top: 1px;
    text-align: right
}

.qVyf2m {
    align-items: center;
    display: flex;
    margin-left: 1.25rem
}

.z2aO1D {
    color: #ee4d2d;
    font-size: 1.875rem;
    line-height: 1.875rem;
    margin-left: .3125rem
}

.u4pma8 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    min-width: 58px;
    padding: 0 12px 0 20px
}

.u4pma8 .stardust-checkbox--disabled {
    opacity: 1
}

.u4pma8 .stardust-checkbox--disabled .stardust-checkbox__box {
    border: 1px solid #e7e7e7
}

.Z6oxZ3 {
    grid-column-end: 4;
    grid-column-start: 1;
    -ms-grid-column-span: 3;
    border-top: 1px dashed rgba(0,0,0,.09)
}

.yn6AIc {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: grid;
    flex: 1;
    font-size: 1rem;
    grid-template-columns: 1fr 20.3125rem 11.875rem;
    margin-top: .75rem;
    position: relative;
    width: 100%
}

@supports ((position: -webkit-sticky) or (position:sticky)) {
    .yn6AIc {
        bottom:0;
        position: -webkit-sticky;
        position: sticky;
        z-index: 2
    }
}

.yn6AIc .shopee-button-solid {
    border-radius: 2px;
    box-sizing: border-box;
    font-size: .875rem;
    font-weight: 300;
    height: 2.5rem;
    margin: 0 22px 0 15px;
    padding: 13px 36px;
    text-transform: capitalize;
    width: 13.125rem
}

@supports not ((position: -webkit-sticky) or (position:sticky)) {
    .gM5JQs {
        bottom:0;
        left: 50%;
        position: fixed;
        transform: translateX(-50%);
        width: 1200px;
        z-index: 2
    }
}

.dhqg2H {
    border-radius: 0;
    transition: background .1s cubic-bezier(.4,0,.6,1)
}

.dhqg2H:before {
    background: linear-gradient(transparent,rgba(0,0,0,.06));
    content: "";
    height: 1.25rem;
    left: 0;
    position: absolute;
    top: -1.25rem;
    width: 100%
}

.lRHCcS {
    -ms-grid-row: 1
}

.iDgxib {
    -ms-grid-row: 2
}

.WuLbM9 {
    -ms-grid-row: 3
}

.MOZmZ1 {
    -ms-grid-row: 4
}

.Kk1Mak {
    -ms-grid-row: 5
}

.Za1N64 {
    align-items: center;
    background: #fff;
    border-radius: .125rem;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    color: #888;
    display: flex;
    font-size: 14px;
    height: 55px;
    margin-bottom: 12px;
    overflow: hidden;
    padding: 0 20px
}

.SQGY8I {
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    min-width: 58px;
    padding: 0 12px 0 20px
}

.SQGY8I .stardust-checkbox--disabled {
    opacity: 1
}

.SQGY8I .stardust-checkbox--disabled .stardust-checkbox__box {
    border: 1px solid #e7e7e7
}

.jX4z5R {
    color: rgba(0,0,0,.8);
    width: 46.27949%
}

.jHcdvj {
    width: 15.88022%
}

.jHcdvj,.o1QlcH {
    text-align: center
}

.o1QlcH {
    width: 15.4265%
}

.RT5qRd {
    width: 10.43557%
}

.RT5qRd,.TkKRaF {
    text-align: center
}

.TkKRaF {
    width: 12.70417%
}

.UALjfH {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 37.5rem;
    justify-content: center
}

.Mkjo2B {
    background-image: url(https://deo.shopeemobile.com/shopee/shopee-pcmall-live-sg/cart/9bdd8040b334d31946f4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 11.1875rem;
    width: 12.5rem
}

.R1_DmZ {
    font-size: 1.25rem;
    font-weight: 700
}

.R1_DmZ,.ad3jOq {
    margin-top: 1.625rem
}

.ad3jOq {
    color: rgba(0,0,0,.87);
    display: block;
    -webkit-text-decoration: none;
    text-decoration: none
}

.ad3jOq>.shopee-button-solid {
    padding: .625rem 2.625rem
}

.kGvFN2 {
    font-size: 1rem;
    text-transform: capitalize
}

.zLDLbp {
    height: 21rem
}

.zLDLbp .Mkjo2B {
    height: 6.125rem;
    width: 6.75rem
}

.zLDLbp .R1_DmZ {
    color: rgba(0,0,0,.4);
    font-size: .875rem;
    line-height: 1rem;
    margin-top: 1.125rem
}

.zLDLbp .ad3jOq {
    margin-top: 1.0625rem
}

.Es_V3Q {
    background-color: #d0011b;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    line-height: 12px;
    padding: 2px 3px;
    vertical-align: middle
}

.PxFrzE {
    margin-top: -2px;
    padding: 0
}

.PxFrzE>svg {
    display: block;
    fill: #fff;
    height: 15px;
    width: 30px
}

.mZwlsC {
    padding: 0
}

.mZwlsC>svg {
    display: block;
    fill: #fff
}

.xzDLS0 {
    margin-bottom: 1px
}

.xzDLS0>svg {
    display: block;
    fill: #fff;
    height: 11px;
    width: 24px
}

.JsC6Oq,.Koi0Pw,.QbH_Bj {
    align-items: center;
    display: flex
}

.JsC6Oq {
    border-bottom: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    height: 3.75rem;
    padding: 0 20px
}

.NWPcV8 {
    border-bottom: 0
}

.gzSvrb {
    align-items: center;
    display: flex;
    flex: 1
}

.Ll5dDW {
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    min-width: 58px;
    padding: 0 12px 0 20px
}

.Ll5dDW .stardust-checkbox--disabled {
    opacity: 1
}

.Ll5dDW .stardust-checkbox--disabled .stardust-checkbox__box {
    border: 1px solid #e7e7e7
}

.EGA8FU {
    background-color: rgba(0,0,0,.4);
    border-radius: 11px;
    color: #fff;
    line-height: 18px;
    margin-left: 8px;
    padding: 3px 10px
}

.Eg4UEE {
    background: none;
    border: 0;
    display: flex;
    margin-left: 5px;
    padding: 0
}

.QcqMX5 {
    align-items: center;
    color: rgba(0,0,0,.87);
    display: flex;
    font-weight: 500;
    min-width: 50px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.QcqMX5>.aOiA2G {
    width: 1.875rem
}

.AxeMgG {
    color: #ee4d2d;
    cursor: pointer;
    height: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.375rem
}

.cVlPY7 {
    flex: 1
}

.p1DEnN {
    align-items: center;
    display: flex;
    padding-right: 20px;
    text-transform: capitalize
}

.KeOYUq {
    height: 1.125rem;
    margin-right: .625rem;
    width: 1.125rem;
    fill: none
}

.vjkBXu {
    margin-right: 10px
}

.vjkBXu:last-child {
    margin: 0
}

.tnTSPU {
    color: rgba(0,0,0,.54);
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

.f24lR4 {
    margin: 0
}

.owBguB {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.kGu6RJ {
    color: rgba(0,0,0,.54);
    margin-top: 5px;
    text-transform: capitalize
}

.product-variation {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    box-sizing: border-box;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    margin: 0 8px 8px 0;
    min-height: 2.125rem;
    min-width: 5rem;
    outline: 0;
    overflow: visible;
    padding: .25rem .75rem;
    position: relative;
    text-align: left;
    word-break: break-word
}

.product-variation:focus-visible:before {
    --focus-indicator-spacing: 2px;
    border-radius: var(--focus-indicator-border-radius);
    content: "";
    height: calc(100% + var(--focus-indicator-spacing)*2);
    left: calc(var(--focus-indicator-spacing)*-1);
    margin: calc(var(--focus-indicator-spacing)*-1);
    outline: var(--focus-indicator-stroke-width) solid var(--focus-indicator-color);
    padding: var(--focus-indicator-spacing);
    position: absolute;
    top: calc(var(--focus-indicator-spacing)*-1);
    width: calc(100% + var(--focus-indicator-spacing)*2)
}

.product-variation:hover {
    border-color: var(--brand-primary-color,#ee4d2d);
    color: var(--brand-primary-color,#ee4d2d)
}

.product-variation--disabled {
    color: rgba(0,0,0,.26);
    cursor: not-allowed
}

.product-variation--disabled:hover {
    border-color: rgba(0,0,0,.09);
    color: rgba(0,0,0,.26)
}

.product-variation--disabled:focus {
    outline: 0
}

.product-variation--selected {
    border-color: var(--brand-primary-color,#ee4d2d);
    color: var(--brand-primary-color,#ee4d2d)
}

.product-variation__tick {
    bottom: 0;
    height: .9375rem;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: .9375rem
}

.product-variation__tick>.icon-tick-bold {
    bottom: 0;
    color: #fff;
    font-size: 8px;
    position: absolute;
    right: 0
}

.product-variation__tick:before {
    border: .9375rem solid transparent;
    border-bottom: .9375rem solid var(--brand-primary-color,#ee4d2d);
    bottom: 0;
    content: "";
    position: absolute;
    right: -.9375rem
}

.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
}

.qNRZqG {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    justify-content: space-between;
    outline: none;
    position: relative
}

.IlkVEv {
    cursor: auto
}

.mM4TZ8 {
    background: none;
    border: 0;
    color: rgba(0,0,0,.54);
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: .875rem;
    margin-right: 10px;
    padding: 0
}

.iIg1CN {
    align-items: center;
    display: flex;
    text-align: left;
    text-transform: capitalize
}

.E33rwr {
    background: none;
    border-bottom: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid rgba(0,0,0,.54);
    margin: 0 0 0 10px;
    padding: 0;
    transform: rotate(0);
    transition: transform .1s cubic-bezier(.4,0,.6,1)
}

.DPQ0Al {
    transform: rotate(180deg)
}

.dDPSp3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
    text-align: left
}

.bfr5fB {
    position: absolute;
    right: -1.25rem;
    top: 110%;
    z-index: 3
}

.bfr5fB .shopee-arrow-box__arrow-outer {
    border-bottom-color: rgba(0,0,0,.09)
}

.bfr5fB .shopee-arrow-box__content {
    border-color: rgba(0,0,0,.09);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.09)
}

.YgOLqE {
    background: #fff;
    display: flex;
    flex-direction: column;
    max-height: 28.125rem;
    overflow-y: auto;
    padding: 27px 25px;
    width: 19.6875rem
}

.UTcc4z,.VwC_Ua {
    color: rgba(0,0,0,.54);
    font-size: 1rem;
    text-transform: capitalize
}

.UTcc4z,.VwC_Ua {
    margin-bottom: 10px
}

.wc_sud {
    margin-bottom: 15px
}

.wc_sud:last-child {
    margin-bottom: 0
}

.Cf3cyU {
    display: flex;
    flex-wrap: wrap
}

.ZQrI2V {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin-top: 5px
}

.ZQrI2V>.shopee-button-solid {
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
    padding: 12px 0;
    text-transform: uppercase;
    width: 140px
}

.j_w5yD {
    align-items: center;
    display: flex
}

.HrzuLB {
    border: 1px solid #ee4d2d;
    border-radius: 2px;
    box-sizing: border-box;
    color: #ee4d2d;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    margin: 0 5px 5px 0;
    padding: 2px 4px;
    white-space: nowrap
}

.HrzuLB,.HrzuLB:last-child {
    overflow: hidden;
    text-overflow: ellipsis
}

.XyrmVS {
    overflow: visible
}

.sHr_ZJ {
    border-color: #26aa99;
    color: #26aa99
}

.aGq8SN {
    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
}

.aGq8SN[disabled],.hvy1rS {
    border-color: rgba(0,0,0,.09);
    color: #ccc
}

.aGq8SN[disabled] svg,.hvy1rS svg {
    fill: #ccc
}

.aGq8SN:focus-visible {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px #000
}

.aGq8SN .shopee-svg-icon {
    flex-shrink: 0;
    font-size: 10px;
    height: 10px;
    width: 10px
}

.aGq8SN:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.aGq8SN:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dYBF91 {
    align-items: center;
    display: flex
}

.jKOh4z {
    -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
}

.sluy3i {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 15.4265%
}

.sluy3i .shopee-input-quantity>.shopee-button-outline {
    height: 30px;
    width: 30px
}

.sluy3i .shopee-input-quantity>.shopee-button-outline-mid {
    width: 40px
}

.tU6oaq {
    opacity: .3
}

.PwuHYD {
    color: #ee4d2d;
    font-size: .8125rem;
    margin-top: .3125rem
}

.J8cCGR {
    max-width: 100%;
    z-index: 2
}

.p3dA0S {
    z-index: 3
}

.BHJkz_ {
    left: 0;
    margin-top: 1.8125rem;
    max-width: 1200px;
    position: absolute;
    width: 75rem
}

.slfWNx.slfWNx {
    border: .0625rem solid transparent;
    color: #ee4d2d;
    font-weight: 400;
    height: 1.875rem;
    max-width: 100%
}

.mmpUSA {
    background-color: #fff;
    border: .0625rem solid #ee4d2d;
    border-bottom: 0;
    border-radius: .0625rem .0625rem 0 0;
    position: relative;
    width: 8.125rem
}

.mmpUSA .wZrjgF {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.f3N1Rf {
    margin-left: .25rem;
    width: .625rem
}

.Pk8KSn {
    background: none;
    border: 0;
    border-radius: 50%;
    height: 30px;
    padding: 2px 4px;
    width: 30px
}

.Pk8KSn:active,.Pk8KSn:hover {
    background: rgba(0,0,0,.09)
}

.XyoN49 {
    color: #ee4d2d;
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px
}

.IUjtFe {
    display: flex;
    margin: 4px 0 2px;
    text-transform: capitalize
}

.K9M1H6 {
    color: #ee4d2d;
    font-size: 12px;
    line-height: 14px;
    margin-right: 5px
}

.YGSt93 {
    background-color: #ee4d2d;
    border-radius: 1px;
    font-size: 10px
}

.YGSt93,.hK3pGP {
    color: #fff;
    padding: 1px 5px
}

.hK3pGP {
    background-color: #a3a3a3;
    border-radius: 44px;
    box-sizing: border-box;
    flex-shrink: 0;
    font-size: .625rem;
    height: 14px;
    line-height: 13px;
    margin-right: 5px;
    text-transform: uppercase
}

.lDiGJB {
    color: rgba(0,0,0,.87);
    display: block;
    margin-top: 15px;
    padding: 0 20px 15px;
    -webkit-text-decoration: none;
    text-decoration: none
}

.lDiGJB:first-child {
    padding-top: 15px
}

.lDiGJB:last-child {
    padding-bottom: 20px
}

.f1bSN6 {
    align-items: center;
    display: flex
}

.K5If_E {
    border-top: 0
}

.K5If_E .HRvCAv {
    color: rgba(0,0,0,.8)
}

.K5If_E .HRvCAv,.K5If_E .brf29Y,.K5If_E .eHDC_o,.K5If_E .gJyWia {
    opacity: .3
}

.YUGfPf {
    background: rgba(0,0,0,.02)
}

.sN9Wwc {
    background: rgba(238,77,45,.05)!important;
    margin-top: 0!important;
    padding-top: 15px
}

.kEMRam {
    margin-top: 0;
    padding: 16px 0
}

.Cts5dc {
    background-color: rgba(255,243,237,.4);
    border-radius: 2px
}

.t89ViJ {
    border-bottom: 1px solid rgba(0,0,0,.09);
    display: block;
    height: 1px;
    margin-left: 50px;
    margin-right: 20px
}

.t89ViJ:last-child {
    display: none
}

.Xp4RLg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    min-width: 58px;
    padding: 0 12px 0 20px
}

.Xp4RLg .stardust-checkbox--disabled {
    opacity: 1
}

.Xp4RLg .stardust-checkbox--disabled .stardust-checkbox__box {
    border: 1px solid #e7e7e7
}

.brf29Y {
    box-sizing: border-box;
    flex-direction: column;
    position: relative;
    width: 29.03811%
}

.brf29Y,.bzhajK {
    display: flex
}

.eHDC_o {
    width: 17.24138%
}

.eHDC_o,.gJyWia {
    align-items: center;
    display: flex;
    justify-content: center
}

.gJyWia {
    flex-direction: column;
    width: 15.88022%
}

.HRvCAv {
    color: #ee4d2d;
    width: 10.43557%
}

.HRvCAv,.bRSn43 {
    align-items: center;
    display: flex;
    justify-content: center
}

.bRSn43 {
    text-transform: capitalize;
    width: 12.70417%
}

.TvSDdG {
    flex-direction: column
}

.lSrQtj {
    background: none;
    border: 0;
    cursor: pointer
}

.lSrQtj:hover {
    color: #ee4d2d;
    transition: color .1s cubic-bezier(.4,0,.6,1)
}

.rt3G4Q {
    color: #ee4d2d;
    font-size: 13px;
    margin-top: 5px
}

.hWIyT9 {
    line-height: 18px;
    margin-top: 32px;
    padding-right: 48px;
    text-align: right
}

.hWIyT9,.vMLvE5 {
    color: #f63336;
    font-size: 14px
}

.vMLvE5 {
    line-height: 14px;
    margin-bottom: 26px;
    margin-top: 11px;
    padding-left: 58px;
    text-align: left
}

.kG42T8,.tl3cng {
    color: #ee4d2d;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 12px
}

.QUePGT {
    height: 14px;
    margin-right: 6px;
    vertical-align: bottom;
    width: auto
}

.Jkd76v {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ee4d2d;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 12px
}

.Jkd76v>p {
    display: inline
}

.jAFsBG {
    align-items: center;
    display: flex;
    gap: 5px;
    margin-top: auto
}

.CS9dAN {
    height: 14px;
    width: 15.6px
}

.TeoU0a {
    color: #252525;
    font-size: 12px
}

.jFEiVQ {
    height: 80px;
    object-fit: cover;
    width: 80px
}

.Ou_0WX {
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 14px;
    padding: 5px 20px 0 10px
}

.Ou_0WX,.c54pg1 {
    line-height: 16px;
    overflow: hidden
}

.c54pg1 {
    color: rgba(0,0,0,.87);
    display: block;
    display: -webkit-box;
    margin-bottom: 5px;
    max-height: 32px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.vJizex {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: 10px;
    line-height: 16px;
    margin-right: .5em;
    padding: 0 1px
}

.gvFc9h {
    color: #ee4d2d;
    display: flex
}

.mTLhFC {
    background: rgba(238,77,45,.05);
    margin-top: 0;
    padding-top: 15px
}

.Kv1AvK {
    height: 18px;
    object-fit: contain;
    object-position: left
}

.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
    }
}

.c1Iv3t {
    padding: .75rem 1.25rem .3125rem
}

.c1Iv3t:last-of-type {
    padding-bottom: .9375rem
}

.NzpN8m {
    align-items: flex-start;
    display: flex
}

.uDtVdM {
    box-sizing: border-box;
    display: flex;
    padding: 0 0 0 80px;
    width: 34.30127%
}

.R24st9 {
    padding: 0 0 0 12px
}

.MIfyxV {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0 0 .4375rem;
    min-height: 3.125rem;
    min-width: 3.125rem
}

.wxAXB7 {
    color: rgba(0,0,0,.8);
    font-size: .875rem;
    padding: .3125rem 1.25rem 0 .625rem;
    width: 15.21875rem
}

.LQT8Rf,.wxAXB7 {
    line-height: 1rem
}

.LQT8Rf {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: .625rem;
    margin-right: .5em;
    padding: 0 1px;
    white-space: nowrap
}

.I7veiU,.LQT8Rf {
    vertical-align: middle
}

.gA4lf2 {
    color: rgba(0,0,0,.54);
    padding: .3125rem 0 0;
    width: 17.24138%
}

.pnS4SY {
    width: 15.88022%
}

.LG0TAK {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: .3125rem 0 0;
    width: 15.4265%
}

.CRFQbj {
    width: 10.43557%
}

.Z8vx9d {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: .3125rem 0 0;
    text-transform: capitalize;
    width: 12.70417%
}

.Hnulwd {
    flex-direction: column
}

.h9bG4F {
    color: #f63336;
    font-size: .75rem;
    line-height: 1rem;
    padding-right: .75rem;
    text-align: right
}

.uMSvyq {
    font-size: .875rem;
    margin-bottom: 1.625rem;
    padding-left: 3.625rem;
    text-align: left
}

.CUrbnq {
    background: rgba(238,77,45,.05)!important;
    padding-bottom: 1rem
}

.UwuNmF .CRFQbj,.UwuNmF .LG0TAK,.UwuNmF .gA4lf2,.UwuNmF .pnS4SY,.UwuNmF .uDtVdM {
    opacity: .26
}

.If42wk {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.XeLPKs {
    background: rgba(0,0,0,.4);
    border-radius: 2px;
    color: #fff;
    font-size: .625rem;
    height: 1.0625rem;
    line-height: 1.25rem;
    padding: 0 .5rem;
    text-transform: uppercase;
    white-space: nowrap
}

.zDud0b {
    background: none;
    border: 0;
    cursor: pointer
}

.zDud0b:hover {
    color: #ee4d2d;
    transition: color .1s cubic-bezier(.4,0,.6,1)
}

._9G37m {
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    margin: 22px 20px
}

.wsVAKH {
    background: #fff3ed;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    padding: 9px 12px
}

.lKqYHD {
    border: 1px solid;
    border-radius: 2px;
    color: #ee4d2d;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    margin-right: 8px;
    padding: 1px 4px;
    vertical-align: middle
}

.Vm8iNU {
    margin-left: 12px
}

.Vm8iNU>a {
    color: #ee4d2d;
    display: inline-block;
    text-transform: capitalize
}

.MuMxsb {
    vertical-align: -1px
}

.ArX7yj {
    border-top: 1px solid rgba(0,0,0,.09);
    padding: 1rem 0 1rem 2.5rem
}

.ArX7yj,.N9nCmB {
    align-items: center;
    display: flex
}

.N9nCmB {
    height: 1.75rem;
    margin: 0 0 0 .875rem
}

.GAFp7N,.lGPe96 {
    color: #ee4d2d;
    fill: currentColor;
    height: 1.25rem;
    margin-top: .0625rem;
    width: 1.3125rem
}

.JC72Dv {
    margin: 0 0 0 1.5rem;
    position: relative;
    z-index: 0
}

.JC72Dv .stardust-spinner {
    padding: .9375rem 0
}

.JC72Dv .shopee-popover {
    margin: .625rem 0 0;
    width: 36.25rem
}

.JC72Dv .shopee-popover:after,.JC72Dv .shopee-popover:before {
    display: none
}

.JC72Dv .shopee-popover .voucher-ticket {
    flex-wrap: wrap;
    text-align: center;
    white-space: normal
}

.qe2YoR {
    background: none;
    border: 0;
    color: #05a;
    padding: 0;
    white-space: nowrap
}

.qe2YoR:hover {
    cursor: pointer
}

.Uak7Ps {
    z-index: 1
}

.QIr8Cv {
    border: 1px solid rgba(0,0,0,.09);
    z-index: 590!important
}

.QIr8Cv:after,.QIr8Cv:before {
    content: "";
    left: 4rem;
    position: absolute
}

.QIr8Cv:after {
    border: .5rem solid transparent;
    border-bottom-color: #fff;
    top: -.9375rem;
    z-index: 1
}

.QIr8Cv:before {
    border: .5rem solid transparent;
    border-bottom-color: rgba(0,0,0,.09);
    top: -1.0625rem;
    z-index: 0
}

@keyframes movement {
    0% {
        transform: translateY(2px)
    }

    50% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(2px)
    }
}

.stardust-spinner--hidden {
    display: none
}

.stardust-spinner__background {
    align-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.stardust-spinner__background--no-overlay {
    background-color: transparent;
    height: auto;
    position: static;
    width: auto
}

.stardust-spinner__background--no-overlay .stardust-spinner__main {
    border-radius: 0;
    padding: 0
}

.stardust-spinner__main {
    background: #fff;
    border-radius: 1rem;
    color: #000;
    flex: 0 1 auto;
    padding: 1rem
}

.stardust-spinner__spinner {
    animation: movement .4s linear infinite
}

.stardust-spinner__spinner:nth-child(2) {
    animation-delay: .1s
}

.stardust-spinner__spinner:nth-child(3) {
    animation-delay: .2s
}

.nKTIzW {
    color: rgba(0,0,0,.87)
}

.GlVfsd {
    color: #ee4d2d
}

.FyEzdy {
    color: rgba(0,0,0,.54)
}

.FyEzdy>.stardust-spinner {
    display: inline-block;
    margin: 0 0 0 .25rem;
    transform: scale(.3) translate3d(0,-.5rem,0);
    transform-origin: bottom left
}

.Lujugs {
    color: rgba(0,0,0,.26)
}

.h2m2dQ {
    margin: 0 0 0 1.5rem
}

.MZ3PRa.MZ3PRa {
    background: #fff!important;
    border: .0625rem solid #ee4d2d!important;
    color: #ee4d2d!important;
    width: auto
}

.MZ3PRa.MZ3PRa:active,.MZ3PRa.MZ3PRa:focus {
    box-shadow: inset 0 .125rem .0625rem 0 rgba(0,0,0,.05)
}

.Cm4gJp button {
    border: 0!important
}

.vkn7oD {
    background-color: #ee4d2d;
    border-radius: 1px;
    color: #fff;
    font-size: .75rem;
    margin: 0 .1875rem 0 .25rem;
    padding: .125rem .25rem;
    text-transform: capitalize
}

.PvkwQ6 {
    background-color: rgba(0,0,0,.26)
}

.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
}

._RPX38 {
    align-items: center;
    border-top: 1px solid rgba(0,0,0,.09);
    display: flex;
    padding: 1.25rem 0 1.25rem 2.5rem
}

._RPX38 .shopee-drawer:hover .shopee-drawer__contents:after {
    visibility: visible
}

._RPX38 .shopee-drawer__contents {
    top: calc(100% + .625rem)
}

._RPX38 .shopee-drawer__contents:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: .625rem .75rem;
    content: "";
    display: inline-block;
    left: 50%;
    position: absolute;
    top: -1.25rem;
    transform: translateX(-50%);
    transition: visibility 0s;
    transition-delay: .2s;
    visibility: hidden;
    z-index: 3
}

.HbPB1K {
    margin-right: .9375rem
}

.vKNZXi {
    color: #00bfa5;
    stroke: currentColor;
    fill: currentColor;
    height: .9375rem;
    width: 1.25rem
}

.Eb1Wor {
    color: #05a;
    cursor: pointer;
    margin-left: .375rem
}

.FzndVC {
    background-color: #fff;
    border-radius: 2px;
    border-top: 0;
    box-shadow: 0 .0625rem 3.125rem 0 rgba(0,0,0,.14);
    overflow: hidden;
    padding: 20px;
    white-space: normal;
    width: 34.375rem
}

.HbUVSZ,.L5mJIy {
    display: flex
}

.HbUVSZ {
    margin-top: 20px
}

._1wnH1D {
    color: rgba(0,0,0,.54);
    font-weight: 500
}

.O5uQNQ {
    flex: 1
}

.O5uQNQ+.O5uQNQ {
    margin-left: 20px
}

.fsjktE {
    display: flex;
    min-width: 140px
}

.pR83Ye {
    display: flex;
    flex-direction: column
}

.KvzZcC {
    vertical-align: top!important
}

.G3Mg7n,.KvzZcC {
    margin-right: 4px
}

.G3Mg7n {
    border: 1px solid #ee4d2d;
    border-radius: 2px;
    color: #ee4d2d;
    display: inline-block;
    font-size: 10px;
    line-height: 12px;
    margin-top: 4px;
    padding: 2px 4px
}

.wKbnHY {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.eLQT_L {
    color: rgba(0,0,0,.6);
    font-size: 14px;
    line-height: 20px
}

.RIfxP9 {
    border-top: 1px solid rgba(0,0,0,.09);
    margin-left: .9375rem;
    width: calc(100% - 15px)
}

.AuhAvM,.RIfxP9 {
    margin-bottom: .9375rem
}

.AuhAvM {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    overflow: visible
}

.RqMReY {
    padding-bottom: 1px;
    position: relative
}

.MIThvo {
    background: rgba(238,77,45,.05)!important;
    border-top: 1px solid rgba(0,0,0,.09);
    color: #f63336;
    font-size: .875rem;
    line-height: 1.125rem;
    margin-top: -1px;
    padding: .9375rem 3rem .9375rem 0;
    text-align: right
}

.ofMNEl {
    margin-bottom: 0
}

.i0KH4X {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    margin-bottom: .9375rem;
    min-height: 200px;
    overflow: hidden;
    overflow: visible
}

.IKhPFB {
    border-bottom: 1px solid rgba(0,0,0,.09);
    box-sizing: border-box;
    height: 3.75rem;
    padding: 0 1.25rem
}

.IKhPFB,.SP3KGO {
    align-items: center;
    display: flex
}

.SP3KGO {
    border-top: 1px solid rgba(0,0,0,.09);
    padding: 1.5625rem 0 1.25rem 2.5rem
}

.Q5AWdP {
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    margin-top: .9375rem;
    padding: 0 1.25rem .9375rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Q5AWdP:first-child {
    padding-top: .9375rem
}

.Q5AWdP:last-child {
    padding-bottom: 1.25rem
}

.QSKD5J {
    border-top: 1px solid rgba(0,0,0,.09);
    margin-bottom: .9375rem;
    margin-left: .9375rem;
    width: calc(100% - 15px)
}

.eupcUt {
    display: flex;
    flex-direction: column
}

.eupcUt .Xe6VCd:first-child {
    margin-bottom: .375rem
}

.d_Ml8J {
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    min-width: 58px;
    padding: 0 12px 0 20px
}

.d_Ml8J .stardust-checkbox--disabled {
    opacity: 1
}

.d_Ml8J .stardust-checkbox--disabled .stardust-checkbox__box {
    border: 1px solid #e7e7e7
}

.MV29in {
    align-items: center;
    animation: placholderPulse 1.5s ease-in-out infinite;
    background-color: #f4f4f4;
    display: flex;
    height: 5rem;
    justify-content: center;
    margin-right: .5rem;
    width: 5rem
}

.YeMuYt {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e5e4e4' viewBox='0 0 54 61'%3E%3Cpath stroke='none' d='M51.2 16.9H38.7C38.7 11.6 36 .6 27 .5 17.4.4 15.2 12.4 15.2 16.9H2.8c-3.4 0-2.7 3.4-2.7 3.4l2.4 33s-.1 7.3 6.3 7.5h36.5c6.2-.4 6.3-7.5 6.3-7.5l2.4-33c0-.1.5-3.5-2.8-3.4M27.1 4.2c7.1.2 7.9 11.7 7.7 12.6H19.1c-.1-.9.4-12.4 8-12.6m9.1 44.6c-1 1.7-2.7 3-5 3.7-1.2.4-2.4.5-3.6.5-3.2 0-6.5-1.1-9.3-3.3-.8-.6-1-1.5-.5-2.3.2-.4.7-.7 1.2-.8.4-.1.9 0 1.2.3 3.2 2.4 8.3 4 11.9 1.6 1.4-.9 2.1-2.7 1.6-4.3s-2.2-2.7-3.5-3.4c-1-.6-2.1-1-3.3-1.4-.9-.3-1.9-.7-2.9-1.2q-3.6-1.8-4.8-4.2c-1.2-2.3-.6-5.4 1.4-7.5 3.6-3.8 10-3.2 14-.4.9.6.9 1.7.4 2.5s-1.4.9-2.2.4c-2-1.4-4.4-2-6.4-1.7s-4.7 2-4.4 4.6c.2 1.5 2 2.6 3.3 3.3.8.4 1.5.7 2.3.9 4.3 1.3 7.2 3.3 8.6 5.7 1.2 2.1 1.2 4.9 0 7'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 2rem;
    width: 2rem
}

.Xe6VCd {
    animation: placholderPulse 1.5s ease-in-out infinite;
    background-color: #f4f4f4;
    height: .875rem
}

.Ljj5Rm {
    width: 27.8125rem
}

.zgsXzo {
    width: 22.375rem
}

.TFHK02 {
    width: 13.0625rem
}

@keyframes placholderPulse {
    0% {
        background-color: #f4f4f4
    }

    50% {
        background-color: #f9f9f9
    }

    to {
        background-color: #f4f4f4
    }
}

.ps208V {
    background: #fff;
    border-radius: .125rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
    overflow: hidden;
    overflow: visible;
    padding: 0 20px;
    position: relative
}

.NWdZ7q {
    border-top: 1px solid rgba(0,0,0,.09);
    padding-top: 15px
}

.rpKHai {
    font-weight: 500;
    padding: 24px 58px;
    text-transform: capitalize
}

.C7T2Uc {
    border-top: 1px solid rgba(0,0,0,.09);
    cursor: pointer;
    outline: none;
    padding: 18px 0;
    text-align: center;
    width: 100%
}

.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
}

.cart-page-header-wrapper {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.09);
    display: flex;
    height: 6.25rem
}

.cart-page-header {
    display: flex;
    flex: 1;
    padding-left: 1.125rem
}

.cart-page-header .cart-page-searchbar>.searchbar {
    border: 2px solid #ee4d2d
}

.cart-page-logo {
    align-items: flex-end;
    color: rgba(0,0,0,.87);
    display: block;
    display: flex;
    -webkit-text-decoration: none;
    text-decoration: none
}

.cart-page-logo__page-name {
    border-left: .0625rem solid #ee4d2d;
    color: #ee4d2d;
    font-size: 1.25rem;
    height: 1.875rem;
    line-height: 1.875rem;
    margin-bottom: .0625rem;
    margin-left: .9375rem;
    padding-left: .9375rem;
    text-transform: capitalize
}

.cart-page-header--tw .cart-page-logo__page-name {
    margin-bottom: .125rem
}

.cart-page-logo .icon-shopee-logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 2.875rem;
    width: 8.125rem;
    fill: #ee4d2d
}

.cart-page-searchbar {
    position: relative;
    width: 38.8125rem
}

.cart-page-searchbar>.shopee-searchbar {
    border: 2px solid #ee4d2d;
    padding: 0
}

.cart-page-searchbar button {
    border-radius: 0;
    height: unset;
    width: 5rem
}

.GO0LDV {
    color: rgba(0,0,0,.8);
    display: flex;
    flex-direction: column;
    padding-top: 20px
}

.nG8mfg {
    height: 12px;
    width: 100%
}

div.a11y-hidden,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
}

.theme--s-mart .cart-page-searchbar .btn-solid-primary {
    background: #ee4d2d;
    outline: 0;
    overflow: visible;
    position: relative
}

.theme--s-mart .cart-page-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)
}

.theme--s-mart .cart-page-searchbar .btn-solid-primary:not(.btn-solid-primary--disabled):hover {
    background: #f05d40
}

.theme--s-mart .cart-page-searchbar .btn-solid-primary:not(.btn-solid-primary--disabled):active {
    background: #e2492b;
    box-shadow: inset 0 2px 1px 0 rgba(0,0,0,.05)
}

.theme--s-mart .cart-page-searchbar .btn-solid-primary.btn-solid-primary--disabled {
    background: #facac0!important;
    box-shadow: none;
    cursor: not-allowed
}

/*# sourceMappingURL=https://sourcemap.webfe.shopeemobile.com/pcmall-cart/_/pcmall-cart.432b62ae016e5029d909.css.map*/