.sb-suggestions {
    text-align: left;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    font-family: inherit;
    position: absolute;
    display: none;
    z-index: 1005;
    box-sizing: border-box;
    min-width: 100%;
}

.ML .sb-suggestions,
[data-site=ML] .sb-suggestions {
    font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.sb-suggestions__wrapper {
    overflow: hidden;
    position: relative;
}

.sb-suggestions__list {
    padding: 0;
    margin: 12px 0;
}

.sb-suggestions__list--additional {
    margin: 0 0 12px;
    padding: 0;
}

.sb-suggestions__item {
    position: relative;
    padding: 16px 40px 20px 49px;
    margin: 0;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    line-height: 0.88;
    color: #333;
}

.sb-suggestions__item strong {
    font-weight: 400;
}

.sb-suggestions__item:before {
    content: "";
    display: block;
    position: absolute;
    left: 1em;
    top: 0.9em;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path d="M398.725 689.682c156.825 0 284.95-128.125 284.95-284.95 0-157.85-128.125-284.95-284.95-284.95s-284.95 127.1-284.95 284.95c0 156.825 128.125 284.95 284.95 284.95zm0 56.375c-188.6 0-341.325-152.725-341.325-341.325S210.125 63.407 398.725 63.407 740.05 216.132 740.05 404.732 587.325 746.057 398.725 746.057zm235.75-65.6l248.05 248.05 39.976-39.975-19.474-20.5-227.55-227.55-20.5-19.475L615 660.982l19.476 19.475z" fill="%23999999"/>%3C/svg>') center center no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
}

.sb-suggestions__item:last-child {
    margin-bottom: 0;
}

.sb-suggestions__item.selected {
    background: #f5f5f5;
}

.sb-suggestions__item--visited {
    font-weight: 400;
}

.sb-suggestions__item--visited:before {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16 26.656c5.888 0 10.656-4.768 10.656-10.656S21.888 5.344 16 5.344C10.112 5.344 5.344 10.112 5.344 16S10.112 26.656 16 26.656zm0 1.792C9.12 28.448 3.552 22.88 3.552 16S9.12 3.552 16 3.552c6.88 0 12.448 5.568 12.448 12.448S22.88 28.448 16 28.448zm0-10.656h6.208V16h-7.104v1.792H16zm-.896-8.896v8h1.792V8h-1.792v.896z" fill="%23999999" />%3C/svg>');
}

.sb-suggestions__item--additional {
    font-weight: 400;
}

.sb-suggestions__item--additional .store-name {
    display: block;
    color: #3483fa;
    margin-top: 8px;
}

.sb-suggestions__item--additional .store-one~.store-name:before {
    content: "Tienda oficial ";
}

[lang=pt-BR] .sb-suggestions__item--additional .store-one~.store-name:before,
[lang=pt-PT] .sb-suggestions__item--additional .store-one~.store-name:before {
    content: "Loja oficial ";
}

.sb-suggestions__item--additional .store-one~.store-name .official-store-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%3Cpath d="M6.41068 0.429886C6.76181 0.173748 7.23819 0.173748 7.58932 0.429886L8.57445 1.14849C8.74611 1.27371 8.9532 1.341 9.16568 1.34059L10.385 1.33827C10.8197 1.33744 11.2051 1.61745 11.3386 2.03106L11.7132 3.19147C11.7785 3.39367 11.9064 3.56983 12.0786 3.69439L13.0664 4.40924C13.4185 4.66404 13.5658 5.1171 13.4307 5.5302L13.0516 6.68917C12.9856 6.89113 12.9856 7.10887 13.0516 7.31083L13.4307 8.4698C13.5658 8.8829 13.4185 9.33596 13.0664 9.59076L12.0786 10.3056C11.9064 10.4302 11.7785 10.6063 11.7132 10.8085L11.3386 11.9689C11.2051 12.3825 10.8197 12.6626 10.385 12.6617L9.16568 12.6594C8.9532 12.659 8.74611 12.7263 8.57445 12.8515L7.58932 13.5701C7.23819 13.8263 6.76181 13.8263 6.41068 13.5701L5.42555 12.8515C5.25389 12.7263 5.0468 12.659 4.83432 12.6594L3.61496 12.6617C3.18033 12.6626 2.79493 12.3826 2.66141 11.9689L2.28681 10.8085C2.22154 10.6063 2.09355 10.4302 1.92141 10.3056L0.933562 9.59076C0.581453 9.33596 0.434244 8.8829 0.569339 8.4698L0.948351 7.31083C1.0144 7.10887 1.0144 6.89113 0.948351 6.68917L0.569339 5.5302C0.434244 5.1171 0.581452 4.66404 0.933561 4.40924L1.92141 3.69439C2.09355 3.56983 2.22154 3.39367 2.28681 3.19147L2.66141 2.03106C2.79493 1.61745 3.18033 1.33744 3.61496 1.33827L4.83432 1.34059C5.0468 1.341 5.25389 1.27371 5.42555 1.14849L6.41068 0.429886Z" fill="%233483FA"/>%3Cpath d="M6.09077 8.04679L9.52326 4.6143L10.2946 5.38569L6.09077 9.58957L3.70508 7.20387L4.47647 6.43249L6.09077 8.04679Z" fill="white"/>%3C/svg>') center center no-repeat;
    background-size: cover;
    vertical-align: bottom;
}

.sb-suggestions__fill {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
}

.sb-suggestions__fill-icon {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 8px;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M6 15.667l9 9L16.333 23 10 16.667h16v-2H10l6.333-6.333L15 6.667z" fill="%23999999"/>%3C/svg>') center center no-repeat;
    background-size: cover;
}

.mobile-view#mlCategory {
    height: 50px;
    background: #f5f5f5;
    position: absolute;
    margin-top: 6px;
    left: -10px;
    right: -10px;
    line-height: 50px;
    box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.1);
    padding: 0 20px 0 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block !important;
    visibility: hidden;
}

.nav-header-has-search-active .mobile-view#mlCategory {
    visibility: visible;
    height: 50px;
}

.mobile-view#mlCategory input {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mobile-view.nav-category--mb#mlCategory input {
    margin: 0;
    position: unset;
    top: unset;
    transform: unset;
}

.mobile-view#mlCategory label {
    padding-left: 30px;
    font-size: 16px;
}

.mobile-view.nav-category--mb#mlCategory label {
    padding-left: 0;
    font-size: 16px;
}

.nav-category-list-options {
    padding-top: 10px;
}

.nav-category-content-options-desktop .nav-category-list-options {
    margin: 0;
    padding: 0;
}

.nav-category-content-options {
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 0;
}

.nav-category-content-options:hover {
    background-color: #f4f1f1;
}

