/*! 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/d8ff2e87a27b9e2a.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/88a0034010bcac46.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/ed32425a8e6c7b30.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/09cab592d131068a.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
    }
}





.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;
    flex-wrap: wrap;
}

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






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

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

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

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

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

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

    .wA1Z8K .y9r1Xm {
        background-color: transparent
    }

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

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

.bGVyYJ, .g78GXn {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

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

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

.MW1tmb {
    z-index: 1
}

.CbV3Ip {
    opacity: 0
}

.Q5JEEA {
    transition: opacity .15s
}

.Nzvg1L, .Q5JEEA {
    opacity: 1
}

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

.Dbzrsp {
    transform: scale(.8)
}

.ilW8Uv {
    transition: transform .2s
}

.J1PWYG, .ilW8Uv {
    transform: scale(1)
}

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

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

.b5aVaf, .qxS7lQ {
    justify-content: center
}

.OFQwe1 {
    flex: 1
}

.PVSuiZ {
    background: none;
    border: 0;
    border-radius: .125rem;
    outline: none;
    padding: 0 .625rem
}

    .PVSuiZ:hover {
        opacity: .91
    }

    .PVSuiZ:active {
        opacity: 1
    }

    .PVSuiZ:disabled {
        cursor: not-allowed;
        opacity: .7
    }

.qxS7lQ {
    height: 2.5rem;
    min-width: 8.75rem
}

    .qxS7lQ:not(:first-of-type) {
        margin-left: .625rem
    }

.Gqupku {
    text-transform: uppercase
}

.Q4KP5g {
    background-color: #ee4d2d;
    box-shadow: 0 1px 1px rgba(0,0,0,.09);
    color: #fff
}

    .Q4KP5g:active {
        background-color: #e2492b
    }

.TCdFXE {
    color: #555
}

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

    .TCdFXE:active {
        background-color: #f5f5f5
    }

.gayg6L {
    border: 1px solid rgba(0,0,0,.09);
    box-shadow: 0 1px 1px rgba(0,0,0,.03);
    color: #555
}

    .gayg6L:hover {
        background-color: rgba(0,0,0,.02)
    }

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

.Fdkcbh {
    color: #05a;
    font-size: .75rem;
    line-height: .875rem;
    padding: 0 .625rem
}

.qz7ctP {
    width: 100%
}

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

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .RviDli {
        height: 1px
    }

        .RviDli:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.hYWA_G {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    box-sizing: border-box;
    padding: 24px;
    text-align: center;
    width: 500px
}

.wioNnD {
    color: #4080ee
}

.Ycluyz {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 16px
}

.M8APqY {
    color: rgba(0,0,0,.7);
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 24px
}

.QwxmTk:not(:first-child) {
    margin-top: 10px
}

.RviDli {
    height: 40px
}

.LLW4C_ {
    font-size: 1rem;
    min-width: 82px
}

.hVrUiz .stardust-spinner__background {
    z-index: 100
}

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

.MfJT5z {
    opacity: 0;
}

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

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

.qjoZgz {
    max-width: 100%;
    overflow-wrap: break-word
}

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

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .pgsWVU {
        height: 1px
    }

        .pgsWVU:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.dBQU0Z {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    box-sizing: border-box;
    padding: 24px;
    text-align: center;
    width: 500px
}

.uQw1bo {
    color: #4080ee
}

.nLQUOT {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 16px
}

.hpnT11 {
    color: rgba(0,0,0,.7);
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 24px 24px
}

.pgsWVU {
    height: 40px
}

.p3H88Z {
    font-size: 1rem;
    min-width: 82px
}

.lTw2IE {
    padding-top: 24px
}

.I8hFu4 {
    height: 2.25rem !important;
    width: 2.25rem !important
}

._92W8Vw, .yxW8PM {
    align-items: center
}

.E1LjPA, ._92W8Vw, .yxW8PM {
    display: flex
}

.E1LjPA {
    flex-wrap: wrap
}

.E1LjPA, ._92W8Vw {
    justify-content: space-between
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    ._92W8Vw {
        height: 1px
    }

        ._92W8Vw:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

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

    .VAy83y.mylGx2 {
        width: 400px
    }

._92W8Vw {
    box-sizing: border-box;
    min-height: 80px
}

.BGz463 {
    margin-bottom: 30px
}

.iXeFvH {
    overflow: hidden;
    padding: 0 30px 30px
}

    .iXeFvH.mylGx2 {
        padding: 0 80px 64px
    }

.yxW8PM {
    padding-bottom: 14px
}

.eNWshb {
    color: #ccc;
    font-size: .75rem;
    padding: 0 16px;
    text-transform: uppercase
}

.OSn4Cu {
    background-color: #dbdbdb;
    flex: 1;
    height: 1px;
    width: 100%
}

@media(-webkit-min-device-pixel-ratio: 2),(min-resolution:2dppx) {
    .OSn4Cu {
        height: .5px
    }
}

.E1LjPA {
    margin: 0 -5px
}

.PWzH7A, .jk971F {
    align-items: center
}

.PWzH7A, .Ucz8r9, .jk971F {
    display: flex
}

.Ucz8r9, .jk971F {
    justify-content: center
}

.PWzH7A {
    box-sizing: initial;
    width: 100%
}

.adQfSO {
    fill: #ee4d2d;
    cursor: pointer;
    height: 1.5rem;
    padding-top: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem
}

.jk971F {
    background-color: transparent;
    border: 0;
    width: 80px
}

.XM42DE {
    color: #222;
    flex: 1;
    font-size: 1.25rem;
    max-width: calc(100% - 160px);
    padding-right: 80px
}

.TnPftY {
    max-width: calc(100% - 60px);
    padding: 0 30px
}

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

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

.yf6SMU {
    color: #ccc;
    cursor: not-allowed
}

.HmL5yI {
    opacity: .05
}

.C7O5eA {
    opacity: 1;
    transition: opacity .2s
}

.C0KEvE {
    opacity: .05
}

.HVsz08 {
    opacity: 1;
    transition: opacity .2s
}

.GaxvLw {
    margin-bottom: .3125rem;
    min-height: 1rem
}

._1_eak {
    text-align: center
}

.NxGxsw {
    color: #ff424f
}

.dPagLH {
    display: flex
}

.v8MlJ6 {
    border-radius: .125rem;
    overflow: hidden;
    width: 100%
}

.LdntRP {
    border: 1px solid rgba(0,0,0,.14);
    box-sizing: border-box;
    height: 2.5rem
}

.LdntRP, .cQMdQJ {
    outline: none;
    padding: .625rem
}

.cQMdQJ {
    border: 0
}

.xJCgD9 {
    border: 1px solid #ff424f
}

.tsih3h {
    border: 1px solid rgba(0,0,0,.14);
    box-sizing: border-box;
    height: 2.5rem
}

.lx_1ZT {
    border: 1px solid #ff424f
}

.AjpAoe, .vY2LlA {
    border-color: rgba(0,0,0,.54)
}

.__NdJT {
    flex: 1;
    flex-shrink: 0
}

.MDYqDG {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: .9375rem;
    padding: .25rem 0 .5rem
}

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

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

.JvuzUg, .sBfaAs {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    text-align: center
}

.LcoU0f {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.54);
    padding: 1.875rem;
    width: 27.5rem
}

.zlXWJn {
    height: 3.125rem;
    margin-bottom: .9375rem;
    width: 3.125rem
}

.sBfaAs {
    color: #ff424f
}

.JvuzUg {
    color: #6c0
}

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

.e1XnjC {
    height: 60px;
    margin-bottom: 20px;
    width: 60px
}

.BCWeEI {
    color: #13b50b;
    font-size: 3.25rem;
    margin: auto
}

.UY2y2Z {
    font-size: 1rem;
    margin-bottom: 20px;
    text-align: center
}

.TSYvdn {
    color: #ee4d2d
}

.ozq4Kx {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 35px
}

.GxS3Ng, .rOj5Ez {
    display: flex;
    justify-content: center
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .rOj5Ez {
        height: 1px
    }

        .rOj5Ez:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.GxS3Ng {
    margin-top: 16px;
    min-height: 45px
}

.rOj5Ez {
    background-color: #fff;
    border: 0;
    outline: none;
    padding: 14px;
    width: 100%
}

    .rOj5Ez:hover {
        background-color: rgba(0,0,0,.02)
    }

    .rOj5Ez:active {
        background-color: rgba(0,0,0,.05)
    }

    .rOj5Ez:disabled {
        border-color: rgba(0,0,0,.09);
        color: rgba(0,0,0,.26);
        cursor: not-allowed
    }

.n0P5Up {
    color: rgba(0,0,0,.87)
}

.ozsWJL {
    margin-left: 10px;
    margin-top: 3px
}

.ZZ7aF0 {
    align-items: center
}

.LbH6f2, .Vj220f, .ZZ7aF0 {
    display: flex
}

.LbH6f2 {
    flex-direction: column
}

.ZZ7aF0, .adlVZh, .mo3UMT {
    justify-content: center
}

.URA0gm {
    justify-content: flex-end
}

.LbH6f2 {
    background-color: #fff;
    border-radius: .1875rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.54);
    box-sizing: border-box;
    padding: 1.875rem
}

.lku2YD {
    max-width: 27.5rem
}

.QtDx_r, .lku2YD {
    padding: 2.5rem 3.4375rem 1.875rem
}

.QtDx_r {
    max-width: 33.75rem
}

.YClO0_ {
    font-size: 1.25rem;
    font-weight: 500;
    padding-bottom: 16px
}

.YClO0_, .nR0EgP {
    text-align: center
}

.uxO3Um {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    text-align: left
}

.CituGv {
    color: #555;
    font-size: 1rem;
    width: 23.75rem
}

.Vj220f {
    margin-top: 1.875rem
}

.Ldhapb {
    text-transform: uppercase
}

.vsTVWK {
    width: 27.5rem
}

.GzWqbI {
    color: #ff424f;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0
}

.Ufb0Bb {
    margin: 2.1875rem .3125rem .3125rem auto;
    width: 6.25rem
}

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

    .mo3UMT:not(:first-of-type) {
        margin-left: 10px
    }

    .mo3UMT:active {
        background-color: #e2492b
    }

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

    .Lo5ybZ:not(:first-of-type) {
        margin-left: 10px
    }

    .Lo5ybZ:hover {
        background-color: rgba(0,0,0,.02)
    }

    .Lo5ybZ:active {
        box-shadow: inset 0 2px 1px rgba(0,0,0,.02)
    }

.LoXCw7 {
    align-items: flex-start;
    flex-direction: column
}

.F1fC5s {
    justify-content: flex-end
}

.Dhgdju {
    padding: 16px 0
}

.F1fC5s {
    margin-top: 12px;
    padding: 0 24px
}

.LyWqJ1 {
    min-width: inherit;
    padding: 8px 16px
}

.LoXCw7 {
    width: 440px
}

.Y_PzLr {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px;
    padding: 0 24px
}

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

.LCzj3A {
    left: 0;
    max-height: 100vh;
    max-width: 100vw;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.pGckZ_ {
    height: 684px;
    margin-top: 84px
}

.YPYcnn {
    max-width: 400px
}

.vYuzG9 {
    color: #ee4d2d;
    font-size: 2rem;
    line-height: 3.5625rem
}

.AU_9sG {
    color: #666;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 32px
}

.jtalL5 {
    height: 200px;
    width: 100%
}

.q2f3MC {
    margin-right: 44px;
    max-width: 600px
}

.azxVGs {
    color: #ee4d2d;
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 2.625rem
}

.azxVGs, .lRK2ta {
    letter-spacing: 0
}

.lRK2ta {
    color: #666;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.3125rem;
    margin-bottom: 67px
}

.tvulUl {
    height: 248px;
    width: 100%
}

.NlCV0p {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 400px
}

.ONhX55 {
    color: #ee4d2d;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin-bottom: 8px
}

.BbmpZf {
    height: 300px;
    width: 100%
}

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

.pnuV6t {
    margin-left: 40px;
    max-width: 405px
}

.Kq_pOB {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.Kq_pOB, .ovNoUH {
    color: #ee4d2d;
    word-break: keep-all
}

.ovNoUH {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.625rem;
    margin-bottom: 10px;
    margin-top: 4px
}

.kHMRem {
    margin-top: 30px
}

.Fn0QnA, .kHMRem {
    word-break: keep-all
}

.Fn0QnA {
    color: #ee4d2d;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-left: 19px
}

.PRK3Sh {
    flex-shrink: 0;
    height: 28px;
    width: 36px
}

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

.assets-rawPng-iconeducation-png {
    background-position: .3756574005% 1.6077170418%;
    background-size: 4536.6666666667% 1119.6721311475%
}

.assets-rawPng-iconviber-png {
    background-position: 3.8431975404% 1.7761989343%;
    background-size: 2268.3333333333% 569.1666666667%
}

.assets-rawPng-preferesellerprogrambr-png {
    background-position: 9.7503900156% 1.7793594306%;
    background-size: 1722.7848101266% 564.4628099174%
}

.assets-rawPng-shopeeadstw-png {
    background-position: .4055150041% 36.7396593674%;
    background-size: 1063.28125% 251.1029411765%
}

.assets-rawPng-shopeebusinessinsighttw-png {
    background-position: 11.597729116% 35.3629976581%;
    background-size: 1063.28125% 266.796875%
}

.assets-rawPng-shopeefreeshippingprogrambr-png {
    background-position: 21.2798766384% 1.8018018018%;
    background-size: 2126.5625% 533.59375%
}

.assets-rawPng-shopeesellerprogramtw-png {
    background-position: 22.7899432279% 37.0023419204%;
    background-size: 1063.28125% 266.796875%
}

.assets-rawPng-shopeeshopdecorationtw-png {
    background-position: 11.597729116% 100%;
    background-size: 1063.28125% 266.796875%
}

.assets-rawPng-cashback-png {
    background-position: 23.4361968307% 79.6330275229%;
    background-size: 840.1234567901% 494.9275362319%
}

.assets-rawPng-cooperation-png {
    background-position: 16.1509433962% 1.5948963317%;
    background-size: 3780.5555555556% 1219.6428571429%
}

.assets-rawPng-crossborderseller-png {
    background-position: 27.0897832817% 1.7543859649%;
    background-size: 1972.4637681159% 604.4247787611%
}

.assets-rawPng-extensivesellersupport-png {
    background-position: 32.5% 1.6366612111%;
    background-size: 3319.512195122% 948.6111111111%
}

.assets-rawPng-fourteenpercentcommissionfees-png {
    background-position: 32.5987841945% 16.6939443535%;
    background-size: 3024.4444444444% 948.6111111111%
}

.assets-rawPng-fulfilledbyshopee-png {
    background-position: 32.6323987539% 30.2652106084%;
    background-size: 1767.5324675325% 1626.1904761905%
}

.assets-rawPng-gift-png {
    background-position: 36.2264150943% 1.6366612111%;
    background-size: 3780.5555555556% 948.6111111111%
}

.assets-rawPng-hasslefreeshipping-png {
    background-position: 36.6666666667% 16.6939443535%;
    background-size: 3319.512195122% 948.6111111111%
}

.assets-rawPng-highimpactcampaigns-png {
    background-position: 38.3333333333% 31.7512274959%;
    background-size: 3319.512195122% 948.6111111111%
}

.assets-rawPng-iconfacebook-png {
    background-position: 39.5191585274% 1.6051364366%;
    background-size: 4536.6666666667% 1138.3333333333%
}

.assets-rawPng-iconline-png {
    background-position: 40.1953418482% 14.4462279294%;
    background-size: 4536.6666666667% 1138.3333333333%
}

.assets-rawPng-iconlive-png {
    background-position: 41.8482344102% 27.2873194222%;
    background-size: 4536.6666666667% 1138.3333333333%
}

.assets-rawPng-iconsell-png {
    background-position: 44.1967717141% 1.7761989343%;
    background-size: 2268.3333333333% 569.1666666667%
}

.assets-rawPng-iconservice-png {
    background-position: 44.8534936138% 24.077046549%;
    background-size: 4536.6666666667% 1138.3333333333%
}

.assets-rawPng-icontelegram-png {
    background-position: 44.8534936138% 36.9774919614%;
    background-size: 4536.6666666667% 1119.6721311475%
}

.assets-rawPng-iconuni-png {
    background-position: 41.8482344102% 40.192926045%;
    background-size: 4536.6666666667% 1119.6721311475%
}

.assets-rawPng-iconyoutube-png {
    background-position: 32.2059953882% 45.4706927176%;
    background-size: 2268.3333333333% 569.1666666667%
}

.assets-rawPng-marketingtools-png {
    background-position: 37.0454545455% 46.8085106383%;
    background-size: 3319.512195122% 948.6111111111%
}

.assets-rawPng-robustsellercommunity-png {
    background-position: 45.2272727273% 50.9001636661%;
    background-size: 3319.512195122% 948.6111111111%
}

.assets-rawPng-spaylater-png {
    background-position: 36.7396593674% 92.7400468384%;
    background-size: 1063.28125% 266.796875%
}

.assets-rawPng-servicerecommended-jpg {
    background-position: 70.9354120267% 25.4237288136%;
    background-size: 293.9524838013% 734.4086021505%
}

.assets-rawPng-shop-png {
    background-position: 48.679245283% 1.6366612111%;
    background-size: 3780.5555555556% 948.6111111111%
}

.assets-rawPng-shopeebag-png {
    background-position: 52.1509433962% 1.6611295681%;
    background-size: 3780.5555555556% 843.2098765432%
}

.assets-rawPng-shopeeexpress-png {
    background-position: 52.0481927711% 47.4729241877%;
    background-size: 1173.275862069% 529.4573643411%
}

.assets-rawPng-shopeelogotw-png {
    background-position: 59.2443729904% 1.5948963317%;
    background-size: 1163.2478632479% 1219.6428571429%
}

.assets-rawPng-shopeemall-png {
    background-position: 70.3583061889% 1.582278481%;
    background-size: 1023.3082706767% 1339.2156862745%
}

.assets-rawPng-shopeepay-png {
    background-position: 62.1686746988% 50.7722007722%;
    background-size: 1173.275862069% 413.9393939394%
}

.assets-rawPng-shopeeseller-png {
    background-position: 77.6407093292% 1.6260162602%;
    background-size: 2126.5625% 1004.4117647059%
}

.assets-rawPng-shopeesupermarkettw-png {
    background-position: 86.8971061093% 1.6051364366%;
    background-size: 1163.2478632479% 1138.3333333333%
}

.assets-rawPng-shopeexpresstw-png {
    background-position: 90.0243309002% 17.0454545455%;
    background-size: 1063.28125% 440.6451612903%
}

.assets-rawPng-shopeelivetw-png {
    background-position: 72.9927007299% 61.5925058548%;
    background-size: 1063.28125% 266.796875%
}

.assets-rawPng-shopeemalltw-png {
    background-position: 94.931237721% 1.5552099533%;
    background-size: 1537.8531073446% 1707.5%
}

.assets-rawPng-socialpartners-png {
    background-position: 94.082171127% 11.3452188006%;
    background-size: 3944.9275362319% 1034.8484848485%
}

.assets-rawPng-supermarketlogo-png {
    background-position: 100% 11.1464968153%;
    background-size: 1986.8613138686% 1241.8181818182%
}

.assets-rawPng-zeropercentcommissionfees-png {
    background-position: 97.9166666667% 23.7315875614%;
    background-size: 3319.512195122% 948.6111111111%
}

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

.l4jlYd {
    max-width: 520px;
    padding-left: 8px
}

.SmGrsE {
    color: #ee4d2d;
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 3.25rem
}

.L9b9uf, .SmGrsE {
    margin-top: 4px;
    word-break: keep-all
}

.L9b9uf {
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 28px
}

.a0JXw_ {
    margin-top: 12px
}

.a0JXw_, .ikpOqQ {
    word-break: keep-all
}

.ikpOqQ {
    color: #ee4d2d;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.125rem;
    margin-left: 16px
}

.Q2FmDR {
    align-self: flex-start;
    flex-shrink: 0;
    height: 36px;
    width: 36px
}

.qswt1G {
    background-color: #fff;
    min-height: 100vh;
    min-width: 1200px
}

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

.mHdcjN {
    justify-content: flex-end
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .wJne7e {
        height: 1px
    }

        .wJne7e:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.wJne7e {
    margin: 0 auto;
    min-height: 600px;
    width: 1040px
}

.mHdcjN {
    height: 600px
}

.JgQzm4 {
    min-height: calc(100vh - 185px)
}

.sAnFQ6 {
    fill: #ee4d2d
}

.oOUxwo {
    height: 42px;
    margin-right: -18px;
    margin-top: -10px
}

.MtoOCc {
    height: 42px;
    margin-right: 10px;
    margin-top: -16px
}

.D21E6S, .FdO6m_, .ZaZDjg {
    align-items: center;
    display: flex
}

.ZaZDjg {
    justify-content: space-between
}

.FdO6m_ {
    box-shadow: 0 6px 6px rgba(0,0,0,.06);
    height: 84px
}

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

.MGUSb_ {
    font-size: 0
}

.FFa9Ks {
    color: #222;
    font-size: 1.5rem
}

.nsUymR {
    color: #ee4d2d;
    cursor: pointer;
    font-size: .875rem;
    margin-right: 15px
}

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

.JXun2D {
    background: transparent
}

.Sqt99J {
    width: 100%
}

.ScRyop, .buwuT1 {
    display: flex
}

.ScRyop {
    flex-direction: column
}

.buwuT1 {
    justify-content: flex-end
}

.ScRyop {
    height: 12.5rem;
    padding: 1.875rem
}

.w3jSk1 {
    color: #ff424f;
    flex: 1;
    font-size: 1rem
}

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

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

.VKPy1v {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
    stroke: #c6c6c6
}

.C5J4mr {
    color: rgba(0,0,0,.87);
    font-size: 12px;
    margin-top: 1.5625rem;
    text-align: center
}

.vEK4AR {
    margin-right: .3125rem;
    padding: 0 1.5625rem
}

.pIN8ZZ {
    color: #ee4d2d;
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.UT3og2 {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border-width: 0;
    white-space: nowrap
}

.o_M13m, .xfGgKU {
    height: 440px
}

.Q7i1a9, .WjVQMa, .o5Tj8H {
    align-items: center;
    display: flex
}

.WjVQMa {
    flex-direction: column
}

.WjVQMa, .o5Tj8H {
    justify-content: center
}

.WjVQMa {
    box-sizing: border-box;
    min-height: 4.5rem;
    min-width: 6.25rem;
    padding: .625rem .3125rem
}

.o5Tj8H {
    border: 1px solid rgba(0,0,0,.26);
    border-radius: 100%;
    color: rgba(0,0,0,.26);
    height: 2rem;
    width: 2rem
}

.aoYEx1 {
    background-color: #6c0;
    border-color: #6c0;
    color: #fff
}

.wWsio4 {
    color: rgba(0,0,0,.26);
    font-size: .75rem;
    margin: .3125rem 0 0
}

.TQas6Z {
    color: #6c0
}

.F_s2Xz {
    background-color: rgba(0,0,0,.26);
    bottom: 10px;
    height: .0625rem;
    position: relative;
    width: 5.3125rem
}

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

.S8D1mB {
    background-color: #6c0
}

    .S8D1mB:after {
        border-right-color: #6c0;
        border-top-color: #6c0
    }

.bz34SU {
    color: #ee4d2d;
    cursor: pointer
}

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

.mqj9Iu {
    background-color: transparent;
    border: 0;
    padding: 0
}

.KhSVKK, .ZJ5g1O, ._FsQD5 {
    align-items: center;
    display: flex
}

.ZJ5g1O {
    justify-content: flex-end
}

.KhSVKK, ._FsQD5 {
    justify-content: space-between
}

.EbRIaX {
    flex-shrink: 0
}

.FRs83h, .KhSVKK {
    padding: 1.375rem 30px;
    width: 100%
}

.FRs83h {
    height: 100%
}

.EbRIaX {
    color: #222;
    font-size: 1.25rem;
    max-width: 8.5rem
}

.ZJ5g1O {
    margin-left: 1.25rem
}

.YqPlXG {
    border: 2px solid #ffbf00;
    border-radius: 2px;
    color: #ffbf00;
    font-size: .875rem;
    font-weight: 700;
    margin-right: 1rem;
    padding: .6875rem .875rem;
    position: relative
}

    .YqPlXG, .YqPlXG:after {
        background-color: #fefaec
    }

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

.EbRO8C, .WfRz00 {
    height: 2.5rem;
    width: 2.5rem
}

.mT7wZj {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.BqPGbE {
    color: #222;
    font-size: 1.25rem
}

.eRtniP {
    color: rgba(0,0,0,.26);
    padding-right: 4px;
    white-space: pre
}

.JOxeOr, .eRtniP {
    font-size: .875rem
}

.JOxeOr {
    font-weight: 500
}

    .JOxeOr, .JOxeOr:active, .JOxeOr:hover, .JOxeOr:visited {
        color: #ee4d2d
    }

.YxyuDT, .px6VFi {
    align-items: center;
    display: flex
}

.TUk6MJ {
    flex-shrink: 0
}

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

.dQLVtM {
    background: #fff6f7;
    border-color: #ff424f
}

.OM78zZ, .dQLVtM {
    box-shadow: 0 0 4px rgba(0,0,0,.14)
}

.OM78zZ {
    border-color: rgba(0,0,0,.54)
}

.X0Jdtz {
    border: 0;
    filter: none;
    flex: 1;
    flex-shrink: 0;
    height: 16px;
    outline: none;
    padding: .75rem
}

    .X0Jdtz::placeholder {
        color: rgba(0,0,0,.26);
        padding-left: .1875rem
    }

    .X0Jdtz:-webkit-autofill, .X0Jdtz:-webkit-autofill:focus, .X0Jdtz:-webkit-autofill:hover {
        box-shadow: inset 0 0 0 20px #fff;
        -webkit-box-shadow: inset 0 0 0 20px #fff
    }

    .X0Jdtz::-ms-clear {
        display: none
    }

    .X0Jdtz:-moz-read-only {
        color: rgba(0,0,0,.26)
    }

    .X0Jdtz:read-only {
        color: rgba(0,0,0,.26)
    }

.xadl8d {
    background: #fff6f7
}

    .xadl8d:-webkit-autofill, .xadl8d:-webkit-autofill:focus, .xadl8d:-webkit-autofill:hover {
        box-shadow: inset 0 0 0 20px #fff6f7;
        -webkit-box-shadow: inset 0 0 0 20px #fff6f7
    }

.NLNOLc {
    color: #ff424f;
    font-size: .75rem;
    margin: 0;
    min-height: 1rem;
    padding: .25rem 0 0
}

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

.px6VFi {
    background: transparent;
    border: 0;
    outline: none;
    padding: 0 .9375rem 0 .75rem
}

.QP9rgo {
    height: .75rem;
    width: 1.25rem
}

.adOaXi {
    height: .625rem;
    padding-top: .375rem;
    width: 1.25rem
}

.YutOgw {
    height: 1rem;
    width: 1rem
}

.TUk6MJ {
    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) {
    .TUk6MJ {
        width: .03125rem
    }
}

.j59u9z {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.QCZM2O {
    min-height: 420px
}

.mTJGqC {
    min-height: 275px
}

.ix8KFK {
    min-height: 385px
}

.JBwX2f {
    min-height: 443px
}

.eWfSp3 {
    min-height: 375px
}

.stkW5S {
    color: rgba(0,0,0,.54);
    padding: 2.5rem 0;
    text-align: center
}

.UCVQlJ, .XTygfR, .aSMz_B, .ssCjSz {
    align-items: center;
    display: flex
}

.UCVQlJ {
    justify-content: center
}

.KeDAsM {
    justify-content: flex-end
}

.aSMz_B {
    justify-content: space-between
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .UCVQlJ {
        height: 1px
    }

        .UCVQlJ:after {
            content: "";
            font-size: 0;
            min-height: inherit
        }
}

.r0dQ_c {
    background-color: #fff;
    min-width: 1200px
}

.XTygfR {
    box-shadow: 0 6px 6px rgba(0,0,0,.06);
    height: 84px
}

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

.gksnGw {
    fill: #ee4d2d
}

.aphts1 {
    height: 42px;
    margin-right: -18px;
    margin-top: -10px
}

.jsl9A1 {
    font-size: 0
}

.KYZx7i {
    height: 42px;
    margin-right: 10px;
    margin-top: -16px
}

.UBXZTM {
    color: #222;
    font-size: 1.5rem
}

.kFs6aX {
    color: #ee4d2d;
    cursor: pointer;
    font-size: .875rem;
    margin-right: 15px
}

.UCVQlJ {
    margin: 0 auto;
    min-height: 600px;
    width: 1040px
}

.KeDAsM {
    height: 600px
}

.bc3TgA {
    min-height: calc(100vh - 185px)
}

.tb8Eub {
    background-color: #f5f5f5
}

.uDmQ_B {
    justify-content: flex-end
}

.CeWCOc {
    margin-bottom: 10px;
    max-width: 440px
}

.t8iwjb {
    font-size: 1.5rem;
    font-weight: 500
}

.YWEO9M {
    margin-bottom: 15px
}

.BCX3OZ {
    color: #05a
}

.lOTVJx {
    left: 0;
    position: fixed;
    top: 50%
}

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

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

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

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

.FUzulZ {
    left: 50%;
    opacity: 0;
    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-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
    }

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

.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/21bc7987f875969e.png)
}

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

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

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

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

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

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

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

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

.navbar {
    color: #fff
}

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

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

.navbar__link {
    color: currentColor
}

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

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

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

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

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

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

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

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

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

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

.navbar-wrapper--high-end-brand.navbar-wrapper .navbar .navbar__link:hover.navbar__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 {
    }

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

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

.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/12fe8880616de161.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);
    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
}

.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;
    position: fixed;
    width: 0;
    z-index: -1
}