@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

.mex-cart-popover-coupon-list--dropdown {
    border: 1px solid rgba(0, 0, 0, .09)
}

.mex-cart-popover-coupon-list--dropdown:after, .mex-cart-popover-coupon-list--dropdown:before {
    content: "";
    position: absolute;
    right: 1rem
}

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

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

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

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

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

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

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

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

._12a-8K {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

._12a-8K {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

._12a-8K:hover {
    background-color: #f8f8f8
}

._18F8b {
    min-width: 4rem;
    font-size: .875rem
}

._18F8b {
    height: 1.75rem
}

._3E49Q_ {
    font-size: 14px;
    margin-top: 1px;
    text-align: right
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .cart-page-footer {
        z-index: 2;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0
    }
}

@supports not ((position:-webkit-sticky) or (position:sticky)) {
    .cart-page-footer--fixed {
        position: fixed;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2;
        width: 1200px
    }
}

.cart-voucher {
    padding: 1rem 0 1rem 2.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .09)
}

.cart-voucher__more {
    position: relative;
    z-index: 0;
    margin: 0 0 0 1.5rem
}

.cart-voucher__more .mex-cart-popover-coupon-list {
    width: 36.25rem;
    margin: .625rem 0 0
}

.cart-voucher__more .mex-cart-popover-coupon-list:after, .cart-voucher__more .mex-cart-popover-coupon-list:before {
    display: none
}

@-webkit-keyframes movement {
    0% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    to {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@keyframes movement {
    0% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    to {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@-webkit-keyframes placholderPulse {
    0% {
        background-color: #f4f4f4
    }
    50% {
        background-color: #f9f9f9
    }
    to {
        background-color: #f4f4f4
    }
}

@keyframes placholderPulse {
    0% {
        background-color: #f4f4f4
    }
    50% {
        background-color: #f9f9f9
    }
    to {
        background-color: #f4f4f4
    }
}

._3RWzRj {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    height: 1.25rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.UQ9exi, ._3RWzRj {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.UQ9exi {
    color: #fff;
    border-radius: .125rem;
    padding: 0 .375rem;
    font-size: .75rem;
    font-weight: 300;
    height: 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .25rem
}

._1zJ6xa {
    background: #ee4d2d
}

._2tHkAM {
    font-size: 12px;
    line-height: 14px;
    margin-top: .3125rem;
    color: rgba(0, 0, 0, .54)
}

._2VFlvK {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    margin-top: .25rem
}

._6i2hvK {
    color: #ff424f
}

._2a2S8T {
    text-transform: capitalize
}

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

.MUoVIu {
    margin: .3125rem .3125rem 0 0
}

.coupon-detail-text {
    font-weight: 500
}

.coupon-list-item-head-label-container {
    width: 7.375rem;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(.1875rem, transparent), color-stop(.1875rem, #00bfa5));
    background: linear-gradient(90deg, transparent 0, transparent .1875rem, #00bfa5 0)
}

.coupon-list-item-head-label-container._1iydJL {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(.1875rem, transparent), color-stop(.1875rem, #bbb));
    background: linear-gradient(90deg, transparent 0, transparent .1875rem, #bbb 0)
}

._2sWznZ {
    position: absolute;
    top: .3125rem;
    left: 0;
    width: .25rem;
    height: -webkit-calc(100% - .4375rem);
    height: calc(100% - .4375rem);
    background: radial-gradient(circle at 0, at .25rem, transparent 0, transparent .1875rem, #00bfa5 0);
    background: radial-gradient(circle at 0 .25rem, transparent 0, transparent .1875rem, #00bfa5 0);
    background-size: .25rem .625rem;
    background-repeat: repeat-y
}

._2sWznZ._1iydJL {
    background: radial-gradient(circle at 0, at .25rem, transparent 0, transparent .1875rem, #bbb 0);
    background: radial-gradient(circle at 0 .25rem, transparent 0, transparent .1875rem, #bbb 0);
    background-size: .25rem .625rem;
    background-repeat: repeat-y
}

._2sWznZ:before {
    content: "";
    position: absolute;
    top: -.3125rem;
    width: 100%;
    height: .3125rem;
    background: #00bfa5;
    border-radius: .125rem 0 0 0
}

._2sWznZ._1iydJL:after, ._2sWznZ._1iydJL:before {
    background: #bbb
}

._2sWznZ:after {
    content: "";
    position: absolute;
    bottom: -.125rem;
    left: 0;
    width: 100%;
    height: .125rem;
    background: #00bfa5;
    border-radius: 0 0 0 .125rem
}

.coupon-list-item-head-label {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 22px;
    text-align: center
}

._2v47GE {
    font-size: 1rem
}

.coupon-list-item-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: .125rem;
    position: relative;
    overflow: visible
}

._2P-0kI {
    box-shadow: .125rem .125rem .3125rem rgba(0, 0, 0, .07);
    padding: 0
}

.coupon-detail-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    height: -webkit-calc(100% - .125rem);
    height: calc(100% - .125rem);
    background: #fff;
    border-radius: 0 .125rem .125rem 0;
    border: none
}

.RDyDWu {
    font-weight: 500;
    color: #060000;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.25rem;
    max-height: 2.6875rem
}

._2Lt3au {
    vertical-align: middle
}

._3jjpWz {
    border-radius: .125rem;
    white-space: nowrap;
    max-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ee4d2d;
    border: 1px solid #ee4d2d
}

._2jATQN, ._3jjpWz {
    overflow: hidden;
    text-overflow: ellipsis
}

._2jATQN {
    margin: 0 .375rem;
    padding: .125rem 0;
    font-size: .75rem;
    line-height: .75rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._3kGWPE {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .3125rem
}

._3kGWPE > div:first-of-type {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .3125rem;
    max-width: 80%
}

._3kGWPE > div:only-child {
    max-width: 100%
}

._3ph5p2 {
    -webkit-box-flex: 1;
    -webkit-flex: auto 0 1;
    -moz-box-flex: 1;
    -ms-flex: auto 0 1;
    flex: auto 0 1;
    overflow: hidden;
    text-overflow: ellipsis
}

._2_N79L {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

._1-gE0l {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(.25rem, transparent), color-stop(.1875rem, #26aa99));
    background: linear-gradient(90deg, transparent 0, transparent .25rem, #26aa99 0)
}

._2wK19O {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    padding: 0 1.25rem;
    min-width: 0
}

._1Cu7ak {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.NMAmrk {
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .14);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .02);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wRcF_u {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.coupon-list-item {
    width: 100%;
    margin-bottom: .9375rem
}

._3nw1Fr {
    height: 7.375rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.coupon-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Kval-z {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._3oyFGc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

._3oIRhI > a {
    color: #5a92e4
}

._2uiYRf {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

._1wWPCU {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 1.25rem 0 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._1wbqVq {
    -webkit-transition: background 1s ease;
    transition: background 1s ease
}

._1wbqVq {
    background: #fff
}

._3jV8Fv {
    visibility: hidden
}

._3RWzRj {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    height: 1.25rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.UQ9exi, ._3RWzRj {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.UQ9exi {
    color: #fff;
    border-radius: .125rem;
    padding: 0 .375rem;
    font-size: .75rem;
    font-weight: 300;
    height: 1.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .25rem
}

._1zJ6xa {
    background: #ee4d2d
}

._2VFlvK {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    margin-top: .25rem
}

._6i2hvK {
    color: #ff424f
}

._2a2S8T {
    text-transform: capitalize
}

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

.MUoVIu {
    margin: .3125rem .3125rem 0 0
}

.coupon-list-item-head-label-container {
    width: 7.375rem;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(.1875rem, transparent), color-stop(.1875rem, #00bfa5));
    background: linear-gradient(90deg, transparent 0, transparent .1875rem, #00bfa5 0)
}

.coupon-list-item-head-label-container._1iydJL {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(.1875rem, transparent), color-stop(.1875rem, #bbb));
    background: linear-gradient(90deg, transparent 0, transparent .1875rem, #bbb 0)
}

._2sWznZ {
    position: absolute;
    top: .3125rem;
    left: 0;
    width: .25rem;
    height: -webkit-calc(100% - .4375rem);
    height: calc(100% - .4375rem);
    background: radial-gradient(circle at 0, at .25rem, transparent 0, transparent .1875rem, #00bfa5 0);
    background: radial-gradient(circle at 0 .25rem, transparent 0, transparent .1875rem, #00bfa5 0);
    background-size: .25rem .625rem;
    background-repeat: repeat-y
}

._2sWznZ._1iydJL {
    background: radial-gradient(circle at 0, at .25rem, transparent 0, transparent .1875rem, #bbb 0);
    background: radial-gradient(circle at 0 .25rem, transparent 0, transparent .1875rem, #bbb 0);
    background-size: .25rem .625rem;
    background-repeat: repeat-y
}

._2sWznZ:before {
    content: "";
    position: absolute;
    top: -.3125rem;
    width: 100%;
    height: .3125rem;
    background: #00bfa5;
    border-radius: .125rem 0 0 0
}

._2sWznZ._1iydJL:after, ._2sWznZ._1iydJL:before {
    background: #bbb
}

._2sWznZ:after {
    content: "";
    position: absolute;
    bottom: -.125rem;
    left: 0;
    width: 100%;
    height: .125rem;
    background: #00bfa5;
    border-radius: 0 0 0 .125rem
}

._2v47GE {
    font-size: 1rem
}

.coupon-list-item-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: .125rem;
    position: relative;
    overflow: visible
}

._2P-0kI {
    box-shadow: .125rem .125rem .3125rem rgba(0, 0, 0, .07);
    padding: 0
}

.coupon-detail-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    height: -webkit-calc(100% - .125rem);
    height: calc(100% - .125rem);
    background: #fff;
    border-radius: 0 .125rem .125rem 0;
    border: none
}

._2Lt3au {
    vertical-align: middle
}

._3jjpWz {
    border-radius: .125rem;
    white-space: nowrap;
    max-width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ee4d2d;
    border: 1px solid #ee4d2d
}

._2jATQN, ._3jjpWz {
    overflow: hidden;
    text-overflow: ellipsis
}

._2jATQN {
    margin: 0 .375rem;
    padding: .125rem 0;
    font-size: .75rem;
    line-height: .75rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

._3kGWPE {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .3125rem
}

._3kGWPE > div:first-of-type {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .3125rem;
    max-width: 80%
}

._3kGWPE > div:only-child {
    max-width: 100%
}

._3ph5p2 {
    -webkit-box-flex: 1;
    -webkit-flex: auto 0 1;
    -moz-box-flex: 1;
    -ms-flex: auto 0 1;
    flex: auto 0 1;
    overflow: hidden;
    text-overflow: ellipsis
}

._2_N79L {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

._1-gE0l {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(.25rem, transparent), color-stop(.1875rem, #26aa99));
    background: linear-gradient(90deg, transparent 0, transparent .25rem, #26aa99 0)
}

.Q-gS48 {
    width: 34.375rem;
    height: 31.625rem;
    background: #fff
}

.coupon-list-title {
    font-size: 20px;
    color: #060000;
    font-weight: 400;
    margin: 0 0 1.9375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

._3-k5qb {
    margin-top: .9375rem;
    width: 100%;
    height: -webkit-calc(100% - 8.625rem);
    height: calc(100% - 8.625rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popover__menu-item {
    display: block;
    margin-left: -.25rem;
    padding-left: .25rem;
    overflow-y: scroll;
    padding-right: 1.25rem
}

.coupon-list-footer {
    margin: 0;
    padding: 0
}

.coupon-list-header-message {
    font-size: 14px;
    color: rgba(0, 0, 0, .87);
    margin-bottom: .9375rem
}

.coupon-list-header-message span {
    color: #ee4d2d
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

.mex-cart-container-parent {
    flex-direction: column
}

.mex-cart-container {
    margin-bottom: 0;
    margin-top: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.mex-cart-container button:focus {
    outline: transparent
}

.mex-cart-container .mex-cart-btn--loading:after {
    content: none
}

.mex-cart-container .coupon-box-preview {
    max-width: 1499px;
    width: 100%;
    font-size: 16px
}

.mex-cart-container .coupon-box-preview * {
    font-size: 16px
}

.mex-cart-container .coupon-box-preview button:disabled {
    opacity: .65
}

.mex-cart-btn--loading .mex-cart-btn__spinner {
    animation: rotate .5s linear infinite;
    opacity: 1;
    display: inline-block !important
}

.mex-cart-btn__spinner {
    top: 50%;
    left: 50%;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    display: none !important
}

.mex-cart-container .coupon-box-preview .icon-svg, button.mex-cart-button svg {
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    width: 20px;
    height: 20px
}

button.mex-cart-button.mex-cart-btn--loading {
    font-size: 0 !important
}

.mex-cart-container .coupon-box-preview .coupon-list-message {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.mex-cart-container .coupon-box-preview .coupon-list-message .reduction-code__icon {
    color: #717171;
    fill: currentColor
}

.mex-cart-container .coupon-box-preview .coupon-list-message svg {
    height: 20px;
    width: 20px;
    margin-right: 8px
}

.mex-cart-container .coupon-box-preview .coupon-list-message p {
    color: #737373;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-decoration: underline
}

.mex-cart-popover-coupon-list {
    display: inline-block;
    position: absolute
}

.popover__menu {
    z-index: 1001;
    border-radius: 4px;
    border-top: 1px solid rgba(175, 175, 175, .34);
    list-style-type: none;
    margin: 8px 0;
    max-width: 690px;
    min-height: 540px;
    position: absolute;
    top: 10px;
    left: -280px;
    box-shadow: 0 2px 3px 0 rgba(63, 63, 68, .2);
    transition-property: transform, opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    transform: scale(.9);
    transform-origin: top left;
    display: none;
    opacity: 0;
    padding: 18px
}

.popover__menu svg {
    height: 20px;
    width: 20px;
    margin-right: 8px
}

.popover__menu svg.best-value-coupon {
    width: 73px
}

.popover__menu svg.limited-coupon {
    width: 56px
}

.popover__menu p {
    margin: 0;
    padding: 0
}

.mex-cart-popover-style .popover__menu:before {
    border: .5rem solid transparent;
    border-bottom-color: rgba(0, 0, 0, .09);
    top: -1.0625rem;
    z-index: 0;
    content: "";
    position: absolute;
    right: .5rem
}

.mex-cart-popup-style .popover__menu:before {
    content: none
}

.mex-cart-popover-style .popover__menu:after {
    border: .5rem solid transparent;
    border-bottom-color: #fff;
    top: -.9375rem;
    z-index: 1;
    content: "";
    position: absolute;
    right: .5rem
}

.mex-cart-popup-style .popover__menu:after {
    content: none
}

.popover__menu h3 {
    margin-bottom: 0
}

.popover__menu-item {
    white-space: nowrap;
    height: calc(100% - 3.625rem);
    padding-left: 0;
    padding-right: 0;
    margin-left: 0
}

.popover__menu-item button {
    text-align: center;
    height: 46px;
    width: 86px;
    min-width: 86px;
    font-size: inherit;
    appearance: none;
    border: 0 solid #737373;
    border-radius: 9px;
    color: #fff;
    background-color: #737373;
    padding: 0
}

.popover__menu-item button:disabled {
    opacity: .65
}

.popover--active .popover__menu {
    transform: scale(1);
    display: block;
    opacity: 1
}

.not-is-mobile .popover--active.mex-cart-popup-style .popover__menu {
    position: fixed;
    transform: translate(-50%, 0);
    left: 50%;
    top: calc(50% - 270px)
}

.mobile .popover--active.mex-cart-popup-style .popover__menu {
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    position: fixed;
    top: auto
}

.mobile .popover--active .popover__menu.scale {
    transform: scale(.68);
    transform-origin: left bottom;
    height: 80vh
}

.mobile .popover--active .popover__menu .popover__menu-item {
    height: 100%;
    padding-right: .25rem
}

.mobile .popover--active .popover__menu.scale .popover__menu-item {
    height: 90%
}

.popover--active .popover__menu .coupon-list-header-close-box {
    position: relative;
    top: 0;
    right: 0;
    opacity: 0;
    float: right;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.popover--active.mex-cart-popup-style .popover__menu .coupon-list-header-close-box {
    opacity: 1
}

.mex-cart-popover-coupon-list .md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(40, 43, 49, .8);
    -webkit-transition: all .3s;
    transition: all .3s
}

.popover--active.mex-cart-popup-style .popover__menu ~ .md-overlay {
    opacity: 1;
    visibility: visible
}

.mex-cart-popover-coupon-list {
    text-align: left
}

.mex-cart-popover-coupon-list:after, .mex-cart-popover-coupon-list:before {
    content: none
}

.mex-cart-popover-coupon-list .popover__menu-item .coupon-list-item .do-not-meet-the-requirements-text {
    background-color: gainsboro;
    padding: 1px 10px;
}

.mex-cart-popover-coupon-list .popover__menu-item .coupon-list-item .coupon-list-item-inner {
    height: 100px;
    border-radius: 0;
    border: solid 1px #737373;
    border-left: none !important;
}

.mex-cart-popover-coupon-list .popover__menu-item .coupon-list-item .coupon-list-item-inner .coupon-list-item-head-label-container {
    width: 27.522935779816514%;
    background: 0 0;
    border-right: dotted 1px #737373
}

.mex-cart-popover-coupon-list .popover__menu-item .coupon-detail-container {
    height: 100%
}

.mex-cart-popover-coupon-list .popover__menu-item .reduction-code__icon {
    margin-top: 8px;
    margin-right: .1428571429em
}

.mex-cart-popover-coupon-list .popover__menu-item button .mex-cart-btn__spinner {
    margin-right: 0
}

.mex-cart-popover-coupon-list .popover__menu-item p {
    font-size: 12px;
    color: #060000
}

.mex-cart-popover-coupon-list .popover__menu-item button p {
    font-size: 16px
}

.mex-cart-popover-coupon-list .popover__menu-item p.value, p.mex-bold {
    font-size: 27.5px !important;
    font-weight: 500;
    line-height: calc(27.5px + 6px)
}

.mex-cart-popover-coupon-list .popover__menu-item .coupon-detail-text {
    color: #060000
}

.mex-cart-popover-coupon-list .popover__menu-item .coupon-detail-remaining {
    font-size: 10px
}

.mex-cart-popover-coupon-list .popover__menu-item ._2WQCW5 {
    width: .3125rem
}

.mex-cart-popover-coupon-list .popover__menu-item ._1ds64-._2Jjc-J {
    background: radial-gradient(circle at 0 .375rem, transparent 0, transparent .1875rem, #737373, #737373 .25rem, transparent 0);
    background-size: .25rem .625rem;
    background-repeat: repeat-y
}

.mex-cart-popover-coupon-list .popover__menu-item ._1ds64- {
    position: absolute;
    top: 0;
    left: 0;
    width: .25rem;
    height: 100%
}

.mex-cart-popover-coupon-list .popover__menu-item .mytS2m {
    width: 1px;
    background: repeating-linear-gradient(#737373, #737373 .1875rem, transparent 0, transparent .625rem);
    background-size: 1px .625rem
}

.mex-cart-popover-coupon-list .popover__menu-item ._2WQCW5, .mytS2m {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%
}

.mex-cart-popover-coupon-list .coupon-list-error-content {
    display: none;
    color: #060000;
    background: 0 0;
    width: 100%;
    height: 100%;
    border: none
}

.mex-cart-popover-coupon-list .coupon-list-error-content .mex-cart-btn__coupon {
    width: 132px;
    height: 82px
}

.mex-cart-popover-coupon-list .coupon-list-error-content a, .mex-cart-errors a {
    text-decoration: underline;
}

.mex-cart-popover-coupon-list .coupon-list-loading {
    color: #737373;
    background: 0 0;
    width: 100%;
    height: 100%;
    border: none
}

.mex-cart-popover-coupon-list .coupon-list-loading svg {
    fill: currentColor;
    width: 25%;
    height: 25%
}

.mex-cart-container .coupon-box-preview .coupon-box-input-group {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px
}

.mex-cart-container .coupon-box-preview .coupon-box-input-group input {
    height: 47px;
    width: calc(100% - 100px);
    font-size: inherit;
    padding: 11px 18px;
    color: #060000;
    background-color: #fff;
    border: 1px solid #737373;
    border-radius: 9px;
    margin-top: 0;
    margin-bottom: 0;
}

.mex-cart-container .coupon-box-preview .coupon-box-input-group button {
    height: 45px;
    width: 86px;
    min-width: 86px;
    font-size: inherit;
    appearance: none;
    border: 0 solid #737373;
    border-radius: 9px;
    color: #fff;
    background-color: #737373;
    padding: 0
}

.mex-cart-container .coupon-box-preview .tags-list {
    float: left;
    display: flex;
    flex-wrap: wrap
}

.mex-cart-container .coupon-box-preview .tags-list .tag {
    display: flex;
    border-radius: 4px;
    background-color: rgba(113, 113, 113, .11);
    font-size: .8571428571em;
    line-height: 1.3em;
    padding-left: .8571428571em;
    padding-right: .8571428571em;
    overflow: hidden;
    margin-top: .8571428571em;
    margin-right: .8571428571em;
    height: 39px
}

.mex-cart-container .coupon-box-preview .tags-list .tag:last-child {
    margin-right: 0
}

.mex-cart-container .tags-list .tag__wrapper {
    display: flex;
    align-items: center;
    width: 100%
}

.mex-cart-container .coupon-box-preview .tags-list .tag__text {
    font-size: 1.1428571429em;
    font-weight: 500;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mex-cart-container .coupon-box-preview .tags-list .reduction-code__icon {
    margin-right: .1428571429em;
    vertical-align: baseline;
    width: 17.66px;
    height: 11px;
    display: inline-block;
    fill: currentColor
}

.mex-cart-container .coupon-box-preview .tags-list .reduction-code__text {
    font-size: 15px;
    color: #060000
}

.mex-cart-container .coupon-box-preview .tags-list .mex-cart-btn--loading .mex-cart-btn__remove {
    opacity: 0;
    display: none !important
}

.mex-cart-container .coupon-box-preview .tags-list .mex-cart-btn__remove {
    opacity: 1;
    display: inline-block !important
}

.mex-cart-container .coupon-box-preview .tags-list .tag__button {
    margin-left: .8571428571em;
    appearance: button;
    cursor: pointer;
    padding: 0;
    appearance: none;
    border: none;
    background: 0 0;
    line-height: normal;
    height: 18px;
    min-height: 18px
}

.mex-cart-container .coupon-box-preview .tags-list .tag__button .icon-svg {
    stroke: rgba(113, 113, 113, .9);
    width: 14px;
    height: 18px;
    display: block;
    fill: currentColor;
    vertical-align: middle
}

.order-summary__section {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: left;
    margin-bottom: 10px
}

.order-summary__section td, .order-summary__section th {
    border: none !important;
    background: 0 0 !important;
    color: #060000 !important
}

.order-summary__section td:after, .order-summary__section th:after {
    border: none !important
}

.order-summary__section .total-line-table svg {
    margin-right: .1428571429em;
    vertical-align: baseline;
    width: 17.66px;
    height: 11px;
    display: inline-block;
    fill: currentColor
}

.order-summary__section .total-line-table {
    display: table !important;
    background: 0 0 !important;
    border: none !important;
    border-spacing: 0;
    width: 100%;
    max-width: 1499px;
    font-size: 1em
}

.mobile .order-summary__section .total-line-table {
    width: 100%
}

.order-summary__section .total-line-table .mex-cart-btn--loading {
    appearance: button;
    cursor: pointer;
    padding: 0;
    appearance: none;
    border: none;
    background: 0 0;
    line-height: normal;
    height: 18px;
    min-height: 18px
}

.order-summary__section .total-line-table .mex-cart-btn--loading .mex-cart-btn__spinner {
    height: 18px;
    animation: rotate .5s linear infinite;
    opacity: 1;
    display: inline-block !important
}

.order-summary__section .total-line-table table {
    display: table
}

.order-summary__section .total-line-table th {
    text-transform: capitalize;
    text-align: left
}

.order-summary__section .total-line-table td, .total-line-table th {
    padding: 0;
    padding-top: .75em;
    line-height: 1.3em;
    font-weight: 400;
    font-size: 1em
}

.order-summary__section .total-line-table td:last-child, .total-line-table th:last-child {
    text-align: right
}

.order-summary__section .total-line-table .visually-hidden {
    display: none
}

.order-summary__section .total-line-table .total-line__name .reduction-code {
    margin-left: .5714285714em
}

.order-summary__section .total-line-table .total-line-table__tbody + .total-line-table__footer .total-line:first-child th, .total-line-table__tbody + .total-line-table__footer .total-line:first-child td {
    padding-top: 3em !important;
    position: relative
}

.order-summary__section .total-line-table .total-line-table__tbody + .total-line-table__footer .total-line:first-child th::before, .total-line-table__tbody + .total-line-table__footer .total-line:first-child td::before {
    background-color: #060000;
    opacity: .34
}

.order-summary__section .total-line-table .total-line-table__tbody + .total-line-table__footer .total-line:first-child th::before, .total-line-table__tbody + .total-line-table__footer .total-line:first-child td::before {
    content: '';
    position: absolute;
    top: 1.5em;
    left: 0;
    width: 100%;
    height: 1px
}

.order-summary__section .total-line-table .payment-due-label__total {
    font-size: 1.1428571429em
}

.order-summary__section .total-line-table .payment-due__price {
    font-size: 1.7142857143em;
    font-weight: 500;
    letter-spacing: -.04em;
    line-height: 1em
}

.order-summary__section .total-line-table tr {
    border: none
}

#shopVouchersModal {
    z-index: 99999999
}

.mex-cart-popover-coupon-list .md-overlay {
    z-index: 9999
}
/**/
.mex-cart-recommendation-wrapper {
    --text-size: 16px;
    --button-text-size: 14px;
    text-align: center;
    width: 100%;
    justify-content: center;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mex-cart-recommendation-wrapper p {
    font-size: var(--text-size);
    margin-bottom: 12px;
}

.mex-cart-recommendation-wrapper #mex-cart-recommendation-splide {
    padding-top: 0;
    padding-bottom: 12px;
    width: 100%;
}

.mex-cart-recommendation-wrapper .card {
    margin: 20px;
}

.mex-cart-recommendation-wrapper .card .card-head {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.mex-cart-recommendation-wrapper .card .card-head img {
    height: 72px;
    width: 72px;
}

.mex-cart-recommendation-wrapper .card .card-head .card-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: left;
    margin-left: 20px;
    font-size: var(--text-size);
}

.mex-cart-recommendation-wrapper .card .card-head .card-info .title {
    font-weight: 500;
}

.mex-cart-recommendation-wrapper .card .card-head .card-info .origin-price {
    text-decoration: line-through;
    margin-right: 10px;
}

.mex-cart-recommendation-wrapper .card button {
    width: 100%;
    height: 38px;
    margin: 10px 0 0 0;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--button-text-size);
    border-style: solid;
    border-width: 1px;
}

.mex-cart-recommendation-wrapper .splide__arrows .splide__arrow--prev {
    left: 2px;
}

.mex-cart-recommendation-wrapper .splide__arrows .splide__arrow--next {
    right: 2px;
}

.mex-cart-recommendation-wrapper .splide__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    opacity: .7;
    background: #ccc;
    margin: 0;
}

.mex-cart-recommendation-wrapper .splide__arrow svg {
    width: 1.2em;
    height: 1.2em;
    transition: none;
}

.mex-cart-recommendation-wrapper button:hover, .mex-cart-recommendation-wrapper button:focus {
    background-color: #ccc;
    box-shadow: none;
}

.mex-cart-recommendation-wrapper .mex-cart-btn--loading {
    font-size: 0 !important;
}

.mex-cart-recommendation-wrapper .mex-cart-btn--loading .mex-cart-btn__spinner {
    width: 18px;
    height: 20px;
    fill: currentColor;
}
/**/
.mex-cart-addon-wrapper {
    --text-size: 16px;
    --button-text-size: 14px;
    text-align: center;
    width: 100%;
    justify-content: center;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mex-cart-addon-wrapper p {
    font-size: var(--text-size);
    margin-bottom: 12px;
}

.mex-cart-addon-wrapper #mex-cart-addon-splide {
    padding-top: 0;
    padding-bottom: 12px;
    width: 100%;
}

.mex-cart-addon-wrapper .card {
    margin: 20px;
}

.mex-cart-addon-wrapper .card .card-head {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.mex-cart-addon-wrapper .card .card-head img {
    height: 72px;
    width: 72px;
}

.mex-cart-addon-wrapper .card .card-head .card-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: left;
    margin-left: 20px;
    font-size: var(--text-size);
}

.mex-cart-addon-wrapper .card .card-head .card-info .title {
    font-weight: 500;
}

.mex-cart-addon-wrapper .card button {
    width: 100%;
    height: 38px;
    margin: 10px 0 0 0;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--button-text-size);
    border-style: solid;
    border-width: 1px;
}

.mex-cart-addon-wrapper .splide__arrows .splide__arrow--prev {
    left: 2px;
}

.mex-cart-addon-wrapper .splide__arrows .splide__arrow--next {
    right: 2px;
}

.mex-cart-addon-wrapper .splide__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    opacity: .7;
    background: #ccc;
    margin: 0;
}

.mex-cart-addon-wrapper .splide__arrow svg {
    width: 1.2em;
    height: 1.2em;
    transition: none;
}

.mex-cart-addon-wrapper button:hover, .mex-cart-addon-wrapper button:focus {
    background-color: #ccc;
    box-shadow: none;
}

.mex-cart-addon-wrapper .mex-cart-btn--loading {
    font-size: 0 !important;
}

.mex-cart-addon-wrapper .mex-cart-btn--loading .mex-cart-btn__spinner {
    width: 18px;
    height: 20px;
    fill: currentColor;
}
/**/
.mex-cart-free-gift-wrapper {
    --text-size: 16px;
    --button-text-size: 14px;
    --button-gift-text-size: 10px;
    text-align: center;
    width: 100%;
    justify-content: center;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mex-cart-free-gift-wrapper p {
    font-size: var(--text-size);
    margin-bottom: 12px;
}

.mex-cart-free-gift-wrapper #mex-cart-free-gift-splide {
    padding-top: 0;
    padding-bottom: 12px;
    width: 100%;
}

.mex-cart-free-gift-wrapper .card {
    margin: 20px;
}

.mex-cart-free-gift-wrapper .card .card-head {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.mex-cart-free-gift-wrapper .card .card-head img {
    height: 72px;
    width: 72px;
}


.mex-cart-free-gift-wrapper .card .card-head .card-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
    font-size: var(--text-size);
}

.mex-cart-free-gift-wrapper .card .card-head .card-info .title {
    font-weight: 500;
}

.mex-cart-free-gift-wrapper .card .card-head .card-info .origin-price:not(:empty) {
    text-decoration: line-through;
    margin-right: 10px;
}

.mex-cart-free-gift-wrapper .card button {
    width: 100%;
    height: 38px;
    margin: 10px 0 0 0;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--button-text-size);
    border-style: solid;
    border-width: 1px;
}

.mex-cart-free-gift-wrapper .card .card-action {
    margin-left: auto;
}

.mex-cart-free-gift-wrapper .card .card-action button {
    width: 40px;
    height: 52px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    justify-content: space-between;
}

.mex-cart-free-gift-wrapper .card .card-action button .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex: 1;
}

.mex-cart-free-gift-wrapper .card .card-action button .icon svg {
    width: 18px;
    height: 20px;
}

.mex-cart-free-gift-wrapper .card .card-action button span {
    font-size: var(--button-gift-text-size);
    width: 100%;
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mex-cart-free-gift-wrapper .splide__arrows .splide__arrow--prev {
    left: 2px;
}

.mex-cart-free-gift-wrapper .splide__arrows .splide__arrow--next {
    right: 2px;
}

.mex-cart-free-gift-wrapper .splide__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    opacity: .7;
    background: #ccc;
    margin: 0;
}

.mex-cart-free-gift-wrapper .splide__arrow svg {
    width: 1.2em;
    height: 1.2em;
    transition: none;
}

.mex-cart-free-gift-wrapper button:hover, .mex-cart-free-gift-wrapper button:focus {
    background-color: #ccc;
    box-shadow: none;
}

.mex-cart-free-gift-wrapper .mex-cart-btn--loading .gift {
    display: none;
}

.mex-hide {
    display: none !important;
}