.nav-category-content-options .image-option {
    margin: 0 8px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.nav-category-content-options label {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.nav-category-content-options label .nav-icon-verified-store-logo {
    margin-left: 4px;
}

@media (min-width: 1024px) {
    .sb-suggestions {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
        padding: 0;
        z-index: 1005;
        margin-top: 0;
        min-width: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .sb-suggestions:before {
        content: "";
        border-top: solid 1px #e6e6e6;
        display: block;
        margin: 0 16.5px;
    }

    .sb-suggestions__wrapper:before {
        display: none;
    }

    .sb-suggestions__wrapper--additional:before {
        content: "";
        border-top: solid 1px #e6e6e6;
        display: block;
        margin: 0 16.5px;
    }

    .sb-suggestions__list {
        margin: 8px 0;
    }

    .sb-suggestions__list--additional {
        margin: 0;
        padding: 16.5px 0;
    }

    .sb-suggestions__list--additional:before {
        content: "Tiendas oficiales";
        color: #666;
        margin-left: 16.5px;
        font-weight: 300;
    }

    [lang=pt-BR] .sb-suggestions__list--additional:before,
    [lang=pt-PT] .sb-suggestions__list--additional:before {
        content: "Lojas oficiais";
    }

    .sb-suggestions__item {
        padding: 11px 0 11px 48px;
        border-top: 0;
        cursor: pointer;
    }

    .sb-suggestions__item strong {
        font-weight: 300;
    }

    .sb-suggestions__item:before {
        top: 0.7em;
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">%3Cg fill="%23CCCCCC" fill-rule="evenodd">%3Cpath d="M10.915 10.167l4.955 4.955-.749.748-4.954-4.954z"/>%3Cpath d="M6.612 13.223A6.612 6.612 0 1 1 6.612 0a6.612 6.612 0 0 1 0 13.223zm0-1.058a5.554 5.554 0 1 0 0-11.107 5.554 5.554 0 0 0 0 11.107z"/>%3C/g>%3C/svg>') center center no-repeat;
        width: 16px;
        height: 16px;
    }

    .sb-suggestions__item.selected {
        background: #3483fa;
        color: #fff;
    }

    .sb-suggestions__item.selected:before {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">%3Cg fill="%23FFFFFF" fill-rule="evenodd">%3Cpath d="M10.915 10.167l4.955 4.955-.749.748-4.954-4.954z"/>%3Cpath d="M6.612 13.223A6.612 6.612 0 1 1 6.612 0a6.612 6.612 0 0 1 0 13.223zm0-1.058a5.554 5.554 0 1 0 0-11.107 5.554 5.554 0 0 0 0 11.107z"/>%3C/g>%3C/svg>') center center no-repeat;
    }

    .sb-suggestions__item.selected .store-name .official-store-icon {
        background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%3Cpath d="M6.41068 0.429886C6.76181 0.173748 7.23819 0.173748 7.58932 0.429886L8.57445 1.14849C8.74611 1.27371 8.9532 1.341 9.16568 1.34059L10.385 1.33827C10.8197 1.33744 11.2051 1.61745 11.3386 2.03106L11.7132 3.19147C11.7785 3.39367 11.9064 3.56983 12.0786 3.69439L13.0664 4.40924C13.4185 4.66404 13.5658 5.1171 13.4307 5.5302L13.0516 6.68917C12.9856 6.89113 12.9856 7.10887 13.0516 7.31083L13.4307 8.4698C13.5658 8.8829 13.4185 9.33596 13.0664 9.59076L12.0786 10.3056C11.9064 10.4302 11.7785 10.6063 11.7132 10.8085L11.3386 11.9689C11.2051 12.3825 10.8197 12.6626 10.385 12.6617L9.16568 12.6594C8.9532 12.659 8.74611 12.7263 8.57445 12.8515L7.58932 13.5701C7.23819 13.8263 6.76181 13.8263 6.41068 13.5701L5.42555 12.8515C5.25389 12.7263 5.0468 12.659 4.83432 12.6594L3.61496 12.6617C3.18033 12.6626 2.79493 12.3826 2.66141 11.9689L2.28681 10.8085C2.22154 10.6063 2.09355 10.4302 1.92141 10.3056L0.933562 9.59076C0.581453 9.33596 0.434244 8.8829 0.569339 8.4698L0.948351 7.31083C1.0144 7.10887 1.0144 6.89113 0.948351 6.68917L0.569339 5.5302C0.434244 5.1171 0.581452 4.66404 0.933561 4.40924L1.92141 3.69439C2.09355 3.56983 2.22154 3.39367 2.28681 3.19147L2.66141 2.03106C2.79493 1.61745 3.18033 1.33744 3.61496 1.33827L4.83432 1.34059C5.0468 1.341 5.25389 1.27371 5.42555 1.14849L6.41068 0.429886Z" fill="white"/>%3Cpath d="M6.09077 8.04679L9.52326 4.6143L10.2946 5.38569L6.09077 9.58957L3.70508 7.20387L4.47647 6.43249L6.09077 8.04679Z" fill="%233483FA"/>%3C/svg>');
    }

    .sb-suggestions__item--additional {
        font-weight: 300;
    }

    .sb-suggestions__item--additional:first-child {
        margin-top: 10px;
    }

    .sb-suggestions__item--additional .store-name {
        display: inline;
    }

    .sb-suggestions__item--additional.selected .store-name {
        color: #fff;
    }

    .sb-suggestions__item--visited {
        font-weight: 600;
    }

    .sb-suggestions__item--visited:before {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15">%3Cg fill="none" fill-rule="evenodd" stroke="%23CCCCCC">%3Cpath d="M.5 7.5a7 7 0 1 0 14 0 7 7 0 1 0-14 0"/>%3Cpath stroke-linecap="square" d="M7.5 3.5v4m0 0h4"/>%3C/g>%3C/svg>') center center no-repeat;
    }

    .sb-suggestions__item--visited.selected:before {
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15">%3Cg fill="none" fill-rule="evenodd" stroke="%23FFFFFF">%3Cpath d="M.5 7.5a7 7 0 1 0 14 0 7 7 0 1 0-14 0"/>%3Cpath stroke-linecap="square" d="M7.5 3.5v4m0 0h4"/>%3C/g>%3C/svg>') center center no-repeat;
    }

    .sb-suggestions__fill {
        display: none;
    }

    .nav-header-has-search-active .nav-search:before,
    .nav-header-has-search-active .nav-search .nav-search-close-btn,
    .nav-header-has-search-active .nav-search .nav-search-clear-btn {
        display: none;
    }
}
</style>
<style type="text/css">
.andes-spinner {
    font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
    font-size: 16px;
}

.andes-spinner__icon {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    animation: rotate-all 1s linear infinite;
}

.andes-spinner__icon-right,
.andes-spinner__icon-left {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.andes-spinner__icon-left {
    left: 0;
}

.andes-spinner__icon-right {
    right: 0;
}

.andes-spinner__icon-border {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 200px 0 0 200px;
    border: 2px solid #3483fa;
    box-sizing: border-box;
}

.andes-spinner__icon-right .andes-spinner__icon-border {
    border-radius: 0 200px 200px 0;
    border-left: 0;
    transform: rotate(-10deg);
    transform-origin: left center;
    animation: rotate-right 0.75s linear infinite alternate;
}

.andes-spinner__icon-right .andes-spinner__icon-border:after {
    bottom: -10px;
    left: -5px;
}

.andes-spinner__icon-left .andes-spinner__icon-border {
    border-right: 0;
    transform: rotate(10deg);
    transform-origin: right center;
    animation: rotate-left 0.75s linear infinite alternate;
}

.andes-spinner__icon-left .andes-spinner__icon-border:after {
    bottom: -10px;
    right: -5px;
}

.andes-spinner--highlight .andes-spinner__label {
    color: #fff;
}

.andes-spinner--highlight .andes-spinner__icon-border {
    border-color: #fff;
}

@keyframes rotate-left {
    to {
        transform: rotate(30deg);
    }

    from {
        transform: rotate(175deg);
    }
}

@keyframes rotate-right {
    from {
        transform: rotate(-175deg);
    }

    to {
        transform: rotate(-30deg);
    }
}

@keyframes rotate-all {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.modal-iframe-cp .andes-spinner__container--medium-notlabel {
    width: 48px;
    height: 48px;
}

.modal-iframe-cp .andes-spinner__container--medium .andes-spinner__label {
    display: block;
    margin-top: 66px;
    line-height: 1;
}

.modal-iframe-cp .andes-spinner__icon--medium {
    width: 48px;
    height: 48px;
}

.modal-iframe-cp .andes-spinner__mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
}

.modal-iframe-cp .andes-spinner__mask--highlight {
    background-color: rgba(52, 131, 250, 0.9);
}

.modal-iframe-cp .andes-spinner--fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1022;
}

.modal-iframe-cp .andes-spinner--fullscreen .andes-spinner__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1023;
}

.modal-iframe-cp .andes-modal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1020;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    animation: fadeIn 0.2s ease-in-out;
    will-change: opacity;
}

.modal-iframe-cp .andes-modal-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    z-index: 1021;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.07), 0 20px 25px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    transform: translate(-50%, -50%);
    opacity: 1;
    animation: translateIn 0.2s ease-in-out, fadeIn 0.2s ease-in-out;
    will-change: opacity, transform;
}

.modal-iframe-cp .andes-modal-dialog--closing {
    animation: translateOut 0.2s ease-in-out, fadeOut 0.2s ease-in-out;
    transform: translate(-50%, calc(-50% + 20px));
    opacity: 0;
}

.modal-iframe-cp .andes-modal-bg--closing {
    animation: fadeOut 0.2s ease-in-out;
    opacity: 0;
}

.modal-iframe-cp .andes-modal-dialog__button-close {
    position: absolute;
    z-index: 1022;
}

.modal-iframe-cp .andes-modal-dialog__button-close:after,
.modal-iframe-cp .andes-modal-dialog__button-close:before {
    opacity: 1;
}

.modal-iframe-cp .andes-modal-dialog__button-close:hover:before,
.modal-iframe-cp .andes-modal-dialog__button-close:hover:after {
    background-color: #1e6dff;
}

.modal-iframe-cp .andes-modal-dialog__container {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
    -webkit-overflow-scrolling: touch;
    box-sizing: content-box;
}

.modal-iframe-cp .andes-modal-dialog__content {
    color: rgba(0, 0, 0, 0.45);
    -webkit-font-smoothing: antialiased;
}

.modal-iframe-cp .andes-modal-dialog--is-open {
    overflow: hidden;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes translateIn {
    from {
        transform: translate(-50%, calc(-50% + 20px));
    }

    to {
        transform: translate(-50%, -50%);
    }
}

@keyframes translateOut {
    from {
        transform: translate(-50%, -50%);
    }

    to {
        transform: translate(-50%, calc(-50% + 20px));
    }
}

@media (min-width: 768px) {
    .modal-iframe-cp .andes-modal-dialog {
        max-width: 40em;
        max-height: 30em;
    }

    .modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close {
        position: relative;
        width: 1em;
        height: 1em;
        cursor: pointer;
        position: absolute;
        left: auto;
        right: 64px;
        top: 64px;
        padding: 0;
        margin-top: 14px;
    }

    .modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close:after,
    .modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close:before {
        position: absolute;
        left: 0.5em;
        top: 0;
        content: "";
        height: 1em;
        width: 2px;
        background-color: #3483fa;
        cursor: pointer;
    }

    .modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close:before {
        transform: rotate(45deg);
    }

    .modal-iframe-cp .andes-modal--loose .andes-modal-dialog__button-close:after {
        transform: rotate(-45deg);
    }

    .modal-iframe-cp .andes-modal--loose .andes-modal-dialog__content {
        padding: 64px;
    }
}

.modal-iframe-cp .andes-modal-dialog {
    max-width: calc(100% - 16px);
    max-height: calc(100% - 16px);
}

.modal-iframe-cp .andes-spinner__mask {
    background: #fff;
}

.modal-iframe-cp-hidden {
    overflow: hidden !important;
}
</style>
<style type="text/css">
.user-menu__coins {
    --andes-spacing-24: 24px;
    --andes-spacing-20: 20px;
    --andes-spacing-16: 16px;
    --andes-spacing-12: 12px;
    --andes-spacing-8: 8px;
    --andes-spacing-4: 4px;
    --andes-blue-500: #3483fa;
    --andes-blue-100: rgb(71, 154, 209, 0.1);
    --andes-green-500: #00a650;
    --andes-green-10: rgba(0, 166, 80, 0.1);
    --andes-red-500: #f23d4f;
    --andes-red-100: rgba(242, 61, 79, 0.1);
    --andes-gray-040-solid: #F5F5F5;
    --andes-gray-900: #1a1a1a;
    --andes-gray-100: rgba(0, 0, 0, 0.1);
    --andes-gray-550: #737373;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-size-14: 14px;
    --font-size-12: 12px;
}

.user-menu__coins {
    margin: var(--andes-spacing-12) var(--andes-spacing-16);
    background: var(--andes-gray-040-solid);
    border-radius: var(--andes-spacing-16);
}

.user-menu__coins ul {
    padding: 0;
}

#nav-header-menu .user-menu__coins label>.user-menu__coins-main {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 8px var(--andes-spacing-12) 8px var(--andes-spacing-16);
    cursor: auto;
    justify-content: space-around;
}

#nav-header-menu .user-menu__one-column .user-menu__coins .user-menu__coins-main-link {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    cursor: auto;
}

#nav-header-menu .user-menu__coins .user-menu__coins-main-link.user-menu__coins-link-label {
    color: var(--andes-blue-500);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-12);
    line-height: 15px;
    margin-left: 50px;
    padding: 0 0 var(--andes-spacing-12);
}

#nav-header-menu .user-menu__coins-main-item.user-menu__coins--link {
    display: flex !important;
    align-items: center;
    margin: 0;
    padding: 10px var(--andes-spacing-12) 10px var(--andes-spacing-16);
    cursor: pointer;
}

#nav-header-menu .user-menu__one-column .user-menu__coins .user-menu__coins-main-item.user-menu__coins-main-item-padding {
    padding: 8px var(--andes-spacing-12) 10px var(--andes-spacing-16);
}

#nav-header-menu .user-menu__one-column .user-menu__coins .user-menu__coins-main-cursor {
    cursor: pointer;
}

.user-menu__coins-icon-title {
    margin-right: 11px;
    width: var(--andes-spacing-24);
    height: var(--andes-spacing-24);
    align-self: center;
}

.user-menu__coins-icon-item {
    align-self: flex-start;
    margin-right: 13px;
    margin-left: 2px;
    width: var(--andes-spacing-20);
    height: var(--andes-spacing-20);
}

.user-menu__user-badge-email__chevron.user-menu__coins-title__chevron {
    color: var(--andes-gray-550);
    transform: rotate(135deg);
    position: absolute;
    top: -2px;
    right: var(--andes-spacing-4);
    transition: all 0.195s;
}

.user-menu__coins-title {
    font-size: var(--font-size-14);
    color: var(--andes-gray-900);
    margin: 0;
    font-weight: var(--font-weight-semibold);
    line-height: 18px;
    display: flex;
}

.user-menu__coins-title-weight {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-12);
    line-height: 15px;
}

.user-menu__coins-item {
    width: 100%;
    display: block;
}

.user-menu__coins-item-container-title {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: baseline;
    position: relative;
}

.user-menu__coins-item .user-menu__coins-subtitle-balance {
    overflow-wrap: break-word;
    white-space: normal;
    text-align: left;
    width: 185px;
    margin: var(--andes-spacing-4) 0 0 0;
    display: block;
}

.user-menu__coins-super-index {
    font-size: 9px;
    line-height: 14px;
    margin-left: 1px;
}

.user-menu__coins-container-item-info {
    display: flex;
    width: 100%;
    margin-top: 4px;
}

.user-menu__coins-percentage {
    font-size: 11px;
    padding: 0px 6px;
    border-radius: var(--andes-spacing-8);
    font-weight: var(--font-weight-semibold);
    line-height: 11px;
}

.user-menu__coins-percentage-green {
    color: var(--andes-green-500);
    background: var(--andes-green-10);
}

.user-menu__coins-percentage-red {
    color: var(--andes-red-500);
    background: var(--andes-red-100);
}

.user-menu__coins-subtitle {
    font-size: var(--font-size-12);
    color: var(--andes-gray-550);
    margin: 0;
    font-weight: var(--font-weight-regular);
    line-height: 15px;
}

.user-menu__coins-subtitle-info {
    font-size: var(--font-size-14);
    color: var(--andes-blue-500);
    margin: 0;
    font-weight: var(--font-weight-regular);
    line-height: 18px;
}

#nav-header-menu .user-menu__one-column .user-menu__coins .user-menu__coins-main.user-menu__coins-main-kyc {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    padding: 9px var(--andes-spacing-12) var(--andes-spacing-12) var(--andes-spacing-16);
}

.user-menu__coins-kyc-label {
    color: var(--andes-blue-500);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-14);
    line-height: 15px;
    margin: 0;
}

.user-menu__user-badge-email__chevron.user-menu__user-badge-kyc {
    color: var(--andes-blue-500);
    margin: 4px 5px 0 0;
}

.user-menu__coins-container-list {
    padding: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.195s;
}

#state:checked~.user-menu__coins-container-list {
    max-height: 200px;
    opacity: 1;
    transition: all 0.225s;
}

#state:checked~label .user-menu__coins-title__chevron {
    transform: rotate(-45deg);
    top: 0;
    transition: all 0.225s;
}

#nav-header-menu .user-menu__one-column .user-menu__coins .user-menu__shortcuts-separator {
    margin: 0px;
    border-top: 1px solid var(--andes-gray-100);
}

#nav-header-menu .user-menu__one-column .user-menu__shortcuts-separator.user-menu__shortcuts-separator-coin {
    margin: 0px var(--andes-spacing-12) 0px var(--andes-spacing-16);
}

#nav-header-menu .nav-header-user-layer .user-menu__coins-main:hover,
#nav-header-menu .nav-header-user-layer .user-menu__coins-link-label:hover,
#nav-header-menu .nav-header-user-layer .user-menu__coins-main-item:hover {
    background: transparent;
}

.hide-visually {
    clip: rect(0 0 0 0);
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.nav-header-user:before {
    content: "";
    opacity: 0;
}

.nav-header-user:hover:before {
    content: "";
    opacity: 1;
}

#nav-header-menu .nav-header-user-layer .user-menu__user-badge-email:hover {
    background-color: transparent;
}

#nav-header-menu .nav-header-user-layer:focus {
    outline: none;
}

.user-menu__user-badge-email__chevron {
    border-style: solid;
    border-width: 1.5px 1.5px 0 0;
    display: inline-block;
    height: 8px;
    position: relative;
    transform: rotate(45deg);
    width: 8px;
    color: rgba(0, 0, 0, 0.8);
    margin: 6px 0 0 5px;
    vertical-align: top;
}

@media (max-width: 1023px) {
    #nav-header-menu .user-menu__main {
        display: none;
    }
}

@media (min-width: 1024px) {
    #nav-header-menu {
        /* Overrides styles from old user menu */
    }

    #nav-header-menu .user-menu {
        border: none;
        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.08), 0 1px 4px 0 rgba(0, 0, 0, 0.08);
        padding: 0 0 0 270px;
        width: 540px;
        right: -120px;
        min-height: 244px;
        -webkit-font-smoothing: antialiased;
        display: block;
        z-index: 1014;
    }

    #nav-header-menu .user-menu::before,
    #nav-header-menu .user-menu::after {
        content: none;
    }

    #nav-header-menu .user-menu .user-menu__chevron {
        display: block;
        position: absolute;
        right: 60px;
        bottom: 100%;
        height: 18px;
        width: 18px;
        pointer-events: none;
        border-bottom: 9px solid #fff;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        box-sizing: border-box;
    }

    #nav-header-menu .user-menu--hidden {
        display: none;
    }

    #nav-header-menu .user-menu--rounded-4 {
        border-radius: 4px;
    }

    #nav-header-menu .user-menu {
        right: -50px;
    }

    #nav-header-menu .user-menu::after {
        right: 60px;
    }

    #nav-header-menu .user-menu .ui-button {
        -webkit-tap-highlight-color: transparent;
        appearance: none;
        border: 0;
        border-radius: 4px;
        cursor: pointer;
        display: block;
        font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
        font-size: 18px;
        font-weight: 300;
        margin: 0;
        outline: 0;
        padding: 15px 32px;
        text-align: center;
        transition: background 0.1s ease-in, color 0.1s ease-in, border 0.1s ease-in;
        width: 100%;
    }

    #nav-header-menu .user-menu .ui-button--small {
        font-size: 14px;
    }

    #nav-header-menu .user-menu .ui-button--primary {
        background: #3483fa;
        padding: 15px 32px;
    }

    #nav-header-menu .user-menu .ui-button--primary,
    #nav-header-menu .user-menu .ui-button--primary:link,
    #nav-header-menu .user-menu .ui-button--primary:visited {
        color: #fff;
    }

    #nav-header-menu .user-menu .ui-button--primary:focus {
        background-color: rgba(52, 131, 250, 0.8);
        color: #fff;
    }

    #nav-header-menu .user-menu .ui-button--primary:hover {
        background-color: rgba(52, 131, 250, 0.8);
        color: #fff;
    }

    #nav-header-menu .user-menu .ui-button--primary.ui-button--ripple-effect {
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
        will-change: transform;
        background-image: none;
    }

    #nav-header-menu .user-menu .ui-button--primary.ui-button--ripple-effect:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
        background-position: center center;
        background-size: 1000% 1000%;
        background-repeat: no-repeat;
        transition: background 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 1.5s cubic-bezier(0, 0, 0.2, 1);
        opacity: 0;
        z-index: -1;
    }

    #nav-header-menu .user-menu .ui-button--primary.ui-button--ripple-effect:active:after {
        background-size: 0% 0%;
        transition: 0s;
        opacity: 0.2;
    }

    #nav-header-menu .user-menu .ui-button--primary.ui-button--small {
        padding: 11px 24px;
    }

    #nav-header-menu .user-menu .ui-button--primary.ui-button--disabled,
    #nav-header-menu .user-menu .ui-button--primary:disabled,
    #nav-header-menu .user-menu .ui-button--primary[disabled] {
        pointer-events: none;
        cursor: auto;
        color: #999;
        background-color: #e6e6e6;
    }

    #nav-header-menu .user-menu .ui-button--secondary {
        background: none;
        border: 1px solid #3483fa;
        padding: 14px 31px;
    }

    #nav-header-menu .user-menu .ui-button--secondary,
    #nav-header-menu .user-menu .ui-button--secondary:link,
    #nav-header-menu .user-menu .ui-button--secondary:visited {
        color: #3483fa;
    }

    #nav-header-menu .user-menu .ui-button--secondary:focus {
        background-color: none;
        color: rgba(52, 131, 250, 0.65);
    }

    #nav-header-menu .user-menu .ui-button--secondary:hover {
        background-color: none;
        color: rgba(52, 131, 250, 0.65);
    }

    #nav-header-menu .user-menu .ui-button--secondary,
    #nav-header-menu .user-menu .ui-button--secondary:link,
    #nav-header-menu .user-menu .ui-button--secondary:visited {
        border: 1px solid #3483fa;
    }

    #nav-header-menu .user-menu .ui-button--secondary:focus {
        border: 1px solid rgba(52, 131, 250, 0.65);
    }

    #nav-header-menu .user-menu .ui-button--secondary:hover {
        border: 1px solid rgba(52, 131, 250, 0.65);
    }

    #nav-header-menu .user-menu .ui-button--secondary.ui-button--small {
        padding: 10px 23px;
    }

    #nav-header-menu .user-menu .ui-button--secondary .ui-button--ripple-effect {
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
        will-change: transform;
        background-image: none;
    }

    #nav-header-menu .user-menu .ui-button--secondary .ui-button--ripple-effect:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: radial-gradient(circle, #3483fa 10%, transparent 10.01%);
        background-position: center center;
        background-size: 1000% 1000%;
        background-repeat: no-repeat;
        transition: background 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 1.5s cubic-bezier(0, 0, 0.2, 1);
        opacity: 0;
        z-index: -1;
    }

    #nav-header-menu .user-menu .ui-button--secondary .ui-button--ripple-effect:active:after {
        background-size: 0% 0%;
        transition: 0s;
        opacity: 0.2;
    }

    #nav-header-menu .user-menu .ui-button--secondary.ui-button--disabled,
    #nav-header-menu .user-menu .ui-button--secondary:disabled,
    #nav-header-menu .user-menu .ui-button--secondary[disabled] {
        pointer-events: none;
        cursor: auto;
        color: #999;
        background-color: transparent;
        border-color: #ccc;
    }

    #nav-header-menu .user-menu .ui-button--tertiary {
        background: none;
        padding: 15px 32px;
    }

    #nav-header-menu .user-menu .ui-button--tertiary,
    #nav-header-menu .user-menu .ui-button--tertiary:link,
    #nav-header-menu .user-menu .ui-button--tertiary:visited {
        color: #3483fa;
    }

    #nav-header-menu .user-menu .ui-button--tertiary:focus {
        background-color: none;
        color: rgba(52, 131, 250, 0.65);
    }

    #nav-header-menu .user-menu .ui-button--tertiary:hover {
        background-color: none;
        color: rgba(52, 131, 250, 0.65);
    }

    #nav-header-menu .user-menu .ui-button--tertiary.ui-button--small {
        padding: 11px 24px;
    }

    #nav-header-menu .user-menu .ui-button--tertiary.ui-button--ripple-effect {
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
        will-change: transform;
        background-image: none;
    }

    #nav-header-menu .user-menu .ui-button--tertiary.ui-button--ripple-effect:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: radial-gradient(circle, #3483fa 10%, transparent 10.01%);
        background-position: center center;
        background-size: 1000% 1000%;
        background-repeat: no-repeat;
        transition: background 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 1.5s cubic-bezier(0, 0, 0.2, 1);
        opacity: 0;
        z-index: -1;
    }

    #nav-header-menu .user-menu .ui-button--tertiary.ui-button--ripple-effect:active:after {
        background-size: 0% 0%;
        transition: 0s;
        opacity: 0.2;
    }

    #nav-header-menu .user-menu .ui-button--tertiary.ui-button--disabled,
    #nav-header-menu .user-menu .ui-button--tertiary:disabled,
    #nav-header-menu .user-menu .ui-button--tertiary[disabled] {
        pointer-events: none;
        cursor: auto;
        color: #999;
        background-color: transparent;
    }

    #nav-header-menu .user-menu .ui-button {
        line-height: 1;
    }
}

@media (min-width: 1024px) and (min-width: 768px) {
    #nav-header-menu .user-menu .ui-button {
        display: inline-block;
        width: auto;
        min-width: 142px;
    }

    #nav-header-menu .user-menu .ui-button.ui-button--small {
        display: inline-block;
        width: auto;
        min-width: 108px;
    }
}

@media (min-width: 1024px) {
    #nav-header-menu .user-menu .ui-loading--inline {
        position: relative;
    }

    #nav-header-menu .user-menu .ui-loading--block {
        position: absolute;
        z-index: 7;
    }

    #nav-header-menu .user-menu .ui-loading--block .ui-loading__container {
        z-index: 8;
    }

    #nav-header-menu .user-menu .ui-loading--fullscreen {
        position: fixed;
        z-index: 1022;
    }

    #nav-header-menu .user-menu .ui-loading--fullscreen .ui-loading__container {
        z-index: 1023;
    }

    #nav-header-menu .user-menu .ui-loading--block,
    #nav-header-menu .user-menu .ui-loading--fullscreen,
    #nav-header-menu .user-menu .ui-loading__mask {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    #nav-header-menu .user-menu .ui-loading--block .ui-loading__container,
    #nav-header-menu .user-menu .ui-loading--fullscreen .ui-loading__container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #nav-header-menu .user-menu .ui-loading__mask {
        position: absolute;
        background-color: rgba(255, 255, 255, 0.9);
    }

    #nav-header-menu .user-menu .ui-loading--inline .ui-loading__mask {
        display: none;
    }

    #nav-header-menu .user-menu .ui-loading__spinner {
        width: 32px;
        height: 32px;
        animation: loading-rotate 2s linear infinite;
        transform-origin: center center;
        position: relative;
    }

    #nav-header-menu .user-menu .ui-loading__spinner--small {
        width: 32px;
        height: 32px;
    }

    #nav-header-menu .user-menu .ui-loading__spinner--large {
        width: 64px;
        height: 64px;
    }

    #nav-header-menu .user-menu .ui-loading__spinner-path {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -10;
        animation: loading-dash 1.5s ease-in-out infinite, loading-color 6s ease-in-out infinite;
        stroke-linecap: round;
        stroke: #3483fa;
    }

    @keyframes loading-rotate {
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes loading-dash {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
        }

        50% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -35px;
        }

        100% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -124px;
        }
    }

    @keyframes loading-color {

        100%,
        0% {
            stroke: #3483fa;
        }
    }

    #nav-header-menu .user-menu .user-menu__shortcuts {
        padding: 14px 0;
        list-style: none;
    }

    #nav-header-menu .user-menu .user-menu__shortcuts a {
        margin: 0;
        padding: 14px 24px;
        font-size: 16px;
        line-height: 1.25;
        text-align: left;
        color: #333;
    }

    #nav-header-menu .user-menu .user-menu__shortcuts a:hover {
        background-color: #f5f5f5;
    }

    #nav-header-menu .user-menu .user-menu__shortcuts.without-loyalty a {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    #nav-header-menu .user-menu .user-menu__user-info-outer-container {
        position: absolute;
        left: 0;
        top: 0;
        width: 270px;
        height: 100%;
        border-right: solid 1px #eee;
        margin: 0;
    }

    #nav-header-menu .user-menu .user-menu__user-info-inner-container {
        text-align: center;
        height: 100%;
        position: relative;
    }

    #nav-header-menu .user-menu .user-menu__user-info-inner-container .user-menu__primary-action {
        display: inline-block;
    }

    #nav-header-menu .user-menu .user-menu__user-info-inner-container .user-menu__user-pill {
        height: 35px;
        padding-left: 77px;
        padding-right: 8px;
    }

    #nav-header-menu .user-menu .user-menu__user-info-inner-container .user-menu__user-pill--evolution {
        padding: 0px 16px 0 16px;
        margin-top: 7px;
    }

    #nav-header-menu .user-menu .user-menu__user-info-inner-container .user-menu__user-pill:hover {
        background-color: #fff;
    }

    #nav-header-menu .user-menu .user-menu__user-info-inner-container .user-menu__user-pill-anchor {
        padding: 0px;
        margin: 0px;
        height: 100%;
    }

    #nav-header-menu .user-menu .user-menu__user-info-inner-container .user-menu__user-pill-anchor:hover {
        background-color: #fff;
    }

    #nav-header-menu .user-menu .user-menu__user-info-inner-container .user-menu__user-pill-image {
        width: 100%;
    }

    #nav-header-menu .user-menu .user-menu__user-info-inner-container .user-menu__user-pill-image:hover {
        background-color: #fff;
    }

    #nav-header-menu .user-menu .user-menu__primary-action {
        width: 214px;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.38;
        border-radius: 5px;
        margin-top: 20px;
    }

    #nav-header-menu .user-menu .user-menu__loyalty-goal+.user-menu__primary-action {
        margin-top: 10px;
    }

    #nav-header-menu .user-menu .user-menu__user-badge {
        position: absolute;
        top: 55%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
    }

    #nav-header-menu .user-menu .user-menu__user-badge p:last-child {
        margin-bottom: 0;
    }

    #nav-header-menu .user-menu .user-menu__user-badge.user-menu__user-badge--center {
        top: 50%;
    }

    #nav-header-menu .user-menu .user-menu__user-badge-image {
        width: 68px;
        height: 68px;
        margin: 0 auto 20px auto;
        position: relative;
    }

    #nav-header-menu .user-menu .user-menu__avatar-form,
    #nav-header-menu .user-menu .user-menu__avatar-picture,
    #nav-header-menu .user-menu .user-menu__avatar-label {
        width: 100%;
        height: 100%;
    }

    #nav-header-menu .user-menu .user-menu__avatar-form,
    #nav-header-menu .user-menu .user-menu__avatar-control {
        position: relative;
    }

    #nav-header-menu .user-menu .user-menu__avatar-control {
        visibility: hidden;
        z-index: -1;
    }

    #nav-header-menu .user-menu .user-menu__avatar-label,
    #nav-header-menu .user-menu .user-menu__avatar-picture,
    #nav-header-menu .user-menu .user-menu__avatar-loading .ui-loading__mask {
        border-radius: 50%;
    }

    #nav-header-menu .user-menu .user-menu__avatar-picture {
        border: solid 1px rgba(0, 0, 0, 0.07);
    }

    #nav-header-menu .user-menu .user-menu__avatar-loading .ui-loading__container {
        bottom: 0;
    }

    #nav-header-menu .user-menu .user-menu__avatar-loading .ui-loading__mask {
        box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.9);
    }

    #nav-header-menu .user-menu .user-menu__avatar-label {
        display: inline-block;
        cursor: pointer;
    }

    #nav-header-menu .user-menu .user-menu__avatar-label:hover .user-menu__avatar-text {
        display: inline-block;
    }

    #nav-header-menu .user-menu .user-menu__avatar-text {
        background-color: rgba(52, 131, 250, 0.9);
        box-shadow: 0 0 1px 1px rgba(52, 131, 250, 0.9);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 50%;
        font-size: 14px;
        line-height: 17px;
        padding: 17px 5px 0;
        font-weight: 600;
        color: #fff;
        display: none;
        white-space: normal;
        z-index: 1;
    }

    #nav-header-menu .user-menu svg.user-menu__user-icon {
        width: 68px;
        height: 68px;
    }

    #nav-header-menu .user-menu svg.user-menu__user-progress {
        width: 98px;
        height: 98px;
        position: absolute;
        bottom: -12px;
        right: -12px;
    }

    #nav-header-menu .user-menu .user-menu--level-1 .progress {
        stroke: #20c261;
        color: #20c261;
    }

    #nav-header-menu .user-menu .user-menu--level-2 .progress {
        stroke: #1ac2b0;
        color: #1ac2b0;
    }

    #nav-header-menu .user-menu .user-menu--level-3 .progress {
        stroke: #00a4d5;
        color: #00a4d5;
    }

    #nav-header-menu .user-menu .user-menu--level-4 .progress {
        stroke: #4063ea;
        color: #4063ea;
    }

    #nav-header-menu .user-menu .user-menu--level-5 .progress {
        stroke: #8700ff;
        color: #8700ff;
    }

    #nav-header-menu .user-menu .user-menu--level-6 .progress {
        stroke: #a90f90;
        color: #a90f90;
    }

    #nav-header-menu .user-menu .user-menu__loyalty-components {
        width: 24px;
        height: 24px;
        border: solid 3px #fff;
        border-radius: 50%;
        position: absolute;
        bottom: -6px;
        right: -6px;
    }

    #nav-header-menu .user-menu .user-menu__user-badge-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.25;
        color: rgba(0, 0, 0, 0.8);
        margin: 0 0 6px 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #nav-header-menu .user-menu .user-menu__user-badge-title--profile {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.25;
        color: rgba(0, 0, 0, 0.9);
        margin: 0 0 6px 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #nav-header-menu .user-menu .user-menu__user-with-loyalty .user-menu__user-badge-title {
        font-size: 14px;
        line-height: 1.29;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.45);
        margin-bottom: 8px;
    }

    #nav-header-menu .user-menu .user-menu__user-badge-email {
        font-size: 14px;
        line-height: 1.29;
        color: rgba(0, 0, 0, 0.45);
        margin: 0 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        bottom: 6px;
        padding-right: 0;
        padding-left: 0;
        border-radius: 10px;
        user-select: text;
    }

    #nav-header-menu .user-menu a.user-menu__user-badge-email:hover {
        background: #f5f5f5;
    }

    #nav-header-menu .user-menu .user-menu__user-with-loyalty .user-menu__user-badge-email {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.25;
        color: rgba(0, 0, 0, 0.8);
        display: block;
        padding: 5px 15px;
        width: 225px;
        margin: 0 auto;
    }

    #nav-header-menu .user-menu .user-menu__loyalty-goal {
        font-size: 14px;
        width: 166px;
        white-space: normal;
        line-height: 1.2;
        margin: 0 auto;
        color: #999;
    }

    #nav-header-menu .user-menu .user-menu-evolution {
        margin-top: -12px;
        padding-left: 16px;
        padding-bottom: 6px;
    }

    #nav-header-menu .user-menu .user-menu-evolution--meli-plus {
        padding-bottom: 8px;
    }

    #nav-header-menu .user-menu .user-menu-evolution:hover {
        background-color: #f5f5f5;
    }

    #nav-header-menu .user-menu .user-menu-evolution__user-badge-image {
        width: 40px;
        height: 40px;
        position: relative;
        float: left;
        margin-right: 12px;
        border: solid 1px rgba(0, 0, 0, 0.07);
        border-radius: 50%;
    }

    #nav-header-menu .user-menu .user-menu-evolution__user-badge-image .user-menu-evolution__avatar-picture {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #nav-header-menu .user-menu .user-menu-evolution__user-badge-image--center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #nav-header-menu .user-menu .user-menu-evolution__meli-plus-icon {
        position: absolute;
        height: 12.8px;
        width: 32.8px;
        bottom: -4.7px;
        left: 2.8px;
    }

    #nav-header-menu .user-menu .user-menu-evolution__avatar-picture {
        height: 100%;
        width: 100%;
    }

    #nav-header-menu .user-menu .user-menu-evolution__user-initials,
    #nav-header-menu .user-menu .user-menu-evolution .nav-icon-user-rectangle-shoulders {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #nav-header-menu .user-menu .user-menu-evolution__user-initials {
        line-height: 1;
        font-weight: 500;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.9);
    }

    #nav-header-menu .user-menu .user-menu-evolution__user-badge-title {
        font-size: 20px;
        font-weight: 600;
        color: rgba(0, 0, 0, 0.9);
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.25;
    }

    #nav-header-menu .user-menu .user-menu-evolution__user-action-label {
        font-weight: 400;
        color: rgba(0, 0, 0, 0.9);
        font-size: 14px;
        line-height: 1;
    }

    #nav-header-menu .user-menu .user-menu-evolution__user-badge-email-chevron {
        border-style: solid;
        border-width: 1.4px 1.4px 0 0;
        display: inline-block;
        height: 6px;
        width: 6px;
        position: relative;
        transform: rotate(45deg);
        color: rgba(0, 0, 0, 0.9);
        margin-left: 2px;
        margin-bottom: 0.7px;
    }

    #nav-header-menu .user-menu__one-column {
        padding-left: 0;
        min-height: auto;
        width: 304px;
    }

    #nav-header-menu .user-menu__one-column .user-menu__user-info-outer-container {
        position: static;
        border: none;
        width: auto;
        margin: 18px 0;
    }

    #nav-header-menu .user-menu__one-column .user-menu__user-badge-image {
        width: 40px;
        height: 40px;
        margin: 0 12px 0 24px;
        float: left;
    }

    #nav-header-menu .user-menu__one-column .user-menu--mb-0 {
        margin-bottom: 0;
    }

    #nav-header-menu .user-menu__one-column .user-menu__user-with-loyalty {
        margin: 22px 0 0px;
    }

    #nav-header-menu .user-menu__one-column .user-menu__user-with-loyalty .user-menu__user-badge-image {
        margin: 0 10px 0 23px;
    }

    #nav-header-menu .user-menu__one-column .user-menu__user-with-loyalty .user-menu__user-badge-title {
        padding: 0 7px;
        margin-bottom: 3px;
    }

    #nav-header-menu .user-menu__one-column .user-menu__user-with-loyalty .user-menu__user-badge-email {
        border-radius: 6px;
        padding: 5px 7px;
        width: 208px;
        margin: 0;
    }

    #nav-header-menu .user-menu__one-column .user-menu__user-badge-email,
    #nav-header-menu .user-menu__one-column .user-menu__user-badge-title {
        padding: 0;
        margin: 0;
    }

    #nav-header-menu .user-menu__one-column .user-menu__user-badge.user-menu__user-badge--center {
        position: static;
        transform: none;
        text-align: left;
    }

    #nav-header-menu .user-menu__one-column svg.user-menu__user-progress {
        width: 58px;
        height: 58px;
        bottom: -6px;
        right: -6px;
    }

    #nav-header-menu .user-menu__one-column .user-menu__shortcuts a,
    #nav-header-menu .user-menu__one-column .user-menu__shortcuts.without-loyalty a {
        font-size: 14px;
        padding: 8px 24px;
    }

    #nav-header-menu .user-menu__one-column .user-menu__shortcuts-separator {
        border-top: 1px solid #eeeeee;
        margin: 8px 0;
        display: block;
    }

    #nav-header-menu .user-menu__one-column .user-menu__shortcuts {
        padding: 0 0 8px 0;
    }

    #nav-header-menu .user-menu__one-column .user-menu__loyalty-goal {
        margin: 4px 23px 8px;
        width: auto;
    }

    #nav-header-menu .user-menu__one-column .user-menu__user-badge p:last-child {
        margin-bottom: 18px;
    }

    #nav-header-menu .user-menu__one-column .user-menu__avatar-text {
        font-size: 8px;
        line-height: 0.88;
        padding-top: 14px;
        text-align: center;
    }

    #nav-header-menu .user-menu__one-column .user-menu__shortcuts-tag {
        background-color: #3483fa;
        font-size: 11px;
        font-weight: 600;
        color: #ffffff;
        border-radius: 8px;
        text-align: center;
        padding: 3px 6px;
        text-transform: uppercase;
        float: right;
        line-height: 0.91;
    }

    #nav-header-menu .user-menu__one-column .user-menu__shortcuts-tag.mplay {
        background-color: #00a650;
    }

    #nav-header-menu .user-menu__one-column .ui-loading--block .ui-loading__container {
        top: 45%;
    }

    #nav-header-menu .user-menu__one-column .ui-loading__spinner {
        width: 28px;
        height: 28px;
    }

    #nav-header-menu .user-menu__old {
        display: none;
    }
}
</style>
<style type="text/css">
.ui-cart-feedback {
    z-index: 1000;
    box-shadow: 2px 2px 2px rgba(100, 100, 100, 0.1);
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #dedede;
    background-color: #fff;
    width: auto;
    height: auto;
    position: absolute;
}

.ui-cart-feedback:before,
.ui-cart-feedback:after {
    border: outset transparent;
    /* border transparent bug on FF: http://stackoverflow.com/a/6225439 */
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    -ms-touch-action: none;
    pointer-events: none;
    display: block;
    bottom: 100%;
    border-bottom-style: solid;
}

.ui-cart-feedback:before {
    border-width: 10px;
    border-bottom-color: #dedede;
    right: 7px;
}

.ui-cart-feedback:after {
    border-width: 9px;
    border-bottom-color: #fff;
    right: 8px;
}

/* LAYER CART */
.nav-cart-layer {
    padding: 5px;
    background: #fff;
    width: 300px;
    box-sizing: border-box;
    position: relative;
}

.nav-cart-layer__img,
.nav-cart-layer__text-container {
    vertical-align: top;
}

.nav-cart-layer .nav-cart-layer__img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
}

.nav-cart-layer__text-container {
    margin-left: 50px;
}

.nav-cart-layer__legend,
.nav-cart-layer__title {
    color: #666;
}

.nav-cart-layer__legend {
    font-size: 12px;
}

.nav-cart-layer__title {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nav-cart-layer a,
.nav-cart-layer a:hover,
.nav-cart-layer a:active,
.nav-cart-layer a:link {
    color: #666;
    text-decoration: none;
}
</style>
<style type="text/css">
@keyframes snackbar-show {
    from {
        opacity: 0;
        transform: translate3d(-50%, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes snackbar-hide {
    0% {
        transform: translate3d(-50%, 0, 0);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(-50%, 100%, 0);
    }
}

.no-js .ui-snackbar,
.ui-snackbar--is-active {
    animation-name: snackbar-show;
}

.no-js .ui-snackbar__close:checked+.ui-snackbar,
.ui-snackbar--is-inactive {
    animation-name: snackbar-hide;
    animation-fill-mode: forwards;
}

.ui-snackbar {
    position: fixed;
    z-index: 1022;
    width: 100%;
    font-size: 14px;
    line-height: 1.25;
    color: #fff;
    background-color: #333;
    bottom: 0;
    display: table;
    border-spacing: 20px;
    border-collapse: separate;
    animation-duration: 0.5s;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    left: 50%;
    transform: translateX(-50%);
}

.ui-snackbar--default {
    background-color: #333;
}

.ui-snackbar--success {
    background-color: #39b54a;
}

.ui-snackbar--error {
    background-color: #f04449;
}

.ui-snackbar__message,
.ui-snackbar__action {
    display: table-cell;
}

.ui-snackbar__action {
    color: #fff;
    background: inherit;
    border: 0;
    font-size: inherit;
    text-transform: uppercase;
    padding-left: 0;
    height: 100%;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

a.ui-snackbar__action,
a.ui-snackbar__action:link,
a.ui-snackbar__action:active,
a.ui-snackbar__action:visited,
a.ui-snackbar__action:hover {
    color: #fff;
    text-decoration: none;
}

.ui-snackbar__close,
.ui-snackbar__close-trigger {
    display: none;
}

.no-js .ui-snackbar__close-trigger {
    position: relative;
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: table-cell;
}

.no-js .ui-snackbar__close-trigger:after,
.no-js .ui-snackbar__close-trigger:before {
    position: absolute;
    left: 7.5px;
    top: 0;
    content: "";
    height: 15px;
    width: 2px;
    background-color: #fff;
    cursor: pointer;
}

.no-js .ui-snackbar__close-trigger:before {
    transform: rotate(45deg);
}

.no-js .ui-snackbar__close-trigger:after {
    transform: rotate(-45deg);
}

.ui-snackbar--is-pristine {
    display: none !important;
}

@media (min-width: 768px) {
    .ui-snackbar {
        max-width: 600px;
        bottom: 24px;
        font-size: 16px;
        border-radius: 4px;
        margin-left: auto;
        margin-right: auto;
    }

    .ui-snackbar__action {
        font-size: 14px;
    }
}

/*! * Web Fonts from Fontspring.com * * All OpenType features and all extended glyphs have been removed. * Fully installable fonts can be purchased at https://www.fontspring.com * * The fonts included in this stylesheet are subject to the End User License you purchased * from Fontspring. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2010-2023 Fontspring * * * * * The fonts included are copyrighted by the vendor listed below. * * Vendor: Mark Simonson Studio * License URL: https://www.fontspring.com/licenses/mark-simonson-studio/webfont * * */
@font-face {
    font-family: 'Proxima Nova';
    font-weight: 300;
    font-display: swap;
    font-style: normal;
    src: url(https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-light.woff2) format("woff2"), url(https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-light.woff) format("woff")
}

@font-face {
    font-family: 'Proxima Nova';
    font-weight: 400;
    font-display: swap;
    font-style: normal;
    src: url(https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-regular.woff2) format("woff2"), url(https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-regular.woff) format("woff")
}

@font-face {
    font-family: 'Proxima Nova';
    font-weight: 600;
    font-display: swap;
    font-style: normal;
    src: url(https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-semibold.woff2) format("woff2"), url(https://http2.mlstatic.com/ui/webfonts/v3.0.0/proxima-nova/proximanova-semibold.woff) format("woff")
}