@charset "utf-8";

/*
 * Navigation
 * @platform "mercadolibre"
 * @version 6.6.92
 * @author MercadoLibre.com
 */
@font-face {
    font-family: "navigation";
    src: url("../fonts/navigation.eot");
    src: url("../fonts/navigation.eot#iefix") format("embedded-opentype"), url("../fonts/navigation.woff2") format("woff2"), url("../fonts/navigation.woff") format("woff"), url("../fonts/navigation.ttf") format("truetype"), url("../images/navigation.svg#navigation") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^=nav-icon-],
[class*=" nav-icon-"] {
    font-style: normal
}

[class^=nav-icon-]:before,
[class*=" nav-icon-"]:before {
    display: inline-block;
    font-variant: normal;
    margin: 0;
    speak: none;
    text-align: center;
    width: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "navigation"
}

.nav-icon-back-o:before,
.nav-header .nav-header-btn:before {
    content: ""
}

.nav-icon-bookmarks-o:before {
    content: ""
}

.nav-icon-bookmarks:before {
    content: ""
}

.nav-icon-chevron-right-o:before {
    content: ""
}

.nav-icon-chevron-right:before {
    content: ""
}

.nav-icon-chevron-up-o:before {
    content: ""
}

.nav-icon-chevron-up:before {
    content: ""
}

.nav-icon-close:before {
    content: ""
}

.nav-icon-facebook:before {
    content: ""
}

.nav-icon-gplus:before {
    content: ""
}

.nav-icon-help-o:before {
    content: ""
}

.nav-icon-help:before {
    content: ""
}

.nav-icon-instagram:before {
    content: ""
}

.nav-icon-login-o:before {
    content: ""
}

.nav-icon-logout-o:before {
    content: ""
}

.nav-icon-logout:before {
    content: ""
}

.nav-icon-notifications-o:before {
    content: ""
}

.nav-icon-notifications:before {
    content: ""
}

.nav-icon-official-store-o:before {
    content: ""
}

.nav-icon-register-o:before {
    content: ""
}

.nav-icon-search-o:before {
    content: ""
}

.nav-icon-search:before {
    content: ""
}

.nav-icon-sell-o:before {
    content: ""
}

.nav-icon-time-o:before {
    content: ""
}

.nav-icon-twitter:before {
    content: ""
}

.nav-icon-user-o:before {
    content: ""
}

.nav-icon-user:before {
    content: ""
}

.nav-icon-youtube:before {
    content: ""
}

.nav-icon-close-o:before {
    content: ""
}

.nav-icon-bookmarks-medium:before {
    content: ""
}

.nav-icon-cart-empty-medium:before {
    content: ""
}

.nav-icon-phone:before {
    content: ""
}

.nav-icon-cart-empty-small:before {
    content: ""
}

.nav-icon-cart-full-medium:before {
    content: ""
}

.nav-icon-cart-full-small:before {
    content: ""
}

.nav-icon-help-medium:before {
    content: ""
}

.nav-icon-notifications-medium:before {
    content: ""
}

.nav-icon-user-medium:before {
    content: ""
}

.nav-icon-search-ml:before {
    content: ""
}

.nav-icon-user-rounded:before {
    content: ""
}

.nav-icon-app:before {
    content: ""
}

.nav-icon-search-plus:before {
    content: ""
}

.nav-icon-vender-mobile:before {
    content: ""
}

.nav-icon-bookmarks-mobile:before {
    content: ""
}

.nav-icon-categories-mobile:before {
    content: ""
}

.nav-icon-create-account-mobile:before {
    content: ""
}

.nav-icon-deals-mobile:before {
    content: ""
}

.nav-icon-download-mobile:before {
    content: ""
}

.nav-icon-help-mobile:before {
    content: ""
}

.nav-icon-history-mobile:before {
    content: ""
}

.nav-icon-logout-mobile:before {
    content: ""
}

.nav-icon-my-account-mobile:before {
    content: ""
}

.nav-icon-navigation-mobile:before {
    content: ""
}

.nav-icon-notifications-mobile:before {
    content: ""
}

.nav-icon-points-mobile:before {
    content: ""
}

.nav-icon-purchases-mobile:before {
    content: ""
}

.nav-icon-stores-mobile:before {
    content: ""
}

.nav-icon-wallet-mobile:before {
    content: ""
}

.nav-icon-contact-ms:before {
    content: ""
}

.nav-icon-cart-ms:before {
    content: ""
}

.nav-icon-close-ms:before {
    content: ""
}

.nav-icon-search-ms:before {
    content: ""
}

.nav-icon-search-spinner-ms:before {
    content: ""
}

.nav-icon-twitter-ms:before {
    content: ""
}

.nav-icon-facebook-ms:before {
    content: ""
}

.nav-icon-instagram-ms:before {
    content: ""
}

.nav-icon-points-discounts-mobile:before {
    content: ""
}

.nav-icon-mercado-credits-mobile:before {
    content: ""
}

.nav-icon-cp-location-mobile:before {
    content: ""
}

.nav-icon-nav-icon-cp-location-desktop-guest:before {
    content: ""
}

.nav-icon-nav-icon-cp-location-desktop-logged:before {
    content: ""
}

.nav-icon-supermercado:before {
    content: ""
}

.nav-icon-youtube-ms:before {
    content: ""
}

.nav-icon-home:before {
    content: ""
}

.nav-icon-quotations-mobile:before {
    content: ""
}

.nav-icon-pi-logout-mobile:before {
    content: ""
}

.nav-icon-map-search-mobile:before {
    content: ""
}

.nav-icon-subscriptions-mobile-video:before {
    content: ""
}

.nav-icon-contact-tc:before {
    content: ""
}

.nav-icon-subscriptions-mobile-video-music:before {
    content: ""
}

.nav-icon-subscriptions-mobile-music:before {
    content: ""
}

.nav-icon-compra-internacional:before {
    content: ""
}

.nav-icon-moda-mobile:before {
    content: ""
}

.nav-icon-mshops-mobile:before {
    content: ""
}

.nav-icon-summary-mobile:before {
    content: ""
}

.nav-icon-best-sellers-mobile:before {
    content: ""
}

.nav-icon-live-mobile:before {
    content: ""
}

.nav-icon-coupons-mobile:before {
    content: ""
}

.nav-icon-mplay-mobile:before {
    content: ""
}

.nav-icon-secure-mobile:before {
    content: ""
}

@supports(display: flex) {
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        height: auto
    }

    [role=main] {
        height: auto;
        flex-grow: 1
    }

    [role=main],
    .nav-footer {
        display: block
    }

    body,
    [role=main] {
        padding: 0 !important
    }

    .nav-footer {
        overflow: unset
    }

    .nav-footer-access-content {
        margin-top: 0
    }

    .nav-footer-access {
        margin-top: 64px
    }
}

*:focus:not(:focus-visible) {
    outline: 0
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

body {
    border-collapse: collapse;
    display: table;
    background-color: #fff;
    font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif, sans-serif;
    table-layout: fixed
}

.nav-header,
[role=main],
.nav-footer {
    display: table-row;
    width: 100%
}

[role=main] {
    height: 100%
}

[role=main] .nav-bounds {
    box-sizing: border-box
}

[role=main] .nav-bounds[class*=ch-box-] {
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.nav-bounds {
    display: block;
    padding: 0 10px;
    margin: 0 auto
}

.nav-bounds.nav-bounds-with-cart .nav-cart .nav-icon-cart-quantity>b {
    font-weight: inherit
}

.nav-header {
    background-color: #ffe600;
    border: 0;
    position: relative
}

.nav-header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.nav-header .ml-count {
    font-weight: 600
}

.nav-header-visually-hidden {
    position: absolute;
    z-index: -1;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    display: block
}

.nav-footer-copyright {
    font-size: 12px;
    width: auto
}

.nav-footer-navigation a {
    color: #333;
    border: 0
}

.nav-footer-navigation a:link,
.nav-footer-navigation a:visited {
    color: #333
}

.nav-footer-navigation a:hover,
.nav-footer-navigation a:active,
.nav-footer-navigation a:focus {
    color: #000
}

.nav-footer-user-info {
    border-top: 1px solid #ededed
}

.nav-link-tag {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    background-color: #3483fa;
    line-height: 4px;
    padding: 6px;
    display: inline-block;
    text-transform: uppercase
}

.nav-link-tag--small {
    font-size: 8px;
    padding: 1px 3px;
    line-height: 1em
}

.nav-link-tag.mplay {
    background-color: #00a650
}

.ui-message {
    background-color: #f5f5f5;
    color: #666;
    font-size: 14px;
    line-height: 1.25;
    padding: 24px;
    text-align: center;
    position: relative;
    width: 100%
}

.ui-message__icon {
    float: left;
    margin-right: 4px
}

.ui-message__icon .ui-icon {
    vertical-align: top
}

.ui-message__text {
    overflow: auto
}

.ui-message--info {
    background-color: #f5f5f5;
    color: #666
}

.ui-message--success {
    background-color: #64c574;
    color: #fff
}

.ui-message__text {
    overflow: hidden;
    display: inline
}

.ui-message__content {
    display: inline
}

.ui-message--has-icon.ui-message--warn .ui-message__icon:after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 68 68' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%28-414.000000, -365.000000%29'%3E%3Cg transform='translate%28414.000000, 365.000000%29'%3E%3Ccircle fill='rgba(245, 120, 25, 0.999999)' cx='34' cy='34' r='34'%3E%3C/circle%3E%3Cpolygon fill='%23FFFFFF' points='30 16 38 16 37 38 31 38'%3E%3C/polygon%3E%3Ccircle fill='%23FFFFFF' cx='34' cy='48' r='4'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.ui-message--has-icon.ui-message--default .ui-message__icon:after,
.ui-message--has-icon.ui-message--info .ui-message__icon:after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%28-22.000000, -180.000000%29'%3E%3Cg transform='translate%280.000000, 165.000000%29'%3E%3Cg transform='translate%2822.000000, 15.000000%29'%3E%3Ccircle id='circle' fill='rgba(25, 95, 244, 0.999999)' cx='8' cy='8' r='8'%3E%3C/circle%3E%3Cpolygon id='rectangle' fill='%23FFFFFF' points='7 12 9 12 8.75 7 7.25 7'%3E%3C/polygon%3E%3Ccircle id='circle' fill='%23FFFFFF' cx='8' cy='5' r='1'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.ui-message--has-icon.ui-message--success .ui-message__icon:after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.208%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M12.4%206L11%204.6l-4%204-2-2L3.6%208%207%2011.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.ui-message--has-icon.ui-message--error .ui-message__icon:after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 68 68' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='HIGH-final' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate%28-416.000000, -368.000000%29'%3E%3Cg transform='translate%28270.000000, 256.000000%29'%3E%3Cg transform='translate%28146.000000, 112.000000%29'%3E%3Ccircle fill='rgba(208, 1, 27, 0.999999)' cx='34' cy='34' r='34'%3E%3C/circle%3E%3Crect opacity='0.3' x='17' y='17' width='34' height='34'%3E%3C/rect%3E%3Cpolygon fill='%23FFFFFF' points='20 43.9999997 24.0000003 48 48 24.0000003 43.9999997 20'%3E%3C/polygon%3E%3Cpolygon fill='%23FFFFFF' transform='translate%2834.000000, 34.000000%29 scale%28-1, 1%29 translate%28-34.000000, -34.000000%29 ' points='20 43.9999997 24.0000003 48 48 24.0000003 43.9999997 20'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.ui-message--warn,
.ui-message--error,
.ui-message--success {
    color: #fff
}

.ui-message--warn {
    background-color: #fbab60
}

.ui-message--error {
    background-color: #ff5a5f
}

.ui-message--success {
    background-color: #39b54a
}

.ui-message {
    border-radius: 3px;
    text-align: left;
    padding-right: 48px
}

.ui-message__icon {
    margin-right: 8px
}

.ui-message__close {
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.ui-message__close:after,
.ui-message__close:before {
    position: absolute;
    left: 8px;
    top: 0;
    content: "";
    height: 16px;
    width: 2px;
    background-color: #fff;
    cursor: pointer
}

.ui-message__close:before {
    transform: rotate(45deg) translateX(20px)
}

.ui-message__close:after {
    transform: rotate(-45deg) translateY(20px)
}

.ui-message--info {
    background-color: #009ee3;
    color: #fff
}

.ui-message.ui-message--post-registration,
.ui-message.ui-message--overdue-loans {
    border-radius: 0;
    padding: 0;
    text-align: left
}

.ui-message.ui-message--post-registration .ui-message--bounds,
.ui-message.ui-message--overdue-loans .ui-message--bounds {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

.ui-message.ui-message--post-registration .ui-message--bounds {
    padding: 20px 46px 20px 34px
}

.ui-message.ui-message--post-registration .ui-message--bounds .ui-message__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px
}

.ui-message.ui-message--post-registration .ui-message--bounds .ui-message__close {
    right: -6px;
    box-sizing: border-box
}

.ui-message.ui-message--post-registration a {
    color: #fff;
    text-decoration: underline
}

.ui-message.ui-message--overdue-loans {
    background-color: #ff5a5f;
    color: #fff;
    font-size: 0
}

.ui-message.ui-message--overdue-loans .ui-message--bounds {
    padding: 22px 120px 22px 18px
}

.ui-message.ui-message--overdue-loans .ui-message__text {
    display: inline !important
}

.ui-message.ui-message--overdue-loans .ui-message--overdue-loans-cta {
    font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 84px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box
}

.ui-message.ui-message--overdue-loans .ui-message__text,
.ui-message.ui-message--overdue-loans .ui-message--overdue-loans-cta {
    font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif !important;
    font-size: 14px
}

#nav-header-overdue-loans {
    text-decoration: none;
    display: block
}

.kyc-active-campaign__nav-header {
    text-decoration: none
}

.kyc-active-campaign__nav-header .kyc-active-campaign__message {
    background-color: #ff5a5f;
    color: #fff;
    border-radius: 0;
    padding: 0;
    text-align: left
}

.kyc-active-campaign__nav-header .kyc-active-campaign__message .kyc-active-campaign__bounds {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 13px;
    font-size: 14px
}

.kyc-active-campaign__nav-header .kyc-active-campaign__message .kyc-active-campaign__bounds .kyc-active-campaign__text {
    display: inline
}

.kyc-active-campaign__nav-header .kyc-active-campaign__message .kyc-active-campaign__bounds .kyc-active-campaign__cta {
    display: inline-block;
    margin-left: 10px;
    padding: 8px 20px;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 4px
}

.nav-footer-seo {
    display: block;
    position: relative;
    background-color: #fff;
    border-top: 1px solid #e6e6e6
}

.nav-footer-seo .nav-bounds {
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    padding: 0 10%
}

.nav-footer-seo__title {
    font-weight: 600;
    margin: 0 0 8px;
    font-size: 18px;
    color: #333
}

.nav-footer-seo__menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: left;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
    row-gap: 4px
}

.nav-footer-seo__item {
    margin-right: 0
}

.nav-footer-seo__item::after {
    content: "-";
    color: #999;
    padding: 0 4px
}

.nav-footer-seo__item:last-child::after {
    content: "";
    padding: 0
}

.nav-footer-seo a.nav-footer-seo__link {
    color: #999;
    font-size: 13px;
    padding-bottom: 8px;
    text-decoration: none
}

.nav-footer-seo a.nav-footer-seo__link--capitalized {
    text-transform: capitalize
}

.nav-footer-navigation,
.nav-footer-access,
#nav-header-user-switch,
[for=nav-header-user-switch],
.nav-header-user-layer a:last-child {
    display: none
}

html,
body {
    font-size: 14px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info {
    padding: 12px 16px !important
}

.user-menu__coins {
    margin: 0 20px;
    background: #e5e5e5;
    border-radius: 16px
}

#nav-header-menu .user-menu__coins label>.user-menu__coins-main {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 8px 12px 8px 16px;
    cursor: auto;
    justify-content: space-around
}

.user-menu__coins-mobile {
    border-radius: 16px;
    margin: 0;
    background: rgba(255, 255, 255, .5019607843);
    padding: 0;
    height: auto;
    margin-top: 12px;
    transition: height .5s, width .5s .75s
}

#nav-header-menu .user-menu__coins .user-menu__coins-main-link.user-menu__coins-link-label {
    color: #3483fa;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0 0 12px
}

#nav-header-menu .user-menu__one-column .user-menu__coins .user-menu__coins-main-item {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 11px 12px 11px 18px;
    cursor: auto
}

.user-menu__coins .user-menu__coins-main-mobile {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 12px;
    height: 40px;
    align-items: center;
    justify-content: space-between
}

.user-menu__coins-mp {
    display: flex;
    flex-direction: row;
    align-items: center
}

#nav-header-menu .user-menu__one-column .user-menu__coins .user-menu__coins-main-item.user-menu__coins-main-item-padding {
    padding: 8px 12px 10px 18px
}

#nav-header-menu .user-menu__one-column .user-menu__coins .user-menu__coins-main-cursor {
    cursor: pointer
}

.user-menu__coins-icon {
    width: 24px;
    margin-right: 18px
}

.user-menu__coins-icon-mobile {
    width: 20px;
    margin-right: 18px;
    margin-left: 2px
}

.user-menu__coins-icon-title {
    margin-right: 16px;
    width: 24px;
    height: 24px;
    align-self: center
}

.user-menu__coins-icon-item {
    align-self: flex-start;
    margin-right: 18px;
    width: 20px;
    height: 20px
}

.user-menu__user-badge-email__chevron.user-menu__coins-title__chevron {
    color: #737373;
    transform: rotate(135deg);
    position: absolute;
    top: -2px;
    right: 4px;
    transition: 195ms
}

.user-menu__coins-title {
    font-size: 14px;
    color: #1a1a1a;
    margin: 0;
    font-weight: 600;
    line-height: 18px;
    display: flex
}

.user-menu__coins-title-weight {
    font-weight: 400
}

.user-menu__coins-title-image-align {
    align-self: flex-start
}

.user-menu__coins-item {
    width: 100%;
    align-self: center
}

.user-menu__coins-item-core {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start
}

.user-menu__coins-each-items {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: start;
    padding: 10px 12px
}

#nav-header-menu-mobile-user-info .user-menu__coins .user-menu__coins-info ul {
    border-bottom: 0 solid #fff;
    padding: 0
}

.user-menu__coins-item-container-title {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: baseline;
    padding-right: 10px;
    position: relative
}

.user-menu__coins-title-mobile {
    padding: 11px 0
}

.user-menu__coins-super-index {
    font-size: 9px;
    vertical-align: top;
    line-height: 22px
}

.user-menu__coins-container-item-info {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 4px
}

.user-menu__coins-percentage {
    font-size: 11px;
    padding: 3px 6px 2px;
    border-radius: 8px;
    font-weight: 600;
    line-height: 11px
}

.user-menu__coins-percentage-mobile {
    margin-left: 10px;
    border-radius: 14px
}

.user-menu__coins-percentage-green {
    color: #00a650;
    background: rgba(0, 166, 80, .1)
}

.user-menu__coins-percentage-red {
    color: #f23d4f;
    background: rgba(242, 61, 79, .1)
}

.user-menu__coins-subtitle {
    font-size: 12px;
    color: #737373;
    line-height: normal;
    margin: 0;
    font-weight: 400
}

.user-menu__coins-subtitle-balance {
    overflow-wrap: break-word;
    white-space: normal;
    text-align: left;
    width: 185px;
    margin: 4px 0 0 0;
    display: block
}

.user-menu__coins-subtitle-info {
    font-size: 14px;
    color: #3483fa;
    margin: 0;
    font-weight: 400;
    line-height: 18px
}

.user-menu__coins-subtitle-ma {
    margin-left: 3px
}

#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: 10px 12px 12px 16px
}

.user-menu__coins-kyc-label {
    color: #3483fa;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin: 0
}

.user-menu__user-badge-email__chevron.user-menu__user-badge-kyc {
    color: #3483fa;
    margin-right: 5px
}

.user-menu__coins-chevron .user-menu__coins-kyc-chevron {
    color: #3483fa;
    stroke: #3483fa
}

.user-menu__coins-kyc-label-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: 11px 12px;
    text-decoration: none;
    background: #fff
}

.user-menu__coins-kyc-label-mobile p {
    margin: 0
}

.user-menu__coins-item-list {
    padding: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s, opacity .5s
}

.user-menu__coins-container-list {
    padding: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: 195ms
}

.user-menu__coins-mp-link {
    width: 100%
}

.user-menu__coins-show-item-list {
    height: 107px;
    opacity: 1
}

.user-menu__coins-show-item-list-with-kyc {
    height: 145px;
    opacity: 1
}

.user-menu__coins-item-container-title .user-menu__coins-rotate-icon {
    transform: rotate(315deg)
}

.user-menu__coins-main-mobile .user-menu__coins-chevron {
    transform: rotate(90deg);
    transition: transform .4s ease-in-out
}

.user-menu__coins-chevron .user-menu__coins--chevron {
    color: #737373;
    stroke: #737373
}

#nav-header-menu .user-menu__one-column .user-menu__coins .user-menu__shortcuts-separator {
    margin: 0;
    border-top: 1px solid
}

#nav-header-menu .user-menu__one-column .user-menu__shortcuts-separator.user-menu__shortcuts-separator-coin {
    margin: 0 12px 0 16px
}

#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,
#nav-header-menu .nav-header-user-layer .user-menu__coins-main:hover {
    background: 0 0
}

.user-menu__coins-kyc-list {
    height: 188px
}

.user-menu__coins ul {
    padding: 0
}

.user-menu__coins-currency.andes-money-amount {
    display: flex;
    align-items: baseline
}

.user-menu__coins-title .andes-money-amount--cents-superscript .andes-money-amount__cents {
    align-self: flex-start;
    margin-left: 1px
}

.user-menu__coins-title .andes-money-amount--cents-comma .andes-money-amount__cents::before {
    content: ","
}

.user-menu__coins-title .andes-money-amount--cents-dot .andes-money-amount__cents::before {
    content: "."
}

.user-menu__coins-title .andes-money-amount__cents--superscript-16 {
    margin-top: .7px !important
}

.user-menu__coins-title-weight .andes-money-amount--cents-superscript[style] {
    font-size: 14px !important
}

#user-menu__coins-state:checked~.user-menu__coins-container-list {
    max-height: 200px;
    opacity: 1;
    transition: 225ms
}

#user-menu__coins-state:checked~label .user-menu__coins-title__chevron {
    transform: rotate(-45deg);
    top: 0;
    transition: 225ms
}

#user-menu__coins-state:checked~.user-menu__coins-mobile {
    background: #fff;
    transition: 225ms ease-in-out
}

.user-menu__coins-item-container-title .user-menu__coins-chevron {
    transform: rotate(90deg)
}

#user-menu__coins-state:checked~.user-menu__coins-mobile .user-menu__coins-chevron-mp {
    transform: rotate(-90deg);
    transition: 225ms ease-in-out
}

#user-menu__coins-state:checked~.user-menu__coins-mobile .user-menu__coins-info {
    max-height: 500px;
    transition: 225ms ease-in-out
}

.user-menu__coins-main-mobile {
    box-sizing: border-box
}

.user-menu__coins-info {
    overflow: hidden;
    border-radius: 0 0 16px 16px;
    max-height: 0;
    box-sizing: border-box;
    transition: 195ms ease-in-out
}

#nav-header-menu-mobile .user-menu__coins ul li span a span {
    color: #3483fa;
    font-weight: 400
}

#nav-header-menu-mobile .user-menu__coins ul li span a {
    padding: 0;
    height: auto;
    min-height: auto;
    margin-top: 10px
}

.hide-visually,
.user-menu__coins .andes-visually-hidden {
    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;

    width: 1px
}

.user-menu__coins-divisor {
    border-bottom: 1px solid #e6e6e6;
    width: 100%
}

.user-menu__coins-divisor-coins {
    border-bottom: 1px solid #e6e6e6;
    width: -webkit-fill-available;
    margin: 0 12px
}

.user-menu__coins-no-kyc-list {
    height: 156px
}

.user-menu__coins-kyc-list,
.user-menu__coins-no-kyc-list {
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1019607843);
    transition: height 225ms, _ 225ms 225ms
}

#nav-header-menu-mobile .user-menu__coins-info ul li {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0
}

.user-menu__coins-kyc-list {
    max-height: 150px
}

#nav-header-menu-mobile ul {
    border-bottom: 0
}

.user-menu__coins-currency.andes-money-amount {
    align-items: baseline;
    display: flex;
    font-weight: 400;
    line-height: 1.25
}

.andes-money-amount__currency-symbol,
.andes-money-amount__negative-symbol {
    padding-right: .2em
}

.andes-money-amount--compact {
    line-height: 1
}

.andes-money-amount--cents-superscript .andes-money-amount__cents {
    align-self: flex-start;
    margin-left: 1px
}

#nav-header-menu-mobile-user-info,
#nav-header-menu-mobile:before {
    background: #ffe600
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

body {
    border-collapse: collapse;
    display: table;
    background-color: #fff;
    font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif, sans-serif;
    font-size: 14px;
    table-layout: fixed
}

.nav-header,
[role=main],
.nav-footer {
    display: table-row;
    width: 100%
}

[role=main] {
    height: 100%
}

[role=main] .nav-bounds {
    box-sizing: border-box
}

[role=main] .nav-bounds[class*=ch-box-] {
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.nav-bounds {
    display: block;
    padding: 0 10px;
    margin: 0 auto
}

.nav-footer-navigation,
.nav-footer-access,
#nav-header-user-switch,
[for=nav-header-user-switch],
.nav-header-user-layer a:last-child {
    display: none
}

.nav-header {
    font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif;
    background-color: #ffe600;
    color: rgba(0, 0, 0, .8980392157);
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: default;
    border-bottom: 0 solid #fff
}

.nav-header .nav-bounds {
    position: relative;
    padding: 48px 0 0
}

.nav-header,
.nav-header *,
.nav-header *:before,
.nav-header *:after {
    box-sizing: border-box
}

.nav-header.nav-header-sticky {
    position: fixed;
    z-index: 900
}

.nav-header.nav-header-sticky+main>.nav-bounds,
.nav-header.nav-header-sticky+main>.nav-main-content,
.nav-header.nav-header-sticky~main>.nav-bounds,
.nav-header.nav-header-sticky~main>.nav-main-content {
    padding-top: 48px
}

[for=nav-header-menu-switch],
.nav-header-menu-switch {
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    width: 45px;
    cursor: pointer
}

.nav-header-menu-switch {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0px
}

.nav-header-menu-switch label {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%
}

#nav-header-menu-switch {
    display: none
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-top-bread {
    transform: translate(0, 4px) rotate(40deg)
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-patty {
    transform: scale(0, 0)
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-bottom-bread {
    transform: translate(0, -4px) rotate(-40deg)
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper #nav-header-menu {
    display: block
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-top-bread {
    transform: translate(0, 4px) rotate(40deg)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-patty {
    transform: scale(0, 0)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-bottom-bread {
    transform: translate(0, -4px) rotate(-40deg)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper #nav-header-menu {
    display: block
}

.hamburger-bottom-bread,
.hamburger-patty,
.hamburger-top-bread {
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background-color: rgba(0, 0, 0, .8980392157);
    top: 50%;
    border-radius: 0;
    transition: all 100ms ease-out;
    left: 12.5px
}

.hamburger-top-bread {
    margin-top: -5px
}

.hamburger-patty {
    margin-top: -1px
}

.hamburger-bottom-bread {
    margin-top: 3px
}

#nav-header-menu:after,
#nav-header-menu:before {
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    position: absolute;
    bottom: 100%;
    transform: translateY(1px);
    content: ""
}

#nav-header-menu {
    background-color: #fff;
    display: none;
    position: relative
}

#nav-header-menu a {
    display: block;
    height: 48px;
    padding: 0 10px;
    font-size: 16px;
    text-decoration: none;
    line-height: 48px;
    color: rgba(0, 0, 0, .8980392157);
    border-top: 1px solid #eaeaea;
    position: relative
}

#nav-header-menu a [class^=nav-icon-]:before,
#nav-header-menu a [class*=" nav-icon-"]:before {
    display: none
}

#nav-header-menu a:first-child {
    border-top-color: #fff
}

#nav-header-menu a:after {
    position: absolute;
    top: 0;
    right: 20px;
    display: block;
    font-family: "navigation";
    color: rgba(13, 13, 13, .8980392157);
    content: ""
}

#nav-header-menu:before {
    border-bottom-color: #fff;
    border-width: 8px;
    right: 14.5px;
    pointer-events: none
}

#nav-header-menu:after {
    border-width: 7px;
    border-bottom-color: #fff;
    right: 15.5px;
    pointer-events: none
}

.nav-logo {
    background-image: url("../images/logo__small_25years_1.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    overflow: hidden;
    text-indent: -999px;
    width: 39px;
    top: 10px;
    position: absolute;
    left: 10px
}

[data-country=BR] .nav-logo,
[data-country=PT] .nav-logo {
    background-image: url("../images/logo-pt__small_25years.png")
}

@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .nav-logo {
        background-image: url("../images/logo__small_25years_1.png");
        background-size: 39px 28px
    }
}

[data-country=BR] .nav-logo,
[data-country=PT] .nav-logo {
    background-image: url("../images/logo-pt__small_25years.png")
}

.nav-search {
    position: absolute;
    left: 59px;
    top: 0;
    right: 45px;
    height: 48px;
    padding: 7px 0
}

input[type=text].nav-search-input,
input[type=search].nav-search-input {
    color: rgba(0, 0, 0, .8980392157);
    font-size: 16px;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #fff;
    padding: 6px 6px 6px 35px;
    box-shadow: none;
    font-family: inherit
}

input[type=text].nav-search-input:focus,
input[type=search].nav-search-input:focus {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    padding: 6px 6px 6px 35px;
    outline: 0
}

input[type=text].nav-search-input.ch-autocomplete-loading,
input[type=search].nav-search-input.ch-autocomplete-loading {
    background-position: right 30px center
}

button.nav-search-btn,
button.nav-search-btn:focus {
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    padding: 0;
    width: 48px;
    background: none;
    border: none;
    font-size: 22px;
    color: #666;
    line-height: 1em
}

.nav-icon-close:before,
.nav-icon-search:before {
    display: inline-block
}

.nav-icon-close span,
.nav-icon-search span {
    display: none
}

.nav-footer {
    background-color: #eee;
    color: #999;
    font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif;
    font-size: 14px;
    overflow: hidden
}

.nav-footer,
.nav-footer *,
.nav-footer *:before,
.nav-footer *:after {
    box-sizing: border-box
}

.nav-footer a,
.nav-footer a:link,
.nav-footer a:visited,
.nav-footer a:active {
    color: #333;
    text-decoration: none
}

.nav-footer .nav-footer-change-device,
.nav-footer .nav-footer-change-device:link,
.nav-footer .nav-footer-change-device:visited,
.nav-footer .nav-footer-change-device:active {
    float: right;
    display: inline-block;
    line-height: 14px;
    color: #666
}

.nav-footer-primaryinfo {
    margin: 0 0 25px 0;
    border-top: .5px solid #ddd;
    padding-top: 25px;
    font-size: 12px
}

.nav-footer-secondaryinfo {
    font-size: 12px
}

.nav-footer-copyright {
    font-size: inherit;
    display: inline-block;
    color: #666;
    vertical-align: top;
    width: 60%;
    line-height: 14px
}

.nav-footer-user {
    padding: 25px 12px 20px 12px;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    font-size: 0
}

.nav-footer-user .nav-footer-login,
.nav-footer-user .nav-footer-registration {
    font-size: 14px;
    line-height: 20px;
    display: inline-block
}

.nav-footer-user .nav-footer-login {
    padding-right: .7em;
    border-right: .5px solid #ddd
}

.nav-footer-user .nav-footer-registration {
    padding-left: .7em
}

.nav-footer-user strong {
    font-weight: normal;
    color: #666;
    display: inline-block;
    max-width: 100px;
    text-overflow: ellipsis;

    overflow: hidden;
    vertical-align: bottom
}

.nav-footer-user.logged {
    font-size: 14px
}

.nav-footer-user.logged>a {
    margin-left: 12.5px
}

.nav-footer-secondary-user {
    padding: 0px 12px 20px;
    border-radius: 5px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px
}

.nav-footer-downloadapp-banner {
    display: block;
    margin-top: 32px;
    text-align: center;
    background-color: #ffdb08;
    padding: 0 15px
}

.nav-footer-downloadapp-banner a.nav-footer-downloadapp {
    font-size: 11px;
    vertical-align: middle;
    color: #666;
    padding-top: 0;
    display: inline-block
}

.nav-footer-downloadapp-banner a.nav-footer-downloadapp:active,
.nav-footer-downloadapp-banner a.nav-footer-downloadapp:link,
.nav-footer-downloadapp-banner a.nav-footer-downloadapp:visited {
    color: #666
}

.nav-footer-downloadapp-banner .nav-icon.nav-icon-downloadapp {
    background: url("../images/49x64-download-icon.png") top center no-repeat;
    background-size: 49px 64px;
    display: inline-block;
    width: 49px;
    height: 64px;
    margin-top: -8px;
    margin-right: 10px;
    vertical-align: middle
}

@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .nav-footer-downloadapp-banner .nav-icon.nav-icon-downloadapp {
        background: url("../images/97x127-download-icon%402x.png");
        background-size: 49px 64px;
        width: 49px;
        height: 64px
    }
}

.nav-footer-info-wrapper {
    padding: 0 10px
}

.nav-footer-hp {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.nav-footer-access {
    font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif
}

#nav-footer-access-switch {
    display: none
}

input[type=text].nav-search-input,
input[type=search].nav-search-input {
    background-color: rgba(255, 255, 255, .7);
    border: none;
    position: relative;
    box-sizing: border-box;
    z-index: 915
}

input[type=text].nav-search-input:focus,
input[type=search].nav-search-input:focus {
    border: none
}

.nav-header-has-search-active input[type=text].nav-search-input:focus,
.nav-header-has-search-active input[type=search].nav-search-input:focus {
    color: #666;
    box-shadow: none
}

input[type=text].nav-search-input::placeholder,
input[type=search].nav-search-input::placeholder {
    color: rgba(0, 0, 0, .5490196078);
    font-size: 16px;
    font-weight: 400
}

.nav-header-has-search-active input[type=text].nav-search-input,
.nav-header-has-search-active input[type=search].nav-search-input {
    padding-right: 45px
}

button.nav-search-btn,
button.nav-search-btn:focus {
    left: -6px;
    right: initial;
    z-index: 920
}

button.nav-search-btn span,
button.nav-search-btn:focus span {
    display: none
}

.nav-header-has-search-active button.nav-search-btn,
.nav-header-has-search-active button.nav-search-btn:focus {
    display: none
}

.nav-search-btn .nav-icon-search {
    font-size: 19px
}

.nav-search-btn .nav-icon-search:before {
    content: "";
    vertical-align: bottom
}

.nav-header .nav-header-btn {
    position: absolute;
    top: 3px;
    left: 0;
    padding: 20px;
    text-indent: -200%;
    border: 0;
    box-shadow: none;
    background: none
}

.nav-header .nav-header-btn:before {
    font-family: navigation;
    font-size: 20px;
    line-height: 1;
    color: rgba(0, 0, 0, .8980392157);
    position: absolute;
    left: 10px;
    top: 10px;
    text-indent: 0
}

.nav-header .nav-header-btn--no-arrow {
    text-indent: 0;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 0 10px;
    left: 10px;
    top: 10px
}

.nav-header .nav-header-btn--no-arrow:before {
    display: none
}

.nav-header .nav-cart {
    color: rgba(0, 0, 0, .8980392157)
}

.nav-search {
    z-index: 910;
    will-change: left;
    transition: left .15s ease-out
}

.nav-search:before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    will-change: opacity;
    transition: opacity .15s ease-out
}

.nav-search .nav-category {
    z-index: 917
}

form.nav-search:focus-within {
    left: 10px !important;
    right: 10px !important
}

form.nav-search:focus-within::before {
    opacity: 1;
    display: block
}

form.nav-search:focus-within .nav-search-close-btn {
    display: block;
    opacity: 1
}

form.nav-search:focus-within .nav-search-btn {
    display: none
}

form.nav-search:focus-within button:focus {
    display: none;
    opacity: 0
}

form.nav-search:not(:focus-within) .nav-search-clear-btn::before {
    display: none;
    opacity: 0
}

.nav-search-close-btn,
.nav-search-close-btn:focus,
.nav-search-clear-btn,
.nav-search-clear-btn:focus {
    font-size: 22px;
    line-height: 1;
    color: rgba(0, 0, 0, .8980392157);
    border: 0;
    background: none;
    display: none;
    position: absolute;
    top: 0;
    z-index: 920;
    height: 48px;
    padding: 0;
    width: 48px
}

.nav-search-close-btn,
.nav-search-close-btn:focus {
    top: 1px;
    left: -4px;
    opacity: 0;
    will-change: opacity;
    transition: opacity .15s ease-out
}

.nav-search-close-btn:before,
.nav-search-close-btn:focus:before {
    content: "";
    font-family: navigation
}

.nav-search-clear-btn,
.nav-search-clear-btn:focus {
    right: -4px
}

.nav-search-clear-btn:before {
    content: "";
    font-family: "navigation";
    vertical-align: bottom
}

.nav-search--has-text .nav-search-clear-btn {
    display: block
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-top-bread,
#nav-header-menu-switch:checked~header .nav-header-menu-wrapper .hamburger-top-bread {
    transform: translate(0, 8px) rotate(40deg)
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-bottom-bread,
#nav-header-menu-switch:checked~header .nav-header-menu-wrapper .hamburger-bottom-bread {
    transform: translate(0, -8px) rotate(-40deg)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-top-bread {
    transform: translate(0, 8px) rotate(40deg)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-bottom-bread {
    transform: translate(0, -8px) rotate(-40deg)
}

.hamburger-top-bread {
    margin-top: -6.6666666667px
}

.hamburger-patty {
    margin-top: -.6666666667px
}

.hamburger-bottom-bread {
    margin-top: 5.3333333333px
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-top-bread,
#nav-header-menu-switch:checked~header .nav-header-menu-wrapper .hamburger-top-bread {
    transform: translate(0, 6px) rotate(40deg)
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-patty,
#nav-header-menu-switch:checked~header .nav-header-menu-wrapper .hamburger-patty {
    transform: scale(0, 0)
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-bottom-bread,
#nav-header-menu-switch:checked~header .nav-header-menu-wrapper .hamburger-bottom-bread {
    transform: translate(0, -6px) rotate(-40deg)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-top-bread {
    transform: translate(0, 6px) rotate(40deg)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-patty {
    transform: scale(0, 0)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-bottom-bread {
    transform: translate(0, -6px) rotate(-40deg)
}

#nav-header-menu {
    padding: 16px 0
}

#nav-header-menu a {
    padding: 0 16px 0 72px;
    height: 50px;
    line-height: 50px;
    border: none
}

#nav-header-menu a.notifications-widget,
#nav-header-menu a.option-help,
#nav-header-menu a.option-register,
#nav-header-menu a.bookmarks-widget {
    border-left: none
}

#nav-header-menu a.option-my-account:after {
    content: ""
}

#nav-header-menu a.option-notifications:after {
    content: ""
}

#nav-header-menu a.option-logout:after {
    content: ""
}

#nav-header-menu a.option-bookmarks:after {
    content: ""
}

#nav-header-menu a.option-sell:after {
    content: ""
}

#nav-header-menu a.option-help:after {
    content: ""
}

#nav-header-menu a.option-login:after {
    content: ""
}

#nav-header-menu a.option-register:after {
    content: ""
}

#nav-header-menu a:after {
    left: 24px;
    font-size: 24px
}

.nav-bounds.nav-bounds-with-cart [for=nav-header-menu-switch],
.nav-bounds.nav-bounds-with-cart .nav-header-menu-switch {
    right: 45px
}

.nav-bounds-with-cart #nav-header-menu:before {
    right: 59.5px
}

.nav-bounds-with-cart #nav-header-menu:after {
    right: 60.5px
}

.nav-cart.nav-cart-full .nav-icon-cart:before {
    content: ""
}

.nav-cart.nav-cart-empty .nav-icon-cart:before {
    content: ""
}

#mlMsg {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1220px
}

#mlMsg .content {
    padding-right: 20px
}

#mlMsg p {
    margin: 0
}

#mlMsg #mlMsgRemove {
    width: 15px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    cursor: pointer
}

input[type=text].nav-search-input,
input[type=search].nav-search-input {
    background-color: #fff
}

input[type=text].nav-search-input::placeholder,
input[type=search].nav-search-input::placeholder {
    color: #bbb;
    font-weight: 200
}

input[type=search].nav-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=search].nav-search-input::-ms-clear,
input[type=search].nav-search-input::-ms-reveal {
    display: none
}

input[type=search].nav-search-input::-webkit-search-decoration,
input[type=search].nav-search-input::-webkit-search-cancel-button,
input[type=search].nav-search-input::-webkit-search-results-button,
input[type=search].nav-search-input::-webkit-search-results-decoration {
    display: none
}

@keyframes nav-header-notification-pulse {
    0% {
        transform: scale(0);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.nav-header-notifications-badge {
    position: absolute;
    padding: 0 4px;
    background: #f64c41;
    color: #fff;
    border-radius: 2px;
    font-size: 11px;
    text-align: center;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
    -webkit-text-size-adjust: 100%
}

.nav-header-menu-wrapper>.nav-header-notifications-badge {
    top: 8px;
    right: 8px;
    animation-name: nav-header-notification-pulse;
    animation-duration: .3s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: 1
}

.nav-bounds-with-cart .nav-header-menu-wrapper>.nav-header-notifications-badge {
    right: 53px
}

nav .nav-header-notifications-badge {
    top: 16px;
    right: 20px
}

.nav-header-notifications-badge:empty,
#nav-header-menu-switch:checked+.nav-header-menu-wrapper>.nav-header-notifications-badge,
#nav-header-menu-switch:checked~header .nav-header-menu-wrapper>.nav-header-notifications-badge,
.nav-header-menu-mobile-open+.nav-header-menu-wrapper>.nav-header-notifications-badge {
    display: none;
    animation-name: none
}

.nav-bounds.nav-bounds-with-cart .nav-search {
    right: 94px
}

.nav-bounds.nav-bounds-with-cart .nav-cart {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 48px;
    width: 45px;
    text-align: center
}

.nav-bounds.nav-bounds-with-cart .nav-cart :before {
    font-size: 18px;
    line-height: 50px
}

.nav-bounds.nav-bounds-with-cart .nav-cart .nav-icon-cart {
    margin-left: -8px
}

.nav-bounds.nav-bounds-with-cart .nav-cart .nav-icon-cart-quantity {
    position: absolute;
    right: 14px;
    top: 11px;
    font-size: 11px;
    line-height: 15px;
    width: 20px;
    text-align: center
}

.nav-bounds.nav-bounds-with-cart .nav-cart.nav-cart-empty .nav-icon-cart-quantity {
    display: none
}

.nav-header:before,
.nav-header.nav-header-plusclean:before,
.nav-header.nav-header-pluslite:before {
    height: 48px
}

.nav-footer {
    background-color: #fff
}

.nav-footer-mobile-title {
    font-weight: 600;
    margin: 0 0 5px;
    margin-bottom: 14px;
    font-size: 14px;
    color: #333
}

.nav-footer-mobile-links-bounds {
    padding: 26px 10%;
    font-size: 0
}

.nav-footer-mobile-links-bounds a {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    line-height: 1.3em;
    color: #333;
    white-space: normal;
    vertical-align: middle;
    margin: .75em 0;
    padding-right: 10px
}

.nav-footer-mobile-links-bounds a:nth-child(2n) {
    padding-right: 0
}

.nav-footer-mobile-links {
    word-break: break-word
}

.nav-footer-mobile-links-bounds+.nav-bounds,
.nav-footer-mobile-links-bounds:first-child,
.nav-bounds {
    padding: 22px 10%
}

.nav-bounds .nav-footer-user {
    text-align: left;
    padding: 0;
    margin: 0 0 12px 0;
    overflow: visible;
    font-size: 0;
    color: #333;
    height: 25px;
    line-height: 25px
}

.nav-bounds .nav-footer-user .nav-icon-user {
    vertical-align: middle
}

.nav-bounds .nav-footer-user strong {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    max-width: none
}

.nav-bounds .nav-footer-user.logged a {
    display: inline-block;
    margin: 0
}

.nav-bounds .nav-footer-user.logged .nav-footer-avatar-user-img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle
}

.nav-bounds .nav-footer-user.logged .nav-icon-user {
    display: inline-block;
    font-size: 23px
}

.nav-bounds .nav-footer-user.logged .nav-icon-user:before {
    content: ""
}

.nav-bounds .nav-footer-user .nav-footer-login,
.nav-bounds .nav-footer-user .nav-footer-registration {
    font-size: 16px;
    color: #3484fa;
    font-weight: 300
}

.nav-bounds .nav-footer-user .nav-footer-login {
    padding-right: 10px;
    border-right: solid 1px #eaeaea
}

.nav-bounds .nav-footer-user .nav-footer-registration {
    padding-left: 10px
}

.nav-footer-info-wrapper {
    text-align: left;
    margin: 0;
    padding: 0
}

.nav-footer-info-wrapper .nav-footer-primaryinfo {
    border: none;
    margin: 0;
    padding: 0
}

.nav-footer-info-wrapper .nav-footer-primaryinfo .nav-footer-copyright {
    font-size: 12px;
    color: #999;
    font-weight: 300
}

.nav-menu,
.nav-search .nav-category,
.exhibitor__picture,
a.option-logout {
    display: none !important
}

.hamburger-top-bread,
.hamburger-patty,
.hamburger-bottom-bread {
    height: 1px
}

.hamburger-bottom-bread {
    margin-top: 6px
}

.hamburger-top-bread {
    margin-top: -8px
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-top-bread,
#nav-header-menu-switch:checked~header .nav-header-menu-wrapper .hamburger-top-bread {
    transform: translate(0, 8px) rotate(45deg)
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-patty,
#nav-header-menu-switch:checked~header .nav-header-menu-wrapper .hamburger-patty {
    transform: scale(0, 0)
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper .hamburger-bottom-bread,
#nav-header-menu-switch:checked~header .nav-header-menu-wrapper .hamburger-bottom-bread {
    transform: translate(0, -6px) rotate(-45deg)
}

#nav-header-menu-switch:checked+.nav-header-menu-wrapper #nav-header-menu {
    display: none
}

#nav-header-menu-mobile ul.nav-categs-departments-mobile {
    padding: 0;
    border: none
}

#nav-header-menu-mobile .nav-categs-departments-mobile__list a:active,
#nav-header-menu-mobile .nav-categs-departments-mobile__list a:focus,
#nav-header-menu-mobile .nav-categs-departments-mobile__list a:hover {
    background-color: #f5f5f5
}

#nav-header-menu-mobile .nav-categs-departments-mobile__selected {
    background-color: #f5f5f5;
    color: #3483fa
}

#nav-header-menu-mobile .nav-categs-departments-mobile-item a {
    color: rgba(0, 0, 0, .55);
    display: block;
    padding: 8px 0;
    font-weight: 400
}

#nav-header-menu-mobile .nav-categs-departments-mobile__categories {
    padding: 8px 0 0 26px;
    border: none
}

#nav-header-menu-mobile>div>ul>li>details>summary {
    display: block;
    min-height: 39px;
    line-height: 23px;
    text-decoration: none;
    padding: 8px 20px 8px 26px;
    margin: 0;
    color: rgba(0, 0, 0, .8);
    font-weight: 600;
    position: relative
}

#nav-header-menu-mobile>div>ul>li>details>summary::-webkit-details-marker {
    display: none
}

#nav-header-menu-mobile>div>ul>li>details>summary::after {
    border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    content: "";
    display: inline-block;
    height: 8px;
    transform: rotate(45deg);
    width: 8px;
    color: #000;
    margin: 0;
    bottom: 18px;
    right: 30px;
    position: absolute;
    padding: 2px;
    transition: all 200ms linear
}

#nav-header-menu-mobile>div>ul>li>details>summary i {
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 18px;
    float: left;
    font-weight: 400
}

#nav-header-menu-mobile>div>ul>li>details[open]>summary {
    background-color: #f5f5f5;
    color: #3483fa
}

#nav-header-menu-mobile>div>ul>li>details[open]>summary::after {
    transform: translate(0, 3px) rotate(225deg);
    color: #3483fa;
    border-width: 0 1.5px 1.5px 0;
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    margin: 0;
    bottom: 18px;
    right: 30px;
    position: absolute;
    padding: 2px;
    transition: all 200ms linear
}

.nav-categs-departments-mobile__details[open] {
    background-color: #f5f5f5
}

.nav-categs-departments-mobile__summary {
    margin-left: 26px;
    position: relative;
    height: 39px;
    top: 9px;
    list-style-type: none;
    font-weight: 600
}

.nav-categs-departments-mobile__summary::-webkit-details-marker {
    display: none
}

.nav-categs-departments-mobile__summary:after {
    border-style: solid;
    border-width: 1.5px 1.5px 0 0;
    border-color: #000;
    content: "";
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    height: 8px;
    width: 8px;
    transform: rotate(135deg) translateY(0);
    top: 50%;
    transform: rotate(135deg);
    right: 30px;
    top: 7px;
    transition: all 200ms linear
}

.nav-categs-departments-mobile__details[open] .nav-categs-departments-mobile__summary {
    color: #3483fa;
    outline: none
}

.nav-categs-departments-mobile__details[open] .nav-categs-departments-mobile__summary:after {
    transform: rotate(315deg) translate(0, 5px);
    top: 7px;
    right: 30px;
    transition: all 200ms linear;
    border-color: #3483fa
}

.nav-categs-departments-mobile-item {
    display: block;
    padding: 0
}

#nav-header-menu-mobile .nav-menu-categories-link-mobile.nav-menu-chevron-up {
    background-color: #f5f5f5;
    transition: all 100ms linear;
    color: #3483fa
}

.nav-menu-categories-link-mobile.nav-menu-chevron-down {
    background-color: none;
    transition: all 100ms linear
}

.nav-menu-chevron-down,
.nav-menu-chevron-up {
    display: flex;
    line-height: 18px;
    box-sizing: border-box;
    position: relative;
    padding-right: 14px
}

.nav-menu-chevron-down:after,
.nav-menu-chevron-up:after {
    border-style: solid;
    border-width: 1.5px 1.5px 0 0;
    border-color: #fff;
    content: "";
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    height: 7px;
    width: 7px;
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
    transition: all 200ms linear
}

.nav-menu-chevron-down:before,
.nav-menu-chevron-up:before {
    content: none
}

.nav-menu-chevron-up:after {
    transform: translate(0, 3px) rotate(225deg);
    color: #3483fa
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-top-bread {
    transform: translate(0, 8px) rotate(45deg)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-patty {
    transform: scale(0, 0)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper .hamburger-bottom-bread {
    transform: translate(0, -6px) rotate(-45deg)
}

.nav-header-menu-mobile-open .nav-header-menu-wrapper #nav-header-menu {
    display: none
}

.ui-loading--inline {
    position: relative
}

.ui-loading--block {
    position: absolute;
    z-index: 7
}

.ui-loading--block .ui-loading__container {
    z-index: 8
}

.ui-loading--fullscreen {
    position: fixed;
    z-index: 1022
}

.ui-loading--fullscreen .ui-loading__container {
    z-index: 1023
}

.ui-loading--block,
.ui-loading--fullscreen,
.ui-loading__mask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.ui-loading--block .ui-loading__container,
.ui-loading--fullscreen .ui-loading__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ui-loading__mask {
    position: absolute;
    background-color: rgba(255, 255, 255, .9)
}

.ui-loading--inline .ui-loading__mask {
    display: none
}

.ui-loading__spinner {
    width: 32px;
    height: 32px;
    animation: loading-rotate 2s linear infinite;
    transform-origin: center center;
    position: relative
}

.ui-loading__spinner--small {
    width: 32px;
    height: 32px
}

.ui-loading__spinner--large {
    width: 64px;
    height: 64px
}

.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
    }
}

a.nav-mobile-button {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 12px 0;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #3484fa;
    cursor: pointer;
    box-shadow: 0 0 0 0 #fff;
    text-decoration: none;
    display: inline-block;
    width: 48%
}

@media(min-width: 450px) {
    a.nav-mobile-button {
        width: 40%
    }
}

@media(min-width: 768px) {
    a.nav-mobile-button {
        width: 44%
    }
}

a.nav-mobile-button.nav-mobile-button-outline {
    background: #fff;
    color: #3484fa
}

a.nav-mobile-button.nav-mobile-button-filled {
    background: #3484fa;
    color: #fff;
    margin-right: 4px
}

#nav-header-menu-mobile {
    background: #fff;
    margin: 0;
    padding: 0;
    color: #333;
    position: relative;
    display: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    border-top: solid 1px #e5d850
}

#nav-header-menu-mobile:before {
    content: "";
    position: absolute;
    top: -6px;
    right: 17px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-top: solid 1px #e5d850;
    border-left: solid 1px #e5d850
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info {
    border-bottom: solid 1px #e6e6e6;
    padding: 18px 24px;
    box-sizing: content-box;
    height: 52px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info.nav-header-menu-mobile-guest {
    height: auto;
    padding: 18px 24px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info #nav-header-mobile-avatar-form {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background: #ededed;
    border-radius: 50%;
    color: #bbb;
    font-size: 25px;
    float: left;
    margin-right: 12px;
    margin-top: 6px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info #nav-header-mobile-avatar-form input {
    opacity: 0;
    position: absolute;
    left: -1000px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info #nav-header-mobile-avatar-form img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: solid 1px #f5f5f5;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info #nav-header-mobile-avatar-form svg {
    display: none;
    position: absolute;
    top: -12px;
    left: -12px;
    width: 64px;
    height: 64px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info #nav-header-mobile-avatar-form svg path {
    stroke-width: 4
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info.nav-header-menu-mobile-with-loyalty #nav-header-mobile-avatar-form {
    margin-right: 20px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-icon-create-account-mobile {
    margin-left: 2px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-logo {
    height: 56px;
    width: 56px;
    background-color: #ededed;
    border-radius: 50%;
    float: left;
    margin-right: 16px;
    text-align: center
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-icon {
    margin-top: 9px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-title {
    font-size: 16px;
    font-weight: 600;
    margin: 4px 0;
    line-height: 1
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-text {
    font-size: 14px;
    color: rgba(0, 0, 0, .45);
    margin: 0;
    line-height: 1.14
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-buttons {
    margin-top: 14px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-buttons ul {
    display: contents
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-buttons li {
    display: inline
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-buttons a {
    display: inline-block;
    padding: 12px 0;
    font-size: 14px;
    line-height: 14px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-buttons a.nav-mobile-button-filled {
    background: #3484fa;
    color: #fff;
    margin-right: 4px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-menu-mobile-guest-buttons a.nav-mobile-button-outline {
    background: #fff;
    color: #3484fa
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-mobile-loyalty-link {
    font-size: 14px;
    text-decoration: none;
    font-weight: 400
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-mobile-loyalty-link-icon {
    margin-left: 3px
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-mobile-loyalty-level-1 {
    stroke: #20c261;
    color: #20c261
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-mobile-loyalty-level-2 {
    stroke: #1ac2b0;
    color: #1ac2b0
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-mobile-loyalty-level-3 {
    stroke: #00a4d5;
    color: #00a4d5
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-mobile-loyalty-level-4 {
    stroke: #4063ea;
    color: #4063ea
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-mobile-loyalty-level-5 {
    stroke: #8700ff;
    color: #8700ff
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info .nav-header-mobile-loyalty-level-6 {
    stroke: #a90f90;
    color: #a90f90
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info.nav-header-menu-mobile-with-loyalty #nav-header-mobile-avatar-form svg {
    display: inline-block
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info #nav-header-user-greetings {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    margin: 5px 0 0 0;

    overflow: hidden;
    text-overflow: ellipsis
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info.nav-header-menu-mobile-with-loyalty #nav-header-user-greetings {
    font-size: 14px;
    line-height: 1.29;
    color: rgba(0, 0, 0, .45);
    font-weight: 400
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info #nav-header-user-mail-or-level {
    font-size: 14px;
    line-height: 1.29;
    color: rgba(0, 0, 0, .45);

    overflow: hidden;
    text-overflow: ellipsis
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info.nav-header-menu-mobile-with-loyalty #nav-header-user-mail-or-level .nav-header-mobile-loyalty-link {
    line-height: 1.25;
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, .8)
}

#nav-header-menu-mobile #nav-header-menu-mobile-user-info.nav-header-menu-mobile-with-loyalty #nav-header-user-mail-or-level path {
    stroke: rgba(0, 0, 0, .8)
}

#nav-header-menu-mobile ul {
    position: relative;
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 16px 0;
    border-bottom: solid 1px #e6e6e6;
    font-size: 14px
}

#nav-header-menu-mobile ul li {
    display: block;
    padding: 4px 0;
    margin: 0
}

#nav-header-menu-mobile ul li:last-of-type {
    margin-bottom: 0
}

#nav-header-menu-mobile ul li.nav-mobile-menu-selected {
    background: #f7f7f7
}

#nav-header-menu-mobile ul li.nav-mobile-menu-selected a {
    color: #3483fa
}

#nav-header-menu-mobile ul li a {
    display: block;
    min-height: 39px;
    line-height: 23px;
    text-decoration: none;
    padding: 8px 20px 8px 26px;
    margin: 0;
    color: rgba(0, 0, 0, .8);
    font-weight: 600
}

#nav-header-menu-mobile ul li a i {
    font-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 18px;
    float: left;
    font-weight: 400
}

#nav-header-menu-mobile ul li a i.nav-icon-bookmarks-mobile {
    font-size: 18px;
    height: 18px
}

#nav-header-menu-mobile ul li a i.nav-icon-deals-mobile {
    font-size: 22px;
    height: 23px;
    margin-top: 2px
}

#nav-header-menu-mobile ul li a i.nav-icon-points-discounts-mobile {
    font-size: 22px;
    height: 22px
}

#nav-header-menu-mobile ul li a i.nav-icon-mplay-mobile {
    font-size: 15px
}

#nav-header-menu-mobile ul li a span {
    margin: 0;
    font-weight: 600
}

#nav-header-menu-mobile ul li a span .nav-header-notifications-badge {
    position: static;
    display: inline-block;
    margin-left: 10px
}

#nav-header-menu-mobile ul li a span .nav-header-notifications-badge:empty {
    display: none
}

#nav-header-menu-mobile ul li a span .nav-header-badge {
    border-radius: 4px;
    background-color: #3483fa;
    display: inline-block;
    margin: 2px 0 0 10px;
    color: #fff;
    padding: 0 8px;
    line-height: 20px;
    font-size: 10px;
    text-transform: uppercase;
    vertical-align: top
}

@media(max-width: 359px) {
    #nav-header-menu-mobile ul li a span .nav-header-badge {
        text-indent: -200px;
        overflow: hidden;
        width: 10px;
        height: 10px;
        padding: 0;
        border-radius: 50%;
        margin-top: 8px
    }
}

#nav-header-menu-mobile ul li a .nav-link-tag {
    margin-left: 9px
}

#nav-header-menu-mobile ul #nav-header-menu-mobile-account-money a {
    height: 62px;
    line-height: 38px
}

#nav-header-menu-mobile ul #nav-header-menu-mobile-account-money p {
    padding-left: 41px;
    line-height: 23px
}

#nav-header-menu-mobile ul #nav-header-menu-mobile-account-money #nav-header-menu-mobile-account-money-detail {
    display: block;
    color: #797979;
    font-size: 14px;
    line-height: 1.14
}

#nav-header-menu-mobile ul #nav-header-menu-mobile-account-money #nav-header-menu-mobile-account-money-detail svg {
    width: 20px;
    height: 20px
}

#nav-header-menu-switch:checked~header .nav-header-menu-wrapper #nav-header-menu-mobile,
.nav-header-menu-mobile-open #nav-header-menu-mobile {
    display: block
}

#nav-header-menu-switch:checked~header .nav-bounds-with-cart .nav-header-menu-wrapper #nav-header-menu-mobile:before,
.nav-bounds-with-cart #nav-header-menu-switch:checked+.nav-header-menu-wrapper #nav-header-menu-mobile:before,
header.nav-header-menu-mobile-open .nav-bounds-with-cart #nav-header-menu-mobile:before {
    right: 62px
}

.nav-bounds-with-cart .nav-cart {
    overflow: hidden
}

.nav-header-mobile-profile-evolution {
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

.nav-header-mobile-profile-evolution__image-container {
    position: relative;
    margin-top: 0;
    margin-right: 12px;
    width: 48px;
    height: 48px;
    background: #fff;
    color: rgba(0, 0, 0, .55);
    border: solid 1px rgba(0, 0, 0, .07);
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.nav-header-mobile-profile-evolution__mobile-user-avatar {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.nav-header-mobile-profile-evolution__meli-plus-icon {
    position: absolute;
    bottom: -4.5px;
    left: 5.2px;
    width: 37.1px
}

.nav-header-mobile-profile-evolution__user-greeting {
    font-size: 20px;
    font-weight: 600;
    color: rgba(0, 0, 0, .9);
    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 1.1;
    padding-top: 3.4px
}

.nav-header-mobile-profile-evolution__action-label {
    font-weight: 400;
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    line-height: 1
}

.nav-header-mobile-profile-evolution-link-icon {
    stroke: rgba(0, 0, 0, .9);
    color: rgba(0, 0, 0, .9);
    margin-left: 3.2px;
    padding-top: 1px
}

.nav-header-mobile-profile-evolution__arrow-right {
    stroke-width: 1.3
}

.nav-header-mobile-profile-evolution__user-initials {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, .9);
    font-size: 20px;
    font-weight: 500;
    line-height: 1
}

.nav-bounds.nav-bounds-with-cart .nav-cart .nav-icon-cart-quantity {
    right: 12px
}

.nav-icon-search {
    color: #aaa
}

.nav-cart.nav-cart-full .nav-icon-cart:before {
    content: ""
}

.nav-cart.nav-cart-empty .nav-icon-cart:before {
    content: ""
}

.nav-bounds-with-cart .nav-search {
    right: 94px
}

.nav-search input[type=text].nav-search-input,
.nav-search input[type=search].nav-search-input {
    padding-top: 5px;
    padding-bottom: 7px
}

input[type=text].nav-search-input,
input[type=search].nav-search-input {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

input[type=text].nav-search-input::placeholder,
input[type=search].nav-search-input::placeholder {
    color: rgba(0, 0, 0, .25)
}

.nav-icon-search:before {
    transform: translateY(-2px)
}

.nav-search .nav-search-btn {
    padding-bottom: 2px
}

.nav-search .nav-search-btn .nav-icon-search {
    font-size: 13px;
    line-height: 18px;
    display: inline
}

.nav-search .nav-search-btn .nav-icon-search:before {
    content: ""
}

.nav-footer .nav-footer-downloadapp-banner {
    margin: 0;
    padding: 10px 10%;
    background: #ffe600;
    border-top: solid 1px #f2e454;
    border-bottom: solid 1px #f2e454;
    text-align: left;

    overflow: hidden
}

.nav-footer .nav-footer-downloadapp-banner a.nav-footer-downloadapp {
    font-size: 16px;
    line-height: 1.11;
    color: #333
}

.nav-footer .nav-footer-downloadapp-banner .nav-icon.nav-icon-downloadapp {
    margin: 0 16px 0 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 5.8px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18);
    vertical-align: middle;
    background-image: url("../images/logo-anniversary-banner.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px
}

@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .nav-footer .nav-footer-downloadapp-banner .nav-icon.nav-icon-downloadapp {
        background-image: url("../images/logo-anniversary-banner.png");
        background-size: 50px
    }
}

.nav-footer .nav-footer-downloadapp-banner .nav-icon.nav-icon-downloadapp:before {
    content: none
}

.nav-footer .nav-bounds a.nav-footer-change-device {
    display: none
}

@media(min-width: 360px) {
    .nav-footer .nav-footer-downloadapp-banner a.nav-footer-downloadapp {
        font-size: 18px
    }
}

@media(min-width: 475px) {
    .nav-footer-mobile-links-bounds a {
        width: 33%
    }

    .nav-footer-mobile-links-bounds a:nth-child(2n) {
        padding-right: 10px
    }

    .nav-footer-mobile-links-bounds a:nth-child(3n) {
        padding-right: 0
    }
}

.nav-header .nav-logo {
    background-size: 44px 31px;
    width: 44px;
    height: 32px;
    top: 8px;
    left: 10px
}

.nav-header .nav-bounds {
    padding: 48px 0 0
}

.nav-header .nav-bounds .nav-search {
    height: 48px;
    left: 64px
}

a.nav-header-cp-anchor,
a.nav-header-cp-anchor:hover,
a.nav-header-cp-anchor:visited,
a.nav-header-cp-anchor:active,
a.nav-header-cp-anchor:link {
    color: #736c28;
    text-decoration: none;
    display: block;
    height: 39px;

    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding: 1px 30px 0 28px;
    line-height: 38px;
    font-size: 13px;
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, .1)
}

a.nav-header-cp-anchor:before,
a.nav-header-cp-anchor:hover:before,
a.nav-header-cp-anchor:visited:before,
a.nav-header-cp-anchor:active:before,
a.nav-header-cp-anchor:link:before {
    font-family: navigation;
    content: "";
    position: absolute;
    left: 10px;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a.nav-header-cp-anchor:after,
a.nav-header-cp-anchor:hover:after,
a.nav-header-cp-anchor:visited:after,
a.nav-header-cp-anchor:active:after,
a.nav-header-cp-anchor:link:after {
    position: absolute;
    top: 16px;
    right: 12px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #c1b74d;
    content: "";
    display: inline-block;
    height: 7px;
    transform: rotate(-45deg);
    width: 7px
}

#nav-header-menu-switch:checked+.nav-header .nav-header-cp-anchor {
    display: none
}

.nav-header-menu-mobile-open a.nav-header-cp-anchor {
    display: none
}

.nav-footer-access-icon {
    margin-left: 8px
}

@media(max-width: 355px) {
    .nav-footer-access-icon {
        margin-left: 4px
    }
}

.nav-footer-navigation {
    margin-bottom: 8px
}

.nav-footer-navigation__menu {
    display: contents
}

.nav-footer-navigation__item {
    display: inline
}

.nav-footer-navigation__item a[href$="/acessibilidade"] {
    padding-left: 20px;
    background-image: url("../images/accessibility.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 14px
}

.nav-footer-navigation__link {
    padding: 0 4px
}

.nav-footer-navigation__link--capitalized {
    text-transform: capitalize
}

.nav-footer-navigation__link:first-child {
    padding-left: 0px
}

.nav-footer-navigation--mobile {
    display: block
}

.nav-footer-secondaryinfo {
    margin: 0 0 4px
}

.nav-footer-mobile-links-bounds:has(+.nav-footer-mobile-seo_glossary) {
    padding-bottom: 0
}

.nav-footer-mobile-seo_glossary .nav-bounds {
    padding-top: 24px;
    padding-bottom: 24px
}

.nav-footer-mobile-seo_glossary .nav-footer-navigation__glossary-container {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    text-align: start
}

.nav-footer-mobile-seo_glossary .nav-footer-navigation__glossary-container .nav-footer-primaryinfo {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    left: -16px
}

.nav-footer-mobile-seo_glossary .nav-footer-navigation__glossary-container .nav-footer-access-title {
    font-size: 1.17rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .9);
    padding-bottom: 8px;
    line-height: 22px;
    width: 100%;
    margin: 0;
    text-align: left
}

.nav-footer-mobile-seo_glossary .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(42px, max-content));
    gap: 10px;
    color: #999;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.nav-footer-mobile-seo_glossary .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    position: relative
}

.nav-footer-mobile-seo_glossary .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item .nav-footer__link {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    width: 44px;
    height: 44px
}

.nav-footer-mobile-seo_glossary .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item:not(:nth-child(5n+1))::before {
    content: "-";
    left: -15%;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: absolute
}

.nav-footer-mobile-seo_glossary .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item_separator {
    display: none
}

.download-app-bottom-banner-opacity {
    opacity: 1;
    will-change: opacity;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 2147483643
}

.download-app-bottom-banner-wrapper {
    opacity: 1;
    will-change: opacity;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 2147483643;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    padding: 16px;
    border-radius: 6px 6px 0px 0px
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-icon {
    position: absolute;
    top: -40px;
    display: inline-block;
    width: 73px;
    height: 73px;
    border-radius: 18px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18);
    vertical-align: middle
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-row {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 35px
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-row .download-app-bottom-banner-header {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: center
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-row .download-app-bottom-banner-header .download-app-bottom-banner-rating-container .download-app-bottom-banner-rating-row {
    display: flex
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-row .download-app-bottom-banner-header .download-app-bottom-banner-rating-container .download-app-bottom-banner-rating-row .download-app-bottom-banner-rating {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    color: rgba(0, 0, 0, .5490196078)
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-row .download-app-bottom-banner-header .download-app-bottom-banner-rating-container .download-app-bottom-banner-rating-row .download-app-bottom-banner-rating-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
    background-image: url("../images/star.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-bottom: 1px
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-row .download-app-bottom-banner-header .download-app-bottom-banner-comments {
    color: rgba(0, 0, 0, .55);
    text-align: center;
    font-family: "Proxima Nova", -apple-system, "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-title {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000;
    padding: 24px 0;
    font-family: "Proxima Nova", -apple-system, "Roboto", Arial, sans-serif;
    font-weight: 600
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-link {
    font-size: 16px;
    line-height: 16px;
    padding: 29px 0 10px 0;
    text-align: center;
    color: #3483fa;
    cursor: pointer;
    font-weight: 600;
    border: none;
    background: none
}

.download-app-bottom-banner-wrapper .download-app-bottom-banner-button {
    color: #fff;
    text-align: center;
    font-family: "Proxima Nova", -apple-system, "Roboto", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    padding: 15px 0;
    display: flex;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    background-color: #3483fa;
    text-decoration: none
}

.download-app-top-banner-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 74px;
    background: rgba(0, 0, 0, .8980392157);
    gap: 16px;
    padding: 8px 16px;
    box-sizing: border-box
}

.download-app-top-banner-wrapper .download-app-top-banner-icon {
    display: inline-block;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18);
    vertical-align: middle
}

.download-app-top-banner-wrapper .download-app-top-banner-column {
    display: flex;
    flex-direction: column;
    flex: 1
}

.download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    font-family: "Proxima Nova", -apple-system, "Roboto", Arial, sans-serif;
    margin-bottom: 2px
}

@media(max-width: 360px) {
    .download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-title {
        font-size: 12px
    }
}

.download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-header {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center
}

.download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-header .download-app-top-banner-rating-row {
    display: flex
}

.download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-header .download-app-top-banner-rating-row .download-app-top-banner-rating {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    color: rgba(255, 255, 255, .5490196078)
}

@media(max-width: 360px) {
    .download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-header .download-app-top-banner-rating-row .download-app-top-banner-rating {
        font-size: 12px
    }
}

.download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-header .download-app-top-banner-rating-row .download-app-top-banner-rating-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
    background-image: url("../images/gray-star.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-bottom: 1px
}

@media(max-width: 360px) {
    .download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-header .download-app-top-banner-rating-row .download-app-top-banner-rating-icon {
        width: 14px;
        height: 14px;
        align-self: center
    }
}

.download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-header .download-app-top-banner-comments {
    color: rgba(255, 255, 255, .5490196078);
    text-align: center;
    font-family: "Proxima Nova", -apple-system, "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

@media(max-width: 360px) {
    .download-app-top-banner-wrapper .download-app-top-banner-column .download-app-top-banner-header .download-app-top-banner-comments {
        font-size: 12px
    }
}

.download-app-top-banner-wrapper .download-app-top-banner-row {
    display: flex;
    flex-direction: row
}

.download-app-top-banner-wrapper .download-app-top-banner-button {
    color: #fff;
    text-align: center;
    font-family: "Proxima Nova", -apple-system, "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    padding: 9px 12px 7px 12px;
    display: flex;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    background-color: #3483fa;
    text-decoration: none
}

.clipped {
    position: absolute;
    z-index: -1;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    display: block
}

.nav-header,
#nav-header-menu-mobile-user-info,
#nav-header-menu-mobile:before,
.nav-footer .nav-footer-downloadapp-banner {
    background-color: #fff159
}

.hamburger-bottom-bread,
.hamburger-patty,
.hamburger-top-bread {
    background-color: #333
}

.nav-header .nav-cart,
input[type=text].nav-search-input,
input[type=search].nav-search-input {
    color: #333
}


@keyframes opacityEffect {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacityEffectReverse {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes translation {
    0% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

.modeless-box {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    border-radius: 2px 2px 5px 5px;
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .16);
    color: #333;
    font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 13px;
    max-height: 440px;
    position: absolute;
    width: 420px;
    z-index: 9999
}

.modeless-box:focus,
.modeless-box:focus-visible,
.modeless-box:focus:not(:focus-visible) {
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .16);
    outline: 0
}

.modeless-box.modeless-box--sticky {
    position: fixed
}

.modeless-box.modeless-box--small {
    width: 340px
}

.modeless-box.modeless-box--small .modeless-box-item-wrapper:hover {
    background-color: transparent
}

.modeless-box.modeless-box--mobile {
    width: 100%
}

.modeless-box.modeless-box--mobile .modeless-box-item-wrapper:hover {
    background-color: transparent
}

.modeless-box,
.modeless-box *,
.modeless-box :after,
.modeless-box :before {
    box-sizing: border-box
}

.modeless-box svg {
    box-sizing: initial
}

.modeless-box-header {
    border-bottom: 1px solid #ededed;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 20px
}

.modeless-box-header__settings {
    line-height: 1em;
    position: absolute;
    right: 20px;
    top: 12px
}

.modeless-box-header__settings-icon {
    width: 16px
}

.modeless-box-container {
    max-height: 351px;
    min-height: 116px;
    overflow: hidden;
    position: relative
}

.modeless-box-list {
    margin: 0;
    min-height: 116px;
    padding: 0;
    width: 100%
}

.modeless-box-list li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    list-style: none;
    position: relative
}

.modeless-box-list li:last-of-type {
    border: none
}

.modeless-box-list .loading-container {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 116px
}

.modeless-box-footer {
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 -4px 12px 0 rgba(51, 51, 51, .16);
    display: block;
    font-size: 14px;
    height: 51px;
    line-height: 50px;
    position: relative;
    text-align: center
}

.modeless-box-overlay {
    animation: modal-fade-in .2s ease-in-out;
    background-color: rgba(0, 0, 0, .8);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9998
}

a.modeless-box-footer {
    color: #3483fa;
    text-decoration: none
}

a.modeless-box-footer:hover {
    color: #1259c3
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.modeless-box:before {
    border: 10px outset transparent;
    border-bottom: 10px solid #fff;
    box-sizing: border-box;
    content: " ";
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    right: inherit;
    top: -18px;
    width: 0
}

.modeless-box [aria-hidden=true] {
    display: none
}

.modeless-box .ui-loading--inline {
    position: relative
}

.modeless-box .ui-loading--block {
    position: absolute;
    z-index: 7
}

.modeless-box .ui-loading--block .ui-loading__container {
    z-index: 8
}

.modeless-box .ui-loading--fullscreen {
    position: fixed;
    z-index: 1022
}

.modeless-box .ui-loading--fullscreen .ui-loading__container {
    z-index: 1023
}

.modeless-box .ui-loading--block,
.modeless-box .ui-loading--fullscreen,
.modeless-box .ui-loading__mask {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.modeless-box .ui-loading--block .ui-loading__container,
.modeless-box .ui-loading--fullscreen .ui-loading__container {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.modeless-box .ui-loading__mask {
    background-color: hsla(0, 0%, 100%, .9);
    position: absolute
}

.modeless-box .ui-loading--inline .ui-loading__mask {
    display: none
}

.modeless-box .ui-loading__spinner {
    animation: loading-rotate 2s linear infinite;
    height: 32px;
    position: relative;
    transform-origin: center center;
    width: 32px
}

.modeless-box .ui-loading__spinner--small {
    height: 32px;
    width: 32px
}

.modeless-box .ui-loading__spinner--large {
    height: 64px;
    width: 64px
}

.modeless-box .ui-loading__spinner-path {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -10;
    stroke-linecap: round;
    stroke: #3483fa;
    animation: loading-dash 1.5s ease-in-out infinite, loading-color 6s ease-in-out infinite
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes loading-color {

    0%,
    to {
        stroke: #3483fa
    }
}

.modeless-box .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 .1s ease-in, color .1s ease-in, border .1s ease-in;
    width: 100%
}

.modeless-box .ui-button--small {
    font-size: 14px
}

.modeless-box .ui-button--primary {
    background: #3483fa;
    padding: 15px 32px
}

.modeless-box .ui-button--primary,
.modeless-box .ui-button--primary:link,
.modeless-box .ui-button--primary:visited {
    color: #fff
}

.modeless-box .ui-button--primary:focus,
.modeless-box .ui-button--primary:hover {
    background-color: rgba(52, 131, 250, .8);
    color: #fff
}

.modeless-box .ui-button--primary.ui-button--ripple-effect {
    background-image: none;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    will-change: transform
}

.modeless-box .ui-button--primary.ui-button--ripple-effect:after {
    background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1000% 1000%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: background .5s cubic-bezier(0, 0, .2, 1), opacity 1.5s cubic-bezier(0, 0, .2, 1);
    width: 100%;
    z-index: -1
}

.modeless-box .ui-button--primary.ui-button--ripple-effect:active:after {
    background-size: 0 0;
    opacity: .2;
    transition: 0s
}

.modeless-box .ui-button--primary.ui-button--small {
    padding: 11px 24px
}

.modeless-box .ui-button--primary.ui-button--disabled,
.modeless-box .ui-button--primary:disabled,
.modeless-box .ui-button--primary[disabled] {
    background-color: #e6e6e6;
    color: #999;
    cursor: auto;
    pointer-events: none
}

.modeless-box .ui-button--secondary {
    background: none;
    border: 1px solid #3483fa;
    padding: 14px 31px
}

.modeless-box .ui-button--secondary,
.modeless-box .ui-button--secondary:link,
.modeless-box .ui-button--secondary:visited {
    color: #3483fa
}

.modeless-box .ui-button--secondary:focus,
.modeless-box .ui-button--secondary:hover {
    background-color: none;
    color: rgba(52, 131, 250, .65)
}

.modeless-box .ui-button--secondary,
.modeless-box .ui-button--secondary:link,
.modeless-box .ui-button--secondary:visited {
    border: 1px solid #3483fa
}

.modeless-box .ui-button--secondary:focus,
.modeless-box .ui-button--secondary:hover {
    border: 1px solid rgba(52, 131, 250, .65)
}

.modeless-box .ui-button--secondary.ui-button--small {
    padding: 10px 23px
}

.modeless-box .ui-button--secondary .ui-button--ripple-effect {
    background-image: none;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    will-change: transform
}

.modeless-box .ui-button--secondary .ui-button--ripple-effect:after {
    background-image: radial-gradient(circle, #3483fa 10%, transparent 10.01%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1000% 1000%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: background .5s cubic-bezier(0, 0, .2, 1), opacity 1.5s cubic-bezier(0, 0, .2, 1);
    width: 100%;
    z-index: -1
}

.modeless-box .ui-button--secondary .ui-button--ripple-effect:active:after {
    background-size: 0 0;
    opacity: .2;
    transition: 0s
}

.modeless-box .ui-button--secondary.ui-button--disabled,
.modeless-box .ui-button--secondary:disabled,
.modeless-box .ui-button--secondary[disabled] {
    background-color: transparent;
    border-color: #ccc;
    color: #999;
    cursor: auto;
    pointer-events: none
}

.modeless-box .ui-button--tertiary {
    background: none;
    padding: 15px 32px
}

.modeless-box .ui-button--tertiary,
.modeless-box .ui-button--tertiary:link,
.modeless-box .ui-button--tertiary:visited {
    color: #3483fa
}

.modeless-box .ui-button--tertiary:focus,
.modeless-box .ui-button--tertiary:hover {
    background-color: none;
    color: rgba(52, 131, 250, .65)
}

.modeless-box .ui-button--tertiary.ui-button--small {
    padding: 11px 24px
}

.modeless-box .ui-button--tertiary.ui-button--ripple-effect {
    background-image: none;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
    will-change: transform
}

.modeless-box .ui-button--tertiary.ui-button--ripple-effect:after {
    background-image: radial-gradient(circle, #3483fa 10%, transparent 10.01%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1000% 1000%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: background .5s cubic-bezier(0, 0, .2, 1), opacity 1.5s cubic-bezier(0, 0, .2, 1);
    width: 100%;
    z-index: -1
}

.modeless-box .ui-button--tertiary.ui-button--ripple-effect:active:after {
    background-size: 0 0;
    opacity: .2;
    transition: 0s
}

.modeless-box .ui-button--tertiary.ui-button--disabled,
.modeless-box .ui-button--tertiary:disabled,
.modeless-box .ui-button--tertiary[disabled] {
    background-color: transparent;
    color: #999;
    cursor: auto;
    pointer-events: none
}

.modeless-box .ui-button {
    display: inline-block;
    line-height: 1;
    min-width: 142px;
    width: auto
}

.modeless-box .ui-button.ui-button--small {
    display: inline-block;
    min-width: 108px;
    width: auto
}

.modeless-box .price-tag {
    display: inline-block;
    line-height: 1em;
    overflow: visible;
    vertical-align: text-bottom
}

.modeless-box .price-tag * {
    float: left
}

.modeless-box .price-tag-symbol {
    margin-right: .2em
}

.modeless-box .price-tag-decimal-separator {
    font-size: 0;
    position: absolute
}

.modeless-box .price-tag-cents {
    font-size: .7em;
    line-height: 1em;
    margin-left: .05em;
    vertical-align: text-bottom
}

.modeless-box .price-tag del {
    position: relative;
    text-decoration: none
}

.modeless-box .price-tag del:after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 40%;
    width: 100%
}

.modeless-box .notification-item-button .container {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border: none;
    border-radius: 3px;
    color: #2681ff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.3;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 8px 16px;
    position: relative;
    text-decoration: none;
    user-select: none;
    z-index: 0
}

.modeless-box .notification-item-button .withBackground {
    background-color: #ccc;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.modeless-box .notification-item-button .container:focus {
    outline: 0
}

.modeless-box .notification-item-button .ripple {
    animation: ripleEffect 1s ease-out forwards;
    background-color: #e0e0e0;
    border-radius: 50%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    transition: opacity .5s;
    user-select: none;
    z-index: -1
}

@keyframes ripleEffect {
    0% {
        transform: translate(-50%, -50%) scale(1)
    }

    to {
        transform: translate(-50%, -50%) scale(5)
    }
}

.modeless-box .photo {
    background-color: #f9f9f9;
    border-radius: 3px;
    float: left;
    padding: 16px 15px 16.5px
}

.modeless-box .notification-item__custom,
.modeless-box .notification-item__link,
.modeless-box .notification-item__link:active,
.modeless-box .notification-item__link:hover,
.modeless-box .notification-item__link:link,
.modeless-box .notification-item__link:visited {
    -webkit-tap-highlight-color: transparent;
    color: inherit;
    display: block;
    text-decoration: none
}

.modeless-box .notification-item__link {
    cursor: pointer;
    padding: 24px 16px
}

.modeless-box .notification-item .deleteRight {
    right: 0
}

.modeless-box .notification-item__img {
    border-radius: 3px;
    float: left;
    width: 60px
}

.modeless-box .notification-item__data {
    color: #333;
    padding-left: 76px;
    text-align: left
}

.modeless-box .notification-item__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin: 0 0 8px;
    overflow: hidden
}

.modeless-box .notification-item__optinIcon {
    fill: #fff;
    background-color: #3483fa;
    border-radius: 50%;
    float: left;
    height: 60px;
    text-align: center;
    width: 60px
}

.modeless-box .notification-item__optinIcon>svg {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.modeless-box .notification-item__title-with-date {
    align-items: baseline;
    display: flex;
    justify-content: space-between
}

.modeless-box .notification-item__date-detail {
    color: #333;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.25
}

.modeless-box .bullet {
    font-weight: 300;
    overflow: hidden;
    padding: 4px 0
}

.modeless-box .bullet__text {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    line-height: 1.29;
    margin: 0;
    overflow: hidden
}

.modeless-box .bullet.oneBullet {
    padding-bottom: 0;
    padding-top: 8px
}

.modeless-box .bullet.firstBullet {
    padding-top: 8px
}

.modeless-box .bullet.firstBullet p {
    color: #999
}

.modeless-box .bullet.firstBullet svg path:first-child {
    stroke: #999
}

.modeless-box .bullet.firstBullet svg path:last-child {
    fill: #999
}

.modeless-box .bullet.lastBullet {
    padding-bottom: 0
}

.modeless-box .bullet>div {
    float: right;
    width: 93%
}

.modeless-box .bullet>div>p {
    color: #666;
    line-height: 1.29;
    margin: 0
}

.modeless-box .bullet>svg {
    fill: #979797;
    float: left;
    margin-top: 4px
}

.modeless-box .bullet svg+p {
    padding-left: 8px
}

.modeless-box .text {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-box;
    font-weight: 300;
    line-height: 1.29;
    margin: 0;
    overflow: hidden
}

.modeless-box .text.noBullet {
    margin-bottom: 8px
}

.modeless-box .progressBarContainer+.text {
    margin-top: 20px
}

.modeless-box .flipIcon {
    transform: scaleX(-1)
}

.modeless-box .notification-item__image {
    align-items: center;
    display: flex;
    max-height: 80px
}

.modeless-box .eventImage {
    margin-top: 10px;
    max-height: inherit;
    object-fit: contain;
    width: 100%
}

.modeless-box .progressBarContainer {
    height: 10px;
    margin-top: 40px;
    position: relative;
    width: 100%;
    width: calc(100% - 10px)
}

.modeless-box .progressBar {
    border-radius: 3px;
    height: 4px;
    max-width: 100%;
    position: absolute;
    top: 2px;
    width: 100%
}

.modeless-box .node {
    border-radius: 50%;
    box-sizing: border-box;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: 1
}

.modeless-box .dataLabel {
    bottom: 16px;
    font-size: 12px;
    position: absolute;
    white-space: nowrap
}

.modeless-box .dot {
    border-radius: 3px;
    height: 4px;
    margin-left: -3px;
    position: absolute;
    top: 2px;
    width: 4px;
    z-index: 1
}

.modeless-box .actionButtons {
    display: block;
    margin: 8px 0 -8px -16px
}

.modeless-box .actionButtons button {
    background: none;
    border: 0;
    color: #3483fa;
    font-size: 14px;
    margin: 0;
    padding: 8px 14px
}

.modeless-box .icon {
    float: left;
    height: 60px;
    width: 60px
}

.modeless-box .shippingLabel {
    margin-top: 10px
}

.modeless-box .imageHolder {
    background: #eee;
    float: left;
    height: 60px;
    position: relative;
    width: 60px
}

.modeless-box .imageHolder img {
    border-radius: 50%
}

.modeless-box .thumbnailsExceed,
.modeless-box .thumbnailsGrid {
    height: 26px;
    margin: 2px;
    width: 26px
}

.modeless-box .thumbnailsGrid {
    background-color: #fff;
    border-radius: 3px;
    float: left
}

.modeless-box .thumbnailsExceed {
    background: #dfdfdf;
    border-radius: 50%;
    color: #949494;
    display: inline-block;
    line-height: 26px;
    text-align: center
}

.modeless-box .thumbnailsExceed:before {
    content: "+";
    display: inline-block
}

.modeless-box .clear {
    clear: both
}

.modeless-box .ui-loading__container {
    text-align: center
}

.modeless-box .ui-loading.ui-loading-page {
    padding: 20px 0
}

.modeless-box .modeless-box-scroll-bar,
.modeless-box .modeless-box-scroll-rail {
    display: none;
    position: absolute;
    top: 0
}

.modeless-box-container:hover .modeless-box .modeless-box-scroll-bar[aria-disabled=false],
.modeless-box-container:hover .modeless-box .modeless-box-scroll-rail[aria-disabled=false] {
    display: block
}

.modeless-box .modeless-box-scroll-bar.bar-show,
.modeless-box .modeless-box-scroll-rail.bar-show {
    opacity: 1
}

.modeless-box .modeless-box-scroll-rail {
    background-color: #eee;
    box-shadow: inset 1px 1px 3px #ddd;
    height: 100%;
    right: 1px;
    width: 7px
}

.modeless-box .modeless-box-scroll-bar {
    background-color: rgba(51, 51, 51, .32);
    border-radius: 5px;
    cursor: pointer;
    display: block;
    margin-right: 2px;
    opacity: 0;
    right: 2px;
    transition: opacity .1s ease-in-out;
    width: 5px
}

.modeless-box .discount {
    color: #39b54a;
    display: inline-block;
    font-size: 12px;
    line-height: 1.55em
}

.modeless-box .modeless-box-noresults {
    color: #111;
    font-size: 15px;
    height: 116px;
    line-height: 116px;
    text-align: center;
    text-shadow: 0 1px 1px #fff
}

.modeless-box .modeless-box-noresults,
.modeless-box .modeless-box-noresults-mp {
    background-color: #f8f8f8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: default;
    user-select: none
}

.modeless-box .modeless-box-noresults-mp {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 189px;
    justify-content: center;
    margin: 0;
    padding: 32px 0
}

.modeless-box .modeless-box-noresults-mp__icon {
    height: 58px;
    width: 58px
}

.modeless-box .modeless-box-noresults-mp__label {
    color: rgba(0, 0, 0, .8);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin: 24px 0 8px;
    max-width: 300px;
    text-align: center
}

.modeless-box .modeless-box-noresults-mp__sublabel {
    color: rgba(0, 0, 0, .45);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3333333333;
    margin: 0;
    max-width: 300px;
    text-align: center
}

.modeless-box .modeless-box-remove {
    background: #f5f5f5;
    border: none;
    box-shadow: -10px 6px 22px 10px #f5f5f5;
    color: #3483fa;
    cursor: pointer;
    display: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 300;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 6px;
    top: 23px;
    width: 70px
}

.modeless-box .modeless-box-remove:hover,
.modeless-box-item:hover+.modeless-box .modeless-box-remove {
    display: block
}

.modeless-box .modeless-box-remove:hover {
    color: #1259c3
}

.modeless-box .modeless-box-item {
    zoom: 1;
    display: block;
    min-height: 113px;
    overflow: hidden;
    _overflow: visible;
    padding: 24px 16px;
    position: relative;
    text-decoration: none
}

.modeless-box .modeless-box-item:focus,
.modeless-box .modeless-box-item:target {
    background-color: #f5f5f5;
    outline: none
}

.modeless-box .modeless-box-item-wrapper:hover {
    background-color: #f5f5f5
}

.modeless-box .modeless-box-item:focus,
.modeless-box .modeless-box-item:hover {
    text-decoration: none
}

.modeless-box .modeless-box-img {
    border-radius: 4px;
    float: left;
    height: 70px;
    margin-right: 16px;
    width: 70px
}

.modeless-box .modeless-box-info {
    zoom: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    _overflow: visible
}

.modeless-box .bookmarks-title {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 1.25;
    margin: 0;
    max-height: 31px;
    max-width: 303px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modeless-box .bookmarks-info {
    margin: 8px 0
}

.modeless-box .bookmarks-shipping {
    background-position: 0 100%;
    color: #548c00;
    display: inline-block;
    font-size: 11px;
    height: 13px;
    line-height: 14px;
    text-indent: 20px;
    vertical-align: middle
}

.modeless-box .bookmarks-availability {
    background-color: #333;
    border-radius: 3px;
    color: #ccc;
    display: inline-block;
    font-size: 11px;
    margin: 0;
    padding: 2px 5px
}

.modeless-box .bookmarks-to-buy,
.modeless-box .bookmarks-to-cart,
.modeless-box .bookmarks-to-reservate {
    display: inline-block
}

.modeless-box .bookmarks-to-buy.ui-button,
.modeless-box .bookmarks-to-cart.ui-button,
.modeless-box .bookmarks-to-reservate.ui-button {
    background: transparent;
    color: #3483fa;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    padding: 8px 0;
    text-align: left
}

.modeless-box .bookmarks-to-buy.ui-button .bookmarks-to-cart__text,
.modeless-box .bookmarks-to-cart.ui-button .bookmarks-to-cart__text,
.modeless-box .bookmarks-to-reservate.ui-button .bookmarks-to-cart__text {
    display: inline-block
}

.modeless-box .bookmarks-to-buy .bookmark-mask,
.modeless-box .bookmarks-to-cart .bookmark-mask,
.modeless-box .bookmarks-to-reservate .bookmark-mask {
    background-color: hsla(0, 0%, 96%, .9);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.modeless-box .bookmarks-to-buy .bookmark-mask .ui-loading.hide,
.modeless-box .bookmarks-to-cart .bookmark-mask .ui-loading.hide,
.modeless-box .bookmarks-to-reservate .bookmark-mask .ui-loading.hide {
    animation: opacityEffectReverse .2s ease-in-out;
    animation-fill-mode: forwards
}

.modeless-box .bookmarks-to-buy .bookmark-mask.hide,
.modeless-box .bookmarks-to-cart .bookmark-mask.hide,
.modeless-box .bookmarks-to-reservate .bookmark-mask.hide {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.modeless-box .bookmarks-to-buy .bookmark-mask.bookmark-show-text,
.modeless-box .bookmarks-to-cart .bookmark-mask.bookmark-show-text,
.modeless-box .bookmarks-to-reservate .bookmark-mask.bookmark-show-text {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 14px;
    justify-content: center
}

.modeless-box .bookmarks-to-buy .bookmark-mask.bookmark-show-text .bookmark-mask-loading-container,
.modeless-box .bookmarks-to-cart .bookmark-mask.bookmark-show-text .bookmark-mask-loading-container,
.modeless-box .bookmarks-to-reservate .bookmark-mask.bookmark-show-text .bookmark-mask-loading-container {
    display: none
}

.modeless-box .bookmarks-to-buy .bookmark-mask.bookmark-show-text .bookmark-mask-text,
.modeless-box .bookmarks-to-cart .bookmark-mask.bookmark-show-text .bookmark-mask-text,
.modeless-box .bookmarks-to-reservate .bookmark-mask.bookmark-show-text .bookmark-mask-text {
    animation: translation .3s ease-in-out, opacityEffect .3s ease-in-out;
    display: block
}

.modeless-box .bookmarks-to-buy .bookmark-mask-loading-container,
.modeless-box .bookmarks-to-cart .bookmark-mask-loading-container,
.modeless-box .bookmarks-to-reservate .bookmark-mask-loading-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.modeless-box .bookmarks-to-buy .bookmark-mask-text,
.modeless-box .bookmarks-to-cart .bookmark-mask-text,
.modeless-box .bookmarks-to-reservate .bookmark-mask-text {
    display: none
}

.modeless-box .bookmarks-to-buy .bookmark-mask-text span,
.modeless-box .bookmarks-to-cart .bookmark-mask-text span,
.modeless-box .bookmarks-to-reservate .bookmark-mask-text span {
    margin-right: 4px
}

.modeless-box .bookmarks-to-buy .bookmark-mask-text.fade-and-move,
.modeless-box .bookmarks-to-cart .bookmark-mask-text.fade-and-move,
.modeless-box .bookmarks-to-reservate .bookmark-mask-text.fade-and-move {
    opacity: 0;
    transform: translateY(-15px);
    transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

.modeless-box .bookmarks-to-buy {
    margin-right: 12px;
    min-width: 64px;
    text-align: left
}

.modeless-box .bookmarks-to-reservate {
    text-align: left
}

.modeless-box .bookmarks-to-buy:hover,
.modeless-box .bookmarks-to-cart:hover,
.modeless-box .bookmarks-to-reservate:hover {
    color: #1259c3;
    cursor: pointer;
    text-decoration: none
}

.modeless-box .bookmarks-actions {
    color: #3483fa;
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px
}

.modeless-box .bookmarks-auction {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.29;
    text-align: left
}

.modeless-box .bookmarks-auction span {
    font-weight: 300;
    margin-left: 5px
}

.modeless-box .bookmarks .modeless-box-img {
    background-color: #f7f7f7
}

.modeless-box .bookmarks-price {
    color: #333;
    font-size: 20px;
    font-weight: 300;
    margin-right: 5px;
    vertical-align: middle
}

.modeless-box .bookmarks-price-original {
    color: #999;
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
    overflow: hidden
}

.modeless-box .bookmarks-price-wrapper {
    display: block;
    margin-bottom: 4px
}

.modeless-box .bookmarks-price.bookmarks-price-text {
    font-size: 16px
}

.modeless-box .modeless-box-item-wrapper .bookmarks-to-cart__container {
    display: inline-block
}

.modeless-box .modeless-box-item-wrapper:hover .modeless-box-remove {
    display: block
}

.modeless-box .modeless-box-item-wrapper .bookmark-active .modeless-box-remove {
    color: transparent
}

.modeless-box .modeless-box-item-wrapper .bookmark-active .bookmark-mask {
    animation: opacityEffect .1s ease-in-out;
    display: flex;
    justify-content: center
}

.modeless-box a[data-type=bookmarks] .modeless-box-info {
    margin-bottom: -8px
}

.modeless-box .modeless-box-notification-link h2 {
    color: #333;
    font-weight: 500
}

.modeless-box .modeless-box-notification-unread {
    background: #f5f5f5
}

.modeless-box .modeless-box-notification-unread h2 {
    font-weight: 700
}

.modeless-box .actionButtons button {
    background: transparent;
    border: none;
    cursor: pointer
}

.modeless-box .modeless-box-cart__item {
    align-items: center;
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: 16px;
    height: 68px;
    line-height: 20px;
    padding: 14px 24px;
    text-decoration: none
}

.modeless-box .modeless-box-cart__item:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #2968c8, inset 0 0 0 5px rgba(65, 137, 230, .3);
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #2968c8, inset 0 0 0 5px rgba(65, 137, 230, .3);
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #2968c8, inset 0 0 0 5px rgba(65, 137, 230, .3);
    outline: none
}

.modeless-box .modeless-box-cart__item:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #2968c8, inset 0 0 0 5px rgba(65, 137, 230, .3);
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #2968c8, inset 0 0 0 5px rgba(65, 137, 230, .3);
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #2968c8, inset 0 0 0 5px rgba(65, 137, 230, .3);
    outline: none
}

.modeless-box .modeless-box-cart__item:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.modeless-box .modeless-box-cart__item .cpg-icon {
    flex-shrink: 0;
    margin-right: 6px
}

.modeless-box .modeless-box-cart__item .chevron-icon {
    flex-shrink: 0;
    margin-left: auto
}

.modeless-box .modeless-box-cart__item .thumbnail-container {
    display: flex;
    margin-left: auto;
    margin-right: 12px
}

.modeless-box .modeless-box-cart__item .thumbnail-container .thumbnail:not(:last-child) {
    margin-right: -15px
}

.modeless-box .modeless-box-cart__item .thumbnail-container+.chevron-icon {
    margin-left: 0
}

.modeless-box .thumbnail {
    align-items: center;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    display: flex;
    height: 38px;
    justify-content: center;
    outline: 1px solid #fff;
    overflow: hidden;
    width: 38px
}

.modeless-box .thumbnail__label {
    align-items: center;
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55);
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    width: 100%
}

.modeless-box .thumbnail>img {
    height: auto;
    max-width: 100%;
    width: auto
}

.modeless-box .styled-label-size--X_SMALL {
    font-size: 14px
}

.modeless-box .styled-label-size--SMALL {
    font-size: 16px
}

.modeless-box .styled-label-size--MEDIUM {
    font-size: 18px
}

.modeless-box .styled-label-size--LARGE {
    font-size: 20px
}

.modeless-box .styled-label-size--X_LARGE {
    font-size: 24px
}

.modeless-box .styled-label-weight--REGULAR {
    font-weight: 400
}

.modeless-box .styled-label-weight--SEMIBOLD {
    font-weight: 600
}

.modeless-box .styled-label-weight--BOLD {
    font-weight: 700
}

.ml-count {
    background-color: #d90000;
    border: 1px solid #fff059;
    border-radius: 4px;
    color: #fff;
    font-size: 9px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    min-width: 15px;
    padding: 0 2px;
    position: absolute;
    right: 1px;
    text-align: center;
    text-indent: 0;
    top: -4px;
    width: fit-content
}

/*# sourceMappingURL=modeless-box.css.map */



main {
    -webkit-font-smoothing: antialiased
}

.ui-pdp-background-color--LIGHT_GRAY {
    background-color: rgba(0, 0, 0, .1)
}

.ui-pdp-background-color--LIGHT_GREEN {
    background-color: #e6f7ee
}

.m-0 {
    margin: 0
}

.p-0 {
    padding: 0
}

.mt-0 {
    margin-top: 0
}

.pt-0 {
    padding-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.pb-0 {
    padding-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.pl-0 {
    padding-left: 0
}

.mr-0 {
    margin-right: 0
}

.pr-0 {
    padding-right: 0
}

.m-2 {
    margin: 2px
}

.p-2 {
    padding: 2px
}

.mt-2 {
    margin-top: 2px
}

.pt-2 {
    padding-top: 2px
}

.mb-2 {
    margin-bottom: 2px
}

.pb-2 {
    padding-bottom: 2px
}

.ml-2 {
    margin-left: 2px
}

.pl-2 {
    padding-left: 2px
}

.mr-2 {
    margin-right: 2px
}

.pr-2 {
    padding-right: 2px
}

.m-4 {
    margin: 4px
}

.p-4 {
    padding: 4px
}

.mt-4 {
    margin-top: 4px
}

.pt-4 {
    padding-top: 4px
}

.mb-4 {
    margin-bottom: 4px
}

.pb-4 {
    padding-bottom: 4px
}

.ml-4 {
    margin-left: 4px
}

.pl-4 {
    padding-left: 4px
}

.mr-4 {
    margin-right: 4px
}

.pr-4 {
    padding-right: 4px
}

.m-5 {
    margin: 5px
}

.p-5 {
    padding: 5px
}

.mt-5 {
    margin-top: 5px
}

.pt-5 {
    padding-top: 5px
}

.mb-5 {
    margin-bottom: 5px
}

.pb-5 {
    padding-bottom: 5px
}

.ml-5 {
    margin-left: 5px
}

.pl-5 {
    padding-left: 5px
}

.mr-5 {
    margin-right: 5px
}

.pr-5 {
    padding-right: 5px
}

.m-8 {
    margin: 8px
}

.p-8 {
    padding: 8px
}

.mt-8 {
    margin-top: 8px
}

.pt-8 {
    padding-top: 8px
}

.mb-8 {
    margin-bottom: 8px
}

.pb-8 {
    padding-bottom: 8px
}

.ml-8 {
    margin-left: 8px
}

.pl-8 {
    padding-left: 8px
}

.mr-8 {
    margin-right: 8px
}

.pr-8 {
    padding-right: 8px
}

.m-10 {
    margin: 10px
}

.p-10 {
    padding: 10px
}

.mt-10 {
    margin-top: 10px
}

.pt-10 {
    padding-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.ml-10 {
    margin-left: 10px
}

.pl-10 {
    padding-left: 10px
}

.mr-10 {
    margin-right: 10px
}

.pr-10 {
    padding-right: 10px
}

.m-12 {
    margin: 12px
}

.p-12 {
    padding: 12px
}

.mt-12 {
    margin-top: 12px
}

.pt-12 {
    padding-top: 12px
}

.mb-12 {
    margin-bottom: 12px
}

.pb-12 {
    padding-bottom: 12px
}

.ml-12 {
    margin-left: 12px
}

.pl-12 {
    padding-left: 12px
}

.mr-12 {
    margin-right: 12px
}

.pr-12 {
    padding-right: 12px
}

.m-14 {
    margin: 14px
}

.p-14 {
    padding: 14px
}

.mt-14 {
    margin-top: 14px
}

.pt-14 {
    padding-top: 14px
}

.mb-14 {
    margin-bottom: 14px
}

.pb-14 {
    padding-bottom: 14px
}

.ml-14 {
    margin-left: 14px
}

.pl-14 {
    padding-left: 14px
}

.mr-14 {
    margin-right: 14px
}

.pr-14 {
    padding-right: 14px
}

.m-15 {
    margin: 15px
}

.p-15 {
    padding: 15px
}

.mt-15 {
    margin-top: 15px
}

.pt-15 {
    padding-top: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.ml-15 {
    margin-left: 15px
}

.pl-15 {
    padding-left: 15px
}

.mr-15 {
    margin-right: 15px
}

.pr-15 {
    padding-right: 15px
}

.m-16 {
    margin: 16px
}

.p-16 {
    padding: 16px
}

.mt-16 {
    margin-top: 16px
}

.pt-16 {
    padding-top: 16px
}

.mb-16 {
    margin-bottom: 16px
}

.pb-16 {
    padding-bottom: 16px
}

.ml-16 {
    margin-left: 16px
}

.pl-16 {
    padding-left: 16px
}

.mr-16 {
    margin-right: 16px
}

.pr-16 {
    padding-right: 16px
}

.m-20 {
    margin: 20px
}

.p-20 {
    padding: 20px
}

.mt-20 {
    margin-top: 20px
}

.pt-20 {
    padding-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.ml-20 {
    margin-left: 20px
}

.pl-20 {
    padding-left: 20px
}

.mr-20 {
    margin-right: 20px
}

.pr-20 {
    padding-right: 20px
}

.m-24 {
    margin: 24px
}

.p-24 {
    padding: 24px
}

.mt-24 {
    margin-top: 24px
}

.pt-24 {
    padding-top: 24px
}

.pb-24 {
    padding-bottom: 24px
}

.ml-24 {
    margin-left: 24px
}

.pl-24 {
    padding-left: 24px
}

.mr-24 {
    margin-right: 24px
}

.pr-24 {
    padding-right: 24px
}

.m-25 {
    margin: 25px
}

.p-25 {
    padding: 25px
}

.mt-25 {
    margin-top: 25px
}

.pt-25 {
    padding-top: 25px
}

.mb-25 {
    margin-bottom: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.ml-25 {
    margin-left: 25px
}

.pl-25 {
    padding-left: 25px
}

.mr-25 {
    margin-right: 25px
}

.pr-25 {
    padding-right: 25px
}

.m-30 {
    margin: 30px
}

.p-30 {
    padding: 30px
}

.mt-30 {
    margin-top: 30px
}

.pt-30 {
    padding-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.ml-30 {
    margin-left: 30px
}

.pl-30 {
    padding-left: 30px
}

.mr-30 {
    margin-right: 30px
}

.pr-30 {
    padding-right: 30px
}

.m-32 {
    margin: 32px
}

.p-32 {
    padding: 32px
}

.mt-32 {
    margin-top: 32px
}

.pt-32 {
    padding-top: 32px
}

.mb-32 {
    margin-bottom: 32px
}

.pb-32 {
    padding-bottom: 32px
}

.ml-32 {
    margin-left: 32px
}

.pl-32 {
    padding-left: 32px
}

.mr-32 {
    margin-right: 32px
}

.pr-32 {
    padding-right: 32px
}

.m-35 {
    margin: 35px
}

.p-35 {
    padding: 35px
}

.mt-35 {
    margin-top: 35px
}

.pt-35 {
    padding-top: 35px
}

.mb-35 {
    margin-bottom: 35px
}

.pb-35 {
    padding-bottom: 35px
}

.ml-35 {
    margin-left: 35px
}

.pl-35 {
    padding-left: 35px
}

.mr-35 {
    margin-right: 35px
}

.pr-35 {
    padding-right: 35px
}

.m-40 {
    margin: 40px
}

.p-40 {
    padding: 40px
}

.mt-40 {
    margin-top: 40px
}

.pt-40 {
    padding-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.ml-40 {
    margin-left: 40px
}

.pl-40 {
    padding-left: 40px
}

.mr-40 {
    margin-right: 40px
}

.pr-40 {
    padding-right: 40px
}

.m-45 {
    margin: 45px
}

.p-45 {
    padding: 45px
}

.mt-45 {
    margin-top: 45px
}

.pt-45 {
    padding-top: 45px
}

.mb-45 {
    margin-bottom: 45px
}

.pb-45 {
    padding-bottom: 45px
}

.ml-45 {
    margin-left: 45px
}

.pl-45 {
    padding-left: 45px
}

.mr-45 {
    margin-right: 45px
}

.pr-45 {
    padding-right: 45px
}

.m-48 {
    margin: 48px
}

.p-48 {
    padding: 48px
}

.mt-48 {
    margin-top: 48px
}

.pt-48 {
    padding-top: 48px
}

.mb-48 {
    margin-bottom: 48px
}

.pb-48 {
    padding-bottom: 48px
}

.ml-48 {
    margin-left: 48px
}

.pl-48 {
    padding-left: 48px
}

.mr-48 {
    margin-right: 48px
}

.pr-48 {
    padding-right: 48px
}

.m-64 {
    margin: 64px
}

.p-64 {
    padding: 64px
}

.mt-64 {
    margin-top: 64px
}

.pt-64 {
    padding-top: 64px
}

.mb-64 {
    margin-bottom: 64px
}

.pb-64 {
    padding-bottom: 64px
}

.ml-64 {
    margin-left: 64px
}

.pl-64 {
    padding-left: 64px
}

.mr-64 {
    margin-right: 64px
}

.pr-64 {
    padding-right: 64px
}

.andes-tooltip {
    z-index: 800
}

.ui-pdp-gallery__column {
    z-index: 0
}

.line-clamp {
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.non-selectable {
    -webkit-user-select: none;
    user-select: none
}

#comparator {
    display: none !important
}

.andes-modal__overlay {
    z-index: 99999
}

.ui-pdp-fetching-component+a,
.ui-pdp-fetching-component+div,
.ui-pdp-fetching-component+form,
.ui-pdp-fetching-component+section,
.ui-pdp-fetching-component+span,
.ui-pdp-fetching-component+ul {
    position: relative
}

.ui-pdp-fetching-component+a:after,
.ui-pdp-fetching-component+div:after,
.ui-pdp-fetching-component+form:after,
.ui-pdp-fetching-component+section:after,
.ui-pdp-fetching-component+span:after,
.ui-pdp-fetching-component+ul:after {
    background-color: hsla(0, 0%, 100%, .5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

@keyframes andes-button-start-width-animation {
    0% {
        width: 0
    }

    to {
        width: 90%
    }
}

@keyframes andes-button-start-width-animation-reduce-motion {
    0% {
        width: 0
    }

    30% {
        width: 30%
    }

    60% {
        width: 60%
    }

    to {
        width: 90%
    }
}

.andes-button {
    border-radius: 6px;
    display: inline-block;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    text-align: center;
    width: auto;
    -webkit-font-smoothing: antialiased
}

.andes-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-button:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button {
        transition: .18s ease-out;
        transition-property: background, color
    }
}

.andes-button:link {
    text-decoration: none
}

.andes-button,
.andes-button * {
    box-sizing: border-box
}

.andes-button svg {
    display: inline-block;
    max-height: 1.125em;
    max-width: 1.125em;
    vertical-align: middle
}

.andes-button--full-width {
    display: block;
    width: 100%
}

.andes-button:disabled,
.andes-button[aria-disabled=true],
.andes-button[disabled] {
    pointer-events: none
}

.andes-button--loading .andes-progress-indicator-circular {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.andes-button--loading .andes-progress-indicator-circular__container {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading .andes-progress-indicator-circular__container {
        animation: translateInButtonSpinner .2s, fadeIn .2s;
        animation-fill-mode: forwards
    }
}

.andes-button--loading .andes-progress-indicator-circular__progress {
    display: block;
    stroke-width: 6px
}

.andes-button--loading .andes-progress-indicator-circular__progress div {
    align-items: center;
    display: flex;
    justify-content: center
}

.andes-button--loading .andes-progress-indicator-circular__progress svg {
    position: relative;
    top: 3px
}

.andes-button--loading .andes-button__content {
    margin: -1px 0;
    max-height: 0;
    opacity: 0
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading .andes-button__content {
        animation: translateOutButtonSpinner .2s, fadeOut .2s;
        animation-fill-mode: forwards
    }
}

.andes-button--loading-complete .andes-button__content {
    margin: 0;
    max-height: none;
    opacity: 1
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading-complete .andes-button__content {
        animation: translateInButtonSpinnerComplete .2s, fadeIn .2s;
        animation-fill-mode: forwards
    }
}

.andes-button__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.andes-button__content:after {
    clear: both;
    content: "";
    display: table
}

.andes-button__content * {
    display: block;
    float: left
}

.andes-button__text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-button__text+svg,
svg+.andes-button__text {
    margin-left: 12px
}

@keyframes translateInButtonSpinner {
    0% {
        transform: translateY(50%)
    }
}

@keyframes translateOutButtonSpinner {
    to {
        transform: translateY(-50%)
    }
}

@keyframes translateInButtonSpinnerComplete {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(calc(-50% + 22px))
    }
}

.andes-button--loud:hover {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud:hover path[stroke] {
    stroke: #fff !important
}

.andes-button--loud:hover path[fill] {
    fill: #fff !important
}

.andes-button--loud {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loud {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--loud,
.andes-button--loud:focus,
.andes-button--loud:link,
.andes-button--loud:visited {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud path[stroke],
.andes-button--loud:focus path[stroke],
.andes-button--loud:link path[stroke],
.andes-button--loud:visited path[stroke] {
    stroke: #fff !important
}

.andes-button--loud path[fill],
.andes-button--loud:focus path[fill],
.andes-button--loud:link path[fill],
.andes-button--loud:visited path[fill] {
    fill: #fff !important
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loud:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--loud:active {
    background-color: var(--andes-color-blue-700, #1f4e96);
    border-color: transparent;
    color: #fff
}

.andes-button--loud:active path[stroke] {
    stroke: #fff !important
}

.andes-button--loud:active path[fill] {
    fill: #fff !important
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled,
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .1);
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled path[stroke],
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke],
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] path[stroke] {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled path[fill],
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill],
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] path[fill] {
    fill: rgba(0, 0, 0, .25) !important
}

.andes-button--quiet:hover {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet:hover path[stroke] {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:hover path[fill] {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--quiet {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--quiet,
.andes-button--quiet:focus,
.andes-button--quiet:link,
.andes-button--quiet:visited {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet path[stroke],
.andes-button--quiet:focus path[stroke],
.andes-button--quiet:link path[stroke],
.andes-button--quiet:visited path[stroke] {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet path[fill],
.andes-button--quiet:focus path[fill],
.andes-button--quiet:link path[fill],
.andes-button--quiet:visited path[fill] {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--quiet:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--quiet:active {
    background-color: var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet:active path[stroke] {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:active path[fill] {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:not(.andes-button--loading, .loading):disabled,
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .1);
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--quiet:not(.andes-button--loading, .loading):disabled path[stroke],
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke],
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] path[stroke] {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--quiet:not(.andes-button--loading, .loading):disabled path[fill],
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill],
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] path[fill] {
    fill: rgba(0, 0, 0, .25) !important
}

.andes-button--transparent:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--transparent:hover path[stroke] {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent:hover path[fill] {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--transparent {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--transparent,
.andes-button--transparent:focus,
.andes-button--transparent:link,
.andes-button--transparent:visited {
    background-color: transparent;
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--transparent path[stroke],
.andes-button--transparent:focus path[stroke],
.andes-button--transparent:link path[stroke],
.andes-button--transparent:visited path[stroke] {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent path[fill],
.andes-button--transparent:focus path[fill],
.andes-button--transparent:link path[fill],
.andes-button--transparent:visited path[fill] {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--transparent:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--transparent:active {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--transparent:active path[stroke] {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent:active path[fill] {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent:not(.andes-button--loading, .loading):disabled,
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: transparent;
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--transparent:not(.andes-button--loading, .loading):disabled path[stroke],
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke],
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] path[stroke] {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--transparent:not(.andes-button--loading, .loading):disabled path[fill],
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill],
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] path[fill] {
    fill: rgba(0, 0, 0, .25) !important
}

[data-andes-carousel-snapped-control] {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    position: absolute;
    z-index: 1
}

[data-andes-carousel-snapped-control]:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

[data-andes-carousel-snapped-control]:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

[data-andes-carousel-snapped-control]:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

[data-andes-carousel-snapped-control][data-andes-position=bottom] {
    bottom: 0;
    left: 50%;
    top: unset
}

[data-andes-carousel-snapped-control][data-andes-position=bottom-end] {
    bottom: 0;
    left: unset;
    right: 0;
    top: unset
}

[data-andes-carousel-snapped-control][data-andes-position=bottom-start] {
    bottom: 0;
    left: 0;
    top: unset
}

[data-andes-carousel-snapped-control][data-andes-position=left] {
    left: 0;
    top: 50%
}

[data-andes-carousel-snapped-control][data-andes-position=right] {
    left: unset;
    right: 0;
    top: 50%
}

[data-andes-carousel-snapped-control][data-andes-position=top] {
    left: 50%;
    top: 0
}

[data-andes-carousel-snapped-control][data-andes-position=top-end] {
    left: unset;
    right: 0;
    top: 0
}

[data-andes-carousel-snapped-control][data-andes-position=top-start] {
    left: 0;
    top: 0
}

[data-andes-carousel-snapped-control]:active,
[data-andes-carousel-snapped-control]:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1)
}

[data-andes-carousel-snapped-control]:focus {
    opacity: 1;
    position: absolute
}

[data-andes-carousel-snapped-control]:focus-visible {
    opacity: 1;
    position: absolute
}

[data-andes-carousel-snapped-control]:not(:focus-visible):focus {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12)
}

[data-andes-carousel-snapped-control]:not(:focus-visible):hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1)
}

.andes-carousel-snapped {
    height: 100%
}

.andes-carousel-snapped--scroll-hidden {
    overflow-x: hidden
}

.andes-carousel-snapped--scroll-visible {
    overflow-x: visible
}

.andes-carousel-snapped__container {
    position: relative
}

.andes-carousel-snapped__container [data-andes-carousel-snapped-control] {
    opacity: 0
}

.andes-carousel-snapped__container [data-andes-carousel-snapped-control]:focus-visible {
    opacity: 1
}

.andes-carousel-snapped__container--arrows-visible [data-andes-carousel-snapped-control],
.andes-carousel-snapped__container:hover [data-andes-carousel-snapped-control] {
    opacity: 1
}

.andes-carousel-snapped__container--arrows-visible [data-andes-carousel-snapped-control][data-andes-state~=disabled],
.andes-carousel-snapped__container:hover [data-andes-carousel-snapped-control][data-andes-state~=disabled] {
    opacity: 0
}

.andes-carousel-snapped__container--pagination-position-top .andes-carousel-snapped {
    margin-top: 12px
}

.andes-carousel-snapped__controls-wrapper {
    position: relative
}

.andes-carousel-snapped__wrapper {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: scroll !important;
}

.andes-carousel-snapped__header {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.andes-carousel-snapped__title {
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-carousel-snapped__slide {
    cursor: grab;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    width: 100%
}

.andes-carousel-snapped__slide--spacing-12 {
    margin-right: 12px
}

.andes-carousel-snapped__slide--spacing-16 {
    margin-right: 16px
}

.andes-carousel-snapped__slide--spacing-20 {
    margin-right: 20px
}

.andes-carousel-snapped__slide--spacing-24 {
    margin-right: 24px
}

.andes-carousel-snapped__slide>:first-child:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-carousel-snapped__slide>:first-child:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-carousel-snapped__slide>:first-child:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-carousel-snapped__slide img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: top;
    width: 100%;
}

.andes-carousel-snapped__control {
    align-items: center;
    background-color: #fff;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: center;
    opacity: 0;
    padding: 0;
    top: 50%;
    transform: translateY(-50%)
}

.andes-carousel-snapped__control[data-andes-state~=disabled] {
    cursor: default
}

.andes-carousel-snapped__control svg,
.andes-carousel-snapped__control svg path {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-carousel-snapped__control__icon-container {
    display: flex
}

.andes-carousel-snapped__pagination {
    display: flex;
    list-style: none;
    padding: 0
}

.andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination] {
    margin: 0;
    position: absolute
}

.andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position=bottom] {
    bottom: 0;
    left: 50%;
    top: unset
}

.andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position=bottom-end] {
    bottom: 0;
    left: unset;
    right: 0;
    top: unset
}

.andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position=bottom-start] {
    bottom: 0;
    left: 0;
    right: unset;
    top: unset
}

.andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position=left] {
    left: 0;
    top: 50%
}

.andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position=right] {
    left: unset;
    right: 0;
    top: 50%
}

.andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position=top] {
    bottom: unset;
    left: 50%;
    top: 0
}

.andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position=top-end] {
    bottom: unset;
    left: unset;
    right: 0;
    top: 0
}

.andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position=top-start] {
    bottom: unset;
    left: 0;
    right: unset;
    top: 0
}

.andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item] {
    display: flex
}

.andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item] button {
    border: 0;
    border-radius: 50%;
    height: 6px;
    margin: 0 2px;
    padding: 0;
    width: 6px
}

@media(prefers-reduced-motion:no-preference) {
    .andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item] button {
        transition: background-color .35s ease-in-out, box-shadow .35s ease-in-out
    }
}

.andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item][data-andes-carousel-snapped-pagination-item-active=true] [data-andes-carousel-snapped-pagination-action] {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.andes-carousel-snapped__pagination--position-bottom {
    justify-content: center;
    margin: 12px 0 auto
}

.andes-carousel-snapped__pagination--position-top {
    align-self: flex-end;
    display: inline-flex;
    margin: 0 0 0 auto;
    width: max-content
}

.andes-carousel-snapped__pagination--position-inner {
    bottom: 16px;
    margin: 0;
    position: absolute;
    right: 50%;
    transform: translateX(50%)
}

.andes-carousel-snapped__pagination--light [data-andes-carousel-snapped-pagination-item] [data-andes-carousel-snapped-pagination-action] {
    background-color: rgba(0, 0, 0, .1)
}

.andes-carousel-snapped__pagination--light [data-andes-carousel-snapped-pagination-item][data-andes-carousel-snapped-pagination-item-active=true] [data-andes-carousel-snapped-pagination-action] {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.andes-carousel-snapped__pagination--dark [data-andes-carousel-snapped-pagination-item] [data-andes-carousel-snapped-pagination-action] {
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 0 1px #fff
}

.andes-carousel-snapped__pagination--dark [data-andes-carousel-snapped-pagination-item][data-andes-carousel-snapped-pagination-item-active=true] [data-andes-carousel-snapped-pagination-action] {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25)
}

@media(prefers-reduced-motion:no-preference) {
    .andes-carousel-snapped__pagination--dark [data-andes-carousel-snapped-pagination-item][data-andes-carousel-snapped-pagination-item-active=true] [data-andes-carousel-snapped-pagination-action] {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
    }
}

.andes-carousel-snapped__container--content {
    width: 100%
}

.andes-carousel-snapped__container--content.andes-carousel-snapped__container--with-controls.andes-carousel-snapped__container--strict-boundaries {
    margin-left: 32px;
    width: calc(100% - 64px)
}

.andes-carousel-snapped__container--content .andes-carousel-snapped__control {
    border-radius: 50%;
    width: 64px
}

.andes-carousel-snapped__container--content .andes-carousel-snapped__control--previous {
    left: -32px;
    right: unset
}

.andes-carousel-snapped__container--content .andes-carousel-snapped__control--next {
    left: unset;
    right: -32px
}

.andes-carousel-snapped__container--content .andes-carousel-snapped__control--size-small {
    height: 32px;
    width: 32px
}

.andes-carousel-snapped__container--content .andes-carousel-snapped__control--size-small.andes-carousel-snapped__control--previous {
    left: -16px
}

.andes-carousel-snapped__container--content .andes-carousel-snapped__control--size-small.andes-carousel-snapped__control--next {
    right: -16px;
    display: none;
}

.andes-carousel-snapped__container--full {
    width: 100%
}

.andes-carousel-snapped__container--full .andes-carousel-snapped__control {
    border-bottom-right-radius: 64px;
    border-top-right-radius: 64px;
    width: 32px
}

.andes-carousel-snapped__container--full .andes-carousel-snapped__control--previous {
    left: 0;
    right: unset;
    transform: rotate(0) translateY(-50%)
}

.andes-carousel-snapped__container--full .andes-carousel-snapped__control--next {
    left: unset;
    right: 0;
    transform: rotate(180deg) translateY(50%)
}

.andes-checkbox {
    -webkit-font-smoothing: antialiased;
    align-items: flex-start;
    cursor: pointer;
    display: inline-flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px
}

.andes-checkbox__checkbox,
.andes-checkbox__icon,
.andes-checkbox__input,
.andes-checkbox__input:after {
    height: 16px;
    width: 16px
}

.andes-checkbox__checkbox {
    box-sizing: border-box;
    display: inline-flex;
    margin: 2px 0;
    position: relative
}

.andes-checkbox__input {
    align-items: center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0;
    outline: none
}

.andes-checkbox__input:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-checkbox__input:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-checkbox__input:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-checkbox__input:after {
    align-self: center;
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, .25);
    border-radius: 3px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    inset: 0;
    justify-self: center;
    position: absolute
}

.andes-checkbox__input:hover:after {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .55)
}

.andes-checkbox__input:active:after {
    background-color: rgba(0, 0, 0, .07);
    border-color: rgba(0, 0, 0, .55)
}

.andes-checkbox__input:disabled {
    background-color: inherit;
    cursor: not-allowed
}

.andes-checkbox__input:disabled:after {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .1)
}

.andes-checkbox__input:checked~.andes-checkbox__icon {
    visibility: visible
}

.andes-checkbox__input:checked:after {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-width: 0
}

.andes-checkbox__input:checked~.andes-checkbox__icon {
    color: #fff
}

.andes-checkbox__input:checked:hover:after {
    background-color: var(--andes-color-blue-600, #2968c8)
}

.andes-checkbox__input:checked:active:after {
    background-color: var(--andes-color-blue-700, #1f4e96)
}

.andes-checkbox__input:checked:disabled:after {
    background-color: rgba(0, 0, 0, .1)
}

.andes-checkbox__input:checked:disabled~.andes-checkbox__icon {
    color: rgba(0, 0, 0, .25)
}

.andes-checkbox__icon {
    align-self: center;
    box-sizing: border-box;
    display: inline-flex;
    inset: 0;
    justify-self: center;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

.andes-checkbox__label {
    color: rgba(0, 0, 0, .9);
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin: 0 0 0 12px
}

.andes-checkbox--label-left {
    flex-direction: row-reverse
}

.andes-checkbox--label-left .andes-checkbox__label {
    margin: 0 12px 0 0
}

.andes-checkbox--disabled {
    cursor: not-allowed
}

.andes-checkbox--disabled .andes-checkbox__label {
    color: rgba(0, 0, 0, .25)
}

.andes-list {
    background-color: #fff;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased
}

.andes-list:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list-with-dividers .andes-list__item+.andes-list__item {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.andes-list-asset {
    margin-top: .5em
}

.andes-list__item {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    position: relative
}

.andes-list__item--visible-focused {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3))
}

.andes-list__item-anchor {
    display: flex;
    justify-content: space-between;
    margin: 0 -16px;
    outline: none;
    padding: 0 16px;
    text-decoration: none;
    width: 100%;
    width: -webkit-fill-available;
    width: fill-available
}

.andes-list__item-anchor:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-list__item-anchor:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-anchor:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-action {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    justify-content: space-between;
    line-height: 12px;
    margin: 0 -16px;
    outline: none;
    padding: 0 18px;
    text-decoration: none;
    width: -webkit-fill-available;
    width: fill-available
}

.andes-list__item-action:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-list__item-action:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-action:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-action .andes-list__item-text {
    text-align: left
}

.andes-list__item-action:before {
    cursor: pointer
}

.andes-list__item-with-secondary {
    align-self: center
}

.andes-list__item-first-column {
    align-items: center;
    display: flex;
    flex-grow: 4;
    margin-right: 12px
}

.andes-list__item-second-column {
    display: inline-flex
}

.andes-list__item-second-column-with-centered-text {
    align-self: center
}

.andes-list__item-second-column .andes-list__item-tertiary {
    text-align: right
}

.andes-list__item-second-column .andes-list__item-chevron {
    padding-left: 12px
}

.andes-list__item-second-column .andes-list__item-chevron--centered {
    align-self: center
}

.andes-list__item-second-column .andes-list__item-chevron--top {
    align-self: flex-start
}

.andes-list__item-second-column a,
.andes-list__item-second-column button {
    position: relative;
    z-index: 1
}

.andes-list__item-primary {
    color: rgba(0, 0, 0, .9);
    display: block
}

.andes-list__item-primary--max-lines-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.andes-list__item-primary--max-lines-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.andes-list__item-secondary {
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 16px;
    line-height: 1;
    text-align: start
}

.andes-list__item-tertiary {
    align-self: center;
    color: rgba(0, 0, 0, .9);
    display: block;
    text-wrap: nowrap
}

.andes-list__item-tertiary-description {
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 16px;
    line-height: 1;
    text-align: right
}

.andes-list__item-tertiary--top {
    align-self: flex-start
}

.andes-list__item-tertiary .andes-checkbox__label {
    margin-left: 0
}

.andes-list__item-tertiary-container--centered {
    align-self: center
}

.andes-list__item-image {
    align-self: flex-start;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    display: block
}

.andes-list__item-asset {
    margin-bottom: auto
}

.andes-list__item-asset--icon-one-line {
    margin-bottom: 0
}

.andes-list__item--size-small.andes-list__item-with-image .andes-list__item-second-column {
    align-self: center
}

.andes-list__item--size-small .andes-list__item-first-column,
.andes-list__item--size-small .andes-list__item-second-column {
    padding: 11px 0
}

.andes-list__item--size-small .andes-list__item-second-column {
    height: 32px
}

.andes-list__item--size-small .andes-list__item-asset {
    margin-right: 12px
}

.andes-list__item--size-small .andes-list__item-asset .andes-thumbnail-container {
    height: 32px
}

.andes-list__item--size-small .andes-list__item-asset--icon {
    margin-right: 0
}

.andes-list__item--size-small .andes-list__item-asset--icon>svg {
    margin-right: 8px
}

.andes-list__item--size-small .andes-list__item-primary,
.andes-list__item--size-small .andes-list__item-tertiary {
    font-size: 14px;
    line-height: 18px
}

.andes-list__item--size-small .andes-list__item-image {
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    width: 36px
}

.andes-list__item--size-medium.andes-list__item-with-secondary .andes-list__item-first-column,
.andes-list__item--size-medium.andes-list__item-with-secondary .andes-list__item-second-column {
    padding: 14px 0 13px
}

.andes-list__item--size-medium.andes-list__item-with-image .andes-list__item-second-column {
    align-self: center;
    height: 40px
}

.andes-list__item--size-medium .andes-list__item-first-column,
.andes-list__item--size-medium .andes-list__item-second-column {
    padding: 14px 0
}

.andes-list__item--size-medium .andes-list__item-asset {
    margin-right: 16px
}

.andes-list__item--size-medium .andes-list__item-asset .andes-thumbnail-container {
    height: 40px
}

.andes-list__item--size-medium .andes-list__item-asset--icon {
    margin-right: 0
}

.andes-list__item--size-medium .andes-list__item-asset>svg {
    margin-right: 12px
}

.andes-list__item--size-medium .andes-list__item-primary,
.andes-list__item--size-medium .andes-list__item-tertiary {
    font-size: 16px;
    line-height: 20px
}

.andes-list__item--size-medium .andes-list__item-secondary,
.andes-list__item--size-medium .andes-list__item-tertiary-description {
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px
}

.andes-list__item--size-medium .andes-list__item-image {
    height: 38px;
    min-height: 38px;
    min-width: 38px;
    width: 38px
}

.andes-list__item--size-large.andes-list__item-with-secondary .andes-list__item-first-column,
.andes-list__item--size-large.andes-list__item-with-secondary .andes-list__item-second-column {
    padding: 24px 0
}

.andes-list__item--size-large.andes-list__item-with-image .andes-list__item-second-column {
    align-self: center;
    height: 56px
}

.andes-list__item--size-large .andes-list__item-first-column,
.andes-list__item--size-large .andes-list__item-second-column {
    padding: 24px 0 22px
}

.andes-list__item--size-large .andes-list__item-asset {
    margin-right: 16px
}

.andes-list__item--size-large .andes-list__item-asset .andes-thumbnail-container {
    height: 56px
}

.andes-list__item--size-large .andes-list__item-asset--icon {
    margin-right: 0
}

.andes-list__item--size-large .andes-list__item-asset>svg {
    margin-right: 16px
}

.andes-list__item--size-large .andes-list__item-primary,
.andes-list__item--size-large .andes-list__item-tertiary {
    line-height: 22px
}

.andes-list__item--size-large .andes-list__item-secondary,
.andes-list__item--size-large .andes-list__item-tertiary-description {
    line-height: 20px;
    margin-top: 6px
}

.andes-list__item--size-large .andes-list__item-image {
    height: 54px;
    min-height: 54px;
    min-width: 54px;
    width: 54px
}

.andes-list__item--padding-0 {
    padding: 0
}

.andes-list__item--padding-16 {
    padding-left: 16px;
    padding-right: 16px
}

.andes-list__item--padding-24 {
    padding-left: 24px;
    padding-right: 24px
}

.andes-list__item--padding-32 {
    padding-left: 32px;
    padding-right: 32px
}

.andes-list__item--padding-40 {
    padding-left: 40px;
    padding-right: 40px
}

.andes-list__group {
    list-style: none
}

.andes-list__group--header {
    align-items: flex-end;
    color: rgba(0, 0, 0, .55);
    cursor: default;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: space-between;
    padding: 0 16px
}

.andes-list__group--sublist {
    padding: 0
}

.andes-list__group::marker {
    content: ""
}

.andes-list__group+.andes-list__group {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.andes-list__group--size-small .andes-list__group--header {
    height: 40px;
    line-height: 15px;
    padding-bottom: 6px
}

.andes-list__group--size-medium .andes-list__group--header {
    height: 48px;
    line-height: 15px;
    padding-bottom: 8px
}

.andes-list__group--size-large .andes-list__group--header {
    font-size: 14px;
    height: 68px;
    line-height: 18px;
    padding-bottom: 11px
}

.andes-list__group--padding-0 .andes-list__group--header {
    padding-left: 0;
    padding-right: 0
}

.andes-list__group--padding-16 .andes-list__group--header {
    padding-left: 16px;
    padding-right: 16px
}

.andes-list__group--padding-24 .andes-list__group--header {
    padding-left: 24px;
    padding-right: 24px
}

.andes-list__group--padding-32 .andes-list__group--header {
    padding-left: 32px;
    padding-right: 32px
}

.andes-list__group--padding-40 .andes-list__group--header {
    padding-left: 40px;
    padding-right: 40px
}

.andes-list--dropdown .andes-list__item-secondary,
.andes-list--dropdown .andes-list__item-tertiary {
    display: none
}

.andes-list--dropdown .andes-list__item--size-medium.andes-list__item-with-image,
.andes-list--dropdown .andes-list__item--size-medium.andes-list__item-with-secondary {
    height: 48px
}

.andes-list--dropdown .andes-list__item--size-large.andes-list__item-with-image,
.andes-list--dropdown .andes-list__item--size-large.andes-list__item-with-secondary {
    height: 68px
}

.andes-list--dropdown .andes-list__item-with-image .andes-list__item-first-column .andes-list__item-asset>svg,
.andes-list--dropdown .andes-list__item-with-secondary .andes-list__item-first-column .andes-list__item-asset>svg {
    padding-bottom: 0
}

.andes-list--selectable .andes-list__item:hover {
    background-color: #fff
}

.andes-list--selectable .andes-list__item {
    cursor: pointer
}

.andes-list--selectable .andes-list__item:hover {
    transition: background-color .1s ease-out
}

.andes-list--selectable .andes-list__item--disabled {
    cursor: default
}

.andes-list--selectable .andes-list__item--disabled:hover {
    background-color: #fff
}

.andes-list__item--disabled:hover {
    background: transparent
}

.andes-list__item--disabled .andes-list__item-primary,
.andes-list__item--disabled .andes-list__item-secondary,
.andes-list__item--disabled .andes-list__item-tertiary {
    color: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled .andes-list__item-primary {
    pointer-events: none
}

.andes-list__item--disabled .andes-list__item-first-column .andes-list__item-asset>svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected:before {
    border-left: .1111111111em solid rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected .andes-list__item-primary {
    color: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected .andes-list__item-first-column .andes-list__item-asset>svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected.andes-list__item-with-selection-component .andes-list__item-primary {
    color: rgba(0, 0, 0, .25)
}

.andes-list__item--selected {
    position: relative
}

.andes-list__item--selected:before {
    left: 2px;
    position: absolute
}

.andes-list__item--selected-padding-0:before,
.andes-list__item--selected:before {
    border-left: .1111111111em solid var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    border-radius: 1.5px;
    bottom: 2px;
    content: "";
    top: 2px
}

.andes-list__item--selected-padding-0:before {
    left: 0
}

.andes-list__item--selected .andes-list__item-primary {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    font-weight: 600
}

.andes-list__item--selected.andes-list__item-with-selection-component:before {
    border-left: 0
}

.andes-list__item--selected.andes-list__item-with-selection-component .andes-list__item-primary {
    color: rgba(0, 0, 0, .9);
    font-weight: 400
}

.andes-list__item--selected:not(.andes-form-control--split-item) .andes-list__item-first-column .andes-list__item-asset>svg path {
    fill: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-form-control {
    display: block;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    -webkit-font-smoothing: antialiased;
    text-align: left
}

.andes-form-control__control {
    position: relative
}

.andes-form-control__border,
.andes-form-control__control,
.andes-form-control__field,
.andes-form-control__label,
.andes-form-control__message {
    display: block;
    width: 100%
}

.andes-form-control__label {
    color: rgba(0, 0, 0, .55);
    font-size: 1em;
    line-height: 1;
    transition: .2s ease-out;
    transition-property: transform, color
}

.andes-form-control__label-fixed {
    transform: scale(.7777777778) translateY(-135%) !important
}

.andes-form-control__field {
    background: transparent;
    border: 0;
    color: rgba(0, 0, 0, .9);
    font-family: inherit;
    font-size: inherit;
    line-height: normal;
    margin: 8px 0 4px;
    overflow: hidden;
    padding: 0;
    resize: none
}

.andes-form-control__border {
    background-color: rgba(0, 0, 0, .25);
    height: 1px;
    position: relative;
    width: 100%
}

.andes-form-control__border:after {
    content: "";
    height: 2px;
    position: absolute;
    transform: scaleX(0);
    transition: transform .25s ease;
    width: 100%
}

.andes-form-control:hover .andes-form-control__label {
    color: rgba(0, 0, 0, .55)
}

.andes-form-control:hover .andes-form-control__border:after {
    background-color: rgba(0, 0, 0, .25);
    transform: scaleX(1)
}

.andes-form-control__field:focus {
    outline: 0
}

.andes-form-control--focused .andes-form-control__border:after,
.andes-form-control__field:focus+.andes-form-control__border:after {
    background-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa)) !important;
    transform: scaleX(1)
}

.andes-form-control--floated .andes-form-control__label,
.andes-form-control--focused .andes-form-control__label {
    cursor: text
}

.andes-form-control__message {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    line-height: 1em;
    margin-top: .3333333333em;
    min-height: 14px;
    opacity: 0;
    opacity: 1;
    text-align: left;
    transition: opacity .15s ease-out
}

.andes-form-control--focused .andes-form-control__message {
    opacity: 1
}

.andes-form-control--indeterminate .andes-form-control__border {
    height: 2px
}

.andes-form-control--indeterminate .andes-form-control__border:after {
    animation: animation-indeterminate;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-color: var(--andes-color-blue-500, #3483fa);
    content: "";
    height: 2px;
    position: absolute;
    transform: scaleX(1)
}

@keyframes animation-indeterminate {
    0% {
        left: 0;
        width: 5%
    }

    50% {
        left: 15%;
        width: 60%
    }

    to {
        left: 101%;
        width: 0
    }
}

.andes-form-control--error .andes-form-control__message {
    color: #f04449;
    font-weight: 600;
    opacity: 1
}

.andes-form-control--error.andes-form-control--focused .andes-form-control__border:after {
    background-color: #f04449 !important;
    transform: scaleX(1)
}

.andes-form-control--error .andes-form-control__border {
    background-color: #f04449
}

.andes-form-control--error .andes-form-control__border:after {
    background-color: #f04449 !important;
    transform: scaleX(0)
}

.andes-form-control--disabled .andes-form-control__field {
    color: rgba(0, 0, 0, .55);
    cursor: not-allowed
}

.andes-form-control--disabled .andes-form-control__border {
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .25) 0, rgba(0, 0, 0, .25) 50%, transparent 0);
    background-position: 0 top;
    background-repeat: repeat-x;
    background-size: 6px 100%
}

.andes-form-control--disabled .andes-form-control__border:after {
    display: none
}

.andes-form-control--completed .andes-form-control__validated-icon {
    animation: show-valid-ckeck .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 1.5625em
}

@keyframes show-valid-ckeck {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.andes-message {
    border-radius: 6px;
    display: flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 14px;
    padding: 1.1428571429em;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.andes-message__text,
.andes-message__title {
    color: #fff;
    font-weight: 400
}

.andes-message__primary-button-closeable {
    margin-right: 26px
}

.andes-message__close--bottom {
    top: 1.1428571429em
}

.andes-message__close-button {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 32px 32px 16px 16px
}

.andes-message__secondary-button {
    margin-left: 8px
}

.andes-message__content {
    width: 100%
}

.andes-message__content--untitled {
    align-items: center;
    display: flex
}

.andes-message__badge {
    display: flex;
    margin-right: 1.1428571429em
}

.andes-message__secondary-button--loud {
    color: #fff !important
}

.andes-message__secondary-button--loud:hover {
    background: rgba(0, 0, 0, .1) !important
}

.andes-message__secondary-button--loud:active {
    background: rgba(0, 0, 0, .25) !important
}

.andes-message__close-in-line,
.andes-message__primary-button-inline {
    position: absolute;
    right: 1.1428571429em;
    top: 50%;
    transform: translateY(-50%)
}

.andes-message__text-inline-action {
    max-width: 80%
}

.andes-message__text-inline-action,
.andes-message__text-inline-action div,
.andes-message__text-inline-action div p,
.andes-message__text-inline-action div span,
.andes-message__text-inline-action p,
.andes-message__text-inline-action span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-message__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.andes-message__buttons-container {
    margin-top: 20px
}

.andes-message__icon {
    display: flex;
    height: 1.1428571429em;
    margin: 0 1.1428571429em;
    width: 1.1428571429em
}

.andes-message__thumbnail-container {
    height: 48px;
    margin-right: 16px;
    position: relative;
    width: 48px
}

.andes-message__thumbnail-container .andes-badge {
    bottom: 0;
    margin: 0;
    position: absolute;
    right: -2px
}

.andes-message__close--red {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--red:after,
.andes-message__close--red:before {
    background-color: #fff;
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--red:before {
    transform: rotate(45deg)
}

.andes-message__close--red:after {
    transform: rotate(-45deg)
}

.andes-message__close--red:after,
.andes-message__close--red:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--red {
    background: #f23d4f
}

.andes-message--red .andes-message__badge--red {
    background-color: #d12440
}

.andes-message__primary-button--red {
    background-color: #d12440 !important
}

.andes-message__primary-button--red:hover {
    background: #b31f37 !important
}

.andes-message__primary-button--red:active {
    background: #90192c !important
}

.andes-message__close--orange {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--orange:after,
.andes-message__close--orange:before {
    background-color: #fff;
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--orange:before {
    transform: rotate(45deg)
}

.andes-message__close--orange:after {
    transform: rotate(-45deg)
}

.andes-message__close--orange:after,
.andes-message__close--orange:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--orange {
    background: #f73
}

.andes-message--orange .andes-message__badge--orange {
    background-color: #e6540b
}

.andes-message__primary-button--orange {
    background-color: #e6540b !important
}

.andes-message__primary-button--orange:hover {
    background: #c44809 !important
}

.andes-message__primary-button--orange:active {
    background: #9d3908 !important
}

.andes-message__close--green {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--green:after,
.andes-message__close--green:before {
    background-color: #fff;
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--green:before {
    transform: rotate(45deg)
}

.andes-message__close--green:after {
    transform: rotate(-45deg)
}

.andes-message__close--green:after,
.andes-message__close--green:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--green {
    background: #00a650
}

.andes-message--green .andes-message__badge--green {
    background-color: #008744
}

.andes-message__primary-button--green {
    background-color: #008744 !important
}

.andes-message__primary-button--green:hover {
    background: #006332 !important
}

.andes-message__primary-button--green:active {
    background: #003b1d !important
}

.andes-message__close--accent {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--accent:after,
.andes-message__close--accent:before {
    background-color: #fff;
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--accent:before {
    transform: rotate(45deg)
}

.andes-message__close--accent:after {
    transform: rotate(-45deg)
}

.andes-message__close--accent:after,
.andes-message__close--accent:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--accent {
    background: var(--andes-color-blue-500, #3483fa)
}

.andes-message--accent .andes-message__badge--accent {
    background-color: var(--andes-color-blue-600, #2968c8)
}

.andes-message__primary-button--accent {
    background-color: var(--andes-color-blue-600, #2968c8) !important
}

.andes-message__primary-button--accent:hover {
    background: var(--andes-color-blue-700, #1f4e96) !important
}

.andes-message__primary-button--accent:active {
    background: var(--andes-color-blue-800, #183c73) !important
}

.andes-message__close--quiet {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--quiet:after,
.andes-message__close--quiet:before {
    background-color: rgba(0, 0, 0, .55);
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--quiet:before {
    transform: rotate(45deg)
}

.andes-message__close--quiet:after {
    transform: rotate(-45deg)
}

.andes-message__close--quiet:after,
.andes-message__close--quiet:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--accent.andes-message--quiet .andes-message__icon-outer {
    stroke: var(--andes-color-blue-500, #3483fa);
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-message__border-color--accent {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-radius: 6px 0 0 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-message--green.andes-message--quiet .andes-message__icon-outer {
    stroke: #00a650;
    fill: #00a650
}

.andes-message__border-color--green {
    background-color: #00a650;
    border-radius: 6px 0 0 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-message--orange.andes-message--quiet .andes-message__icon-outer {
    stroke: #f73;
    fill: #f73
}

.andes-message__border-color--orange {
    background-color: #f73;
    border-radius: 6px 0 0 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-message--red.andes-message--quiet .andes-message__icon-outer {
    stroke: #f23d4f;
    fill: #f23d4f
}

.andes-message__border-color--red {
    background-color: #f23d4f;
    border-radius: 6px 0 0 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-message--quiet {
    background: rgba(0, 0, 0, .04)
}

.andes-message--quiet .andes-message__text,
.andes-message--quiet .andes-message__title {
    color: #000
}

.andes-modal {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    outline: none;
    position: relative;
    transform: translateZ(0)
}

@media(prefers-reduced-motion:no-preference) {
    .andes-modal {
        animation: modal-translate-in .2s ease-in-out, modal-fade-in .2s ease-in-out
    }
}

.andes-modal__focus-retainer:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-modal__focus-retainer:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

@media(prefers-reduced-motion:no-preference) {
    .andes-modal--closing {
        animation: modal-translate-out .2s ease-in-out, modal-fade-out .2s ease-in-out
    }
}

.andes-modal>* {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .9)
}

.andes-modal__overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1020
}

@media(prefers-reduced-motion:no-preference) {
    .andes-modal__overlay {
        animation: modal-fade-in .2s ease-in-out
    }

    .andes-modal__overlay--closing {
        animation: modal-fade-out .2s ease-in-out
    }
}

.andes-modal__overlay--large,
.andes-modal__overlay--small {
    padding: 3em
}

.andes-modal__overlay--full-webview-ios {
    padding-bottom: 60px;
    padding-top: 65px
}

.andes-modal.andes-modal--card,
.andes-modal.andes-modal--large,
.andes-modal.andes-modal--small {
    border-radius: 6px
}

.andes-modal.andes-modal--large .andes-modal__header--secondary,
.andes-modal.andes-modal--large .andes-modal__header--sticky,
.andes-modal.andes-modal--small .andes-modal__header--secondary,
.andes-modal.andes-modal--small .andes-modal__header--sticky {
    padding-bottom: 1.375em;
    padding-top: 1.375em
}

.andes-modal.andes-modal--large .andes-modal__header--secondary .andes-modal__title,
.andes-modal.andes-modal--large .andes-modal__header--sticky .andes-modal__title,
.andes-modal.andes-modal--small .andes-modal__header--secondary .andes-modal__title,
.andes-modal.andes-modal--small .andes-modal__header--sticky .andes-modal__title {
    font-size: 20px
}

.andes-modal.andes-modal--large .andes-modal__header__contents *+.andes-modal__title,
.andes-modal.andes-modal--small .andes-modal__header__contents *+.andes-modal__title {
    margin-top: 32px
}

.andes-modal.andes-modal--card .andes-modal__header__contents *+.andes-modal__title,
.andes-modal.andes-modal--full .andes-modal__header__contents *+.andes-modal__title {
    margin-top: 26px
}

.andes-modal__scroll {
    border-radius: 6px;
    overflow-x: hidden;
    overflow-y: auto
}

.andes-modal__title {
    font-weight: 600;
    line-height: 1
}

.andes-modal__actions,
.andes-modal__header {
    background-color: #fff;
    box-shadow: none
}

.andes-modal__actions {
    border-radius: 0 0 6px 6px;
    transition-duration: .08s;
    transition-property: box-shadow, padding, background-color;
    transition-timing-function: ease-in-out
}

.andes-modal__actions--fixed {
    bottom: 0;
    position: sticky
}

.andes-modal__actions--border {
    border-top: 1px solid rgba(0, 0, 0, .07);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1)
}

.andes-modal__actions--border.padding {
    border-top: 0;
    box-shadow: none
}

.andes-modal__actions .andes-button:not(:first-of-type) {
    margin-left: 8px
}

.andes-modal__actions .andes-button+.andes-button--full-width {
    margin-left: 0;
    margin-top: 8px
}

.andes-modal__header {
    border-radius: 6px 6px 0 0;
    display: flex;
    position: relative;
    top: 0;
    transition-duration: .08s;
    transition-property: box-shadow, background-color;
    transition-timing-function: ease-in-out
}

.andes-modal__header__contents {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.andes-modal__header__contents--centered {
    align-items: center;
    text-align: center
}

.andes-modal__header--secondary .andes-modal__header__contents,
.andes-modal__header--sticky .andes-modal__header__contents {
    overflow: hidden
}

.andes-modal__header--secondary .andes-modal__title,
.andes-modal__header--sticky .andes-modal__title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-modal__header--sticky {
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .07), 0 0 24px 0 rgba(0, 0, 0, .1);
    position: sticky;
    z-index: 1021
}

.andes-modal__header--secondary {
    background-color: transparent;
    position: fixed;
    width: 100%;
    z-index: 1021
}

.andes-modal__header--secondary .andes-modal__title {
    display: none
}

.andes-modal__header--show {
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .07), 0 0 24px 0 rgba(0, 0, 0, .1)
}

.andes-modal__header--show-title .andes-modal__title {
    display: block
}

.andes-modal__close-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font-size: inherit;
    height: 1.25em;
    padding: 0;
    width: 1.25em
}

.andes-modal__close-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-modal__close-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-modal__close-button:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes modal-translate-in {
    0% {
        margin-top: 300px
    }

    to {
        margin-top: 0
    }
}

@keyframes modal-translate-out {
    0% {
        margin-top: 0
    }

    to {
        margin-top: 300px
    }
}

*,
:after,
:before {
    box-sizing: border-box
}

body {
    background: #ededed
}

main[role=main] {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.35;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

::selection {
    background: rgba(0, 0, 0, .1)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.25;
    margin: 0
}

p {
    margin: 0
}

a,
a:hover,
a:link,
a:visited {
    text-decoration: none
}

a {
    color: var(--andes-color-blue-500, #3483fa);
    transition: color .2s ease-in-out
}

a:focus,
a:hover {
    color: var(--andes-color-blue-600, #2968c8)
}

a:hover {
    cursor: pointer
}

a:active {
    color: var(--andes-color-blue-700, #1f4e96)
}

ol,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

button,
textarea {
    font-family: inherit
}

.andes-progress-indicator-circular__container {
    display: flex;
    height: max-content;
    position: relative;
    width: max-content
}

.andes-progress-indicator-circular__progress {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.andes-progress-indicator-circular--blue .andes-progress-indicator-circular__progress {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.andes-progress-indicator-circular--white .andes-progress-indicator-circular__progress {
    stroke: #fff
}

.andes-progress-indicator-circular__content {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    font-weight: 400
}

.andes-progress-indicator-circular__label {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__svg {
    animation: andes-pi-circular-rotate 2s linear infinite;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1022
}

.andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle {
    stroke-linecap: round;
    animation: andes-pi-circular-dash-reduce-motion 5s ease-in-out infinite
}

@media(prefers-reduced-motion:no-preference) {
    .andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle {
        animation: andes-pi-circular-dash 1.5s ease-in-out infinite
    }
}

@keyframes andes-pi-circular-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes andes-pi-circular-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes andes-pi-circular-dash-reduce-motion {
    0% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 0
    }

    10% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 1
    }

    60% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 1
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 0
    }
}

.andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__svg {
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(-90deg);
    z-index: 1022
}

.andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle {
    fill: none;
    stroke-linecap: round
}

@media(prefers-reduced-motion:no-preference) {
    .andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle {
        transition: stroke-dashoffset .15s ease-out
    }
}

.andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle-bg {
    fill: none;
    stroke: #e5e5e5
}

.andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle--continuous {
    transition-timing-function: linear
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__progress {
    height: 24px;
    width: 24px;
    stroke-width: 2.5px
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-top: 13px
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__progress {
    height: 16px;
    width: 16px;
    stroke-width: 2px
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__container {
    align-items: center
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-left: 12px
}

.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__progress {
    height: 32px;
    width: 32px;
    stroke-width: 3px
}

.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-top: 13px
}

.andes-progress-indicator-circular--large .andes-progress-indicator-circular__progress {
    height: 48px;
    width: 48px;
    stroke-width: 4px
}

.andes-progress-indicator-circular--large .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--large .andes-progress-indicator-circular__label {
    font-size: 16px;
    margin-top: 13px
}

.andes-progress-indicator-circular--xlarge .andes-progress-indicator-circular__progress {
    height: 64px;
    width: 64px;
    stroke-width: 4px
}

.andes-progress-indicator-circular--xlarge .andes-progress-indicator-circular__progress .andes-progress-indicator-circular__content {
    font-size: 14px
}

.andes-progress-indicator-circular--xlarge .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--xlarge .andes-progress-indicator-circular__label {
    font-size: 18px;
    margin-top: 13px
}

.andes-progress-indicator-circular--inline {
    height: 100%;
    position: relative
}

.andes-progress-indicator-circular--inline .andes-progress-indicator-circular__container {
    position: absolute
}

.andes-progress-indicator-circular--block {
    position: absolute;
    z-index: 1021
}

.andes-progress-indicator-circular--block,
.andes-progress-indicator-circular--fullscreen {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.andes-progress-indicator-circular--fullscreen {
    background-color: hsla(0, 0%, 100%, .9);
    position: fixed;
    z-index: 1023
}

.andes-progress-indicator-linear {
    background: rgba(0, 0, 0, .1);
    border-radius: 8px;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.andes-progress-indicator-linear .fill {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-radius: 8px;
    height: 100%;
    position: absolute
}

.andes-progress-indicator-linear .fill--inverted {
    right: 0
}

.andes-progress-indicator-linear--comparison {
    position: relative
}

.andes-progress-indicator-linear--large {
    height: 8px
}

.andes-progress-indicator-linear--small {
    height: 4px
}

.andes-progress-indicator-linear--large .andes-tooltip__trigger {
    left: -12px;
    position: absolute;
    z-index: 2
}

.andes-progress-indicator-linear--comparison--large-container {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 42px;
    top: -15px;
    width: 26px
}

.andes-progress-indicator-linear--comparison--large-container:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-progress-indicator-linear--comparison--large-container:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-progress-indicator-linear--comparison--large-container:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-progress-indicator-linear--comparison--large-tooltip {
    left: -1px;
    top: -2px
}

.andes-progress-indicator-linear--comparison--large-lower-row {
    border-bottom: 5px solid rgba(0, 0, 0, .55);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    left: calc(50% - 3px);
    position: absolute;
    top: 25px
}

.andes-progress-indicator-linear--comparison--large-notooltip-container {
    left: -50%;
    position: relative;
    top: -15px
}

.andes-progress-indicator-linear--comparison--large-upper-row {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, .55);
    left: calc(50% - 3px);
    position: absolute;
    top: 8px
}

.andes-progress-indicator-linear--comparison--large-value {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;
    left: -49%;
    position: relative;
    top: 11px
}

.andes-progress-indicator-linear--small .andes-tooltip__trigger {
    left: -12px;
    position: absolute;
    top: -15px;
    z-index: 2
}

.andes-progress-indicator-linear--comparison--small-container {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 34px;
    width: 25px
}

.andes-progress-indicator-linear--comparison--small-container:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-progress-indicator-linear--comparison--small-container:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-progress-indicator-linear--comparison--small-container:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-progress-indicator-linear--comparison--small-tooltip {
    left: -1px;
    top: 15px
}

.andes-progress-indicator-linear--comparison--small-lower-row {
    border-bottom: 4px solid rgba(0, 0, 0, .55);
    border-left: 2.5px solid transparent;
    border-right: 2.5px solid transparent;
    left: calc(50% - 2.5px);
    position: absolute;
    top: 20px
}

.andes-progress-indicator-linear--comparison--small-notooltip-container {
    left: -50%;
    position: relative;
    top: -15px
}

.andes-progress-indicator-linear--comparison--small-upper-row {
    border-left: 2.5px solid transparent;
    border-right: 2.5px solid transparent;
    border-top: 4px solid rgba(0, 0, 0, .55);
    left: calc(50% - 2.5px);
    position: absolute;
    top: 10px
}

.andes-progress-indicator-linear--comparison--small-value {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;
    left: -49%;
    position: relative;
    top: 5px;
    z-index: 1
}

.andes-progress-indicator-linear .fill.fill--highlighted:before {
    background-color: inherit;
    border-radius: 100%;
    bottom: -2px;
    content: "";
    display: block;
    position: absolute
}

.andes-progress-indicator-linear .fill.fill--empty:not(.fill--inverted):before {
    left: -2px
}

.andes-progress-indicator-linear .fill.fill--empty.fill--inverted:before {
    right: -2px
}

.andes-progress-indicator-linear--small .fill--highlighted:before {
    height: 8px;
    width: 8px
}

.andes-progress-indicator-linear--small .fill--highlighted:not(.fill--inverted):before {
    left: calc(100% - 6px)
}

.andes-progress-indicator-linear--small .fill--highlighted.fill--inverted:before {
    right: calc(100% - 6px)
}

.andes-progress-indicator-linear--large .fill--highlighted:before {
    height: 12px;
    width: 12px
}

.andes-progress-indicator-linear--large .fill--highlighted:not(.fill--inverted):before {
    left: calc(100% - 10px)
}

.andes-progress-indicator-linear--large .fill--highlighted.fill--inverted:before {
    right: calc(100% - 10px)
}

@keyframes andes-snackbar-show {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1
    }
}

@keyframes andes-snackbar-hide {
    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.andes-snackbar {
    align-items: center;
    animation-duration: .5s;
    background-color: #1a1a1a;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-flow: row;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-weight: 400;
    justify-content: space-between;
    position: fixed;
    z-index: 1021
}

.andes-snackbar__action {
    border-width: 0;
    color: #fff !important;
    font-size: inherit;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap
}

.andes-snackbar__message {
    color: #fff;
    margin: 0
}

.andes-snackbar--bottom {
    align-items: flex-start;
    flex-flow: column wrap
}

.andes-snackbar--bottom .andes-snackbar__action {
    padding-top: 0
}

@media(prefers-reduced-motion:no-preference) {
    .andes-snackbar--animate-show {
        animation-name: andes-snackbar-show
    }

    .andes-snackbar--animate-hide {
        animation-fill-mode: forwards;
        animation-name: andes-snackbar-hide
    }
}

.andes-snackbar {
    border-radius: .4285714286em;
    bottom: 1.1428571429em;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    flex-wrap: wrap;
    line-height: 1.1428571429em;
    margin: 0 .5714285714em
}

.andes-snackbar__action.andes-button {
    border-radius: .4285714286em
}

.andes-snackbar__action.andes-button,
.andes-snackbar__message {
    font-size: 14px;
    padding: 1.1428571429em
}

.andes-snackbar__children {
    padding-bottom: 1.1428571429em;
    padding-left: 1.1428571429em
}

.andes-snackbar--bottom.andes-snackbar--with-action .andes-snackbar__message {
    line-height: 1.5714285714em;
    padding-bottom: 0
}

.andes-snackbar--green {
    background-color: #00a650
}

.andes-snackbar--red {
    background-color: #f23d4f
}

.andes-spinner {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px
}

.andes-spinner__label {
    display: block;
    line-height: 1
}

.andes-spinner__icon {
    animation: rotate-all 1s linear infinite;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0
}

.andes-spinner__icon-left,
.andes-spinner__icon-right {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%
}

.andes-spinner__icon-left {
    left: 0
}

.andes-spinner__icon-right {
    right: 0
}

.andes-spinner__icon-right .andes-spinner__icon-border:after {
    left: -2px !important
}

.andes-spinner__icon-left .andes-spinner__icon-border:after,
.andes-spinner__icon-right .andes-spinner__icon-border:after {
    background: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    border-radius: 50%;
    bottom: -2px !important;
    content: "";
    display: block;
    height: 2.5px;
    position: absolute;
    width: 2.5px;
    z-index: 9999
}

.andes-spinner__icon-left .andes-spinner__icon-border:after {
    right: -2px !important
}

.andes-spinner__icon-right .andes-spinner__icon-border {
    animation: rotate-right .75s linear infinite alternate;
    border-left: 0;
    border-radius: 0 200px 200px 0;
    transform: rotate(-10deg);
    transform-origin: left center
}

.andes-spinner__icon-right .andes-spinner__icon-border:after {
    bottom: -10px;
    left: -5px
}

.andes-spinner__icon-left .andes-spinner__icon-border {
    animation: rotate-left .75s linear infinite alternate;
    border-right: 0;
    transform: rotate(10deg);
    transform-origin: right center
}

.andes-spinner__icon-left .andes-spinner__icon-border:after {
    bottom: -10px;
    right: -5px
}

.andes-spinner__icon-border {
    border: 2px solid var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    border-radius: 200px 0 0 200px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    width: 100%
}

.andes-spinner--highlight .andes-spinner__label {
    color: #fff
}

.andes-spinner--highlight .andes-spinner__icon-left .andes-spinner__icon-border:after,
.andes-spinner--highlight .andes-spinner__icon-right .andes-spinner__icon-border:after {
    background: #fff
}

.andes-spinner--highlight .andes-spinner__icon-border {
    border-color: #fff
}

@keyframes rotate-left {
    to {
        transform: rotate(30deg)
    }

    0% {
        transform: rotate(175deg)
    }
}

@keyframes rotate-right {
    0% {
        transform: rotate(-175deg)
    }

    to {
        transform: rotate(-30deg)
    }
}

@keyframes rotate-all {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.andes-spinner__mask {
    background-color: hsla(0, 0%, 100%, .9);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-spinner__mask--highlight {
    background-color: rgba(var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa)), .1)
}

.andes-spinner--fullscreen {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1022
}

.andes-spinner--fullscreen .andes-spinner__container {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1023
}

.andes-spinner--inline {
    height: 100%;
    position: relative
}

.andes-spinner--inline .andes-spinner__container {
    position: absolute
}

.andes-spinner--inline .andes-spinner__icon {
    margin: 0
}

.andes-spinner--inline .andes-spinner__mask {
    display: none
}

.andes-spinner__container--large-notlabel {
    height: 64px;
    width: 64px
}

.andes-spinner__container--large .andes-spinner__label {
    font-size: 18px;
    line-height: 1.35;
    margin-top: 88px
}

.andes-spinner__icon--large {
    height: 64px;
    width: 64px
}

.andes-spinner__container--medium-notlabel {
    height: 48px;
    width: 48px
}

.andes-spinner__container--medium .andes-spinner__label {
    margin-top: 66px
}

.andes-spinner__icon--medium {
    height: 48px;
    width: 48px
}

.andes-spinner__container--small-notlabel {
    height: 32px;
    width: 32px
}

.andes-spinner__container--small .andes-spinner__label {
    font-size: 14px;
    margin-top: 48px
}

.andes-spinner__icon--small {
    height: 32px;
    width: 32px
}

.andes-table {
    border-spacing: 0;
    color: rgba(0, 0, 0, .9);
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased
}

.andes-table__header {
    background-color: #e5e5e5;
    font-weight: 600
}

.andes-table__head.andes-table__head--sticky {
    position: sticky;
    top: -2px;
    z-index: 10
}

.andes-table__column {
    white-space: nowrap
}

.andes-table__column:not(:last-child) {
    box-shadow: inset -1px 0 0 0 #ededed
}

.andes-table__row {
    background-color: #fff;
    box-shadow: inset 0 -1px 0 0 #ededed, inset -1px 0 0 0 #ededed, inset 1px 0 0 0 #ededed
}

.andes-table__body,
.andes-table__column,
.andes-table__header,
.andes-table__row {
    display: block
}

.andes-table__link {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-table__editable {
    padding: 0;
    position: relative;
    width: 100%
}

.andes-table__editable--input-container {
    align-items: stretch;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.andes-table__editable--input {
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-family: inherit;
    outline: none;
    padding: 24px 24px 22px;
    text-overflow: ellipsis;
    width: 100%
}

.andes-table__editable--input-icon {
    align-items: center;
    bottom: 0;
    display: flex;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.andes-table__editable--input-icon>svg {
    display: none;
    margin: auto 24px auto 8px
}

.andes-table__editable--dashed-border,
.andes-table__editable--focus-border,
.andes-table__editable--mouseover-border {
    display: none;
    height: calc(100% + 1px);
    left: -1px;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: calc(100% + 1px)
}

.andes-table__editable--dashed-border {
    stroke: #e5e5e5
}

.andes-table__editable--mouseover-border {
    stroke: rgba(0, 0, 0, .55)
}

.andes-table__editable--focus-border {
    stroke: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-table__editable-disabled,
.andes-table__editable-enabled:hover,
.andes-table__editable-focused {
    box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #fff, inset -1px 0 0 0 #fff, inset 1px 0 0 0 #fff, 0 -1px 0 0 #fff, -1px 0 0 0 #fff !important
}

.andes-table__editable-focused {
    z-index: 16
}

.andes-table__editable-focused .andes-table__editable--focus-border {
    display: block
}

.andes-table__editable-focused .andes-table__editable--input-icon>svg {
    display: none
}

.andes-table__editable-disabled .andes-table__editable--input {
    color: rgba(0, 0, 0, .55);
    cursor: not-allowed
}

.andes-table__editable-disabled .andes-table__editable--dashed-border {
    display: block
}

.andes-table__expandable--container {
    align-items: center;
    display: flex
}

.andes-table__expandable .andes-table__expandable--trigger {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-right: 12px;
    padding: 0
}

.andes-table__expandable .andes-table__expandable--trigger:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-table__expandable .andes-table__expandable--trigger:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-table__expandable .andes-table__expandable--trigger:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

@media(prefers-reduced-motion:no-preference) {
    .andes-table__expandable .andes-table__expandable--trigger svg {
        transition: transform .2s
    }
}

.andes-table__expandable .andes-table__expandable--trigger svg>path {
    fill: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa)) !important
}

.andes-table__expandable .andes-table__expandable--trigger:hover svg>path {
    fill: var(--andes-color-blue-600, #2968c8)
}

.andes-table__expandable .andes-table__expandable--trigger:focus svg>path {
    fill: var(--andes-color-blue-700, #1f4e96)
}

.andes-table__expandable-open .andes-table__expandable--trigger svg {
    transform: rotate(180deg)
}

.andes-table__expandable-close .andes-table__expandable--trigger svg {
    transform: rotate(0deg)
}

.andes-table__head {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.andes-table__column {
    display: flex;
    white-space: normal
}

.andes-table__column,
.andes-table__column:not(:last-child) {
    box-shadow: inset 1px 1px 1px 0 #ededed
}

.andes-table__column:before {
    background-color: #e5e5e5;
    content: attr(data-title);
    flex-basis: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    float: left;
    font-weight: 600;
    margin: 0;
    padding: 24px 16px 22px;
    width: 150px
}

.andes-table__row {
    border-bottom: 16px solid #e6e6e6
}

.andes-table__row:last-of-type {
    border: 0
}

.andes-table__column--value {
    display: block;
    margin: 24px 16px 22px;
    width: 100%
}

.andes-table__editable--focus-border {
    stroke: transparent
}

.andes-table__editable-disabled,
.andes-table__editable-enabled:hover,
.andes-table__editable-focused {
    box-shadow: inset 0 1px rgba(0, 0, 0, .07) !important
}

.andes-table__editable-focused .andes-table__editable--input {
    outline: 2px solid var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-table__editable-enabled:hover .andes-table__editable--mouseover-border {
    display: none
}

.andes-table__editable-enabled:hover .andes-table__editable--input {
    padding-right: 24px
}

.andes-table__editable-enabled:hover .andes-table__editable--input-icon>svg {
    display: none
}

.andes-table__expandable--row,
.andes-table__expandable--row:focus,
.andes-table__expandable--row:hover {
    background-color: #fff
}

.andes-table__expandable--row>.andes-table__column {
    padding: 0 24px
}

.andes-table__expandable--row>.andes-table__column:before {
    content: none
}

.andes-tabs {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    font-size: 0;
    height: 100%;
    padding: 0;
    position: relative
}

.andes-tabs--centered {
    align-items: center;
    justify-content: center
}

.andes-tabs--fullWidth {
    display: flex;
    justify-content: space-between
}

.andes-tabs__container {
    position: relative
}

.andes-tabs__container--centered {
    text-align: center
}

.andes-tabs__wrapper {
    height: 100%;
    margin: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    scroll-behavior: auto;
    scrollbar-width: none;
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    .andes-tabs__wrapper {
        scroll-behavior: smooth
    }
}

.andes-tabs__wrapper--scrollable {
    scroll-snap-type: x mandatory;
    width: calc(100% - 80px)
}

.andes-tabs__wrapper--scrollable .andes-tab {
    scroll-snap-align: start
}

.andes-tabs__wrapper::-webkit-scrollbar {
    display: none;
    height: 0
}

.andes-tabs__border {
    bottom: 0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1);
    height: 1px;
    pointer-events: none;
    width: 100%
}

.andes-tabs__scroll-tool {
    display: flex;
    height: 48px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.andes-tabs__scroll-tool--controls {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 0 16px;
    pointer-events: all;
    width: 80px
}

.andes-tabs__scroll-tool--controls .control-arrow {
    cursor: pointer;
    display: block
}

.andes-tabs__scroll-tool--controls .control-arrow--disabled {
    cursor: default
}

.andes-tabs__scroll-tool--fade {
    height: 100%;
    width: 80px
}

.andes-tab {
    background-color: transparent;
    border: 0;
    border-radius: 6px 6px 0 0;
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-weight: 600;
    padding: 0;
    width: max-content
}

.andes-tab,
.andes-tab__link {
    line-height: 1;
    position: relative;
    text-decoration: none
}

.andes-tab__link {
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-size: 16px;
    height: 100%;
    margin: 0 1.5em;
    padding: 1em 0;
    text-align: center;
    width: 100%
}

.andes-tab__link:focus {
    outline: none
}

.andes-tab__link:after {
    content: "";
    height: 0;
    transition: height .15s ease-in-out
}

.andes-tab--leftAligned {
    padding: 0 1.5em
}

.andes-tab--leftAligned:first-child {
    padding-left: 0
}

.andes-tab--leftAligned .andes-tab__link {
    margin: 0
}

.andes-tab--fullWidth {
    flex-grow: 1
}

.andes-tab--fullWidth .andes-tab__link {
    margin: 0;
    padding: 1em 1.5em
}

.andes-tab:visited {
    color: rgba(0, 0, 0, .9)
}

.andes-tab:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-tab:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-tab:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-tab:hover:not(.andes-tab--disabled) {
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-tab:hover:not(.andes-tab--disabled).andes-tab--selected {
    color: var(--andes-color-blue-600, #2968c8)
}

.andes-tab:hover:not(.andes-tab--disabled).andes-tab--stretched:after,
.andes-tab:hover:not(.andes-tab--disabled):not(.andes-tab--stretched) .andes-tab__link:after {
    background-color: var(--andes-color-blue-600, #2968c8)
}

.andes-tab.andes-tab--selected:active:not(.andes-tab--disabled),
.andes-tab:active:not(.andes-tab--disabled) {
    background-color: var(--andes-color-blue-100, rgba(65, 137, 230, .1));
    color: var(--andes-color-blue-700, #1f4e96)
}

.andes-tab.andes-tab--selected:active:not(.andes-tab--disabled).andes-tab--stretched:after,
.andes-tab.andes-tab--selected:active:not(.andes-tab--disabled):not(.andes-tab--stretched) .andes-tab__link:after,
.andes-tab:active:not(.andes-tab--disabled).andes-tab--stretched:after,
.andes-tab:active:not(.andes-tab--disabled):not(.andes-tab--stretched) .andes-tab__link:after {
    background-color: var(--andes-color-blue-700, #1f4e96)
}

.andes-tab--disabled {
    background-color: unset;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-tab--selected {
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-tab--selected .andes-tab__link:after {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.andes-tab--selected.andes-tab--stretched.andes-tab--first .andes-tab__link:after {
    border-top-left-radius: 0
}

.andes-tab--selected.andes-tab--stretched.andes-tab--last .andes-tab__link:after {
    border-top-right-radius: 0
}

.andes-tabs__swipeable-content {
    overflow-x: hidden
}

.andes-tabs__swipeable-content-scroll {
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    padding: 1em 1.5em;
    transition-property: transform;
    width: 100%;
    will-change: transform
}

.andes-tabs__swipeable-content-scroll--translated {
    transform: translateX(calc(-100% + 1.5em))
}

.andes-tabs__swipeable-content-scroll .andes-tab-content {
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 0;
    width: 100%
}

.andes-tabs__swipeable-content-scroll .andes-tab-content:not(:last-child) {
    margin-right: 1.5em
}

.andes-tab-content {
    padding: 1em 1.5em
}

.andes-tab-content:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-tab-content:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-tab-content:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-tabs__wrapper,
.andes-tabs__wrapper--scrollable {
    width: 100%
}

.andes-tabs__scroll-tool--controls {
    display: none
}

.andes-tab__link {
    font-size: 14px;
    margin: 0 1.1428571429em;
    padding: 1.2142857143em 0
}

.andes-tab--stretched .andes-tab__link {
    margin: 0;
    padding: 1.2142857143em 1.1428571429em
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    max-width: none;
    width: 25%
}

.andes-width--50 {
    max-width: none;
    width: 50%
}

.andes-width--75 {
    max-width: none;
    width: 75%
}

.andes-width--100 {
    max-width: none;
    width: 100%
}

.andes-width--150 {
    max-width: none;
    width: 150%
}

.andes-width--200 {
    max-width: none;
    width: 200%
}

.andes-form-control--textfield .andes-form-control__label {
    color: rgba(0, 0, 0, .9);
    cursor: text;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.0714285714em;
    margin: 0 0 .4285714286em .4285714286em;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: unset !important;
    transition: .2s ease-out;
    transition-property: color;
    white-space: nowrap
}

.andes-form-control--textfield .andes-form-control__control {
    align-items: center;
    background-color: #fff;
    border-radius: .375em;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    display: flex;
    font-size: 16px;
    min-height: 48px
}

.andes-form-control--textfield .andes-form-control__field {
    border-radius: .375em;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: .8125em .75em
}

.andes-form-control--textfield .andes-form-control__field:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-form-control--textfield .andes-form-control__field:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-form-control--textfield .andes-form-control__field::placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px;
    opacity: 1
}

.andes-form-control--textfield .andes-form-control__field::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px
}

.andes-form-control--textfield .andes-form-control__field::-moz-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px;
    opacity: 1
}

.andes-form-control--textfield .andes-form-control__field:-moz-placeholder {
    opacity: 1
}

.andes-form-control--textfield .andes-form-control__field:-ms-input-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px
}

.andes-form-control--textfield .andes-form-control__field::-ms-input-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px
}

.andes-form-control--textfield .andes-form-control__field:-moz-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px
}

.andes-form-control--textfield .andes-form-control__field--multiline {
    height: unset
}

.andes-form-control--textfield .andes-form-control__message {
    font-size: 13px;
    margin-top: 0
}

.andes-form-control--textfield .andes-form-control__bottom {
    align-items: center;
    display: flex;
    font-size: 13px;
    margin: .6153846154em 0 0 .4615384615em
}

.andes-form-control--focused .andes-form-control__control {
    border-color: transparent;
    box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    outline: none
}

.andes-form-control__control.visible-focused {
    border-color: transparent;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    outline: none
}

.andes-form-control--textfield:hover .andes-form-control__label {
    color: rgba(0, 0, 0, .9) !important
}

.andes-form-control__message-action {
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    margin-left: .3em
}

.andes-form-control__message-action:hover {
    text-decoration: underline
}

.andes-form-control__label,
.andes-form-control__message {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif
}

.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.andes-form-control--numeric.andes-form-control--error .andes-form-control__label,
.andes-form-control--textfield.andes-form-control--error .andes-form-control__label {
    color: #f23d4f !important
}

.andes-form-control--numeric.andes-form-control--error .andes-form-control__control,
.andes-form-control--textfield.andes-form-control--error .andes-form-control__control {
    box-shadow: 0 0 0 1px #f23d4f
}

.andes-form-control--numeric.andes-form-control--error .andes-form-control__error-icon,
.andes-form-control--textfield.andes-form-control--error .andes-form-control__error-icon {
    background-color: #f23d4f;
    border-radius: 50%;
    font-size: 13px;
    height: 12px;
    line-height: 1;
    margin-right: .4615384615em;
    width: 12px
}

.andes-form-control--numeric.andes-form-control--error.andes-form-control--focused .andes-form-control__control,
.andes-form-control--textfield.andes-form-control--error.andes-form-control--focused .andes-form-control__control {
    border-color: transparent;
    box-shadow: 0 0 0 .125em #f23d4f;
    outline: none
}

.andes-form-control--numeric.andes-form-control--error:hover .andes-form-control__label,
.andes-form-control--textfield.andes-form-control--error:hover .andes-form-control__label {
    color: #f23d4f !important
}

.andes-form-control--textfield .andes-form-control__validated-icon {
    margin-right: .75em;
    transform: translateY(-50%)
}

.andes-form-control--textfield .andes-form-control__clear-icon {
    align-items: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    margin-right: .75em;
    padding: 0
}

.andes-form-control--textfield .andes-form-control__clear-icon:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-form-control--textfield .andes-form-control__clear-icon:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-form-control--textfield .andes-form-control__clear-icon:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-form-control--textfield.andes-form-control--disabled .andes-form-control__label {
    color: rgba(0, 0, 0, .25) !important
}

.andes-form-control--textfield.andes-form-control--disabled .andes-form-control__split-button {
    border-right: 1px solid rgba(0, 0, 0, .1);
    cursor: not-allowed
}

.andes-form-control--textfield.andes-form-control--disabled .andes-form-control__split-button .andes-form-control__split-button-content {
    color: rgba(0, 0, 0, .25)
}

.andes-form-control--textfield.andes-form-control--disabled .andes-form-control__control {
    background-color: rgba(0, 0, 0, .02);
    border: 1px dashed rgba(0, 0, 0, .25);
    box-shadow: none
}

.andes-form-control--textfield.andes-form-control--disabled .andes-form-control__field {
    color: rgba(0, 0, 0, .25)
}

.andes-form-control--textfield.andes-form-control--disabled .andes-form-control__field.andes-form-control__split-field {
    cursor: not-allowed
}

.andes-form-control--textfield.andes-form-control--disabled .andes-form-control__field.andes-form-control__split-field .andes-form-control__control {
    background-color: transparent;
    border: 0
}

.andes-form-control--textfield.andes-form-control--readonly .andes-form-control__label {
    color: rgba(0, 0, 0, .25) !important
}

.andes-form-control--textfield.andes-form-control--readonly .andes-form-control__control {
    background-color: transparent;
    box-shadow: none
}

.andes-form-control--textfield.andes-form-control--readonly .andes-form-control__field {
    padding-left: .4285714286em;
    -webkit-text-fill-color: rgba(0, 0, 0, .9);
    opacity: 1
}

.andes-form-control--textfield.andes-form-control--readonly .andes-form-control__field.andes-form-control__split-field {
    cursor: default
}

.andes-form-control--countdown .andes-form-control__countdown {
    color: rgba(0, 0, 0, .55);
    float: right;
    font-size: 13px;
    line-height: 1;
    text-align: right;
    width: -webkit-fill-available
}

.andes-form-control--textfield-progress {
    height: 18px;
    right: 4%;
    width: 18px;
    stroke-width: 6px
}

.andes-form-control--textfield .andes-form-control__field {
    flex-grow: 1;
    width: auto
}

.andes-form-control--textfield .andes-button--transparent {
    margin: 8px 12px 8px 0;
    width: max-content
}

.andes-form-control--textfield .andes-checkbox--embedded {
    display: inline-block;
    margin: 0 18px 3px 6px
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input {
    top: 5px
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:before {
    line-height: 0;
    top: 75%
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus-visible:before {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3))
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus-visible:after {
    opacity: 0
}

.andes-form-control--textfield .andes-tooltip__trigger {
    display: flex;
    margin-right: 16px
}

.andes-form-control--textfield .andes-form-control__embedded {
    align-items: center;
    display: flex;
    z-index: 1
}

.andes-form-control--textfield .andes-form-control__embedded .andes-checkbox__label {
    text-wrap: nowrap
}

.andes-form-control--numeric {
    display: flex;
    flex-direction: column
}

.andes-form-control--numeric .andes-form-control--focused .andes-form-control__control {
    border-color: transparent;
    box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    outline: none
}

.andes-form-control--numeric .andes-form-control--visible-focused .andes-form-control__control {
    border-color: transparent;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    outline: none
}

.andes-form-control--numeric:hover .andes-form-control__message {
    opacity: 1
}

.andes-form-control--numeric .andes-form-control {
    padding-top: 0
}

.andes-form-control--numeric .andes-form-control__label {
    color: rgba(0, 0, 0, .9);
    cursor: text;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.0714285714em;
    margin: 0 0 .4285714286em .4285714286em;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: unset !important;
    transition: .2s ease-out;
    transition-property: color;
    white-space: nowrap
}

.andes-form-control--numeric-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.andes-form-control--numeric .andes-form-control--textfield {
    width: 40px
}

.andes-form-control--numeric .andes-form-control__field {
    -moz-appearance: textfield;
    text-align: center;
    width: 100%
}

.andes-form-control--numeric .andes-form-control__field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.andes-form-control--numeric .andes-form-control__textfield-space {
    margin-right: 8px
}

.andes-form-control--numeric .andes-form-control__textfield-space--big {
    margin-right: 16px
}

.andes-form-control--numeric .andes-form-control__textfield-space:last-child {
    margin-right: 0
}

.andes-form-control--numeric .andes-form-control__message {
    font-size: 13px;
    margin-top: 0
}

.andes-form-control--numeric .andes-form-control__bottom {
    align-items: center;
    display: flex;
    font-size: 13px;
    margin: .6153846154em 0 0 .4615384615em
}

.andes-form-control--textfield:last-child {
    margin-right: 0
}

.andes-form-control--centered .andes-form-control--numeric-wrapper {
    margin: 0 auto
}

.andes-form-control__prefix,
.andes-form-control__suffix {
    align-items: center;
    color: rgba(0, 0, 0, .55);
    display: flex;
    font-size: 16px;
    opacity: 1;
    transition: opacity .2s ease-out;
    white-space: nowrap
}

.andes-form-control__suffix {
    margin-left: -.25em;
    margin-right: .75em;
    text-align: right
}

.andes-form-control__prefix {
    margin-left: .75em;
    margin-right: -.25em;
    text-align: left
}

.andes-form-control--centered .andes-form-control__label {
    margin-left: 0;
    text-align: center;
    transform-origin: inherit
}

.andes-form-control--centered .andes-form-control__field,
.andes-form-control--centered .andes-form-control__message {
    text-align: center
}

.andes-form-control--centered .andes-form-control__bottom {
    margin-left: 0
}

.andes-form-control--centered .andes-form-control__field::placeholder {
    text-align: center
}

.andes-form-control--sectioned .andes-form-control__control {
    display: flex
}

.andes-form-control--password.andes-form-control--focused .andes-form-control__control {
    border-color: transparent;
    box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    outline: none
}

.andes-form-control--password.andes-form-control--focused .andes-form-control__control.visible-focused {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-form-control--password .andes-form-control__message {
    opacity: 1
}

.andes-form-control__password-embedded {
    align-items: center;
    display: flex;
    padding-right: .75em;
    position: relative
}

.andes-form-control__password-checkbox {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 23px;
    margin-right: .75em;
    position: absolute;
    right: 0;
    width: 23px
}

.andes-form-control__password-checkbox:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-form-control__password-checkbox:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-form-control__password-checkbox:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-form-control__password-value {
    color: rgba(0, 0, 0, .9)
}

.andes-form-control__password-value.hide {
    display: none
}

.andes-form-control__password-icon {
    align-items: center;
    display: flex
}

.andes-form-control__field.andes-form-control__split-field {
    cursor: text;
    height: 48px;
    padding: 0 .75em
}

.andes-form-control__field.andes-form-control__split-field.andes-form-control__split-field--readonly.andes-form-control__split-field--left {
    padding-left: 0
}

.andes-form-control__field.andes-form-control__split-field .andes-form-control__control {
    border-radius: 0;
    box-shadow: none
}

.andes-form-control__field.andes-form-control__split-field .andes-form-control__control input {
    padding: 0
}

.andes-form-control__field.andes-form-control__split-field.andes-form-control--focused>.andes-form-control__control {
    box-shadow: none
}

.andes-form-control--split .andes-form-control__control--visible-focused {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-form-control--split .andes-form-control__control--visible-focused .andes-form-control__control {
    background-color: transparent
}

.andes-form-control__split-button {
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, .25);
    cursor: pointer;
    display: flex;
    height: 36px;
    padding: 0 0 0 6px
}

.andes-form-control__split-button--right {
    border-left: 1px solid rgba(0, 0, 0, .25);
    border-right: 0;
    padding: 0 4px 0 2px
}

.andes-form-control__split-button--readonly {
    border: 0;
    cursor: default;
    margin-left: 3px;
    padding-right: 0;
    pointer-events: none
}

.andes-form-control__split-button--readonly .andes-dropdown__standalone-arrow {
    display: none
}

.andes-form-control__split-button.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__trigger {
    background-color: transparent;
    border: 0;
    font-size: 16px;
    padding: 4px 9px 5px 2px
}

.andes-form-control__split-button.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__trigger .andes-dropdown__display-values {
    margin-left: 1px;
    margin-right: 4px
}

.andes-form-control__split-button.andes-dropdown.andes-dropdown--standalone .andes-dropdown__standalone-arrow {
    height: 16px;
    padding-bottom: 1px;
    transform: scale(1.5);
    width: 16px
}

.andes-form-control__split-button.andes-dropdown.andes-dropdown--standalone.andes-dropdown--open .andes-dropdown__standalone-arrow {
    transform: scale(1.5) rotate(180deg)
}

.andes-form-control--disabled.andes-form-control__split-button .andes-floating-menu .andes-dropdown__trigger {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.andes-form-control--disabled.andes-form-control__split-button .andes-floating-menu .andes-dropdown__trigger .andes-dropdown__standalone-arrow path {
    fill: rgba(0, 0, 0, .25)
}

.andes-form-control--disabled.andes-form-control__split-button.andes-form-control__split-button--readonly .andes-floating-menu .andes-dropdown__trigger {
    color: rgba(0, 0, 0, .9);
    cursor: not-allowed;
    padding-right: 0
}

.andes-form-control__split-button-content {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    margin-right: 4px;
    outline: 0;
    white-space: nowrap
}

.andes-form-control__split-button-content--icon {
    margin-right: 6px
}

.andes-form-control__split-button-content--icon-disabled {
    opacity: .4
}

.andes-form-control--numeric.andes-form-control--warning .andes-form-control__error-icon,
.andes-form-control--textfield.andes-form-control--warning .andes-form-control__error-icon {
    background-color: #f73;
    border-radius: 50%;
    font-size: 13px;
    height: 12px;
    line-height: 1;
    margin-right: .4615384615em;
    width: 12px
}

.andes-tooltip {
    background-color: #fff;
    border-radius: .375em;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    color: rgba(0, 0, 0, .9);
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    opacity: 1;
    padding: 1em;
    pointer-events: auto !important;
    text-align: left;
    width: 21.25em;
    z-index: 1022
}

.andes-tooltip__focus-retainer:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-tooltip__focus-retainer:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-tooltip.andes-card--flat {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1)
}

.andes-tooltip .andes-card__content {
    padding: 0
}

.andes-tooltip .andes-tooltip-data {
    outline: none
}

.andes-tooltip .andes-tooltip-data:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-tooltip .andes-tooltip-data:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-tooltip .andes-tooltip-data__arrow,
.andes-tooltip .andes-tooltip-data__arrow:before {
    background-color: #fff;
    height: 8px;
    position: absolute;
    width: 8px
}

.andes-tooltip .andes-tooltip-data__arrow {
    visibility: hidden
}

.andes-tooltip .andes-tooltip-data__arrow--top,
.andes-tooltip .andes-tooltip-data__arrow--top-end,
.andes-tooltip .andes-tooltip-data__arrow--top-start {
    bottom: -3px
}

.andes-tooltip .andes-tooltip-data__arrow--bottom,
.andes-tooltip .andes-tooltip-data__arrow--bottom-end,
.andes-tooltip .andes-tooltip-data__arrow--bottom-start {
    top: -4px
}

.andes-tooltip .andes-tooltip-data__arrow--left,
.andes-tooltip .andes-tooltip-data__arrow--left-end,
.andes-tooltip .andes-tooltip-data__arrow--left-start {
    right: -3px
}

.andes-tooltip .andes-tooltip-data__arrow--right,
.andes-tooltip .andes-tooltip-data__arrow--right-end,
.andes-tooltip .andes-tooltip-data__arrow--right-start {
    left: -4px
}

.andes-tooltip .andes-tooltip-data__arrow:before {
    border: 1px solid #fff;
    content: "";
    transform: rotate(45deg);
    visibility: visible
}

.andes-tooltip-hidden {
    display: none
}

.andes-tooltip--dark {
    color: #fff
}

.andes-tooltip--dark.andes-card {
    background-color: #393939
}

.andes-tooltip--dark .andes-tooltip-data__arrow:before {
    background-color: #393939;
    border: 1px solid #393939
}

.andes-tooltip--dark .andes-tooltip-button-close:after,
.andes-tooltip--dark .andes-tooltip-button-close:before {
    background-color: #fff
}

.andes-tooltip--dark .andes-button--transparent .andes-button__content,
.andes-tooltip--highlight {
    color: #fff
}

.andes-tooltip--highlight .andes-tooltip-data__arrow:before,
.andes-tooltip--highlight.andes-card {
    background-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-tooltip--highlight .andes-tooltip-data__arrow:before {
    border: 1px solid var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-tooltip--highlight .andes-tooltip-button-close:after,
.andes-tooltip--highlight .andes-tooltip-button-close:before {
    background-color: #fff;
    opacity: .6
}

.andes-tooltip--highlight .andes-button--transparent .andes-button__content {
    color: #fff
}

.andes-tooltip--highlight .andes-tooltip__actions a:first-child,
.andes-tooltip--highlight .andes-tooltip__actions button:first-child {
    background-color: var(--andes-color-blue-600, #2968c8)
}

.andes-tooltip__content {
    margin-right: 1em
}

.andes-tooltip__text,
.andes-tooltip__title {
    font-weight: 400;
    margin: 0
}

.andes-tooltip__text {
    font-size: 14px
}

.andes-tooltip__title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 4px;
    padding: 0
}

.andes-tooltip__image {
    margin-right: 1em
}

.andes-tooltip__actions {
    margin-top: 1em
}

.andes-tooltip__actions a,
.andes-tooltip__actions button {
    margin-left: 4px
}

.andes-tooltip__actions a:first-child,
.andes-tooltip__actions button:first-child {
    margin-left: 0
}

.andes-tooltip-data-image {
    display: flex;
    flex-direction: row
}

.andes-tooltip-button-close {
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    height: 1em;
    left: auto;
    padding: 0;
    position: relative;
    position: absolute;
    right: .625em;
    top: .625em;
    width: 1em
}

.andes-tooltip-button-close:after,
.andes-tooltip-button-close:before {
    background-color: rgba(0, 0, 0, .55);
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: .125em
}

.andes-tooltip-button-close:before {
    transform: rotate(45deg)
}

.andes-tooltip-button-close:after {
    transform: rotate(-45deg)
}

.andes-tooltip-button-close:after,
.andes-tooltip-button-close:before {
    left: .43em;
    opacity: 1;
    top: .06em
}

.andes-tooltip-button-close:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-tooltip-button-close:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-tooltip-button-close:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-tooltip-transition-enter {
    opacity: 0;
    transform: translateY(-.3125em);
    transition: transform .1s ease-out, opacity .1s ease-out
}

.andes-tooltip-transition-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: transform .1s ease-out, opacity .1s ease-out
}

.andes-tooltip-transition-leave-active {
    opacity: 1;
    transform: translateY(-.3125em);
    transition: transform .1s ease-out, opacity .1s ease-out
}

.andes-tooltip-arrow:before {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    bottom: -.4375em;
    box-shadow: 4px 0 4px -4px rgba(0, 0, 0, .15), 1px 1px 1px -1px rgba(0, 0, 0, .2);
    content: "";
    height: .75em;
    left: 50%;
    margin-left: -.5em;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: center;
    width: .75em
}

.andes-tooltip-placement-bottom.andes-tooltip-transition-enter,
.andes-tooltip-placement-bottomLeft.andes-tooltip-transition-enter,
.andes-tooltip-placement-bottomRight.andes-tooltip-transition-enter {
    transform: translateY(.3125em)
}

.andes-tooltip-placement-bottom.andes-tooltip-transition-enter-active,
.andes-tooltip-placement-bottomLeft.andes-tooltip-transition-enter-active,
.andes-tooltip-placement-bottomRight.andes-tooltip-transition-enter-active {
    transform: translateY(0)
}

.andes-tooltip-placement-bottom.andes-tooltip-transition-leave-active,
.andes-tooltip-placement-bottomLeft.andes-tooltip-transition-leave-active,
.andes-tooltip-placement-bottomRight.andes-tooltip-transition-leave-active {
    transform: translateY(.3125em)
}

.andes-tooltip-placement-bottom .andes-tooltip-arrow:before,
.andes-tooltip-placement-bottomLeft .andes-tooltip-arrow:before,
.andes-tooltip-placement-bottomRight .andes-tooltip-arrow:before {
    bottom: auto;
    top: -.4375em;
    transform: rotate(225deg)
}

.andes-tooltip-placement-leftTop.andes-tooltip-transition-enter {
    transform: translateX(-.3125em)
}

.andes-tooltip-placement-leftTop.andes-tooltip-transition-enter-active {
    transform: translateX(0)
}

.andes-tooltip-placement-leftTop.andes-tooltip-transition-leave-active {
    transform: translateX(-.3125em)
}

.andes-tooltip-placement-leftTop .andes-tooltip-arrow:before {
    left: auto;
    right: -7px;
    top: .625em;
    transform: rotate(315deg)
}

.andes-tooltip-placement-rightTop.andes-tooltip-transition-enter {
    transform: translateX(.3125em)
}

.andes-tooltip-placement-rightTop.andes-tooltip-transition-enter-active {
    transform: translateX(0)
}

.andes-tooltip-placement-rightTop.andes-tooltip-transition-leave-active {
    transform: translateX(.3125em)
}

.andes-tooltip-placement-rightTop .andes-tooltip-arrow:before {
    left: 1px;
    top: .625em;
    transform: rotate(135deg)
}

.andes-tooltip-placement-bottomLeft .andes-tooltip-arrow:before,
.andes-tooltip-placement-topLeft .andes-tooltip-arrow:before {
    left: 1.25em
}

.andes-tooltip-placement-bottomRight .andes-tooltip-arrow:before,
.andes-tooltip-placement-topRight .andes-tooltip-arrow:before {
    left: auto;
    right: .625em
}

.andes-tooltip-placement-right.andes-tooltip-transition-enter {
    transform: translateX(.3125em)
}

.andes-tooltip-placement-right.andes-tooltip-transition-enter-active {
    transform: translateX(0)
}

.andes-tooltip-placement-right.andes-tooltip-transition-leave-active {
    transform: translateX(.3125em)
}

.andes-tooltip-placement-right .andes-tooltip-arrow:before {
    left: 1px;
    top: calc(50% - 6px);
    transform: rotate(135deg)
}

.andes-tooltip-placement-left.andes-tooltip-transition-enter {
    transform: translateX(-.3125em)
}

.andes-tooltip-placement-left.andes-tooltip-transition-enter-active {
    transform: translateX(0)
}

.andes-tooltip-placement-left.andes-tooltip-transition-leave-active {
    transform: translateX(-.3125em)
}

.andes-tooltip-placement-left .andes-tooltip-arrow:before {
    left: auto;
    right: -7px;
    top: calc(50% - 6px);
    transform: rotate(315deg)
}

.andes-badge--small {
    line-height: 4px
}

.andes-badge--small .andes-badge__content {
    font-size: 11px;
    line-height: 4px;
    padding: 6px
}

.andes-badge--small.andes-badge--rounded-top-left {
    border-top-left-radius: 8px
}

.andes-badge--small.andes-badge--rounded-top-right {
    border-top-right-radius: 8px
}

.andes-badge--small.andes-badge--rounded-bottom-left {
    border-bottom-left-radius: 8px
}

.andes-badge--small.andes-badge--rounded-bottom-right {
    border-bottom-right-radius: 8px
}

.andes-badge--small.andes-badge--notification,
.andes-badge--small.andes-badge--pill-icon {
    border-radius: 50%;
    height: 16px;
    min-width: 16px;
    width: 16px
}

.andes-badge--small.andes-badge--notification svg,
.andes-badge--small.andes-badge--pill-icon svg {
    height: 16px;
    width: 16px
}

.andes-badge--large.andes-badge--rounded-top-left {
    border-top-left-radius: 12px
}

.andes-badge--large.andes-badge--rounded-top-right {
    border-top-right-radius: 12px
}

.andes-badge--large.andes-badge--rounded-bottom-left {
    border-bottom-left-radius: 12px
}

.andes-badge--large.andes-badge--rounded-bottom-right {
    border-bottom-right-radius: 12px
}

.andes-badge--pill {
    display: inline-block;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: 8px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.andes-badge--pill-icon {
    border-radius: 50%;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

.andes-badge--pill-icon .andes-badge__icon {
    height: 100%;
    width: 100%
}

.andes-badge__content {
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 8px
}

.andes-badge--dot {
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    position: relative;
    width: 8px
}

.andes-badge--notification {
    border-radius: 50%;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

.andes-badge__icon {
    height: 100%;
    width: 100%
}

.andes-badge--gray {
    background: #737373
}

.andes-badge--gray--quiet {
    background: hsla(0, 0%, 45%, .1);
    border: 0
}

.andes-badge--gray--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--gray--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--gray--quiet .andes-badge__content {
    color: #737373
}

.andes-badge--red {
    background: #f23d4f
}

.andes-badge--red--quiet {
    background: rgba(242, 61, 79, .1);
    border: 0
}

.andes-badge--red--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--red--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--red--quiet .andes-badge__content {
    color: #f23d4f
}

.andes-badge--accent {
    background: var(--andes-color-blue-500, #3483fa)
}

.andes-badge--accent--quiet {
    background: rgba(var(--andes-color-blue-500, #3483fa), .1);
    border: 0
}

.andes-badge--accent--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--accent--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--accent--quiet .andes-badge__content {
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-badge--accent--quiet {
    background: var(--andes-color-blue-100, rgba(65, 137, 230, .1))
}

.andes-badge--green {
    background: #00a650
}

.andes-badge--green--quiet {
    background: rgba(0, 166, 80, .1);
    border: 0
}

.andes-badge--green--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--green--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--green--quiet .andes-badge__content {
    color: #00a650
}

.andes-badge--orange {
    background: #f73
}

.andes-badge--orange--quiet {
    background: rgba(255, 119, 51, .1);
    border: 0
}

.andes-badge--orange--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--orange--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--orange--quiet .andes-badge__content {
    color: #f73
}

.andes-badge__icon-inner {
    fill: #fff
}

.andes-button--quiet.loading:active,
.andes-button--quiet.loading:disabled,
.andes-button--quiet.loading:hover {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet.loading:active path[stroke],
.andes-button--quiet.loading:disabled path[stroke],
.andes-button--quiet.loading:hover path[stroke] {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet.loading:active path[fill],
.andes-button--quiet.loading:disabled path[fill],
.andes-button--quiet.loading:hover path[fill] {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:after,
.andes-button--quiet:before {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
    border-color: transparent;
    border-radius: .2222222222em;
    box-sizing: content-box;
    color: var(--andes-color-blue-500, #3483fa);
    content: "";
    height: 100%;
    left: 0;
    margin: -.0555555556em;
    padding: .0555555556em;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    width: 100%
}

.andes-button--quiet:after path[stroke],
.andes-button--quiet:before path[stroke] {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:after path[fill],
.andes-button--quiet:before path[fill] {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--loud.loading:active,
.andes-button--loud.loading:disabled,
.andes-button--loud.loading:hover {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud.loading:active path[stroke],
.andes-button--loud.loading:disabled path[stroke],
.andes-button--loud.loading:hover path[stroke] {
    stroke: #fff !important
}

.andes-button--loud.loading:active path[fill],
.andes-button--loud.loading:disabled path[fill],
.andes-button--loud.loading:hover path[fill] {
    fill: #fff !important
}

.andes-button--loud:after,
.andes-button--loud:before {
    background-color: var(--andes-color-blue-600, #2968c8);
    border-color: transparent;
    border-radius: .2222222222em;
    box-sizing: content-box;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    margin: -.0555555556em;
    padding: .0555555556em;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    width: 100%
}

.andes-button--loud:after path[stroke],
.andes-button--loud:before path[stroke] {
    stroke: #fff !important
}

.andes-button--loud:after path[fill],
.andes-button--loud:before path[fill] {
    fill: #fff !important
}

.andes-button--progress {
    border: 0;
    overflow: hidden;
    position: relative
}

.andes-button--progress:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3))
}

.andes-button--progress .andes-button__content {
    margin: auto;
    position: relative;
    width: max-content;
    z-index: 1
}

.andes-button--progress .andes-button__content :not(.andes-button--progress__content) {
    transform: translateZ(0)
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--progress .andes-button__content :not(.andes-button--progress__content) {
        transition: transform .2s ease-in
    }
}

.andes-button--progress .andes-button__content .andes-button--progress__content {
    position: absolute;
    transform: translate3d(0, 32px, 0)
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--progress .andes-button__content .andes-button--progress__content {
        transition: transform .2s ease-in
    }
}

.andes-button--progress .andes-button__content .andes-button--progress__content * {
    position: absolute;
    transform: translate3d(0, 32px, 0)
}

.andes-button--progress.loading .andes-button__content :not(.andes-button--progress__content) {
    position: absolute;
    transform: translate3d(0, -32px, 0);
    width: 100%
}

.andes-button--progress.loading .andes-button__content .andes-button--progress__content,
.andes-button--progress.loading .andes-button__content .andes-button--progress__content * {
    position: relative;
    transform: translateZ(0)
}

.andes-button--progress.loading:after,
.andes-button--progress.loading:focus:after {
    animation: andes-button-start-width-animation-reduce-motion 3s step-start;
    transform: scaleX(1)
}

@media(prefers-reduced-motion:no-preference) {

    .andes-button--progress.loading:after,
    .andes-button--progress.loading:focus:after {
        animation: andes-button-start-width-animation 60s cubic-bezier(0, .56, .76, .96)
    }
}

.andes-button--progress.loading.finished,
.andes-button--progress.loading.finished:before,
.andes-button--progress.progress:before {
    transform: scaleX(1)
}

@media(prefers-reduced-motion:no-preference) {

    .andes-button--progress.loading.finished,
    .andes-button--progress.loading.finished:before,
    .andes-button--progress.progress:before {
        transition: transform .25s ease-in, opacity .5s ease-in
    }
}

.andes-modal--card.andes-modal--fixed-actions .andes-modal__content {
    padding-bottom: .5em
}

.andes-modal--card .andes-modal__actions {
    padding: 0 1.5em 1.5em
}

.andes-modal--card .andes-modal__actions--fixed {
    padding: 1em 1.5em
}

.andes-modal--card .andes-modal__header {
    padding: 1.625em 1.5em 1.25em;
    transition-property: box-shadow
}

.andes-modal--card .andes-modal__header.andes-modal__header--secondary,
.andes-modal--card .andes-modal__header.andes-modal__header--sticky {
    padding: 1.4375em 1.5em
}

.andes-modal--card .andes-modal__title {
    font-size: 20px
}

.andes-modal--card .andes-modal__content {
    padding: 0 1.5em 1.5em
}

.andes-modal--card .andes-modal__close-button {
    position: absolute;
    right: -4px;
    top: -32px
}

.andes-modal__overlay--card {
    padding: 3em 1.5em
}

.andes-modal--full.andes-modal--fixed-actions .andes-modal__content {
    padding-bottom: 1em
}

.andes-modal--full .andes-modal__actions {
    border-radius: 0;
    padding: 0 1.5em 1.5em
}

.andes-modal--full .andes-modal__actions--fixed {
    padding: 1em 1.5em
}

.andes-modal--full {
    border-radius: 0;
    height: 100%;
    max-height: none !important;
    max-width: none !important;
    width: 100%
}

.andes-modal--full .andes-modal__scroll {
    display: flex;
    flex-direction: column;
    height: 100%
}

.andes-modal--full .andes-modal__header {
    border-radius: 0;
    padding: 2em 1.5em
}

.andes-modal--full .andes-modal__header.andes-modal__header--secondary,
.andes-modal--full .andes-modal__header.andes-modal__header--sticky {
    padding: 1.625em 1.5em
}

.andes-modal--full .andes-modal__header.andes-modal__header--secondary .andes-modal__title,
.andes-modal--full .andes-modal__header.andes-modal__header--sticky .andes-modal__title {
    font-size: 20px
}

.andes-modal--full .andes-modal__header.andes-modal__header--secondary .namespace__close-button,
.andes-modal--full .andes-modal__header.andes-modal__header--sticky .namespace__close-button {
    margin-top: 0
}

.andes-modal--full .andes-modal__close-button {
    margin-top: 2px
}

.andes-modal--full .andes-modal__title {
    font-size: 24px
}

.andes-modal--full .andes-modal__content {
    flex-grow: 1;
    padding: 0 1.5em 1.5em
}

.andes-dropdown {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.andes-dropdown.andes-form-control--disabled:hover:not(.andes-form-control__split-button) path,
.andes-dropdown.andes-form-control--disabled:hover:not(.andes-form-control__split-button) svg,
.andes-dropdown.andes-form-control--disabled:not(.andes-form-control__split-button) path,
.andes-dropdown.andes-form-control--disabled:not(.andes-form-control__split-button) svg {
    fill: rgba(0, 0, 0, .25)
}

.andes-dropdown.andes-form-control--disabled:hover:not(.andes-form-control__split-button) .andes-floating-menu .andes-dropdown__trigger,
.andes-dropdown.andes-form-control--disabled:not(.andes-form-control__split-button) .andes-floating-menu .andes-dropdown__trigger {
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-dropdown.andes-form-control--disabled:hover:not(.andes-form-control__split-button) .andes-form-control__message,
.andes-dropdown.andes-form-control--disabled:not(.andes-form-control__split-button) .andes-form-control__message {
    color: rgba(0, 0, 0, .25)
}

.andes-dropdown__menu .andes-list__item {
    outline: none
}

.andes-dropdown__menu .andes-list__item:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown__menu .andes-list__item:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown__menu .andes-list__item:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-dropdown .andes-form-control__placeholder,
.andes-dropdown__display-values {
    line-height: 1.25
}

.andes-dropdown__chevron {
    display: flex
}

.andes-dropdown__chevron svg {
    transition: transform .2s
}

.andes-dropdown__chevron path,
.andes-dropdown__chevron svg {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-dropdown__field {
    position: relative
}

.andes-dropdown.andes-dropdown--open .andes-floating-menu .andes-dropdown__trigger {
    box-shadow: inset 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-dropdown__arrow-container {
    position: absolute;
    right: -4px;
    top: -1px
}

.andes-dropdown__no-results {
    box-sizing: content-box;
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    height: 18px;
    padding: 18px 16px
}

.andes-dropdown__search-box {
    padding: 16px 16px 4px
}

.andes-dropdown--open .andes-dropdown__chevron svg,
.andes-dropdown--open .andes-dropdown__standalone-arrow {
    transform: rotate(180deg)
}

.andes-dropdown .andes-dropdown__trigger {
    align-items: center;
    background: none;
    border: 0;
    border-radius: .375em;
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    outline: 0;
    padding: 4px 6px;
    transition: color .18s ease-out
}

.andes-dropdown .andes-dropdown__trigger:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown .andes-dropdown__trigger:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown .andes-dropdown__trigger:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-dropdown .andes-dropdown__trigger::-moz-focus-inner {
    border: 0
}

.andes-dropdown .andes-dropdown__trigger:hover {
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-dropdown .andes-dropdown__trigger span {
    overflow: hidden;
    text-overflow: ellipsis;

    width: 100%
}

.andes-dropdown .andes-form-control__field:focus~.andes-dropdown__arrow-container path,
.andes-dropdown .andes-form-control__field:focus~.andes-dropdown__arrow-container svg {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-dropdown .andes-floating-menu .andes-dropdown__menu {
    border-radius: .375em
}

.andes-dropdown .andes-floating-menu .andes-dropdown__menu li:first-child {
    border-top-left-radius: .375em;
    border-top-right-radius: .375em
}

.andes-dropdown .andes-floating-menu .andes-dropdown__menu li:last-child {
    border-bottom-left-radius: .375em;
    border-bottom-right-radius: .375em
}

.andes-dropdown .andes-floating-menu .andes-form-control--search-box .andes-form-control__field {
    margin: 0
}

.andes-dropdown .andes-floating-menu .andes-popper {
    opacity: 0
}

.andes-dropdown .andes-floating-menu.andes-floating-menu--show .andes-popper {
    opacity: 1
}

.andes-dropdown.andes-dropdown--standalone.andes-form-control--disabled:hover .andes-dropdown__trigger {
    background-color: transparent;
    border: 0;
    color: rgba(0, 0, 0, .25);
    font-weight: 400;
    padding: 11px 8px
}

.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__trigger {
    box-shadow: none;
    padding: 11px 8px
}

.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__trigger:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__trigger:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__trigger:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__standalone-arrow {
    margin: 2px 0 0 2px;
    transition: transform .2s
}

.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__standalone-arrow path,
.andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__standalone-arrow svg {
    fill: rgba(0, 0, 0, .55)
}

.andes-dropdown.andes-dropdown--form {
    padding-top: 15px
}

.andes-dropdown.andes-dropdown--form.andes-dropdown--open .andes-dropdown__arrow {
    transform: rotate(180deg)
}

.andes-dropdown.andes-dropdown--form.andes-dropdown--open.andes-form-control--error .andes-dropdown__trigger {
    box-shadow: 0 0 0 2px #f23d4f
}

.andes-dropdown.andes-dropdown--form.andes-dropdown--bottom .andes-floating-menu--show .andes-card {
    margin-top: 6px
}

.andes-dropdown.andes-dropdown--form .andes-form-control__label {
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    margin-left: .375em;
    position: absolute;
    top: 0
}

.andes-dropdown.andes-dropdown--form .andes-form-control__message {
    align-items: center;
    display: flex;
    font-size: 13px;
    line-height: .7692307692em;
    margin-left: .375em;
    margin-top: 0;
    min-height: unset
}

.andes-dropdown.andes-dropdown--form .andes-form-control__message .andes-dropdown__error-icon {
    background-color: #f23d4f;
    border-radius: 50%;
    height: 12px;
    margin-right: 6px;
    width: 12px
}

.andes-dropdown.andes-dropdown--form .andes-form-control__placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: 16px;
    justify-content: flex-end;
    line-height: 1.375em;
    margin: .375em 0 .5em;
    min-height: 48px;
    padding: .8125em .75em;
    position: relative;
    text-align: left;
    width: 100%
}

.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .55)
}

.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger span {
    overflow-x: hidden;
    text-overflow: ellipsis;

    width: 100%
}

.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus:not(:focus-visible) {
    box-shadow: inset 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-dropdown.andes-dropdown--form .andes-form-control__field {
    margin: 8px 0 6px
}

.andes-dropdown.andes-dropdown--form .andes-form-control__field option {
    padding: 0
}

.andes-dropdown.andes-dropdown--form .andes-form-control__field::-moz-focus-inner {
    border: 0;
    padding: 0
}

.andes-dropdown.andes-dropdown--form .andes-form-control__field:focus {
    outline: 0
}

.andes-dropdown.andes-dropdown--form .andes-form-control__field:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 rgba(0, 0, 0, .9)
}

.andes-dropdown.andes-dropdown--form .andes-floating-menu--search .andes-form-control__field {
    margin: 0
}

.andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-dropdown__trigger {
    box-shadow: 0 0 0 1px #f23d4f
}

.andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-dropdown__trigger:focus {
    box-shadow: 0 0 0 2px #f23d4f
}

.andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-dropdown__trigger:hover {
    box-shadow: 0 0 0 1px #f23d4f
}

.andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-dropdown__chevron path,
.andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-dropdown__chevron svg {
    fill: #f23d4f
}

.andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-form-control__label,
.andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-form-control__message {
    color: #f23d4f
}

.andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger .andes-form-control__placeholder,
.andes-form-control--disabled:hover .andes-dropdown__trigger .andes-form-control__placeholder {
    color: rgba(0, 0, 0, .25)
}

.andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger:hover,
.andes-form-control--disabled:hover .andes-dropdown__trigger:hover {
    box-shadow: none
}

.andes-dropdown.andes-dropdown--multiple .andes-popper {
    opacity: 1
}

.andes-dropdown.andes-dropdown--multiple .andes-floating-menu--show .andes-card {
    margin-top: 6px
}

.andes-dropdown.andes-dropdown--multiple .andes-dropdown__display-container {
    display: inline-flex;
    left: 12px;
    position: absolute;
    top: 33px
}

.andes-dropdown--form-native.andes-form-control {
    padding-top: 0
}

.andes-dropdown--form-native .andes-form-control__label {
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    margin-left: .375em
}

.andes-dropdown--form-native .andes-form-control__field {
    align-items: center;
    border-radius: .375em;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: 16px;
    justify-content: flex-end;
    line-height: 1.375em;
    margin: .4375em 0 .5em;
    min-height: 48px;
    padding: .8125em .75em;
    position: relative;
    text-align: left;
    width: 100%
}

.andes-dropdown--form-native .andes-form-control__field:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown--form-native .andes-form-control__field:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown--form-native .andes-form-control__field:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-dropdown--form-native .andes-form-control__field span {
    overflow-x: hidden;
    text-overflow: ellipsis;

    width: 100%
}

.andes-dropdown--form-native .andes-form-control__field:focus:not(:focus-visible) {
    box-shadow: inset 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-dropdown--form-native .andes-form-control__message {
    align-items: center;
    display: flex;
    font-size: 13px;
    line-height: .7692307692em;
    margin-left: .375em;
    margin-top: 0;
    min-height: unset
}

.andes-dropdown--form-native .andes-form-control__message .andes-dropdown__error-icon {
    background-color: #f23d4f;
    border-radius: 50%;
    height: 12px;
    margin-right: 6px;
    width: 12px
}

.andes-dropdown--form-native .andes-dropdown__chevron {
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 14px
}

.andes-dropdown--form-native .andes-dropdown__chevron svg {
    transition: transform .2s
}

.andes-dropdown--form-native .andes-dropdown__chevron path,
.andes-dropdown--form-native .andes-dropdown__chevron svg {
    fill: var(--andes-color-blue-500, #3483fa)
}

@supports((-webkit-appearance: none) or (-moz-appearance:none) or (appearance:none)) {
    .andes-dropdown--form-native .andes-form-control__field {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: none
    }
}

.andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field {
    box-shadow: 0 0 0 1px #f23d4f
}

.andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field~.andes-dropdown__chevron path,
.andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field~.andes-dropdown__chevron svg {
    fill: #f23d4f
}

.andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__label,
.andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__message {
    color: #f23d4f
}

.andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger,
.andes-form-control--disabled:hover .andes-dropdown__trigger {
    background-color: rgba(0, 0, 0, .02);
    border: 1px dashed rgba(0, 0, 0, .25);
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    cursor: default;
    padding: .75em
}

.andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger:focus,
.andes-form-control--disabled:hover .andes-dropdown__trigger:focus {
    border: 1px dashed rgba(0, 0, 0, .25);
    box-shadow: none
}

.andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger .andes-dropdown__display-values,
.andes-dropdown--form.andes-form-control--disabled .andes-form-control__label,
.andes-form-control--disabled:hover .andes-dropdown__trigger .andes-dropdown__display-values,
.andes-form-control--disabled:hover .andes-form-control__label {
    color: rgba(0, 0, 0, .25)
}

.andes-dropdown--form-native.andes-form-control.andes-form-control--disabled .andes-form-control__field {
    background-color: rgba(0, 0, 0, .02);
    border: 1px dashed rgba(0, 0, 0, .25);
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    padding: .75em
}

.andes-dropdown--form-native.andes-form-control.andes-form-control--disabled .andes-form-control__field~.andes-dropdown__chevron path,
.andes-dropdown--form-native.andes-form-control.andes-form-control--disabled .andes-form-control__field~.andes-dropdown__chevron svg {
    fill: rgba(0, 0, 0, .25)
}

.andes-dropdown--form-native.andes-form-control.andes-form-control--disabled .andes-form-control__label {
    color: rgba(0, 0, 0, .25)
}

.andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu .andes-dropdown__trigger {
    border-radius: .25em;
    font-size: 16px;
    max-width: 100%;
    padding: 8px
}

.andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu .andes-dropdown__standalone-arrow {
    margin: .125em 0 0 .125em;
    top: .0625em
}

.andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu .andes-list__item+.andes-list__item {
    border: 0
}

.andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu .andes-dropdown__trigger {
    border-radius: .2857142857em;
    font-size: 14px;
    max-width: 100%;
    padding: 5px 8px
}

.andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu .andes-dropdown__standalone-arrow {
    margin: .1428571429em 0 0 .1428571429em;
    top: .0714285714em
}

.andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu .andes-list__item+.andes-list__item {
    border: 0
}

.andes-popper:not(.andes-tooltip) {
    height: 100%;
    width: 100%
}

.andes-floating-menu {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    border-radius: .375em
}

.andes-floating-menu li:first-child,
.andes-floating-menu li:first-child a,
.andes-floating-menu li:first-child button {
    border-top-left-radius: .375em;
    border-top-right-radius: .375em
}

.andes-floating-menu li:last-child,
.andes-floating-menu li:last-child a,
.andes-floating-menu li:last-child button {
    border-bottom-left-radius: .375em;
    border-bottom-right-radius: .375em
}

.andes-floating-menu .andes-list__item {
    outline: none
}

.andes-floating-menu .andes-list__item:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-floating-menu .andes-list__item--visible-focused {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-floating-menu .andes-list__item>:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item>:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item>:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-floating-menu__no-results {
    box-sizing: content-box;
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    height: 18px;
    padding: 18px 16px
}

.andes-floating-menu__search-box {
    padding: 16px 16px 4px
}

.andes-floating-menu .andes-floating-menu-item-hover {
    background-color: #ededed
}

.andes-floating-menu .andes-form-control--search-box .andes-form-control__field {
    margin: 0
}

.andes-floating-menu--search {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    color: rgba(0, 0, 0, .9);
    display: flex;
    opacity: 1;
    width: 100%
}

.andes-floating-menu--search.andes-floating-menu--search--web-mobile-ios .andes-form-control__field {
    transform: scale(.875);
    transform-origin: top left;
    width: 115%
}

.andes-floating-menu--search.andes-floating-menu--search--web-mobile-ios.andes-floating-menu--search--size-small {
    font-size: 16px
}

.andes-floating-menu--search.andes-floating-menu--search--web-mobile-ios.andes-floating-menu--search--size-small .andes-form-control__field {
    height: 20px
}

.andes-floating-menu--search label {
    order: 2;
    width: 100%
}

.andes-floating-menu--search:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .55)
}

.andes-floating-menu--search--focused,
.andes-floating-menu--search--focused:hover,
.andes-floating-menu--search:focus {
    box-shadow: 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-floating-menu--search--focused.focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-floating-menu--search .andes-form-control__close-icon,
.andes-floating-menu--search .andes-form-control__search-icon {
    align-content: center;
    display: flex;
    padding: 0
}

.andes-floating-menu--search .andes-form-control__close-icon svg path,
.andes-floating-menu--search .andes-form-control__search-icon svg path {
    fill: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__close-icon:focus-visible,
.andes-floating-menu--search .andes-form-control__search-icon:focus-visible {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu--search .andes-form-control__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    margin-left: 4px;
    opacity: 0;
    order: 3
}

.andes-floating-menu--search .andes-form-control__close-icon-visible {
    align-content: center;
    display: flex;
    opacity: 1;
    padding: 0
}

.andes-floating-menu--search--disabled,
.andes-floating-menu--search--disabled .andes-form-control__field {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search--disabled:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
}

.andes-floating-menu--search--disabled .andes-form-control__close-icon,
.andes-floating-menu--search--disabled .andes-form-control__close-icon.andes-form-control__close-icon-visible {
    opacity: 0
}

.andes-floating-menu--search .andes-form-control__field {
    line-height: 18px;
    margin: 0;
    order: 2
}

.andes-floating-menu--search .andes-form-control__field:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-floating-menu--search .andes-form-control__field:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-floating-menu--search .andes-form-control__field::placeholder {
    color: rgba(0, 0, 0, .55);
    opacity: 1
}

.andes-floating-menu--search .andes-form-control__field::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field::-moz-placeholder {
    color: rgba(0, 0, 0, .55);
    opacity: 1
}

.andes-floating-menu--search .andes-form-control__field:-moz-placeholder {
    opacity: 1
}

.andes-floating-menu--search .andes-form-control__field:-ms-input-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field::-ms-input-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field:-moz-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field:disabled {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__search-icon {
    background-color: transparent;
    border: 0;
    margin-right: 4px;
    order: 1
}

.andes-floating-menu--search--size-small {
    border-radius: 16px;
    font-size: 14px;
    height: 32px;
    padding: 8px 8px 6px
}

.andes-floating-menu--search--size-small .andes-form-control__field {
    height: 18px
}

.andes-floating-menu--search--size-small .andes-form-control__close-icon,
.andes-floating-menu--search--size-small .andes-form-control__search-icon {
    height: 16px
}

.andes-floating-menu--search--size-large {
    border-radius: 24px;
    font-size: 16px;
    height: 48px;
    padding: 15px 16px 13px
}

.andes-floating-menu--search--size-large .andes-form-control__field {
    height: 20px
}

.andes-floating-menu--search--size-large .andes-form-control__search-icon {
    margin-right: 8px
}

[data-andes-accordion] [data-andes-accordion-header] {
    background-color: transparent;
    border: .5px solid #383838;
    box-sizing: border-box;
    color: inherit;
    font: inherit;
    height: 44px;
    width: 100%
}

[data-andes-accordion] [data-andes-accordion-header]:hover {
    background-color: #4c4c4c
}

[data-andes-accordion] [data-andes-accordion-header]:active {
    background-color: #6f6f6f
}

[data-andes-accordion] [data-andes-accordion-header][data-andes-state=disabled] {
    background-color: #c6c6c6
}

[data-andes-accordion] [data-andes-accordion-panel] {
    border-bottom: .5px solid #383838;
    border-left: .5px solid #383838;
    border-right: .5px solid #383838;
    box-sizing: border-box;
    min-height: 88px;
    width: 100%
}

[data-andes-accordion] [data-andes-accordion-panel][data-andes-state=collapsed],
[data-andes-accordion] [data-andes-accordion-panel][data-andes-state=disabled] {
    display: none
}

.andes-accordion[data-andes-accordion] {
    background-color: transparent;
    box-sizing: border-box
}

.andes-accordion[data-andes-accordion]:not(.andes-accordion--without-divider) {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header] {
    border: transparent;
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    font-weight: 400;
    height: auto;
    padding: 0;
    width: 100%
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header]:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header]:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header]:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header]:hover:not([data-andes-state=disabled]) {
    background-color: rgba(0, 0, 0, .04)
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header]:active:not([data-andes-state=disabled]) {
    background-color: rgba(0, 0, 0, .07)
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header][data-andes-state=disabled] {
    background-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header][data-andes-state=disabled] div {
    color: rgba(0, 0, 0, .25)
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header][data-andes-state=disabled] svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header][data-andes-state=expanded] .andes-accordion-header-container__indicator svg {
    transform: rotate(180deg)
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container {
    display: flex
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container__content {
    flex: 1;
    min-width: 0;
    text-align: left
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container__title {
    overflow-wrap: break-word
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container__title--limited-lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container__description {
    color: rgba(0, 0, 0, .55)
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container__indicator {
    display: flex;
    margin-left: 16px
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container__indicator svg {
    margin-left: 4px
}

.andes-accordion[data-andes-accordion] [data-andes-accordion-panel] {
    border: transparent
}

@media(prefers-reduced-motion:no-preference) {
    .andes-accordion[data-andes-accordion] [data-andes-accordion-panel][data-andes-state=collapsed] {
        display: block
    }

    .andes-accordion .andes-accordion-panel-transition {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows .3s ease-in-out
    }

    .andes-accordion .andes-accordion-panel-transition__inner {
        overflow: hidden
    }

    .andes-accordion .andes-accordion-panel-transition[data-andes-transition-status=entered],
    .andes-accordion .andes-accordion-panel-transition[data-andes-transition-status=entering] {
        grid-template-rows: 1fr
    }

    .andes-accordion .andes-accordion-panel-transition[data-andes-transition-status=entered] .andes-accordion-panel-transition__inner {
        overflow: visible
    }

    .andes-accordion .andes-accordion-panel-transition[data-andes-transition-status=exited] {
        display: none
    }
}

.andes-accordion--large[data-andes-accordion] [data-andes-accordion-header] {
    font-size: 18px;
    line-height: 22px;
    min-height: 68px
}

.andes-accordion--large[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container {
    padding: 24px 24px 22px
}

.andes-accordion--large[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container__description {
    font-size: 16px;
    line-height: 20px;
    margin-top: 6px
}

.andes-accordion--large[data-andes-accordion] [data-andes-accordion-panel] {
    padding: 16px 24px 24px
}

.andes-accordion--medium[data-andes-accordion] [data-andes-accordion-header] {
    font-size: 16px;
    line-height: 20px;
    min-height: 48px
}

.andes-accordion--medium[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container {
    padding: 14px 16px
}

.andes-accordion--medium[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container__description {
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px
}

.andes-accordion--medium[data-andes-accordion] [data-andes-accordion-panel] {
    padding: 16px 16px 24px
}

.andes-accordion--small[data-andes-accordion] [data-andes-accordion-header] {
    font-size: 14px;
    line-height: 18px;
    min-height: 40px
}

.andes-accordion--small[data-andes-accordion] [data-andes-accordion-header] .andes-accordion-header-container {
    padding: 10px 16px
}

.andes-accordion--small[data-andes-accordion] [data-andes-accordion-panel] {
    padding: 16px 16px 24px
}

.andes-button--small {
    border-radius: 4px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px
}

.andes-button--small.andes-button--loading .andes-button__content {
    margin: -2px 0
}

.andes-button--small .andes-progress-indicator-circular__progress svg {
    top: 1.5px
}

.andes-button--small .andes-button__text {
    margin: 0
}

.andes-button--small.andes-button--loading-complete .andes-button__content {
    animation: translateInButtonSpinnerCompleteSmall .2s, fadeIn .2s;
    animation-fill-mode: forwards
}

@keyframes translateInButtonSpinnerCompleteSmall {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(calc(-50% + 10px))
    }
}

.ui-recommendations-side-button {
    white-space: nowrap
}

.ui-recommendations-side-button .andes-button--secondary {
    width: 100%
}

.ui-recommendations-see-more-card {
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    width: 100%
}

.ui-recommendations-see-more-card__actions {
    background-color: #fff;
    border: unset;
    cursor: pointer;
    height: inherit;
    width: inherit
}

.ui-recommendations-see-more-card__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.ui-recommendations-see-more-card__content--text {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    padding-top: 32px;
    text-align: center
}

.ui-recommendations-carousel-free,
.ui-recommendations-carousel-wrapper-ref {
    width: 100%
}

.ui-recommendations-carousel-free__header {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding: 0 var(--carousel-free-padding, 0)
}

.ui-recommendations-carousel-free .ui-recommendations-footer__wrapper {
    padding-bottom: 5px;
    padding-top: 5px
}

.ui-recommendations-carousel-free .ui-recommendations-footer__wrapper,
.ui-recommendations-carousel-free .ui-recommendations-side-button {
    padding: 0 var(--carousel-free-padding, 0)
}

.ui-recommendations-carousel-free .ui-recommendations-footer--with-side-button .ui-recommendations-footer__wrapper {
    justify-content: center;
    margin-top: 12px;
    padding-bottom: 16px;
    padding-top: 16px
}

.ui-recommendations-carousel-free .andes-carousel-free {
    padding: 0 var(--carousel-free-padding, 0)
}

.ui-recommendations-carousel-free .andes-carousel-free:not(:last-child) {
    margin-bottom: 16px
}

.ui-recommendations-carousel-free--compact .ui-recommendations-carousel-free__header {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 0;
    padding: 0 16px
}

.ui-recommendations-carousel-free--compact .ui-recommendations-carousel-free__header .ui-recommendations-title-link {
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 12px 0;
    text-decoration: none
}

.ui-recommendations-carousel-free--compact .ui-recommendations-carousel-free__header .ui-recommendations-title:visited {
    color: rgba(0, 0, 0, .9)
}

.ui-recommendations-carousel-free--compact .andes-carousel-free {
    padding: 0 var(--carousel-free-padding, 0)
}

.ui-recommendations-carousel-free .ui-recommendations-see-more-card {
    width: 222px
}

.ui-recommendations-combos .ui-recommendations-gallery {
    align-items: center;
    display: flex;
    flex-direction: row
}

.ui-recommendations-combos .ui-recommendations-gallery__figure-main-reduced {
    height: 48px;
    margin: 12px;
    max-height: 48px;
    max-width: 48px;
    width: 48px
}

.ui-recommendations-combos .ui-recommendations-gallery__figure-main {
    height: 90px;
    margin: 12px;
    max-height: 90px;
    max-width: 90px;
    width: 90px
}

.ui-recommendations-combos .ui-recommendations-gallery__image {
    display: block;
    height: 100%;
    object-fit: contain;
    opacity: 1;
    width: 100%
}

.ui-recommendations-combos .ui-recommendations-gallery__image__container {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden
}

.ui-recommendations-combos .ui-recommendations-gallery__plus {
    color: rgba(0, 0, 0, .9);
    font-size: 20px
}

.ui-recommendations-combos .ui-recommendations-footer__price--total .andes-money-amount {
    font-weight: 600
}

.ui-recommendations-combos .ui-recommendations-footer__price--total .ui-recommendations-label {
    margin-right: 4px
}

.ui-recommendations-combos .ui-recommendations-card-content {
    display: grid;
    grid-template-columns: [checkbox] 32px [description] auto;
    margin: 0;
    padding: 0
}

.ui-recommendations-combos .ui-recommendations-card .ui-recommendations__checkbox {
    align-self: unset;
    margin: 19px 16px 0 0
}

.ui-recommendations-combos .ui-recommendations-card__components-container {
    display: grid;
    grid-template-columns: [description] auto [chevron] 20px;
    margin: 12px 0 4px;
    position: relative
}

.ui-recommendations-combos .ui-recommendations-card__componentes {
    display: flex;
    flex-direction: column
}

.ui-recommendations-combos .ui-recommendations-card .ui-recommendations__chevron-container {
    display: flex;
    padding: 0 5px
}

.ui-recommendations-combos .ui-recommendations-card.ui-combos-card-featured .ui-recommendations__chevron-container {
    display: flex;
    margin-top: 15px;
    opacity: 0
}

.ui-recommendations-combos .ui-recommendations-label__title {
    font-size: 14px;
    line-height: 18px;
    margin: 0
}

.ui-recommendations-combos .ui-recommendations-label__title .ui-recommendations-link {
    color: rgba(0, 0, 0, .9);
    display: block
}

.ui-recommendations-combos .ui-recommendations-label__title .ui-recommendations-link:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.ui-recommendations-combos .ui-recommendations-label__title--headline {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin: 0
}

.ui-recommendations-combos .ui-recommendations-label__title--mainline {
    font-size: 14px;
    line-height: 18px;
    margin: 2px 0 0
}

.ui-recommendations-combos .ui-recommendations-label__discount {
    color: #00a650;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap
}

.ui-recommendations-combos .ui-recommendations-label__shipping .ui-recommendations-icon__shipping-fullfilment {
    height: 15px;
    margin-top: 9px;
    width: 38px !important;
    fill: #00a650;
    left: 0;
    position: relative;
    top: 0;
    transform: translateY(3.4px)
}

.ui-recommendations-combos .ui-recommendations-price-container {
    display: grid;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: normal;
    margin-top: 2px
}

.ui-recommendations-combos .ui-recommendations-price {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    justify-content: flex-start;
    margin-top: 4px
}

.ui-recommendations-combos .ui-recommendations-price--bold .ui-recommendations-combos .ui-recommendations-price__part {
    font-weight: 600;
    margin-right: .5em
}

.ui-recommendations-combos .ui-recommendations-price--label {
    margin-left: 4px;
    white-space: nowrap
}

.ui-recommendations-combos .ui-recommendations-price__installments {
    color: rgba(0, 0, 0, .9)
}

.ui-recommendations-combos .ui-recommendations-price__subtitles {
    display: inline;
    font-size: 12px;
    font-weight: 400;
    line-height: 1px
}

.ui-recommendations-combos .ui-recommendations-price__subtitle {
    display: inline;
    line-height: 1;
    margin-top: 5px
}

.ui-recommendations-combos .ui-recommendations-price__discount {
    color: #00a650;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 2px;
    margin-left: 4px
}

.ui-recommendations-combos .andes-money-amount {
    font-weight: 600
}

.ui-recommendations-combos .ui-recommendations-price__original-value {
    color: rgba(0, 0, 0, .55)
}

.ui-recommendations-combos .ui-recommendations-price__installments {
    margin: 4px 0
}

.ui-recommendations-combos .ui-recommendations-price__negotiable {
    line-height: 22px;
    margin-top: 8px
}

.ui-recommendations-combos .ui-recommendations-gallery {
    justify-content: center
}

.ui-recommendations-combos {
    background-color: #fff;
    box-sizing: border-box;
    font-family: Proxima Nova;
    margin: 0;
    padding: 0
}

.ui-recommendations-combos .ui-recommendations-card-container {
    padding: 20px 20px 0
}

.ui-recommendations-combos .ui-recommendations__title {
    font-size: 20px;
    line-height: 26px;
    padding: 0 20px 20px;
    width: 100%
}

.ui-recommendations-combos .ui-recommendations-footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 20px 20px
}

.ui-recommendations-combos .ui-recommendations-footer__shipping {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 22px;
    grid-gap: 1px;
    margin: 0
}

.ui-recommendations-combos .ui-recommendations-footer-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 0
}

.ui-recommendations-combos .ui-recommendations-footer-label-shipping {
    color: #00a650;
    font-weight: 600;
    margin-left: 4px
}

.ui-recommendations-combos .ui-recommendations-footer__price--total {
    align-items: center;
    display: flex;
    line-height: 22px
}

.ui-recommendations-combos .ui-recommendations-footer__price--total__extra-data {
    color: #00a650;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.ui-recommendations-combos .ui-recommendations-footer__price--total__extra-data:before {
    border-right: 1px solid rgba(0, 0, 0, .1);
    content: "";
    height: 100%;
    margin: 0 5px;
    width: 100%
}

.ui-recommendations-combos .ui-recommendations-footer__actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 0;
    width: 100%
}

.ui-recommendations-combos .ui-recommendations-footer__actions .andes-button {
    margin: 4px 0;
    padding: 9px 12px 7px
}

.ui-recommendations-combos .ui-recommendations-footer__actions .andes-button__content {
    font-size: 16px;
    line-height: 16px
}

.ui-recommendations-combos .ui-recommendations-footer .andes-money-amount {
    font-weight: 600;
    margin-left: 4px
}

.ui-recommendations-comparator .andes-table__head {
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    overflow: auto;
    position: relative;
    width: auto
}

.ui-recommendations-comparator .andes-table__row:hover {
    background-color: #ededed
}

.ui-recommendations-comparator .andes-table__column,
.ui-recommendations-comparator .andes-table__header {
    display: table-cell;
    padding: 15px 16px;
    text-align: left;
    vertical-align: middle;
    white-space: normal
}

.ui-recommendations-comparator .andes-table__column:first-of-type,
.ui-recommendations-comparator .andes-table__header:first-of-type {
    padding: 15px 24px
}

.ui-recommendations-comparator .andes-table__column:last-of-type,
.ui-recommendations-comparator .andes-table__header:last-of-type {
    padding: 15px 24px 15px 16px
}

.ui-recommendations-comparator .andes-table__column:before,
.ui-recommendations-comparator .andes-table__header:before {
    content: "";
    margin: 0;
    padding: 0;
    width: 100%
}

.ui-recommendations-comparator .andes-table .andes-table__column-checkbox,
.ui-recommendations-comparator .andes-table__header-checkbox {
    width: 18px
}

.ui-recommendations-comparator .andes-table__column--center,
.ui-recommendations-comparator .andes-table__header--center {
    text-align: center
}

.ui-recommendations-comparator .andes-table__column--right,
.ui-recommendations-comparator .andes-table__header--right {
    text-align: right
}

.ui-recommendations-comparator .andes-table__row {
    border: 0;
    display: table-row
}

.ui-recommendations-comparator .andes-table__body {
    display: table-row-group
}

.ui-recommendations-comparator__wrapper-ref .andes-tab-content {
    padding: 0
}

.ui-recommendations-comparator {
    font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif
}

.ui-recommendations-comparator__table__shadow-container {
    position: relative
}

.ui-recommendations-comparator__table__shadow-container.collapsed {
    height: 500px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative
}

.ui-recommendations-comparator__table__shadow-container.collapsed:before {
    background-color: #fff;
    background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, .75) 35%, hsla(0, 0%, 100%, .45) 70%, hsla(0, 0%, 100%, .25) 85%, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 10
}

.ui-recommendations-comparator__table__container {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.ui-recommendations-comparator__table__container::-webkit-scrollbar {
    display: none
}

.ui-recommendations-comparator__table__container.two-cols .ui-recommendations-comparator__table {
    border-right: 0
}

.ui-recommendations-comparator__table__container.two-cols .ui-recommendations-comparator__table__body__column {
    max-width: 132px
}

.ui-recommendations-comparator__table__container.two-cols .ui-recommendations-comparator__reviews__label {
    display: block
}

.ui-recommendations-comparator__table__container.two-cols .ui-recommendations-comparator__reviews__amount {
    margin-left: 0
}

.ui-recommendations-comparator__icon.chevron-down {
    transform: rotate(90deg)
}

@media(max-width: 360px) {
    .ui-recommendations-comparator__table-container.two-cols {
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
        overflow-x: auto
    }

    .ui-recommendations-comparator__table-container.two-cols .ui-recommendations-comparator__table {
        border-right: 16px solid #fff;
        margin-left: 16px
    }
}

.ui-recommendations-comparator__title {
    color: rgba(0, 0, 0, .9)
}

.ui-recommendations-comparator__wrapper-ref {
    overflow: hidden;
    padding: 0
}

.ui-recommendations-comparator__title {
    font-size: 20px;
    font-weight: 400;
    margin: 0 16px 16px
}

.ui-recommendations-comparator__reviews {
    display: inline-block
}

.ui-recommendations-comparator__reviews__rating {
    color: rgba(0, 0, 0, .55);
    font-weight: 400
}

.ui-recommendations-comparator__reviews__amount {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400
}

.ui-recommendations-comparator__reviews__ratings {
    display: flex
}

.ui-recommendations-comparator__reviews__ratings .ui-recommendations-comparator__icon {
    height: 15px;
    margin-right: 3px;
    width: 15px
}

.ui-recommendations-comparator__reviews__label {
    align-items: center;
    display: flex
}

.ui-recommendations-comparator__reviews__amount {
    font-size: 12px;
    margin-left: 1px
}

.ui-recommendations-comparator__reviews__rating {
    font-size: 12px;
    margin: 1px 4px 0 0
}

.ui-recommendations-comparator__reviews__label {
    justify-content: center
}

.ui-recommendations-comparator__table .andes-table__head .andes-table__header {
    position: relative
}

.ui-recommendations-comparator__table__header__image {
    margin: 0 auto;
    object-fit: contain
}

.ui-recommendations-comparator__table__header__title {
    color: rgba(0, 0, 0, .9);
    display: -webkit-box;
    font-weight: 600;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 8px 0 24px
}

.ui-recommendations-comparator__table__header__link__text {
    bottom: 16px;
    color: var(--andes-color-blue-500, #3483fa);
    display: inline-block;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap
}

.ui-recommendations-comparator__table__header__link__text:active,
.ui-recommendations-comparator__table__header__link__text:hover,
.ui-recommendations-comparator__table__header__link__text:visited {
    color: var(--andes-color-blue-500, #3483fa)
}

.ui-recommendations-comparator__table__header__link__text.no-action {
    color: #8c8c8c
}

.ui-recommendations-comparator__table__header__link,
.ui-recommendations-comparator__table__header__link:hover,
.ui-recommendations-comparator__table__header__link__text,
.ui-recommendations-comparator__table__header__link__text:hover {
    text-decoration: none
}

.ui-recommendations-comparator__table__body__column {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-recommendations-comparator__table__body__column:first-of-type {
    max-width: auto;
    overflow: unset;
    text-overflow: unset;
    white-space: normal
}

.ui-recommendations-comparator__table__body__column .andes-money-amount {
    font-weight: 600;
    vertical-align: baseline
}

.ui-recommendations-comparator__table__body__column .ui-recommendations-comparator__seler:hover,
.ui-recommendations-comparator__table__body__column .ui-recommendations-comparator__seler:visited,
.ui-recommendations-comparator__table__body__column .ui-recommendations-comparator__seller {
    color: var(--andes-color-blue-500, #3483fa);
    text-decoration: none;
    text-transform: capitalize
}

.ui-recommendations-comparator__table__body__column .ui-recommendations-comparator--no-attr {
    display: block;
    position: relative
}

.ui-recommendations-comparator__table__body__column .ui-recommendations-comparator--no-attr:after {
    background: rgba(0, 0, 0, .9);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.ui-recommendations-comparator__table {
    border: 0;
    table-layout: unset
}

.ui-recommendations-comparator__table .andes-table__body .andes-table__column:first-of-type,
.ui-recommendations-comparator__table .andes-table__body .andes-table__column:last-of-type,
.ui-recommendations-comparator__table .andes-table__head .andes-table__header:first-of-type,
.ui-recommendations-comparator__table .andes-table__head .andes-table__header:last-of-type {
    padding: 15px 16px
}

.ui-recommendations-comparator__table .andes-table__head .andes-table__header {
    vertical-align: baseline
}

.ui-recommendations-comparator__table .andes-table__head .andes-table__row:hover {
    background: transparent
}

.ui-recommendations-comparator__table .andes-table__body .andes-table__row {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top-left-radius: 50px
}

.ui-recommendations-comparator__table .andes-table__body .andes-table__row:first-child {
    border-top: 1px solid #eee
}

.ui-recommendations-comparator__table .andes-table__body .andes-table__row .andes-table__column {
    border-right: 1px solid #eee
}

.ui-recommendations-comparator__table .andes-table__body .andes-table__row .andes-table__column:last-child {
    border-right: 0
}

.ui-recommendations-comparator__table tbody tr:nth-child(2n),
.ui-recommendations-comparator__table tbody tr:nth-child(2n):hover {
    background: #fff
}

.ui-recommendations-comparator__table tbody tr:nth-child(2n) .andes-table__column:first-child,
.ui-recommendations-comparator__table tbody tr:nth-child(odd),
.ui-recommendations-comparator__table tbody tr:nth-child(odd):hover {
    background: #f5f5f5
}

.ui-recommendations-comparator__table tbody .andes-table__column:first-child {
    font-weight: 600;
    max-width: 180px;
    width: 180px
}

.ui-recommendations-comparator__table {
    border-right: 16px solid #fff;
    margin-left: 16px
}

.ui-recommendations-comparator__table thead .andes-table__header:first-child {
    background: #fff
}

.ui-recommendations-comparator__table__header__image {
    max-height: 100px;
    max-width: 100px
}

.ui-recommendations-comparator__table__header__title {
    font-size: 12px;
    line-height: 1.33
}

.ui-recommendations-comparator__table__header__link__text {
    font-size: 12px
}

.ui-recommendations-comparator__table__body__column {
    max-width: 160px
}

.ui-recommendations-comparator tbody .andes-table__column {
    font-size: 12px
}

.ui-recommendations-comparator .andes-button.table-button {
    font-size: 14px;
    margin: 8px 0 0 16px;
    padding-left: 0
}

.ui-recommendations-comparator .andes-button.table-button:hover {
    background: none
}

.ui-recommendations-comparator .andes-button.table-button:focus {
    border: 0;
    box-shadow: none
}

.ui-recommendations-comparator .andes-button.table-button svg {
    display: inline-block;
    margin-left: 8px;
    margin-top: 2px
}

.ui-recommendations-comparator .andes-tabs__wrapper .andes-tabs__slider {
    bottom: 0;
    top: auto
}

.ui-recommendations-comparator .andes-tabs__wrapper .andes-tab__link {
    font-size: 13px
}

.ui-recommendations-comparator .andes-tabs__wrapper .andes-tab--selected {
    font-weight: 500
}

@media(max-width: 360px) {
    .ui-recommendations-comparator__wrapper-ref .andes-tabs__wrapper .andes-tab__link {
        font-size: 12px
    }
}

.ui-recommendations-carousel-container-img {
    display: none;
    height: 0;
    width: 0
}

.ui-recommendations-list {
    margin: 0
}

.ui-recommendations-list a:active,
.ui-recommendations-list a:link,
.ui-recommendations-list a:visited {
    text-decoration: none
}

.ui-recommendations-list__items-wrapper--default,
.ui-recommendations-list__items-wrapper--double,
.ui-recommendations-list__items-wrapper--grid,
.ui-recommendations-list__items-wrapper--horizontal,
.ui-recommendations-list__items-wrapper--pads,
.ui-recommendations-list__items-wrapper--single {
    margin: 0;
    padding: 0
}

.ui-recommendations-title-link {
    color: rgba(0, 0, 0, .9);
    display: inline-block;
    font-weight: 400;
    margin: 0
}

.ui-recommendations-title:hover,
.ui-recommendations-title:visited {
    color: rgba(0, 0, 0, .9)
}

.ui-recommendations-title:not(:last-child) {
    margin-right: 16px
}

.ui-recommendations-title .ui-recommendations-icon {
    vertical-align: middle
}

.ui-recommendations-title-link {
    font-size: 20px
}

.ui-recommendations-title .ui-recommendations-icon-cpg_icon {
    height: 12px;
    width: 130px
}

.ui-recommendations-title .ui-recommendations-icon-full_icon {
    height: 16px;
    width: 50px
}

.ui-recommendations-subtitle {
    align-self: baseline
}

.ui-recommendations-subtitle-link {
    color: #3483fa;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-decoration: none
}

.ui-recommendations-subtitle:visited {
    color: #3483fa
}

.ui-recommendations-subtitle:hover {
    color: #1259c3
}

.ui-recommendations-font-color--GRAY {
    color: rgba(0, 0, 0, .55)
}

.ui-recommendations-font-color--LIGHT_GRAY {
    color: rgba(0, 0, 0, .07)
}

.ui-recommendations-font-color--DARK_GRAY {
    color: rgba(0, 0, 0, .9)
}

.ui-recommendations-font-color--BLACK {
    color: #000
}

.ui-recommendations-font-size--XXSMALL {
    font-size: 10px
}

.ui-recommendations-font-size--XSMALL {
    font-size: 12px
}

.ui-recommendations-font-size--SMALL {
    font-size: 14px
}

.ui-recommendations-font-size--MEDIUM {
    font-size: 16px
}

.ui-recommendations-font-size--LARGE {
    font-size: 18px
}

.ui-recommendations-font-size--XLARGE {
    font-size: 20px
}

.ui-recommendations-font-size--XXLARGE {
    font-size: 24px
}

.ui-recommendations-font-size--XXXLARGE {
    font-size: 28px
}

.ui-recommendations-font-family--LIGHT {
    font-weight: 300
}

.ui-recommendations-font-family--REGULAR {
    font-weight: 400
}

.ui-recommendations-font-family--SEMIBOLD {
    font-weight: 600
}

.ui-recommendations-font-family--BOLD {
    font-weight: 700
}

.ui-recommendations-title-tag {
    align-items: center;
    color: rgba(0, 0, 0, .55);
    display: flex;
    flex-basis: 100%;
    font-size: 12px;
    font-weight: 400;
    margin: 4px 0 0;
    order: 3
}

.ui-recommendations-title-tag button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.ui-recommendations-title-tag__text {
    align-items: center;
    display: flex;
    line-height: 15px
}

.ui-recommendations-title-tag .ui-recommendations-icon-button {
    display: flex
}

.ui-recommendations-title-tag .ui-recommendations-icon {
    margin-left: 4px
}

.ui-recommendations-footer__link {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    width: 100%
}

.ui-recommendations-footer__wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.ui-recommendations-footer__chevron {
    display: flex
}

.ui-recommendations-footer-icon {
    height: 14px;
    stroke: #3483fa;
    width: 9px
}

.ui-recommendations-list {
    padding: 0 var(--list-padding, 0)
}

.ui-recommendations-list__container--default,
.ui-recommendations-list__container--grid,
.ui-recommendations-list__container--single {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    display: block
}

.ui-recommendations-list__container--default .ui-recommendations-list__header,
.ui-recommendations-list__container--grid .ui-recommendations-list__header,
.ui-recommendations-list__container--single .ui-recommendations-list__header {
    align-items: center;
    background-color: #fff;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    padding: 0 16px
}

.ui-recommendations-list__container--default .ui-recommendations-list__header-titles,
.ui-recommendations-list__container--grid .ui-recommendations-list__header-titles,
.ui-recommendations-list__container--single .ui-recommendations-list__header-titles {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.ui-recommendations-list__container--default .ui-recommendations-title-link,
.ui-recommendations-list__container--grid .ui-recommendations-title-link,
.ui-recommendations-list__container--single .ui-recommendations-title-link {
    color: rgba(0, 0, 0, .9);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 12px 0;
    text-decoration: none
}

.ui-recommendations-list__container--default .ui-recommendations-title-tag,
.ui-recommendations-list__container--grid .ui-recommendations-title-tag,
.ui-recommendations-list__container--single .ui-recommendations-title-tag {
    margin: -8px 0 0;
    padding: 0 0 12px
}

.ui-recommendations-list__container--default .ui-recommendations-title:visited,
.ui-recommendations-list__container--grid .ui-recommendations-title:visited,
.ui-recommendations-list__container--single .ui-recommendations-title:visited {
    color: rgba(0, 0, 0, .9)
}

.ui-recommendations-list__container--default .ui-recommendations-footer__link,
.ui-recommendations-list__container--grid .ui-recommendations-footer__link,
.ui-recommendations-list__container--single .ui-recommendations-footer__link {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    color: #3483fa;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 48px;
    padding: 0 16px;
    text-decoration: none
}

.ui-recommendations-list__container--double {
    background-color: #fff;
    display: block
}

.ui-recommendations-list__container--double .ui-recommendations-footer__link {
    align-items: center;
    border: 1px solid #ededed;
    border-radius: 4px;
    color: #3483fa;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 48px;
    padding: 16px;
    width: 100%
}

.ui-recommendations-list__items-wrapper--double {
    margin-bottom: 16px
}

.ui-recommendations-list__items-wrapper--grid {
    background-color: #fff;
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-areas: "a a"
}

.ui-recommendations-list__items-wrapper--default,
.ui-recommendations-list__items-wrapper--grid,
.ui-recommendations-list__items-wrapper--single {
    border: 1px solid #ededed
}

.ui-recommendations-card--horizontal {
    flex-direction: row
}

.ui-recommendations-card--horizontal .ui-recommendations-card__attributes-pill {
    margin-top: 0
}

.ui-recommendations-card__action {
    background: none;
    border: 0;
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-recommendations-card__action-label {
    color: #3483fa;
    display: block;
    font-size: 14px;
    line-height: .86
}

.ui-recommendations-card {
    transition-duration: .1s;
    transition-property: height, max-height;
    transition-timing-function: ease-out
}

.ui-recommendations-card__action,
.ui-recommendations-card__title {
    transition-property: opacity .1s ease-out
}

.ui-recommendations-card__attributes-pill {
    align-items: center;
    display: flex;
    margin-bottom: 1px;
    margin-top: 14px
}

.ui-recommendations-card__attributes-pill:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__attributes-pill-label {
    align-items: center;
    border-radius: 2px;
    color: #fff;
    display: flex;
    flex: 0 1 auto;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    padding: 2px 4px
}

.ui-recommendations-card__attributes-pill-label--success {
    background-color: #00a650
}

.ui-recommendations-card__attributes-pill-label--neutral {
    background-color: #3483fa
}

.ui-recommendations-card__attributes-pill-icon {
    margin-right: 4px
}

.ui-recommendations-card__attributes {
    color: #333;
    display: block;
    font-size: 14px;
    margin-bottom: 8px;

}

.ui-recommendations-card__attributes:last-child,
.ui-recommendations-card__benefits-block:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__bookmark-button {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .7);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: 0;
    padding: 0;
    position: absolute;
    z-index: 2
}

.ui-recommendations-card__bookmark-button-icon {
    fill: #3483fa;
    position: absolute
}

.ui-recommendations-card__bookmark-button-icon-full {
    opacity: 0;
    transform: scale(0);
    transition: opacity .25s ease-in-out, transform .35s cubic-bezier(0, 0, .3, 1.5)
}

.ui-recommendations-card__bookmark-button-icon-full--active {
    opacity: 1;
    transform: scale(1)
}

.ui-recommendations-card__bookmark-button--bookmarked {
    opacity: 1
}

.ui-recommendations-card__brand {
    background: none;
    border: 0;
    color: #999;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
    left: 0;
    line-height: 1.3;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.ui-recommendations-card__pill {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    flex: 0 1 auto;
    gap: 4px;
    height: 18px;
    line-height: 1;
    overflow: hidden;
    padding: 3px 4px;
    vertical-align: middle
}

.ui-recommendations-card__highlight-deal {
    display: flex
}

.ui-recommendations-card__highlight-deal:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__image-container {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    overflow: hidden
}

.ui-recommendations-card__image-overlay {
    background: rgba(0, 0, 0, .04);
    border-radius: 8px;
    position: absolute
}

.ui-recommendations-card__installments {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.ui-recommendations-card__installments-alternative-text,
.ui-recommendations-card__installments-original-price,
.ui-recommendations-card__installments-price,
.ui-recommendations-card__installments-price--free {
    display: flex;
    flex-wrap: wrap;
    line-height: 1;
    margin-right: 0;
    margin-top: 1px
}

.ui-recommendations-card__installments-alternative-text {
    padding-top: 1px
}

.ui-recommendations-card__installments-price {
    color: rgba(0, 0, 0, .8)
}

.ui-recommendations-card__installments-price--free {
    color: #00a650
}

.ui-recommendations-card__installments-before-text,
.ui-recommendations-card__installments-middle-text {
    white-space: pre
}

.ui-recommendations-card__installments .andes-money-amount {
    display: inline-flex
}

.ui-recommendations-card__last-buy {
    color: rgba(0, 0, 0, .55);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-top: auto
}

.ui-recommendations-card__melicoin {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
    width: 100%
}

.ui-recommendations-card__melicoin:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__melicoin-text {
    align-items: center;
    background: #fff1cb;
    border-radius: 2px;
    color: #a47b2e;
    display: flex;
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 600;
    padding: 1px 4px;
    white-space: pre
}

.ui-recommendations-card__melicoin-text:has(>svg) {
    min-height: 15px
}

.ui-recommendations-card__melicoin-text svg {
    height: 15px;
    width: 15px
}

.ui-recommendations-card__melicoin-text .ui-recommendations-card__price {
    color: #a47b2e;
    font-weight: 600;
    line-height: inherit
}

.ui-recommendations-card__online-booking {
    margin-bottom: 12px
}

.ui-recommendations-card__online-booking:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__online-booking-title {
    background: rgba(65, 137, 230, .15);
    border-radius: 2px;
    color: #2968c8;
    font-size: 14px;
    font-weight: 600;
    height: 18px;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 1px 4px;
    width: 105px
}

.ui-recommendations-card__online-booking-subtitle {
    color: #2968c8;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.ui-recommendations-card__installments_options {
    color: rgba(0, 0, 0, .9);
    margin-top: 4px
}

.ui-recommendations-card__installments_options-option {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px
}

.ui-recommendations-card__price-block {
    overflow: visible;
    position: relative
}

.ui-recommendations-card__price-block:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__price-text {
    font-size: 20px
}

.ui-recommendations-card__price-top {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-size: 24px;
    position: relative
}

.ui-recommendations-card__price-top:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__price-original-price {
    color: rgba(0, 0, 0, .45);
    line-height: 1;
    margin-bottom: 4px
}

.ui-recommendations-card__price-and-discount {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.ui-recommendations-card__price-and-discount .ui-recommendations-card__price {
    color: #333;
    margin-right: 4px
}

.ui-recommendations-card__price-and-discount .ui-recommendations-card__price:last-child {
    margin-right: 0
}

.ui-recommendations-card__rebates {
    align-items: center;
    margin-bottom: 4px
}

.ui-recommendations-card__rebates:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__rebates-tag {
    background-color: rgba(52, 131, 250, .2);
    border-radius: 3px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: #3483fa;
    display: inline;
    font-weight: 600;
    line-height: 20px;
    margin-right: 4px;
    max-width: 190px;
    padding: 1px 4px
}

.ui-recommendations-card__rebates-remaining {
    display: block
}

.ui-recommendations-card__rebates-remaining--orange {
    color: #f73
}

.ui-recommendations-card__rebates-remaining--gray {
    color: rgba(0, 0, 0, .45)
}

.ui-recommendations-card__rebates-block:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__shipping {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    height: auto;
    left: unset;
    min-height: 13px;
    position: relative;
    right: unset;
    top: unset;
    width: auto
}

.ui-recommendations-card__shipping:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__shipping-text {
    color: #00a650;
    line-height: 15px
}

.ui-recommendations-card__shipping-subtext {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400;
    line-height: 15px
}

.ui-recommendations-card__shipping-promise {
    align-items: center;
    border-radius: 2px;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 13px;
    padding: 2px 4px
}

.ui-recommendations-card__shipping-promise--light {
    background-color: rgba(0, 166, 80, .1);
    color: #00a650
}

.ui-recommendations-card__shipping-promise--dark {
    background-color: #00a650;
    color: #fff
}

.ui-recommendations-card__shipping-icon {
    fill: #00a650;
    display: inline;
    height: 13px;
    left: unset;
    margin: 0;
    position: relative;
    top: 1px;
    width: 41px
}

.ui-recommendations-card__title {
    display: -webkit-box;
    max-height: 2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    overflow-wrap: anywhere
}

.ui-recommendations-card__title:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__link,
.ui-recommendations-card__link:active,
.ui-recommendations-card__link:focus,
.ui-recommendations-card__link:hover {
    text-decoration: none
}

.ui-recommendations-card__link:focus-visible {
    box-shadow: none
}

.ui-recommendations-card__link:focus-visible:before {
    outline: 1px auto -webkit-focus-ring-color
}

.ui-recommendations-card__link:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.ui-recommendations-card__link--button {
    background: none;
    border: 0;
    padding: 0;
    text-align: left
}

.ui-recommendations-card__link--button>span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere
}

.ui-recommendations-card__value-proposition:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__value-proposition-label {
    color: rgba(0, 0, 0, .45);
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.1px;
    line-height: 1.25;
    margin: 2px 0 0
}

.ui-recommendations-card__vertical-highlight {
    display: block;
    min-height: 9px
}

.ui-recommendations-card__vertical-highlight:last-child {
    margin-bottom: 0
}

.ui-recommendations-card__vertical-highlight-icon {
    display: flex;
    height: 9px
}

.ui-recommendations-card {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    font-weight: 400;
    margin: 0;
    position: relative;
    white-space: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    z-index: 1
}

.ui-recommendations-card:after,
.ui-recommendations-card:hover,
.ui-recommendations-card:hover:after {
    box-shadow: none
}

.ui-recommendations-card__content-and-hidden {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    width: 100%
}

.ui-recommendations-card__hidden--with-actions-or-brand {
    position: relative;
    z-index: 2
}

.ui-recommendations-card--vertical {
    flex-direction: column
}

.ui-recommendations-card--vertical .ui-recommendations-card__bookmark-button {
    height: 30px;
    right: 12px;
    top: 12px;
    width: 30px
}

.ui-recommendations-card--vertical .ui-recommendations-card__bookmark-button-icon {
    width: 18px
}

.ui-recommendations-card--vertical .ui-recommendations-card__image-container {
    width: 100%
}

.ui-recommendations-card--vertical .ui-recommendations-card__action {
    padding: 16px 0
}

.ui-recommendations-card__promotion-pill {
    display: flex;
    position: absolute
}

.ui-recommendations-card__promotion-pill .ui-recommendations-card__pill {
    background-color: var(--promotion-tag-background-color, #f29f05);
    border-color: var(--promotion-tag-border-color, #f29f05);
    gap: 2px
}

.ui-recommendations-card__promotion-pill .ui-recommendations-card__pill-prefix {
    font-weight: var(--promotion-tag-font-weight, 700)
}

.ui-recommendations-card__promotion-pill .ui-recommendations-card__pill {
    border-radius: var(--promotion-tag-mobile-border-radius, 16px);
    color: var(--textColorBySecondaryColorVar);
    font-size: 10px;
    height: 20px;
    justify-content: center;
    margin: 4px;
    min-width: 56px;
    padding: 3px 2px
}

.ui-recommendations-card__action,
.ui-recommendations-card__brand {
    opacity: 1;
    position: relative
}

.ui-recommendations-card__bookmark-button {
    opacity: 1
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal {
    border-radius: 6px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    height: auto;
    min-width: 270px;
    padding: 12px 8px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal:not(:last-child) {
    margin-bottom: 0;
    margin-right: 12px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__bookmark-button {
    height: 24px;
    right: 8px;
    top: 8px;
    width: 24px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__bookmark-button-icon {
    width: 15px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__highlight-deal:not(:last-child),
.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__top-brand:not(:last-child) {
    margin-bottom: 8px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__top-brand:not(:last-child) .ui-recommendations-card__pill {
    padding: 0
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__image-container {
    height: 100%
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__image {
    height: 80px;
    object-fit: cover;
    width: 80px
}

@media(min-width: 1248px) {
    .ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__image {
        height: 100px;
        width: 100px
    }
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__content-and-hidden--with-bookmark .ui-recommendations-card__title {
    margin-right: 18px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__content {
    padding: 0 0 0 8px;
    width: 100%
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__benefits-block:not(:last-child),
.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__price-block:not(:last-child),
.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__price-top:not(:last-child) {
    margin-bottom: 6px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__melicoin-text,
.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__rebates {
    font-size: 12px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__shipping:not(:last-child) {
    margin-bottom: 6px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__shipping-text {
    font-size: 14px;
    font-weight: 600
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__installments-original-price,
.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__installments-price,
.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__installments-price--free .ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__installments-alternative-text {
    font-size: 14px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__title:not(:last-child) {
    margin-bottom: 4px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__vertical-highlight:not(:last-child) {
    margin-bottom: 6px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__hidden {
    padding: 0 0 0 8px
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__action {
    padding: 12px 0
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__action-label {
    text-align: initial
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__link {
    color: rgba(0, 0, 0, .8)
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__link--button {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__attributes-pill {
    margin-top: 0
}

.ui-recommendations-carousel-free .ui-recommendations-card--horizontal .ui-recommendations-card__last-buy:not(:last-child) {
    margin-bottom: 6px
}

.ui-recommendations-carousel-free.tablet-layout .ui-recommendations-card--horizontal {
    width: 40vw
}

.ui-recommendations-carousel-free:not(.tablet-layout) .ui-recommendations-card--horizontal {
    width: 90vw
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal {
    padding: 30px 0
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__bookmark-button {
    height: 24px;
    right: 8px;
    top: 26px;
    width: 24px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__bookmark-button-icon {
    width: 15px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__highlight-deal:not(:last-child),
.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__top-brand:not(:last-child) {
    margin-bottom: 8px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__top-brand:not(:last-child) .ui-recommendations-card__pill {
    padding: 0
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__image-container {
    height: 100%
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__image {
    height: 90px;
    object-fit: cover;
    width: 90px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__content-and-hidden--with-bookmark .ui-recommendations-card__title {
    margin-right: 32px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0 0 16px;
    width: 100%
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__price-block:not(:last-child) {
    margin-bottom: 12px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__price-top:not(:last-child) {
    margin-bottom: 2px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__installments-alternative-text,
.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__installments-original-price,
.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__installments-price,
.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__installments-price--free {
    font-size: 14px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__benefits-block:not(:last-child) {
    margin-bottom: 12px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__melicoin-text,
.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__rebates {
    font-size: 12px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__shipping:not(:last-child) {
    margin-bottom: 12px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__shipping-text {
    font-size: 14px;
    font-weight: 600
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__title:not(:last-child) {
    margin-bottom: 12px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__link {
    color: rgba(0, 0, 0, .8)
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__link--button {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__last-buy:not(:last-child),
.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__vertical-highlight:not(:last-child) {
    margin-bottom: 12px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__hidden {
    padding: 0 0 0 16px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__action {
    margin-top: 12px
}

.ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__action-label {
    text-align: initial
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical {
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    height: auto;
    width: 222px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__highlight-deal:not(:last-child),
.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__top-brand:not(:last-child) {
    margin-bottom: 8px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__top-brand:not(:last-child) .ui-recommendations-card__pill {
    padding: 0
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__image-container {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__image {
    height: 220px;
    object-fit: cover;
    width: 220px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__content {
    border-top: 1px solid rgba(51, 51, 51, .1);
    padding: 16px 16px 0
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__price-block:not(:last-child) {
    margin-bottom: 8px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__price-top:not(:last-child) {
    margin-bottom: 4px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__shipping:not(:last-child) {
    margin-bottom: 8px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__shipping-text {
    font-size: 14px;
    font-weight: 600
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__installments-alternative-text,
.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__installments-original-price,
.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__installments-price,
.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__installments-price--free {
    font-size: 14px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__benefits-block:not(:last-child) {
    margin-bottom: 8px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__melicoin-text,
.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__rebates {
    font-size: 12px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__title:not(:last-child) {
    margin-bottom: 8px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__link {
    color: rgba(0, 0, 0, .8)
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__link--button {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__last-buy:not(:last-child),
.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__value-proposition:not(:last-child),
.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__vertical-highlight:not(:last-child) {
    margin-bottom: 8px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__hidden {
    padding: 0 16px 16px
}

.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__action,
.ui-recommendations-carousel-free .ui-recommendations-card--vertical .ui-recommendations-card__brand {
    margin-top: 8px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical {
    border: 0;
    border-bottom: 1px solid #ededed;
    list-style: none;
    margin: 0
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical:last-child,
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical:nth-last-of-type(-n+2):nth-child(odd) {
    border-bottom: 0
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical:nth-child(odd) {
    border-right: 1px solid #ededed
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__highlight-deal:not(:last-child),
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__top-brand:not(:last-child) {
    margin-bottom: 4px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__top-brand:not(:last-child) .ui-recommendations-card__pill {
    padding: 0
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__image-container {
    height: auto;
    padding: 8px 8px 5px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__image {
    height: auto;
    max-width: 150px;
    object-fit: cover;
    width: 100%
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 8px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__price-block:not(:last-child),
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__price-top:not(:last-child) {
    margin-bottom: 4px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__installments-alternative-text,
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__installments-price,
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__installments-price--free {
    font-size: 12px;
    font-weight: 300
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__installments-alternative-text .andes-money-amount,
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__installments-price .andes-money-amount,
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__installments-price--free .andes-money-amount {
    font-weight: 300
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__benefits-block:not(:last-child) {
    margin-bottom: 4px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__melicoin-text,
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__rebates {
    font-size: 12px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__shipping:not(:last-child) {
    margin-bottom: 4px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__shipping-text {
    font-size: 12px;
    font-weight: 600
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__title {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__title:not(:last-child) {
    margin-bottom: 8px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__link {
    color: rgba(0, 0, 0, .55)
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__link--button {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__hidden {
    padding: 0 8px 6px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__last-buy:not(:last-child),
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__value-proposition:not(:last-child),
.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__vertical-highlight:not(:last-child) {
    margin-bottom: 4px
}

.ui-recommendations-list__items-wrapper--grid .ui-recommendations-card--vertical .ui-recommendations-card__brand {
    margin-top: 4px
}

.ui-recommendations-carousel-free .poly-component__compats {
    font-size: 12px
}

.seo-ui-extended-menu-mobile {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif
}

.seo-ui-extended-menu-mobile__header {
    margin-bottom: 16px;
    width: 100%
}

.seo-ui-extended-menu-mobile__header__title {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0
}

.seo-ui-extended-menu-mobile__accordion-container {
    column-count: unset;
    display: block;
    overflow-x: initial;
    overflow-y: initial
}

.seo-ui-extended-menu-mobile__accordion-container .andes-accordion-panel-transition__inner {
    background-color: #f5f5f5
}

.seo-ui-extended-menu-mobile__accordion-container .andes-accordion-header-container__title {
    font-size: 14px;
    font-weight: 600
}

.seo-ui-extended-menu-mobile__group_title {
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.seo-ui-extended-menu-mobile__list {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400;
    list-style-type: none;
    margin: 4px 0 0;
    padding-left: 0
}

.seo-ui-extended-menu-mobile__link:not(:last-child) {
    margin-bottom: 16px
}

.seo-ui-extended-menu-mobile__anchor {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400;
    max-width: 216px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.seo-ui-extended-menu-mobile__anchor:hover {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.poly-phrase-price {
    display: inline !important;
    font-weight: inherit !important
}

.poly-box {
    background-color: transparent;
    font-size: 0;
    line-height: 1;
    margin: 0;
    padding: 0
}

.poly-text {
    color: rgba(0, 0, 0, .9);
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    text-transform: none
}

.poly-text-primary {
    color: rgba(0, 0, 0, .9) !important
}

.poly-text-secondary {
    color: rgba(0, 0, 0, .55) !important
}

.poly-text-disabled {
    color: rgba(0, 0, 0, .25) !important
}

.poly-text-inverted {
    color: #fff !important
}

.poly-text-attention {
    color: #1a1a1a !important
}

.poly-text-negative {
    color: #f23d4f !important
}

.poly-text-negative-secondary {
    color: #d12440 !important
}

.poly-text-caution {
    color: #f73 !important
}

.poly-text-caution-secondary {
    color: #e6540b !important
}

.poly-text-positive {
    color: #00a650 !important
}

.poly-text-positive-secondary {
    color: #008744 !important
}

.poly-text-accent {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa)) !important
}

.poly-text-accent-secondary {
    color: var(--andes-color-blue-700, #1f4e96) !important
}

.poly-fw-light {
    font-weight: 300 !important
}

.poly-fw-regular {
    font-weight: 400 !important
}

.poly-fw-semibold {
    font-weight: 600 !important
}

.poly-fw-bold {
    font-weight: 700 !important
}

.poly-fs-xxs {
    font-size: 10px !important
}

.poly-fs-xs {
    font-size: 12px !important
}

.poly-fs-s {
    font-size: 14px !important
}

.poly-fs-xm {
    font-size: 16px !important
}

.poly-fs-m {
    font-size: 18px !important
}

.poly-fs-l {
    font-size: 20px !important
}

.poly-fs-xl {
    font-size: 24px !important
}

.poly-fs-xxl {
    font-size: 28px !important
}

.poly-fs-xxxl {
    font-size: 32px !important
}

.poly-fs-huge {
    font-size: 44px !important
}

.poly-lh-xxs {
    line-height: 1 !important
}

.poly-lh-xs {
    line-height: 1.15 !important
}

.poly-lh-s {
    line-height: 1.25 !important
}

.poly-lh-xm {
    line-height: 1.35 !important
}

.poly-lh-m {
    line-height: 1.45 !important
}

.poly-lh-l {
    line-height: 1.56 !important
}

.poly-lh-xl {
    line-height: 1.79 !important
}

.poly-lh-xxl {
    line-height: 2.03 !important
}

.poly-lh-xxxl {
    line-height: 2.26 !important
}

.poly-lh-huge {
    line-height: 2.5 !important
}

.poly-tt-capitalize {
    text-transform: capitalize !important
}

.poly-tt-uppercase {
    text-transform: uppercase !important
}

.poly-tt-lowercase {
    text-transform: lowercase !important
}

.poly-tt-none {
    text-transform: none !important
}

.poly-bg-primary {
    background-color: #ededed !important
}

.poly-bg-secondary {
    background-color: #f5f5f5 !important
}

.poly-bg-attention {
    background-color: #fff !important
}

.poly-bg-disabled {
    background-color: rgba(0, 0, 0, .9) !important
}

.poly-bg-inverted {
    background-color: "transparent" !important
}

.poly-bg-negative {
    background-color: #f23d4f !important
}

.poly-bg-negative-secondary {
    background-color: rgba(242, 61, 79, .2) !important
}

.poly-bg-caution {
    background-color: #f73 !important
}

.poly-bg-caution-secondary {
    background-color: rgba(255, 119, 51, .2) !important
}

.poly-bg-positive {
    background-color: #00a650 !important
}

.poly-bg-positive-secondary {
    background-color: rgba(0, 166, 80, .1) !important
}

.poly-bg-accent {
    background-color: var(--andes-color-blue-500, #3483fa) !important
}

.poly-bg-accent-secondary {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2)) !important
}

.poly_empty_star {
    stroke: var(--andes-color-blue-500, #3483fa);
    fill: transparent
}

.poly-action,
.poly-action__button {
    font-size: inherit;
    line-height: inherit
}

.poly-action__button {
    align-items: center;
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0 0 #fff;
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    cursor: pointer;
    display: flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-weight: 600;
    padding: 0
}

.poly-action__button svg {
    margin-right: 4px
}

.poly-action__button:focus {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    outline: none
}

.poly-component__action-links {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: start;
    margin-top: 16px
}

.poly-component__action-links .poly-action-links__action {
    border-left: 1px solid rgba(0, 0, 0, .1);
    font-size: 14px;
    line-height: 18px;
    padding-left: 16px;
    z-index: 2
}

.poly-component__action-links .poly-action-links__action:first-child {
    border: 0;
    margin: 0;
    padding: 0
}

.poly-component__action-links .poly-action-links__action svg {
    margin-right: 4px
}

.poly-component__action-links .poly-action-links__action--button {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.poly-component__action-links .poly-action-links__action--button .andes-button {
    width: 100%
}

.poly-component__action-links .poly-action-links__action--button .andes-button__text {
    display: contents
}

.poly-component__action-links--buttons {
    align-items: start;
    flex-direction: column
}

.poly-card--grid .poly-component__action-links,
.poly-card--grid-card .poly-component__action-links {
    margin-top: 8px
}

.poly-card--grid .poly-component__action-links .poly-action-links__action,
.poly-card--grid-card .poly-component__action-links .poly-action-links__action {
    font-size: 16px;
    line-height: 20px
}

.poly-card--grid-card.poly-card--mobile .poly-component__action-links .poly-action-links__action,
.poly-card--grid.poly-card--mobile .poly-component__action-links .poly-action-links__action {
    line-height: 18px
}

.poly-card--mobile .poly-component__action-links {
    margin-top: 8px
}

.poly-card--small .poly-component__action-links {
    margin: var(--poly-general-component-margin)
}

.poly-card--grid-card.poly-card--small .poly-component__action-links,
.poly-card--grid.poly-card--small .poly-component__action-links {
    flex-wrap: wrap;
    gap: 8px
}

.poly-card--grid-card.poly-card--small .poly-component__action-links .poly-action-links__action,
.poly-card--grid.poly-card--small .poly-component__action-links .poly-action-links__action {
    border-left: unset;
    padding-left: 0
}

.poly-card--medium .poly-component__action-links {
    margin: var(--poly-general-component-margin)
}

.poly-card--grid-card.poly-card--medium .poly-component__action-links,
.poly-card--grid.poly-card--medium .poly-component__action-links {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between
}

.poly-card--grid-card.poly-card--medium .poly-component__action-links .poly-action-links__action,
.poly-card--grid.poly-card--medium .poly-component__action-links .poly-action-links__action {
    border-left: unset;
    padding-left: 0
}

.poly-component__link--action-link {
    align-items: center;
    display: flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: inherit;
    font-weight: 600;
    text-decoration: none
}

.poly-component__link--action-link,
.poly-component__link--action-link:active,
.poly-component__link--action-link:hover,
.poly-component__link--action-link:visited {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.poly-component__link--carousel {
    height: inherit;
    width: inherit
}

.poly-component__link--variations {
    align-items: center;
    color: var(--andes-color-blue-500, #3483fa);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    line-height: 18px;
    text-decoration: none;
    width: 100%
}

.poly-card--mobile .poly-component__link--action-link {
    line-height: 1.25
}

.poly-card--mobile .poly-component__link--variations {
    font-size: 12px;
    line-height: 15px
}

.poly-component__pill {
    margin: 8px 0;
    padding: 2.5px 4px
}

.poly-component__pill+.poly-component__installments-options,
.poly-component__pill+.poly-component__label,
.poly-component__pill+.poly-component__pill {
    margin-top: 0
}

.poly-component__pill+.poly-component__attributes,
.poly-component__pill+.poly-component__attributes-list,
.poly-component__pill+.poly-component__location,
.poly-component__pill+.poly-component__possession-date {
    margin-top: 4px
}

.poly-card--grid .poly-component__pill:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title),
.poly-card--grid-card .poly-component__pill:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title) {
    margin: 20px 0 0
}

.poly-card--list .poly-component__pill:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title),
.poly-card--list-card .poly-component__pill:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title) {
    margin-bottom: 0
}

.poly-card--mobile .poly-component__pill {
    line-height: 12px;
    padding: 3px 4px
}

.poly-card--mobile .poly-component__pill:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title) {
    margin: 12px 0 0
}

.poly-card--small .poly-component__pill {
    margin: var(--poly-general-component-margin)
}

.poly-card--small .poly-component__pill:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title) {
    margin: var(--poly-general-component-margin)
}

.poly-card--medium .poly-component__pill {
    margin: var(--poly-general-component-margin)
}

.poly-card--medium .poly-component__pill:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title) {
    margin: var(--poly-general-component-margin)
}

.poly-component__label {
    margin: 8px 0
}

.poly-component__label+.poly-component__label,
.poly-component__label+.poly-component__pill {
    margin-top: 0
}

.poly-component__label+.poly-component__attributes,
.poly-component__label+.poly-component__attributes-list,
.poly-component__label+.poly-component__location,
.poly-component__label+.poly-component__possession-date {
    margin-top: 4px
}

.poly-card--grid .poly-component__label:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title),
.poly-card--grid-card .poly-component__label:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title) {
    margin: 20px 0 0
}

.poly-card--mobile .poly-component__label {
    line-height: 12px;
    padding: 3px 4px
}

.poly-card--mobile .poly-component__label:has(+.poly-component__brand, +.poly-component__headline, +.poly-component__title) {
    margin: 12px 0 0
}

.poly-card--small .poly-component__label {
    margin: 4px 0 0
}

.poly-component__highlight,
.poly-component__label,
.poly-component__meli-coin,
.poly-component__pill {
    align-items: center;
    background-color: var(--andes-color-blue-500, #3483fa);
    border-radius: 2px;
    color: #fff;
    display: flex;
    flex-basis: auto;
    font-size: 12px;
    font-weight: 600;
    gap: 4px;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 15px;
    padding: 3px 4px 2px;
    width: fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content
}

.poly-component__highlight svg,
.poly-component__label svg,
.poly-component__meli-coin svg,
.poly-component__pill svg {
    align-self: normal;
    height: 14px;
    width: auto
}

.poly-card--grid .poly-component__highlight,
.poly-card--grid-card .poly-component__highlight {
    margin-top: 20px
}

.poly-card--grid-card.poly-card--mobile .poly-component__highlight,
.poly-card--grid.poly-card--mobile .poly-component__highlight,
.poly-card--single .poly-component__highlight {
    margin-top: 12px
}

.poly-card--mobile .poly-component__highlight,
.poly-card--small .poly-component__highlight {
    font-size: 10px;
    line-height: 12px;
    padding: 3px 4px
}

.poly-card--small .poly-component__highlight {
    margin-top: 4px
}

.poly-card--medium .poly-component__highlight {
    font-size: 10px;
    line-height: 12px;
    margin-top: 12px
}

.poly-card .poly-component__brand {
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    margin-top: 12px
}

.poly-card .poly-component__brand+.poly-component__headline,
.poly-card .poly-component__brand+.poly-component__title {
    margin-top: 0
}

.poly-card--grid .poly-component__brand,
.poly-card--grid-card .poly-component__brand {
    margin-top: 16px
}

.poly-card--grid-card.poly-card--mobile .poly-component__brand,
.poly-card--grid.poly-card--mobile .poly-component__brand {
    margin-top: 12px
}

.poly-card--small .poly-component__brand {
    margin-top: 4px
}

.poly-card .poly-component__headline {
    color: rgba(0, 0, 0, .55);
    display: flex;
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin-top: 12px
}

.poly-card .poly-component__headline+.poly-component__title {
    margin-top: 0
}

.poly-card--grid .poly-component__headline,
.poly-card--grid-card .poly-component__headline {
    font-size: 12px;
    margin-top: 16px
}

.poly-card--grid-card.poly-card--mobile .poly-component__headline,
.poly-card--grid.poly-card--mobile .poly-component__headline {
    margin-top: 12px
}

.poly-card--small .poly-component__headline {
    margin-top: 4px
}

.poly-component__seller {
    align-items: center;
    color: rgba(0, 0, 0, .55);
    display: flex;
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin-bottom: 4px
}

.poly-component__seller svg {
    margin-left: 4px
}

a.poly-component__seller {
    text-decoration: none;
    z-index: 2
}

a.poly-component__seller:hover {
    color: #737373
}

.poly-card--single .poly-component__seller {
    margin-top: 4px
}

.poly-card--mobile .poly-component__seller svg {
    height: 12px;
    width: 12px
}

.poly-card--small .poly-component__seller {
    margin-bottom: 0
}

.poly-component__trade-in {
    align-items: center;
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    display: flex;
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin)
}

.poly-component__trade-in svg {
    margin-right: 8px
}

.poly-card--medium .poly-component__trade-in svg,
.poly-card--mobile .poly-component__trade-in svg,
.poly-card--small .poly-component__trade-in svg {
    height: 12px;
    transform: translateY(-1px);
    width: 12px
}

.poly-component__last-available {
    display: flex;
    font-weight: 400
}

.poly-component__last-available,
.poly-component__meli-coin {
    font-size: var(--poly-general-font-size);
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin)
}

.poly-component__meli-coin {
    background-color: #fff1cb;
    color: #a47b2e;
    padding: 1px 4px
}

.poly-component__meli-coin svg {
    height: 18px;
    line-height: 18px;
    transform: translateY(1px);
    width: 18px
}

.poly-card--mobile .poly-component__meli-coin {
    padding: 1px 4px 2px
}

.poly-card--mobile .poly-component__meli-coin svg {
    height: 15px;
    line-height: 15px;
    transform: translateY(0);
    width: 15px
}

.poly-component__attributes {
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin)
}

.poly-component__attributes+.poly-component__attributes-list,
.poly-component__attributes+.poly-component__location,
.poly-component__attributes+.poly-component__possession-date {
    margin-top: 0
}

.poly-component__location {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: rgba(0, 0, 0, .55);
    display: -webkit-box;
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin);
    overflow: hidden;
    text-decoration: none
}

.poly-component__location+.poly-component__possession-date {
    margin-top: 0
}

.poly-card--small .poly-component__location+.poly-component__possession-date {
    margin: var(--poly-general-component-margin)
}

.poly-component__possession-date {
    display: -webkit-box;
    overflow: hidden;
    text-decoration: none
}

.poly-component__possession-date,
.poly-component__variations-text {
    color: rgba(0, 0, 0, .55);
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin)
}

.poly-component__variations-text+.poly-component__item-condition,
.poly-component__variations-text+.poly-component__manufacturing-time {
    margin-top: 0
}

.poly-card--small .poly-component__variations-text+.poly-component__item-condition,
.poly-card--small .poly-component__variations-text+.poly-component__manufacturing-time,
.poly-component__manufacturing-time {
    margin: var(--poly-general-component-margin)
}

.poly-component__manufacturing-time {
    color: rgba(0, 0, 0, .55);
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height)
}

.poly-component__manufacturing-time+.poly-component__item-condition {
    margin-top: 0
}

.poly-card--small .poly-component__manufacturing-time+.poly-component__item-condition {
    margin: var(--poly-general-component-margin)
}

.poly-component__item-condition,
.poly-component__shipped-from {
    color: rgba(0, 0, 0, .55);
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin)
}

.poly-component__shipped-from svg {
    transform: translateY(3px)
}

.poly-card--mobile .poly-component__shipped-from svg,
.poly-card--small .poly-component__shipped-from svg {
    height: 12px;
    width: 38px
}

.poly-component__purchase-options {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin);
    text-decoration: none;
    z-index: 2
}

.poly-component__paused {
    align-items: center;
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 12px 0 8px
}

.poly-component__paused svg {
    margin-right: 8px
}

.poly-card--mobile .poly-component__paused {
    margin: 8px 0
}

.poly-card--single .poly-component__paused {
    margin: 12px 0 8px
}

.poly-card--small .poly-component__paused {
    font-size: 12px;
    line-height: 15px;
    margin: var(--poly-general-component-margin)
}

.poly-card--medium .poly-component__paused {
    margin: 8px 0
}

.poly-component__featured {
    color: rgba(0, 0, 0, .55);
    cursor: pointer;
    display: flex;
    font-size: var(--poly-general-font-size);
    justify-content: flex-end;
    line-height: var(--poly-general-line-height);
    margin-top: 12px;
    text-decoration: none;
    transition: opacity .1s .1s;
    width: 100%
}

.poly-card--grid-card:not(.poly-card--mobile):not(.poly-card--tablet):not(:hover) .poly-component__featured,
.poly-card--grid:not(.poly-card--mobile):not(.poly-card--tablet):not(:hover) .poly-component__featured {
    height: 1px;
    left: -9999px;
    opacity: 0;
    overflow: hidden;
    position: absolute
}

.poly-card--grid-card:not(.poly-card--mobile):not(.poly-card--tablet):hover:not(.poly-card--mobile):not(.poly-card--tablet) .poly-component__featured,
.poly-card--grid:not(.poly-card--mobile):not(.poly-card--tablet):hover:not(.poly-card--mobile):not(.poly-card--tablet) .poly-component__featured {
    height: auto;
    opacity: 1;
    overflow: visible;
    position: unset
}

.poly-card--small .poly-component__featured {
    margin-top: 8px
}

.poly-component__ads-promotions {
    color: rgba(0, 0, 0, .55);
    display: flex;
    font-size: var(--poly-general-font-size);
    justify-content: flex-end;
    line-height: var(--poly-general-line-height);
    margin-top: 12px;
    text-decoration: none;
    width: 100%;
    z-index: 2
}

.poly-component__tour-virtual {
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    justify-content: flex-start;
    letter-spacing: -.1px;
    line-height: 13px;
    margin-top: 12px;
    text-decoration: none;
    text-wrap: nowrap;
    transition: opacity .1s .1s;
    width: 100%
}

.poly-component__tour-virtual svg {
    margin-right: 4px
}

.poly-card--grid-card:not(.poly-card--mobile):not(.poly-card--tablet):not(:hover) .poly-component__tour-virtual,
.poly-card--grid:not(.poly-card--mobile):not(.poly-card--tablet):not(:hover) .poly-component__tour-virtual {
    height: 1px;
    left: -9999px;
    opacity: 0;
    overflow: hidden;
    position: absolute
}

.poly-card--grid-card:not(.poly-card--mobile):not(.poly-card--tablet):hover:not(.poly-card--mobile):not(.poly-card--tablet) .poly-component__tour-virtual,
.poly-card--grid:not(.poly-card--mobile):not(.poly-card--tablet):hover:not(.poly-card--mobile):not(.poly-card--tablet) .poly-component__tour-virtual {
    height: auto;
    opacity: 1;
    overflow: visible;
    position: unset
}

.poly-card--small .poly-component__tour-virtual {
    margin-bottom: 4px;
    margin-top: 14px;
    width: 100%
}

.poly-component__available-units {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: rgba(0, 0, 0, .55);
    display: -webkit-box;
    font-weight: 400;
    overflow: hidden;
    text-decoration: none
}

.poly-component__available-units,
.poly-component__visit-request {
    font-size: var(--poly-general-font-size);
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin)
}

.poly-component__visit-request {
    align-items: center;
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-weight: 600
}

.poly-component__visit-request svg {
    margin-right: 4px
}

.poly-component__visit-request+.poly-component__visit-history {
    margin-top: 0
}

.poly-card--mobile .poly-component__visit-request svg {
    transform: translateY(-1px)
}

.poly-card--small .poly-component__visit-request {
    align-items: start
}

.poly-card--small .poly-component__visit-request+.poly-component__visit-history {
    margin: var(--poly-general-component-margin)
}

.poly-card--small .poly-component__visit-request svg {
    transform: translateY(-1px)
}

.poly-card--medium .poly-component__visit-request {
    align-items: start
}

.poly-card--medium .poly-component__visit-request svg {
    transform: translateY(-1px)
}

.poly-component__visit-history {
    align-items: center;
    display: flex;
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin)
}

.poly-component__visit-history svg {
    margin-right: 4px
}

.poly-card--medium .poly-component__visit-history,
.poly-card--small .poly-component__visit-history {
    align-items: start
}

.poly-component__cbt {
    color: var(--andes-color-blue-600, #2968c8);
    font-size: 12px;
    font-style: italic;
    font-weight: 700
}

.poly-component__cbt,
.poly-component__cpg {
    display: flex;
    line-height: 16px;
    margin: var(--poly-general-component-margin)
}

.poly-card--mobile .poly-component__cpg svg {
    height: auto;
    width: 90px
}

.poly-component__compats {
    align-items: center;
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin)
}

.poly-component__compats svg {
    margin-right: 4px
}

.poly-card--mobile .poly-component__compats svg {
    height: 12px;
    transform: translateY(-1px);
    width: 12px
}

.poly-card--small .poly-component__compats {
    align-items: start
}

.poly-card--small .poly-component__compats svg {
    height: 12px;
    transform: translateY(1px);
    width: 12px
}

.poly-card--medium .poly-component__compats {
    align-items: start
}

.poly-component__installation-services {
    align-items: center;
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    display: flex;
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin)
}

.poly-component__installation-services svg {
    margin-right: 4px
}

.poly-card--mobile .poly-component__installation-services svg {
    height: 12px;
    transform: translateY(-1px);
    width: 12px
}

.poly-card--small .poly-component__installation-services {
    align-items: start
}

.poly-card--small .poly-component__installation-services svg {
    height: 14px;
    width: 14px
}

.poly-card--medium .poly-component__installation-services {
    align-items: start
}

.poly-component__bookmark {
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 3
}

.poly-component__bookmark--active {
    opacity: 1
}

.poly-component__bookmark .poly-bookmark__btn {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .7);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px
}

.poly-component__bookmark .poly-bookmark__btn svg.poly-bookmark__icon-full {
    transition: opacity .25s ease-in-out, transform .35s cubic-bezier(0, 0, .3, 1.5)
}

.poly-component__bookmark .poly-bookmark__btn--active svg.poly-bookmark__icon-full {
    opacity: 1;
    transform: scale(1)
}

.poly-component__bookmark .poly-bookmark__btn:active:focus {
    outline: none
}

.poly-component__bookmark .poly-bookmark__icon-full {
    fill: var(--andes-color-blue-500, #3483fa);
    height: 20px;
    opacity: 0;
    overflow: visible;
    position: absolute;
    transform: scale(0);
    width: 20px
}

.poly-component__bookmark .poly-bookmark__icon-empty {
    fill: transparent;
    stroke: var(--andes-color-blue-500, #3483fa);
    stroke-width: 1px;
    height: 20px;
    opacity: 0;
    overflow: visible;
    position: absolute;
    width: 20px
}

.poly-card:focus-within .poly-component__bookmark,
.poly-card:hover .poly-component__bookmark {
    opacity: 1;
    transition: opacity .1s .1s
}

.poly-card:focus-within .poly-component__bookmark .poly-bookmark__icon-empty,
.poly-card:hover .poly-component__bookmark .poly-bookmark__icon-empty {
    opacity: 1
}

.poly-card:focus-within:not(:hover) .poly-component__bookmark:not(.poly-component__bookmark--active) {
    opacity: 0
}

.poly-card--list .poly-component__bookmark,
.poly-card--list-card .poly-component__bookmark {
    right: 16px;
    top: 16px
}

.poly-card--list .poly-component__bookmark .poly-bookmark__btn,
.poly-card--list-card .poly-component__bookmark .poly-bookmark__btn {
    height: 36px;
    width: 36px
}

.poly-card--list-card.poly-card--mobile .poly-component__bookmark,
.poly-card--list.poly-card--mobile .poly-component__bookmark {
    right: 4px;
    top: 4px
}

.poly-card--list-card.poly-card--mobile .poly-component__bookmark .poly-bookmark__btn,
.poly-card--list.poly-card--mobile .poly-component__bookmark .poly-bookmark__btn {
    height: 32px;
    width: 32px
}

.poly-card--list-card.poly-card--mobile .poly-component__bookmark .poly-bookmark__icon-empty,
.poly-card--list-card.poly-card--mobile .poly-component__bookmark .poly-bookmark__icon-full,
.poly-card--list.poly-card--mobile .poly-component__bookmark .poly-bookmark__icon-empty,
.poly-card--list.poly-card--mobile .poly-component__bookmark .poly-bookmark__icon-full {
    height: 16px;
    width: 16px
}

.poly-card--mobile .poly-component__bookmark {
    opacity: 1;
    right: 12px;
    top: 12px
}

.poly-card--mobile .poly-component__bookmark .poly-bookmark__btn {
    padding: 16px
}

.poly-card--mobile .poly-component__bookmark .poly-bookmark__icon-empty,
.poly-card--tablet .poly-component__bookmark,
.poly-card--tablet .poly-component__bookmark .poly-bookmark__icon-empty {
    opacity: 1
}

.poly-card--small .poly-component__bookmark {
    opacity: 1;
    right: 8px;
    top: 8px
}

.poly-card--small .poly-component__bookmark .poly-bookmark__btn {
    height: 32px;
    width: 32px
}

.poly-card--small .poly-component__bookmark .poly-bookmark__icon-full {
    height: 16px;
    width: 16px
}

.poly-card--small .poly-component__bookmark .poly-bookmark__icon-empty {
    height: 16px;
    opacity: 1;
    width: 16px
}

.poly-card--medium .poly-component__bookmark {
    opacity: 1;
    right: 8px;
    top: 8px
}

.poly-card--medium .poly-component__bookmark .poly-bookmark__btn {
    height: 32px;
    width: 32px
}

.poly-card--medium .poly-component__bookmark .poly-bookmark__icon-full {
    height: 16px;
    width: 16px
}

.poly-card--medium .poly-component__bookmark .poly-bookmark__icon-empty {
    height: 16px;
    opacity: 1;
    width: 16px
}

.poly-component__image-overlay {
    background: rgba(0, 0, 0, .04);
    border-radius: inherit;
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 100%
}

.poly-component__image-overlay+.poly-component__picture {
    align-self: flex-end;
    display: flex
}

.poly-card--grid .poly-component__image-overlay,
.poly-card--grid .poly-component__image-overlay+.poly-component__picture,
.poly-card--grid-card .poly-component__image-overlay,
.poly-card--grid-card .poly-component__image-overlay+.poly-component__picture {
    height: calc(100% - 2px);
    width: calc(100% - 4px)
}

.poly-component__loading {
    bottom: 4px;
    height: 3px;
    position: absolute;
    width: 90%;
    z-index: 2
}

.poly-component__loading+.andes-carousel-snapped__container {
    opacity: 0
}

.poly-component__picture {
    border-radius: inherit;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.poly-component__picture--contain {
    object-fit: contain
}

.poly-card .andes-carousel-snapped__container {
    aspect-ratio: inherit;
    border-radius: inherit;
    height: inherit;
    z-index: 2
}

.poly-card .andes-carousel-snapped__container+.poly-component__picture {
    position: absolute
}

.poly-card .andes-carousel-snapped__container .poly-component__carousel {
    border-radius: inherit;
    margin: 0;
    padding: 0
}

.poly-card .andes-carousel-snapped__container .poly-component__carousel--bg-white {
    background-color: #fff
}

.poly-card .andes-carousel-snapped__controls-wrapper {
    border-radius: inherit;
    height: 100%
}

.poly-card .andes-carousel-snapped__slide img {
    object-position: center
}

.poly-component__image-wrapper {
    margin: 0
}

.poly-component__image-wrapper--image-height {
    display: flex;
    max-height: var(--poly-image-max-height);
    min-height: var(--poly-image-size)
}

.poly-component__image-wrapper--image-height .poly-component__picture {
    height: auto;
    max-width: var(--poly-image-size);
    width: auto
}

.poly-card__checkbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 16px
}

.poly-card__checkbox .andes-checkbox {
    z-index: 3
}

.poly-card--list-card.poly-card--small .poly-card__checkbox,
.poly-card--list.poly-card--small .poly-card__checkbox {
    margin: 0 8px
}

.poly-card--list-card.poly-card--medium .poly-card__checkbox,
.poly-card--list.poly-card--medium .poly-card__checkbox {
    margin: 0 12px
}

.poly-component__add-to-cart {
    margin: 8px 0 4px;
    position: relative;
    width: 100%
}

.poly-component__add-to-cart .poly-add-to-cart__button--no-items,
.poly-component__add-to-cart .poly-add-to-cart__button--other-options,
.poly-component__add-to-cart .poly-add-to-cart__button--steper {
    position: relative;
    z-index: 1
}

.poly-component__add-to-cart .poly-add-to-cart__minimum-label {
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 4px
}

.poly-component__add-to-cart .poly-add-to-cart__shipping-label {
    color: rgba(0, 0, 0, .9);
    display: block;
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    margin-bottom: 8px
}

.poly-component__add-to-cart .poly-add-to-cart__shipping-label .poly-phrase-price {
    font-weight: 600
}

.poly-component__add-to-cart .poly-add-to-cart__shipping-label svg {
    fill: #00a650;
    position: relative;
    top: 4px
}

.poly-card--grid .poly-component__add-to-cart,
.poly-card--grid-card .poly-component__add-to-cart {
    margin: auto 0 4px;
    max-width: 252px;
    padding-top: 8px
}

.poly-card--list .poly-component__add-to-cart,
.poly-card--list-card .poly-component__add-to-cart {
    max-width: 264px
}

.poly-card--list-card.poly-card--mobile .poly-component__add-to-cart,
.poly-card--list.poly-card--mobile .poly-component__add-to-cart {
    max-width: 180px
}

.poly-component__suggestions {
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    width: -webkit-fill-available;
    z-index: 2
}

.poly-component__suggestions * {
    box-sizing: border-box
}

.poly-component__suggestions--open {
    opacity: 1
}

.poly-component__suggestions--open:before {
    content: "";
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.poly-component__suggestions--close {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.poly-component__suggestions .poly-suggestions__header {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

.poly-component__suggestions .poly-suggestions__header-title {
    align-items: center;
    display: flex
}

.poly-component__suggestions .poly-suggestions__header-title svg {
    margin-right: 8px
}

.poly-component__suggestions .poly-suggestions__content {
    display: flex;
    flex-direction: column;
    padding: 16px
}

.poly-component__suggestions .poly-suggestions__close {
    background: transparent;
    border: none;
    cursor: pointer
}

.poly-component__suggestions .poly-suggestions__subtitle,
.poly-component__suggestions .poly-suggestions__title {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 600;
    margin: 0
}

.poly-component__suggestions .poly-suggestions__subtitle {
    font-weight: 400;
    margin-bottom: 12px
}

.poly-component__suggestions .poly-suggestions__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    width: -webkit-fill-available
}

.poly-component__suggestions .poly-suggestions__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
    margin-bottom: 16px;
    max-width: 100%;
    text-decoration: none
}

.poly-component__suggestions .poly-suggestions__item .poly-suggestions__link {
    max-height: 36px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.poly-component__suggestions .poly-suggestions__item .poly-suggestions__tag {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: var(--andes-color-blue-500, #3483fa);
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%
}

.poly-component__suggestions .poly-suggestions__item .poly-suggestions__tag:hover {
    background-color: #ededed;
    color: var(--andes-color-blue-500, #3483fa)
}

.poly-component__suggestions--list,
.poly-component__suggestions--list-card,
.poly-component__suggestions--list-multicolumn {
    position: relative
}

.poly-component__suggestions--list .poly-suggestions__list,
.poly-component__suggestions--list-card .poly-suggestions__list,
.poly-component__suggestions--list-multicolumn .poly-suggestions__list {
    flex-direction: row
}

.poly-component__suggestions--list .poly-suggestions__item,
.poly-component__suggestions--list-card .poly-suggestions__item,
.poly-component__suggestions--list-multicolumn .poly-suggestions__item {
    flex: 1 1 50%;
    max-width: 50%
}

.poly-component__suggestions--list .poly-suggestions__item:nth-child(odd) .poly-suggestions__link,
.poly-component__suggestions--list-card .poly-suggestions__item:nth-child(odd) .poly-suggestions__link,
.poly-component__suggestions--list-multicolumn .poly-suggestions__item:nth-child(odd) .poly-suggestions__link {
    margin-right: 8px
}

.poly-component__suggestions--list .poly-suggestions__item:nth-child(2n) .poly-suggestions__link,
.poly-component__suggestions--list-card .poly-suggestions__item:nth-child(2n) .poly-suggestions__link,
.poly-component__suggestions--list-multicolumn .poly-suggestions__item:nth-child(2n) .poly-suggestions__link {
    margin-left: 8px
}

.poly-component__suggestions--list .poly-suggestions__item:nth-last-child(-n+2),
.poly-component__suggestions--list-card .poly-suggestions__item:nth-last-child(-n+2),
.poly-component__suggestions--list-multicolumn .poly-suggestions__item:nth-last-child(-n+2) {
    margin-bottom: 0
}

.poly-component__suggestions--list-card:before,
.poly-component__suggestions--list-multicolumn:before,
.poly-component__suggestions--list:before {
    border-bottom: 12px solid #f5f5f5;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    top: -6px
}

.poly-component__suggestions--grid,
.poly-component__suggestions--grid-card,
.poly-component__suggestions--single {
    border-radius: 4px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1);
    position: absolute;
    transform: translateY(-103%)
}

.poly-component__suggestions--grid .poly-suggestions__item:last-child,
.poly-component__suggestions--grid-card .poly-suggestions__item:last-child,
.poly-component__suggestions--single .poly-suggestions__item:last-child {
    margin-bottom: 0
}

.poly-component__suggestions--grid-card:before,
.poly-component__suggestions--grid:before,
.poly-component__suggestions--single:before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #f5f5f5;
    bottom: -16px
}

.poly-component__attributes-list {
    color: rgba(0, 0, 0, .9);
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin);
    overflow: hidden
}

.poly-component__attributes-list+.poly-component__location,
.poly-component__attributes-list+.poly-component__possession-date {
    margin-top: 0
}

.poly-component__attributes-list .poly-attributes-list {
    display: flex;
    flex-flow: row wrap;
    gap: 4px;
    list-style: none;
    margin: 0 0 0 -8px;
    padding: 0
}

.poly-component__attributes-list .poly-attributes-list:has(.poly-component__attributes-list .poly-attributes-list__comma) {
    column-gap: 0
}

.poly-component__attributes-list .poly-attributes-list__item {
    display: inline;
    white-space: nowrap
}

.poly-component__attributes-list .poly-attributes-list__bar:before {
    content: "|";
    margin-right: 5px;
    vertical-align: baseline
}

.poly-component__attributes-list .poly-attributes-list__comma:before {
    content: ",";
    margin-right: 5px;
    vertical-align: baseline
}

.poly-card--small .poly-component__attributes-list+.poly-component__location,
.poly-card--small .poly-component__attributes-list+.poly-component__possession-date {
    margin: var(--poly-general-component-margin)
}

.poly-component__buy-box {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    padding-top: 8px;
    position: relative;
    width: 100%
}

.poly-component__buy-box .poly-buy-box__headline {
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height)
}

.poly-component__buy-box .poly-buy-box__alternative-option {
    color: unset;
    margin-top: 2px;
    text-decoration: none
}

.poly-component__buy-box .poly-buy-box__alternative-option:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.poly-component__buy-box .poly-buy-box__alternative-option [class*=poly-component__] .poly-price__installments,
.poly-component__buy-box .poly-buy-box__alternative-option [class*=poly-component__]:first-child {
    margin: 0
}

.poly-component__buy-box .poly-component__seller {
    font-size: 12px
}

.poly-component__buy-box .poly-component__seller svg {
    height: 12px;
    width: 12px
}

.poly-card--medium .poly-component__buy-box,
.poly-card--small .poly-component__buy-box {
    margin-top: 4px;
    padding-top: 4px
}

.poly-component__coupons {
    margin-top: 8px
}

.poly-coupons__coupon-wrapper {
    line-height: 21px;
    margin-bottom: 4px
}

.poly-coupons__coupon {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--andes-color-blue-500, #3483fa);
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    padding: 0 4px
}

.poly-coupons__icon {
    transform: translateY(1.5px)
}

.poly-card--mobile .poly-component__coupons .poly-coupons__coupon-wrapper {
    line-height: 19px
}

.poly-card--mobile .poly-component__coupons .poly-coupons__icon {
    transform: translateY(2px)
}

.poly-card--mobile .poly-component__coupons .poly-coupons__copuon {
    padding: 0 4px
}

.poly-card--small .poly-component__coupons {
    margin-top: 4px
}

.poly-card--small .poly-component__coupons .poly-coupons__coupon-wrapper {
    line-height: 19px;
    margin-bottom: 0
}

.poly-card--small .poly-component__coupons .poly-coupons__icon {
    transform: translateY(2px)
}

.poly-card--small .poly-component__coupons .poly-coupons__copuon {
    padding: 0 4px
}

.poly-component__price {
    display: flex;
    flex-direction: column;
    margin: 12px 0 0
}

.poly-price__prefix {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.poly-price__agree {
    color: rgba(0, 0, 0, .9);
    font-size: 20px;
    font-weight: 400;
    line-height: 25px
}

.poly-price__current {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.poly-price__current .andes-money-amount {
    margin-right: 8px
}

.poly-price__disc_label {
    font-size: 14px;
    line-height: 15px;
    margin-right: 3px
}

.poly-price__installments {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 4px
}

.poly-price__installments>* {
    font-size: 14px
}

.poly-card--mobile .poly-component__price {
    margin-top: 8px
}

.poly-card--mobile .poly-component__price .poly-price__agree {
    font-size: 18px;
    line-height: 22px
}

.poly-card--mobile .poly-component__price .poly-price__current .andes-money-amount {
    margin-right: 4px
}

.poly-card--mobile .poly-component__price .poly-price__disc_label,
.poly-card--mobile .poly-component__price .poly-price__installments {
    font-size: 12px;
    line-height: 15px
}

.poly-card--mobile .poly-component__price .poly-price__installments>* {
    font-size: 12px
}

.poly-card--small .poly-component__price {
    margin-top: 4px
}

.poly-card--small .poly-component__price .poly-price__current .andes-money-amount {
    margin-right: 0;
    width: 100%
}

.poly-card--small .poly-component__price .poly-price__current .andes-money-amount__discount {
    margin-top: 4px
}

.poly-card--small .poly-component__price .poly-price__agree {
    font-size: 14px;
    line-height: 18px
}

.poly-card--small .poly-component__price .poly-price__disc_label {
    font-size: 10px;
    margin-top: 4px
}

.poly-card--small .poly-component__price .poly-price__installments {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
    margin-top: 4px
}

.poly-card--small .poly-component__price .poly-price__installments>* {
    font-size: 12px
}

.poly-card--medium .poly-component__price {
    margin: var(--poly-general-component-margin)
}

.poly-card--medium .poly-component__price .poly-price__agree {
    font-size: 18px;
    line-height: 22px
}

.poly-card--medium .poly-component__price .poly-price__installments {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
    margin-top: 4px
}

.poly-card--medium .poly-component__price .poly-price__installments>* {
    font-size: 12px
}

.poly-component__installments-options {
    display: flex;
    flex-direction: column;
    margin: var(--poly-general-component-margin)
}

.poly-component__installments-options .poly-installments__options {
    color: rgba(0, 0, 0, .9);
    display: block;
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height)
}

.poly-component__price-per-quantity {
    line-height: 21px;
    margin: var(--poly-general-component-margin)
}

.poly-component__price-per-quantity .poly-price-per-quantity__wrapper {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--andes-color-blue-500, #3483fa);
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    padding: 0 4px
}

.poly-component__price-per-quantity .poly-price-per-quantity__wrapper .andes-money-amount {
    font-weight: 600
}

.poly-component__price-per-quantity .poly-price-per-quantity__icon {
    transform: translateY(1.5px)
}

.poly-card--mobile .poly-component__price-per-quantity {
    line-height: 19px
}

.poly-card--mobile .poly-component__price-per-quantity .poly-price-per-quantity__icon {
    transform: translateY(2px)
}

.poly-card--small .poly-component__price-per-quantity {
    line-height: 19px;
    margin: 4px 0
}

.poly-card--small .poly-component__price-per-quantity .poly-price-per-quantity__icon {
    transform: translateY(2px)
}

.poly-component__rebates {
    margin-top: 8px
}

.poly-rebates__discount-wrapper {
    line-height: 21px;
    margin-bottom: 4px
}

.poly-rebates__time {
    font-size: 12px;
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin-left: 8px
}

.poly-rebates__discount {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--andes-color-blue-500, #3483fa);
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    padding: 0 4px
}

.poly-card--mobile .poly-component__rebates .poly-rebates__discount-wrapper {
    line-height: 19px
}

.poly-card--mobile .poly-component__rebates .poly-rebates__time {
    margin-left: 4px
}

.poly-card--mobile .poly-component__rebates .poly-rebates__discount {
    padding: 0 4px
}

.poly-card--small .poly-component__rebates {
    margin-top: 4px
}

.poly-card--small .poly-component__rebates .poly-rebates__discount-wrapper {
    line-height: 19px;
    margin-bottom: 0
}

.poly-card--small .poly-component__rebates .poly-rebates__time {
    margin-left: 4px
}

.poly-card--small .poly-component__rebates .poly-rebates__discount {
    padding: 0 4px
}

.poly-component__reviews {
    align-items: center;
    color: rgba(0, 0, 0, .55);
    display: flex;
    font-size: var(--poly-general-font-size);
    font-weight: 400;
    line-height: var(--poly-general-line-height);
    margin: 4px 0
}

.poly-component__reviews svg {
    height: 14px;
    margin: 0 2px;
    width: 14px
}

.poly-component__reviews svg:first-of-type {
    margin-left: 8px
}

.poly-component__reviews svg:last-of-type {
    margin-right: 8px
}

.poly-reviews__starts {
    display: flex
}

.poly-card--mobile .poly-component__reviews {
    margin: 4px 0
}

.poly-card--mobile .poly-component__reviews svg {
    height: 10px;
    margin: 0 1px;
    width: 10px
}

.poly-card--mobile .poly-component__reviews svg:first-of-type {
    margin-left: 4px
}

.poly-card--mobile .poly-component__reviews svg:last-of-type {
    margin-right: 4px
}

.poly-card--small .poly-component__reviews {
    margin: var(--poly-general-component-margin)
}

.poly-card--small .poly-component__reviews svg {
    height: 10px;
    margin: 0 1px;
    width: 10px
}

.poly-card--small .poly-component__reviews svg:first-of-type {
    margin-left: 4px
}

.poly-card--small .poly-component__reviews svg:last-of-type {
    margin-right: 4px
}

.poly-card--grid-card.poly-card--medium .poly-component__reviews,
.poly-card--grid.poly-card--medium .poly-component__reviews {
    margin: 0
}

.poly-card--medium .poly-component__reviews svg {
    height: 11px;
    margin: 0 1px;
    width: 11px
}

.poly-card--medium .poly-component__reviews svg:first-of-type {
    margin-left: 4px
}

.poly-card--medium .poly-component__reviews svg:last-of-type {
    margin-right: 4px
}

.poly-component__shipping {
    align-items: center;
    color: #00a650;
    font-size: var(--poly-general-font-size);
    font-weight: 600;
    line-height: var(--poly-general-line-height);
    margin: var(--poly-general-component-margin);
    width: 100%
}

.poly-component__shipping span:has(+svg) {
    margin-right: 4px
}

.poly-component__shipping svg {
    transform: translateY(3px)
}

.poly-component__shipping .poly-shipping__additional_text {
    color: rgba(0, 0, 0, .55);
    font-weight: 400;
    margin-left: 4px
}

.poly-shipping--same_day,
.poly-shipping--same_day_saturday,
.poly-shipping--same_day_sunday,
.poly-shipping--turbo {
    background-color: #00a650;
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    line-height: 21px;
    padding: 0 4px
}

.poly-shipping--monday,
.poly-shipping--next_day,
.poly-shipping--next_day_saturday,
.poly-shipping--next_day_sunday {
    background-color: rgba(0, 166, 80, .1);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #00a650;
    line-height: 21px;
    padding: 0 4px
}

.poly-shipping__promise-icon--meli-plus {
    height: 16px;
    transform: translateY(2px);
    width: auto
}

.poly-card--mobile .poly-component__shipping .poly-shipping__promise-icon--full {
    height: 12px;
    transform: translateY(4.5px);
    width: 38px
}

.poly-card--mobile .poly-component__shipping .poly-shipping__promise-icon--meli-plus {
    height: 14px;
    width: auto
}

.poly-card--mobile .poly-component__shipping .poly-shipping--monday,
.poly-card--mobile .poly-component__shipping .poly-shipping--next_day,
.poly-card--mobile .poly-component__shipping .poly-shipping--next_day_saturday,
.poly-card--mobile .poly-component__shipping .poly-shipping--next_day_sunday,
.poly-card--mobile .poly-component__shipping .poly-shipping--same_day,
.poly-card--mobile .poly-component__shipping .poly-shipping--same_day_saturday,
.poly-card--mobile .poly-component__shipping .poly-shipping--same_day_sunday {
    line-height: 19px
}

.poly-card--small .poly-component__shipping .poly-shipping__promise-icon--full {
    height: 12px;
    transform: translateY(3.5px);
    width: 38px
}

.poly-card--small .poly-component__shipping .poly-shipping__promise-icon--meli-plus {
    height: 14px;
    width: auto
}

.poly-card--small .poly-component__shipping .poly-shipping--monday,
.poly-card--small .poly-component__shipping .poly-shipping--next_day,
.poly-card--small .poly-component__shipping .poly-shipping--next_day_saturday,
.poly-card--small .poly-component__shipping .poly-shipping--next_day_sunday,
.poly-card--small .poly-component__shipping .poly-shipping--same_day,
.poly-card--small .poly-component__shipping .poly-shipping--same_day_saturday,
.poly-card--small .poly-component__shipping .poly-shipping--same_day_sunday {
    line-height: 19px
}

.poly-card--medium .poly-component__shipping .poly-shipping__promise-icon--full {
    height: 12px;
    transform: translateY(3.5px);
    width: 38px
}

.poly-card--medium .poly-component__shipping .poly-shipping__promise-icon--meli-plus {
    height: 14px;
    width: auto
}

.poly-card--medium .poly-component__shipping .poly-shipping--monday,
.poly-card--medium .poly-component__shipping .poly-shipping--next_day,
.poly-card--medium .poly-component__shipping .poly-shipping--next_day_saturday,
.poly-card--medium .poly-component__shipping .poly-shipping--next_day_sunday,
.poly-card--medium .poly-component__shipping .poly-shipping--same_day,
.poly-card--medium .poly-component__shipping .poly-shipping--same_day_saturday,
.poly-card--medium .poly-component__shipping .poly-shipping--same_day_sunday,
.poly-card--medium .poly-component__shipping .poly-shipping--turbo {
    line-height: 19px
}

p.poly-component__title {
    margin-bottom: 0
}

.poly-component__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgba(0, 0, 0, .9);
    display: -webkit-box;
    font-size: var(--poly-general-title-size);
    font-weight: 400;
    line-height: var(--poly-general-title-line-height);
    margin-top: 12px;
    max-height: 2.5em;
    overflow: hidden;
    text-decoration: none
}

.poly-component__title--long {
    -webkit-line-clamp: 4;
    max-height: 5.1em
}

.poly-component__title>* {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    text-decoration: none
}

.poly-component__title:-webkit-any-link:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.poly-component__title:any-link:before,
.poly-component__title>:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.poly-component__title:active,
.poly-component__title:active>*,
.poly-component__title:hover,
.poly-component__title:hover>*,
.poly-component__title:visited,
.poly-component__title:visited>* {
    color: var(--poly-general-title-hover-color)
}

.poly-card--list .poly-component__title,
.poly-card--list-card .poly-component__title {
    width: calc(100% - 35px)
}

.poly-card--grid .poly-component__title,
.poly-card--grid-card .poly-component__title {
    margin-top: 16px
}

.poly-card--mobile .poly-component__title {
    -webkit-line-clamp: 3;
    margin-top: 12px;
    max-height: 3.7em
}

.poly-card--mobile .poly-component__title--long {
    -webkit-line-clamp: 4;
    max-height: 5em
}

.poly-card--small .poly-component__title {
    margin: var(--poly-general-component-margin)
}

.poly-component__variations {
    margin: 8px 0;
    width: 100%;
    z-index: 2
}

.poly-component__variations .poly-variations__item {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 4px;
    display: flex;
    height: 38px;
    justify-content: center;
    list-style: none;
    margin: 0 4px;
    padding: 0;
    width: 38px
}

.poly-component__variations .poly-variations__item:last-child {
    margin-right: 0
}

.poly-component__variations .poly-variations__item:first-child {
    margin-left: 0
}

.poly-component__variations .poly-variations__item .poly-component__picture {
    border-radius: 4px
}

.poly-component__variations .poly-variations__item .poly-variations__anchor {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%
}

.poly-component__variations .poly-variations-picker {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0
}

.poly-component__variations .poly-variations-picker .poly-variations__item--active {
    border-color: var(--andes-color-blue-500, #3483fa);
    border-width: 2px;
    height: 36px;
    width: 36px
}

.poly-component__variations .poly-variations-select {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.poly-component__variations .poly-variations-select .poly-variations-select__label {
    color: rgba(0, 0, 0, .55);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0
}

.poly-component__variations .poly-variations-select .poly-variations-select__dropdown .andes-floating-menu .andes-dropdown__trigger {
    padding: 0 4px
}

.poly-component__variations .poly-variations-select .poly-variations-select__dropdown .andes-floating-menu .andes-dropdown__trigger .andes-dropdown__display-values {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.poly-component__variations .poly-variations-select .poly-variations-select__dropdown .andes-list {
    display: flex;
    padding: 12px
}

.poly-component__variations .poly-variations-select .poly-variations-select__dropdown .andes-list .poly-variations__item.andes-list__item--selected {
    border: 2px solid var(--andes-color-blue-500, #3483fa);
    height: 36px;
    width: 36px
}

.poly-component__variations .poly-variations-select .poly-variations-select__dropdown .andes-list .poly-variations__item.andes-list__item--selected:before {
    content: none
}

.poly-card--grid .poly-component__variations:after,
.poly-card--grid-card .poly-component__variations:after {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    content: "";
    left: 0;
    margin-top: 8px;
    position: absolute;
    width: 100%
}

.poly-card--mobile .poly-component__variations:after {
    border-bottom-color: transparent
}

.poly-card--mobile .poly-component__variations .poly-variations__item {
    height: 46px;
    width: 46px
}

.poly-card--mobile .poly-component__variations .poly-variations__item--active,
.poly-card--mobile .poly-component__variations .poly-variations__item.andes-list__item--selected {
    height: 44px;
    width: 44px
}

.poly-card--small .poly-component__variations {
    margin: 8px 0 4px;
    position: relative
}

.poly-card--small .poly-component__variations:after {
    border-bottom-color: transparent
}

.poly-card--small .poly-component__variations .poly-variations__item {
    height: 46px;
    width: 46px
}

.poly-card--small .poly-component__variations .poly-variations__item--active,
.poly-card--small .poly-component__variations .poly-variations__item.andes-list__item--selected {
    height: 44px;
    width: 44px
}

.poly-card--medium .poly-component__variations {
    margin: 8px 0 4px;
    position: relative
}

.poly-card--medium .poly-component__variations:after {
    border-bottom-color: transparent
}

.poly-card--medium .poly-component__variations .poly-variations__item {
    height: 48px;
    width: 48px
}

.poly-card--medium .poly-component__variations .poly-variations__item--active,
.poly-card--medium .poly-component__variations .poly-variations__item.andes-list__item--selected {
    height: 46px;
    width: 46px
}

.poly-card--grid-card:not(.poly-card--mobile):not(.poly-card--tablet):not(:hover) .poly-component__variations,
.poly-card--grid:not(.poly-card--mobile):not(.poly-card--tablet):not(:hover) .poly-component__variations {
    height: 1px;
    left: -9999px;
    opacity: 0;
    overflow: hidden;
    position: absolute
}

.poly-card--grid-card:not(.poly-card--mobile):not(.poly-card--tablet):hover:not(.poly-card--mobile):not(.poly-card--tablet) .poly-component__variations,
.poly-card--grid:not(.poly-card--mobile):not(.poly-card--tablet):hover:not(.poly-card--mobile):not(.poly-card--tablet) .poly-component__variations {
    height: auto;
    opacity: 1;
    overflow: visible;
    position: unset
}

.poly-card--grid-card.poly-card--hover .poly-card__portada--no-line:after,
.poly-card--grid.poly-card--hover .poly-card__portada--no-line:after {
    content: unset
}

.poly-component__logo {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 13px;
    transform: translateY(50%);
    width: 53px;
    z-index: 3
}

.poly-component__logo .poly-component__picture {
    object-fit: contain
}

.poly-card--list .poly-component__logo,
.poly-card--list-card .poly-component__logo,
.poly-card--mobile .poly-component__logo {
    right: 8px
}

.poly-card {
    --poly-general-font-size: 14px;
    --poly-general-line-height: 18px;
    --poly-general-title-line-height: 18px;
    --poly-general-title-size: 14px;
    --poly-general-title-hover-color: rgba(0, 0, 0, .9);
    --poly-general-border-top: unset;
    --poly-general-border-bottom: unset;
    --poly-general-border-right: unset;
    --poly-general-border-left: unset;
    --poly-general-component-margin: 8px 0 4px
}

.poly-card--grid,
.poly-card--grid-card {
    --poly-max-width: 227px;
    --poly-min-width: 150px;
    --poly-padding-content: 0 16px 16px;
    --poly-general-image-divider: ""
}

.poly-card--grid-card[class*="--mobile"],
.poly-card--grid[class*="--mobile"] {
    --poly-padding-content: 0 12px 12px;
    --poly-general-image-divider: unset
}

.poly-card--grid-card[class*="--small"],
.poly-card--grid[class*="--small"] {
    --poly-general-font-size: 12px;
    --poly-general-line-height: 15px;
    --poly-general-title-line-height: 15px;
    --poly-general-title-size: 12px;
    --poly-max-width: 150px;
    --poly-min-width: 136px;
    --poly-padding-content: 4px 12px;
    --poly-general-image-divider: unset;
    --poly-general-component-margin: 4px 0 0
}

.poly-card--grid-card[class*="--medium"],
.poly-card--grid[class*="--medium"] {
    --poly-general-font-size: 12px;
    --poly-general-line-height: 15px;
    --poly-general-title-line-height: 18px;
    --poly-general-title-size: 14px;
    --poly-max-width: 150px;
    --poly-min-width: 136px;
    --poly-padding-content: 4px 12px;
    --poly-general-image-divider: unset
}

.poly-card--list,
.poly-card--list-card {
    --poly-general-title-line-height: 25px;
    --poly-general-title-size: 20px;
    --poly-image-size: 160px;
    --poly-padding-card: 24px 16px 20px 24px
}

.poly-card--list-card[class*="--mobile"],
.poly-card--list[class*="--mobile"] {
    --poly-image-size: 144px;
    --poly-padding-card: 12px;
    --poly-image-max-height: 192px
}

.poly-card--list-card[class*="--small"],
.poly-card--list[class*="--small"] {
    --poly-general-font-size: 12px;
    --poly-general-line-height: 15px;
    --poly-general-title-line-height: 15px;
    --poly-general-title-size: 12px;
    --poly-padding-card: 4px 12px 12px;
    --poly-image-size: 88px;
    --poly-image-max-height: 110px;
    --poly-general-image-divider: unset;
    --poly-general-component-margin: 4px 0 0;
    width: 250px
}

.poly-card--list-card[class*="--medium"],
.poly-card--list[class*="--medium"] {
    --poly-general-font-size: 12px;
    --poly-general-line-height: 15px;
    --poly-general-title-line-height: 18px;
    --poly-general-title-size: 14px;
    --poly-padding-card: 12px;
    --poly-image-size: 112px;
    --poly-image-max-height: 140px;
    --poly-general-image-divider: unset;
    width: 384px
}

.poly-card--single {
    --poly-padding-content: 0 16px 16px 16px
}

.poly-card--mobile {
    --poly-general-line-height: 15px;
    --poly-general-font-size: 12px;
    --poly-general-title-line-height: 18px;
    --poly-general-title-size: 14px
}

.poly-card {
    -moz-osx-font-smoothing: grayscale;
    align-items: stretch;
    background: #fff;
    border-bottom: var(--poly-general-border-bottom);
    border-left: var(--poly-general-border-left);
    border-right: var(--poly-general-border-right);
    border-top: var(--poly-general-border-top);
    display: flex;
    flex-basis: inherit;
    flex-direction: column;
    justify-content: space-between;
    min-height: var(--max-card-height, auto);
    min-width: var(--poly-min-width);
    position: relative
}

.poly-card--list,
.poly-card--list-card {
    flex-direction: row;
    padding: var(--poly-padding-card);
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch
}

.poly-card--grid,
.poly-card--grid-card {
    max-width: var(--poly-max-width)
}

.poly-card--grid-card {
    margin-bottom: 16px
}

.poly-card--single {
    padding: var(--poly-padding-card);
    width: 100%
}

.poly-card--checkbox {
    padding-left: 0
}

.poly-content {
    display: flex;
    flex-direction: row
}

.poly-content__column {
    align-items: flex-start;
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 12px
}

.poly-content__column [class*=poly-component__]:first-child {
    margin-top: 0
}

.poly-content__column:nth-child(2) [class*=poly-component__]:nth-child(2) {
    margin-top: 8px
}

.poly-footer {
    display: flex;
    margin-top: auto;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    width: fill-available
}

.poly-card__portada {
    aspect-ratio: 1/1;
    min-height: var(--poly-min-width);
    min-width: var(--poly-min-width);
    position: relative
}

.poly-card__label-pill,
.poly-card__portada {
    align-items: center;
    display: flex;
    justify-content: center
}

.poly-card__label-pill {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    bottom: -10px;
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;
    left: 16px;
    padding: 0 8px;
    position: absolute;
    z-index: 3
}

.poly-card__content {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    width: fill-available
}

.poly-card__content [class*=poly-component__]:last-child {
    margin-bottom: 0
}

.poly-card__footer {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: auto;
    transition: all .1s .1s;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    width: fill-available
}

.poly-card--single .poly-card__portada {
    height: -moz-fit-content;
    height: fit-content
}

.poly-card--single .poly-card__content {
    padding: var(--poly-padding-content)
}

.poly-card--single .poly-card__content:not(:last-child) {
    padding-bottom: 0
}

.poly-card--single .poly-card__footer {
    padding: 0 16px 16px
}

.poly-card--list .poly-card__portada,
.poly-card--list-card .poly-card__portada {
    height: var(--poly-image-size);
    max-height: var(--poly-image-size);
    max-width: var(--poly-image-size);
    width: var(--poly-image-size)
}

.poly-card--list .poly-card__portada:not(:first-child),
.poly-card--list-card .poly-card__portada:not(:first-child) {
    margin-left: 24px
}

.poly-card--list .poly-card__content,
.poly-card--list-card .poly-card__content {
    margin-left: 24px;
    width: calc(100% - var(--poly-image-size) - 24px)
}

.poly-card--list .poly-card__content>.poly-component__bookmark+[class*=poly-component__],
.poly-card--list .poly-card__content>[class*=poly-component__]:not(.poly-component__bookmark):first-child,
.poly-card--list-card .poly-card__content>.poly-component__bookmark+[class*=poly-component__],
.poly-card--list-card .poly-card__content>[class*=poly-component__]:not(.poly-component__bookmark):first-child {
    margin-top: 0
}

.poly-card--list-card.poly-card--mobile .poly-card__portada,
.poly-card--list.poly-card--mobile .poly-card__portada {
    position: relative
}

.poly-card--list-card.poly-card--mobile .poly-card__portada--list-height,
.poly-card--list.poly-card--mobile .poly-card__portada--list-height {
    height: auto;
    max-height: var(--poly-image-max-height)
}

.poly-card--list-card.poly-card--mobile .poly-card__portada--list-height .poly-component__picture,
.poly-card--list.poly-card--mobile .poly-card__portada--list-height .poly-component__picture {
    object-fit: contain
}

.poly-card--list-card.poly-card--mobile .poly-card__content,
.poly-card--list.poly-card--mobile .poly-card__content {
    flex-flow: column nowrap;
    margin-left: 12px;
    margin-top: 4px;
    width: calc(100% - var(--poly-image-size) - 12px)
}

.poly-card--list-card.poly-card--small .poly-card__portada,
.poly-card--list.poly-card--small .poly-card__portada {
    margin-top: 8px;
    position: relative
}

.poly-card--list-card.poly-card--small .poly-card__portada--list-height,
.poly-card--list.poly-card--small .poly-card__portada--list-height {
    height: auto;
    max-height: var(--poly-image-max-height)
}

.poly-card--list-card.poly-card--small .poly-card__portada--list-height .poly-component__picture,
.poly-card--list.poly-card--small .poly-card__portada--list-height .poly-component__picture {
    object-fit: contain
}

.poly-card--list-card.poly-card--small .poly-card__portada:not(:first-child),
.poly-card--list.poly-card--small .poly-card__portada:not(:first-child) {
    margin-left: 0
}

.poly-card--list-card.poly-card--small .poly-card__content,
.poly-card--list.poly-card--small .poly-card__content {
    margin-left: 12px;
    margin-top: 4px;
    width: calc(100% - var(--poly-image-size) - 12px)
}

.poly-card--list-card.poly-card--medium .poly-card__portada,
.poly-card--list.poly-card--medium .poly-card__portada {
    position: relative
}

.poly-card--list-card.poly-card--medium .poly-card__portada--list-height,
.poly-card--list.poly-card--medium .poly-card__portada--list-height {
    height: auto;
    max-height: var(--poly-image-max-height)
}

.poly-card--list-card.poly-card--medium .poly-card__portada--list-height .poly-component__picture,
.poly-card--list.poly-card--medium .poly-card__portada--list-height .poly-component__picture {
    object-fit: contain
}

.poly-card--list-card.poly-card--medium .poly-card__portada:not(:first-child),
.poly-card--list.poly-card--medium .poly-card__portada:not(:first-child) {
    margin-left: 0
}

.poly-card--list-card.poly-card--medium .poly-card__content,
.poly-card--list.poly-card--medium .poly-card__content {
    margin-left: 12px;
    margin-top: 4px;
    width: calc(100% - var(--poly-image-size) - 12px)
}

.poly-card--grid .poly-card__portada,
.poly-card--grid-card .poly-card__portada {
    margin-bottom: 4px;
    min-height: 138px;
    min-width: 142px
}

.poly-card--grid .poly-card__portada:after,
.poly-card--grid-card .poly-card__portada:after {
    background: rgba(0, 0, 0, .1);
    bottom: -1px;
    content: var(--poly-general-image-divider);
    height: 1px;
    position: absolute;
    width: 100%
}

.poly-card--grid .poly-card__content,
.poly-card--grid-card .poly-card__content {
    padding: var(--poly-padding-content)
}

.poly-card--grid .poly-card__content:not(:last-child),
.poly-card--grid-card .poly-card__content:not(:last-child) {
    padding-bottom: 0
}

.poly-card--grid .poly-card__footer,
.poly-card--grid-card .poly-card__footer {
    padding: var(--poly-padding-content)
}

.poly-card--grid-card.poly-card--mobile .poly-card__portada,
.poly-card--grid.poly-card--mobile .poly-card__portada {
    margin-bottom: 0
}

.poly-card--grid-card.poly-card--mobile .poly-card__portada :after,
.poly-card--grid.poly-card--mobile .poly-card__portada :after {
    content: var(--poly-general-image-divider)
}

.poly-card--grid-card.poly-card--mobile .poly-card__portada--grid-height,
.poly-card--grid.poly-card--mobile .poly-card__portada--grid-height {
    height: 250px
}

.poly-card--grid-card.poly-card--mobile .poly-card__portada--grid-height .poly-component__picture,
.poly-card--grid.poly-card--mobile .poly-card__portada--grid-height .poly-component__picture {
    object-fit: contain
}

.poly-card--medium .poly-card__content .poly-footer,
.poly-card--medium .poly-card__footer,
.poly-card--small .poly-card__content .poly-footer,
.poly-card--small .poly-card__footer {
    flex-direction: column
}

@media screen and (max-width <=767px) {
    .poly-card__content .poly-content {
        flex-direction: column
    }

    .poly-card__content .poly-content__column {
        flex-basis: 100%
    }
}

.ui-review-capability-icon-arrow {
    height: 18.64px;
    margin-left: 20.15px;
    margin-top: 22.68px;
    width: 21.31px
}

.ui-review-capability-icon--info path,
.ui-review-capability-icon-arrow path {
    stroke: #3483fa
}

.ui-review-capability__rating {
    display: flex;
    margin-bottom: 8px;
    stroke: var(--andes-color-blue-500, #3483fa);
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-review-capability__rating__average {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.03;
    margin-right: 18px
}

.ui-review-capability__rating__average--desktop {
    font-size: 48px
}

.ui-review-capability__rating__start-content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ui-review-capability__rating__rating__star {
    height: 18px;
    margin-right: 7px;
    width: 19.29px
}

.ui-review-capability__rating__rating__star-empty {
    stroke: rgba(0, 0, 0, .25);
    fill: transparent
}

.ui-review-capability__rating__chevron-content {
    align-items: center;
    display: flex;
    justify-content: end;
    width: 30%
}

.ui-review-capability__rating__chevron {
    display: inline-block;
    height: 28px;
    width: 21px;
    stroke: var(--andes-color-blue-500, #3483fa);
    transform: rotate(270deg)
}

.ui-review-capability__rating__chevron path {
    stroke-width: 4px
}

.ui-review-capability__rating__chevron--active {
    transform: rotate(1turn)
}

.ui-review-capability__rating__label {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.14
}

.ui-review-capability__rating-content {
    display: flex
}

.ui-review-capability__rating-content>div {
    width: 50%
}

.ui-review-capability__rating-content .ui-review-capability__rating {
    flex-direction: column
}

.ui-review-capability__rating-content .ui-review-capability__rating__start-content {
    margin-top: 7px
}

.ui-review-capability__rating-content .ui-review-capability__rating__start-content>div:last-child {
    margin-top: 15px
}

.ui-review-capability__rating-content .ui-review-capability-rating__level:not(:last-child) {
    margin-bottom: 6px
}

.ui-review-capability__rating-vpp {
    display: flex
}

.ui-review-capability__rating-vpp__average {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.03;
    margin-right: 18px
}

.ui-review-capability__rating-vpp__average--desktop {
    font-size: 48px
}

.ui-review-capability__rating-vpp__start-content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ui-review-capability__rating-vpp__rating__star {
    height: 18px;
    margin-right: 8px;
    width: 19.29px
}

.ui-review-capability__rating-vpp__chevron-content {
    align-items: center;
    display: flex;
    justify-content: end;
    width: 30%
}

.ui-review-capability__rating-vpp__chevron {
    display: inline-block;
    height: 28px;
    width: 21px;
    stroke: var(--andes-color-blue-500, #3483fa);
    transform: rotate(270deg)
}

.ui-review-capability__rating-vpp__chevron path {
    stroke-width: 4px
}

.ui-review-capability__rating-vpp__chevron--active {
    transform: rotate(1turn)
}

.ui-review-capability__rating-vpp__label {
    color: #949494;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.14
}

.ui-review-capability-rating {
    display: inline-block;
    width: 100%
}

.ui-review-capability-rating__start-container {
    margin: 2px 0 0 5px
}

.ui-review-capability-rating__start {
    height: 12px;
    width: 12px;
    fill: rgba(0, 0, 0, .25)
}

.ui-review-capability-rating__level {
    align-items: center;
    display: grid;
    flex-direction: row;
    grid-template-columns: 8fr 1fr;
    -ms-grid-columns: 8fr 1fr;
    grid-column-gap: 16px;
    font-size: 14px;
    height: 16px;
    justify-content: space-between;
    vertical-align: middle
}

.ui-review-capability-rating__level:not(:last-child) {
    margin-bottom: 3px
}

.ui-review-capability-rating__level:last-child .ui-review-capability-rating__level__value-container {
    margin-left: 2px
}

.ui-review-capability-rating__level:last-child .ui-review-capability-rating__start-container {
    margin-left: 7px
}

.ui-review-capability-rating__level__column {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ui-review-capability-rating__level__text-container {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    width: 100%
}

.ui-review-capability-rating__level__text-container .ui-review-capability-rating__level__text {
    color: rgba(0, 0, 0, .55)
}

.ui-review-capability-rating__level__text-container .ui-review-capability-rating__level__text--left {
    text-align: left
}

.ui-review-capability-rating__level__text-container .ui-review-capability-rating__level__text--right {
    text-align: right
}

.ui-review-capability-rating__level__progress-bar-container {
    -ms-grid-column: 2;
    -ms-grid-row: 1
}

.ui-review-capability-rating__level__progress-bar-container .ui-review-capability-rating__level__progress-bar {
    border-radius: 100px;
    display: inline-block;
    height: 4px;
    margin-top: 4px;
    position: relative;
    vertical-align: middle
}

.ui-review-capability-rating__level__progress-bar-container .ui-review-capability-rating__level__progress-bar__background {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 100px;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ui-review-capability-rating__level__progress-bar-container .ui-review-capability-rating__level__progress-bar__fill-background {
    background: rgba(0, 0, 0, .55);
    border-radius: 100px;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ui-review-capability-rating__level__value-container {
    color: rgba(0, 0, 0, .55);
    display: flex;
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.ui-review-capability-buy-button .andes-button {
    background-color: var(--andes-color-blue-500, #3483fa);
    color: #fff;
    margin-top: 16px;
    padding: 17px;
    width: 100%
}

.ui-review-capability-buy-button .andes-button:hover {
    background-color: var(--andes-color-blue-600, #2968c8);
    color: #fff
}

.ui-review-capability-categories {
    margin-top: 8px
}

.ui-review-capability-categories__title {
    font-size: 16;
    font-weight: 600;
    margin-bottom: 12px
}

.ui-review-capability-categories__attributes {
    border-collapse: separate;
    font-size: 14px;
    font-weight: 400;
    width: 100%
}

.ui-review-capability-categories__desktop--row {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.ui-review-capability-categories__desktop--row td:first-child {
    margin-bottom: 2px
}

.ui-review-capability-categories__desktop--row svg {
    margin-right: 5px
}

.ui-review-capability-categories__rating__star {
    stroke: var(--andes-color-blue-500, #3483fa);
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-review-capability-categories__rating__star-empty {
    stroke: rgba(0, 0, 0, .25);
    fill: transparent
}

.ui-review-capability-categories__mobile--row {
    display: grid;
    gap: 0 0;
    grid-auto-flow: column;
    grid-template-areas: "label stars";
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 13px
}

.ui-review-capability-categories__mobile--row>td:first-child {
    grid-area: "label"
}

.ui-review-capability-categories__mobile--row>td:last-child {
    grid-area: "stars";
    text-align: end
}

.ui-review-capability-categories__mobile--row .ui-review-capability-categories__rating {
    display: flex;
    justify-content: space-evenly
}

.ui-review-capability-categories__desktop--row:last-child,
.ui-review-capability-categories__mobile--row:last-child {
    margin-bottom: 0
}

.ui-review-capability-categories__max-row-w {
    width: 73%
}

.ui-review-capability-categories__show-more,
.ui-review-capability-categories__show-more.andes-button {
    border: 0;
    border-radius: 0;
    color: var(--andes-color-blue-500, #3483fa);
    display: inline-block;
    font-size: 13.33px;
    font-weight: 400;
    height: auto;
    line-height: normal;
    margin-left: 2px;
    padding: 0
}

.ui-review-capability-categories__show-more.andes-button:hover,
.ui-review-capability-categories__show-more:hover {
    background: none
}

.ui-review-capability-categories__show-more .andes-button__content:after {
    display: none
}

.ui-review-capability-categories__chevron {
    display: inline-block;
    height: 10px;
    margin-left: 8px;
    width: 12px;
    stroke: var(--andes-color-blue-500, #3483fa);
    transform: rotate(270deg)
}

.ui-review-capability-categories__chevron path {
    stroke-width: 4px
}

.ui-review-capability-categories__chevron--active {
    transform: rotate(90deg)
}

.ui-review-capability-comments__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px
}

.ui-review-capability-filter>div:first-child {
    display: flex;
    margin-bottom: 25px;
    position: relative
}

.ui-review-capability-filter__comments {
    display: flex;
    flex-direction: column
}

.ui-review-capability-filter--order .andes-button {
    min-width: 100px
}

.ui-review-capability-filter--qualification {
    margin-left: 12px
}

.ui-review-capability-filter--qualification .andes-button {
    min-width: 121px
}

.ui-review-capability-dropdown {
    cursor: pointer;
    margin-right: 20px;
    position: relative
}

.ui-review-capability-dropdown__action .andes-button {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-radius: 53px;
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 14px;
    height: 32px;
    padding: 0 22px
}

.ui-review-capability-dropdown__action .andes-button svg {
    height: 6.5px;
    margin-top: 2px;
    width: 11.29px
}

.ui-review-capability-dropdown__action .andes-button:hover {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    color: var(--andes-color-blue-500, #3483fa)
}

.ui-review-capability-dropdown__action .andes-button:hover path {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.ui-review-capability-dropdown__action .andes-button--loud path {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.ui-review-capability-dropdown__action__start {
    left: 30px;
    position: absolute;
    top: 10px
}

.ui-review-capability-dropdown__action__start>path {
    fill: rgba(0, 0, 0, .9)
}

.ui-review-capability-dropdown__action .andes-button--loud:hover path,
.ui-review-capability-dropdown__chevron {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.ui-review-capability-dropdown__chevron {
    margin-left: 10px
}

.ui-review-capability-dropdown-checkbox,
.ui-review-capability-dropdown__options-num {
    margin-left: 7px
}

.ui-review-capability-dropdown__options {
    padding: 10px 16px;
    position: relative
}

.ui-review-capability-dropdown__options>label {
    margin-left: 10px;
    position: relative
}

.ui-review-capability-dropdown__options:hover {
    background-color: #f5f5f5
}

.ui-review-capability-dropdown__start {
    left: 30px;
    position: absolute;
    top: 10px
}

.ui-review-capability-dropdown__start>path {
    fill: rgba(0, 0, 0, .9)
}

.ui-review-capability-dropdown__content {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1), 0 6px 16px rgba(0, 0, 0, .1);
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    z-index: 999
}

.ui-review-capability-dropdown__content .andes-button {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-radius: 5px;
    color: #fff;
    height: 38px;
    margin: 10px 16px;
    width: 70px
}

.ui-review-capability-dropdown__content .andes-button--disabled {
    background-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .25)
}

.ui-review-capability .selected {
    border-left: 3px solid var(--andes-color-blue-500, #3483fa);
    color: var(--andes-color-blue-500, #3483fa);
    font-weight: 700
}

.ui-review-capability-filter .ui-review-capability-filter__comments.ui-review-capability-filter__comments--mb-0 {
    margin-bottom: 0
}

.ui-review-capability-comments__comment {
    position: relative
}

.ui-review-capability-comments__comment.comment-photo-navigation {
    overflow: auto;
    padding-right: 12px;
    padding-top: 20px;
    width: 100%
}

.ui-review-capability-comments__comment.comment-photo-navigation .ui-review-capability-comments__comment__content {
    font-size: 14px
}

.ui-review-capability-comments__comment.comment-photo-navigation .ui-review-capability-comments__comment__rating__star {
    height: 15px;
    margin-right: 4px;
    width: 15px
}

.ui-review-capability-comments__comment.comment-photo-navigation .ui-review-capability-comments__comment__date,
.ui-review-capability-comments__comment.comment-photo-navigation .ui-review-capability-comments__comment__subtitle {
    font-size: 12px
}

.ui-review-capability-comments__comment__rating-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.ui-review-capability-comments__comment:not(:first-of-type) {
    margin-top: 32px
}

.ui-review-capability-comments__comment__rating__star {
    height: 12px;
    margin-right: 3px;
    width: 12px;
    stroke: var(--andes-color-blue-500, #3483fa);
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-review-capability-comments__comment__rating__star svg {
    height: 12px;
    width: 12px
}

.ui-review-capability-comments__comment__rating__star-empty {
    stroke: rgba(0, 0, 0, .25);
    fill: transparent
}

.ui-review-capability-comments__comment__content {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin-top: 8px
}

.ui-review-capability-comments__comment__content--closed {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ui-review-capability-comments__comment__content__read-more {
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    margin: 0
}

.ui-review-capability-comments__comment__date,
.ui-review-capability-comments__comment__subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: 12px
}

.ui-review-capability-comments__comment__carousel {
    margin-bottom: 16px;
    margin-top: 4px
}

.ui-review-capability-comments__comment__carousel--secondary {
    margin-top: 13px;
    width: 420px
}

.ui-review-capability-comments__comment__carousel--secondary-mobile {
    margin-top: 10px
}

.ui-review-capability-comments__comment__carousel--secondary-mobile .andes-carousel-free {
    margin: 0 -20px
}

.ui-review-capability-comments__comment__carousel--secondary-mobile .andes-carousel-free .andes-carousel-free__slide:first-child {
    margin-left: 20px
}

.ui-review-capability-comments__comment__carousel--secondary-mobile .andes-carousel-free .andes-carousel-free__slide:last-child {
    margin-right: 20px
}

.ui-review-capability-comments__comment__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.ui-review-capability-comments__comment__divider {
    background-color: #e8e8ec;
    height: 1px;
    margin-top: 24px;
    width: 100%
}

.ui-review-capability-comments__comment__divider:last-child {
    display: none
}

.ui-review-capability-comments {
    font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

.ui-review-capability-comments__no-reviews {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    padding: 40px 0;
    width: 250px
}

.ui-review-capability-comments__no-reviews__title {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.ui-review-capability-comments__no-reviews__subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    margin-top: 12px;
    text-align: center;
    width: 210px
}

.ui-review-capability-comments__filter-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px
}

.ui-review-capability-comments__filter-container--space {
    height: 32px
}

.ui-review-capability-comments__filter.andes-button {
    background-color: rgba(65, 137, 230, .15);
    border: none;
    border-radius: 53px;
    color: #3483fa;
    font-size: 14px;
    height: 32px;
    margin-right: 5px;
    padding: 0 11px
}

.ui-review-capability-comments__filter.andes-button svg {
    margin-right: 10px
}

.ui-review-capability-comments__buttomsheet-title {
    font-weight: 600
}

.ui-review-capability-comments__spacing {
    margin-left: 5px
}

.ui-review-capability-comments__title-container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ui-review-capability-comments__content-container {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

.ui-review-capability-comments__content-container span {
    font-weight: 600
}

.ui-review-capability-comments__pill-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 0
}

.ui-review-capability-comments__apply-filters .andes-button {
    height: 48px;
    margin-top: 20px;
    width: 100%
}

.ui-review-capability-comments__tag-filter {
    align-items: center;
    border: 1.2px solid rgba(0, 0, 0, .25);
    border-radius: 25px;
    display: flex;
    gap: 5px;
    margin: 5px;
    padding: 7px 12px
}

.ui-review-capability-comments__tag-filter:first-child,
.ui-review-capability-comments__tag-filter:nth-child(5) {
    margin-left: 0
}

.ui-review-capability-comments__tag-filter--active {
    background-color: var(--andes-color-blue-100, rgba(65, 137, 230, .1));
    border: 1px solid var(--andes-color-blue-600, #2968c8);
    color: var(--andes-color-blue-600, #2968c8)
}

.ui-review-capability-comments__tag-filter svg path {
    fill: #000
}

.ui-review-capability-comments__divider {
    background-color: #e8e8ec;
    height: 1.5px;
    margin-top: 24px;
    width: 100%
}

@media(min-width: 320px)and (max-width:799px) {
    .ui-review-capability-comments__divider {
        width: 97%
    }
}

.ui-review-capability-comments__divider:last-child {
    display: none
}

.ui-review-capability-comments__review-comment__denounce__tooltip {
    color: rgba(0, 0, 0, .9);
    padding: 8px 0;
    width: 221px
}

.ui-review-capability-comments__review-comment__denounce__tooltip .andes-tooltip__content {
    margin-right: 0
}

.ui-review-capability-comments__review-comment__denounce-button,
.ui-review-capability-comments__review-comment__denounce-button.andes-button {
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 32px;
    outline: none;
    padding: 0;
    vertical-align: top;
    width: 32px
}

.ui-review-capability-comments__review-comment__denounce-button.andes-button:after,
.ui-review-capability-comments__review-comment__denounce-button.andes-button:before,
.ui-review-capability-comments__review-comment__denounce-button:after,
.ui-review-capability-comments__review-comment__denounce-button:before {
    display: none
}

.ui-review-capability-comments__review-comment__denounce-button.andes-button:active,
.ui-review-capability-comments__review-comment__denounce-button.andes-button:hover,
.ui-review-capability-comments__review-comment__denounce-button:active,
.ui-review-capability-comments__review-comment__denounce-button:hover {
    background: transparent
}

.ui-review-capability-comments__review-comment__denounce-button.andes-button>.andes-button__content,
.ui-review-capability-comments__review-comment__denounce-button>.andes-button__content {
    align-content: center;
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
    padding: 4px 11px 4px 15px;
    vertical-align: top;
    width: 100%
}

.ui-review-capability-comments__review-comment__denounce-button.andes-button>.andes-button__content:after,
.ui-review-capability-comments__review-comment__denounce-button>.andes-button__content:after {
    display: none
}

.ui-review-capability-comments__review-comment__denounce-button .denounce-dropdown__circle,
.ui-review-capability-comments__review-comment__denounce-button.andes-button .denounce-dropdown__circle {
    background-color: #ccc;
    border-radius: 20px;
    display: block;
    float: none;
    height: 4px;
    width: 4px
}

.ui-review-capability-comments__review-comment__denounce-button .denounce-dropdown__circle:not(.ui-review-capability-comments__review-comment__denounce-button .denounce-dropdown__circle:first-child, .ui-review-capability-comments__review-comment__denounce-button.andes-button .denounce-dropdown__circle:first-child),
.ui-review-capability-comments__review-comment__denounce-button.andes-button .denounce-dropdown__circle:not(.ui-review-capability-comments__review-comment__denounce-button .denounce-dropdown__circle:first-child, .ui-review-capability-comments__review-comment__denounce-button.andes-button .denounce-dropdown__circle:first-child) {
    margin-top: 2px
}

.ui-review-capability-comments__review-comment__denounce-menu__li {
    padding: 8px 16px
}

.ui-review-capability-comments__review-comment__denounce-menu__li:hover {
    background-color: #f5f5f5
}

.ui-review-capability-comments__review-comment__denounce-menu__item-menu {
    align-items: center;
    color: #000;
    display: flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    gap: 12px
}

.ui-review-capability-comments__review-comment__denounce-menu__item-menu:hover {
    color: #000
}

.ui-review-capability-valorizations {
    display: flex;
    gap: 8px
}

.ui-review-capability-valorizations .andes-button {
    border-color: #c4c4c4;
    border-radius: 53px;
    color: rgba(0, 0, 0, .55);
    height: 32px;
    margin-right: 5px;
    padding: 0 11px
}

.ui-review-capability-valorizations .andes-button:hover {
    background-color: var(--andes-color-blue-100, rgba(65, 137, 230, .1));
    border-color: #3483fa;
    color: #3483fa
}

.ui-review-capability-valorizations .andes-button:hover path {
    stroke: none !important;
    fill: #3483fa
}

.ui-review-capability-valorizations .andes-button:last-child {
    padding: 0 8px
}

.ui-review-capability-valorizations__button {
    border: 0;
    box-shadow: none;
    color: rgba(0, 0, 0, .55);
    font-weight: 300;
    outline: none;
    padding: 0
}

.ui-review-capability-valorizations__button:hover {
    background-color: var(--andes-color-blue-100, rgba(65, 137, 230, .1));
    border: 1px solid var(--andes-color-blue-500, #3483fa);
    box-shadow: none;
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    outline: none
}

.ui-review-capability-valorizations__button:hover path {
    stroke: transparent !important;
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-review-capability-valorizations__button path {
    stroke: transparent !important;
    fill: rgba(0, 0, 0, .55);
    fill-opacity: 1
}

.ui-review-capability-valorizations__button svg path {
    fill: rgba(0, 0, 0, .55);
    stroke: none !important
}

.ui-review-capability-valorizations__button-like {
    border: 1px solid #c4c4c4;
    border-radius: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    font-weight: 600;
    gap: 12px;
    height: 32px;
    padding: 0 11px
}

.ui-review-capability-valorizations__button-like .andes-button__content {
    gap: 6px
}

.ui-review-capability-valorizations__button-like .andes-button__content:after {
    content: none
}

.ui-review-capability-valorizations__button-like__text {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap
}

.ui-review-capability-valorizations__button-dislike {
    border: 1px solid #c4c4c4;
    border-radius: 100px;
    box-sizing: border-box;
    display: flex;
    height: 32px;
    padding: 0 8px;
    width: 32px
}

.ui-review-capability-valorizations .active,
.ui-review-capability-valorizations .active.andes-button.andes-button--transparent:focus {
    background-color: var(--andes-color-blue-500, #3483fa);
    border: none;
    color: #fff
}

.ui-review-capability-valorizations .active.andes-button.andes-button--transparent:hover {
    background-color: transparent;
    border-color: transparent;
    color: #3483fa
}

.ui-review-capability-valorizations .active path {
    stroke: none !important;
    fill: #fff
}

.ui-review-capability__mobile .ui-review-capability-valorizations__button.andes-button.active:focus,
.ui-review-capability__mobile .ui-review-capability-valorizations__button.andes-button.active:hover,
.ui-review-capability__mobile .ui-review-capability-valorizations__button.andes-button.andes-button--transparent.active:focus,
.ui-review-capability__mobile .ui-review-capability-valorizations__button.andes-button.andes-button--transparent.active:hover {
    background-color: var(--andes-color-blue-500, #3483fa);
    border: none;
    color: #fff
}

.ui-review-capability__mobile .ui-review-capability-valorizations__button.andes-button:hover path {
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-review-capability__mobile .ui-review-capability-valorizations__button.andes-button.active:hover path {
    fill: #fff
}

.ui-review-capability-photo-navigation {
    display: flex;
    max-height: calc(100vh - 58px);
    padding: 0 12px 0 34px
}

.ui-review-capability-photo-navigation__divider {
    background-color: #ededed;
    display: block;
    flex-shrink: 0;
    height: auto;
    margin: 0 20px;
    width: 1px
}

.ui-review-capability-carousel-sync {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 14px;
    min-height: 400px;
    padding-top: 16px;
    width: 490px
}

.ui-review-capability-carousel-sync:hover .andes-carousel-snapped__container--content .andes-carousel-snapped__control {
    visibility: visible
}

.ui-review-capability-carousel-sync .andes-carousel-snapped__container--content.andes-carousel-snapped__container--with-controls.andes-carousel-snapped__container--strict-boundaries {
    flex-grow: 2;
    margin-left: 0;
    max-height: 450px;
    min-height: 300px;
    min-width: 450px
}

.ui-review-capability-carousel-sync .andes-carousel-snapped__container--content.andes-carousel-snapped__container--with-controls.andes-carousel-snapped__container--strict-boundaries .andes-carousel-snapped__controls-wrapper {
    height: 100%
}

.ui-review-capability-carousel-sync .andes-carousel-snapped__container--content .andes-carousel-snapped__control {
    visibility: hidden
}

.ui-review-capability-carousel-sync .andes-carousel-snapped__control:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, .1)
}

.ui-review-capability-carousel-sync .andes-carousel-free {
    flex-shrink: 0
}

.ui-review-capability-carousel-sync__snapped .andes-carousel-snapped__slide {
    height: 100%;
    max-height: 450px;
    min-height: 300px;
    width: 450px
}

.ui-review-capability-carousel-sync__snapped .andes-carousel-snapped__slide img {
    object-fit: contain;
    object-position: center
}

.ui-review-capability-carousel-sync__spinner-first-render {
    background-color: #fff;
    height: 100%;
    max-height: 450px;
    min-height: 300px;
    position: relative;
    width: 450px
}

.ui-review-capability-carousel-sync__free {
    padding: 0;
    width: 100%
}

.ui-review-capability-carousel-sync__free .andes-carousel-free__slide {
    cursor: pointer
}

.ui-review-capability-carousel-sync .andes-carousel-free__list--spacing-6 {
    gap: 6px
}

.ui-review-capability-carousel-sync__counter {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 8px
}

.ui-review-capability-carousel-sync__img-container img {
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 5px;
    height: 56px;
    object-fit: cover;
    opacity: .5;
    width: 56px
}

.ui-review-capability-carousel-sync__img-container.active img {
    border: 2px solid var(--andes-color-blue-500, #3483fa);
    opacity: 1
}

.andes-carousel-snapped__control--disabled {
    display: none
}

.ui-review-capability-carousel__disabled-swipe .andes-carousel-snapped__wrapper {
    transform: unset !important;
    translate: unset !important
}

.ui-review-capability-carousel .andes-carousel-snapped__slide,
.ui-review-capability-carousel__img-container,
.ui-review-capability-carousel__thumb-rating {
    cursor: pointer;
    position: relative
}

.ui-review-capability-carousel .andes-carousel-snapped__slide img,
.ui-review-capability-carousel__img-container img,
.ui-review-capability-carousel__thumb-rating img {
    object-fit: cover;
    object-position: center
}

.ui-review-capability-carousel .andes-carousel-snapped__slide.reviews-carousel-primary,
.ui-review-capability-carousel__img-container.reviews-carousel-primary,
.ui-review-capability-carousel__thumb-rating.reviews-carousel-primary {
    height: 168px;
    width: 100%;
    height: 180px;
    width: 120px;
}

.ui-review-capability-carousel .andes-carousel-snapped__slide.reviews-carousel-secondary,
.ui-review-capability-carousel__img-container.reviews-carousel-secondary,
.ui-review-capability-carousel__thumb-rating.reviews-carousel-secondary {
    height: 72px;
    width: 72px
}

.ui-review-capability-carousel__carousel-slide {
    margin-right: 12px
}

.ui-review-capability-carousel__img-overlay,
.ui-review-capability-carousel__overflow,
.ui-review-capability-carousel__overlay-container {
    border-radius: 5px;
    bottom: 0;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: inherit
}

.ui-review-capability-carousel__img-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent 48.96%)
}

.ui-review-capability-carousel__overflow {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center
}

.ui-review-capability-carousel__thumb-rating {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    font-weight: 600;
    height: auto;
    padding-bottom: 6px;
    padding-left: 8px;
    position: absolute;
    z-index: 2
}

.ui-review-capability-carousel__thumb-rating__star {
    margin-left: 5px;
    fill: #fff
}

.ui-review-capability-carousel__img {
    border-radius: 5px;
    height: 100%;
    object-fit: cover;
    object-position: center;
    outline: 1px solid rgba(0, 0, 0, .07);
    outline-offset: -1px;
    pointer-events: all
}

.ui-review-capability-carousel-mobile.andes-carousel-free__list--spacing-8 {
    gap: 8px
}

.ui-review-capability-carousel-mobile.andes-carousel-free__list--spacing-6 {
    gap: 6px
}

.ui-review-capability-carousel-mobile__img-container {
    position: relative
}

.ui-review-capability-carousel-mobile__img-container.reviews-carousel-primary {
    height: 180px;
    width: 120px
}

.ui-review-capability-carousel-mobile__img-container.reviews-carousel-secondary {
    height: 72px;
    width: 72px
}

.ui-review-capability-carousel-mobile__img-overlay,
.ui-review-capability-carousel-mobile__overflow,
.ui-review-capability-carousel-mobile__overlay-container {
    border-radius: 5px;
    bottom: 0;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: inherit
}

.ui-review-capability-carousel-mobile__img-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent 48.96%)
}

.ui-review-capability-carousel-mobile__overflow {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center
}

.ui-review-capability-carousel-mobile__thumb-rating {
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    font-weight: 600;
    height: auto;
    padding-bottom: 6px;
    padding-left: 8px;
    position: absolute;
    z-index: 2
}

.ui-review-capability-carousel-mobile__thumb-rating__star {
    margin-left: 5px;
    fill: #fff
}

.ui-review-capability-carousel-mobile__img {
    border-radius: 5px;
    height: 100%;
    object-fit: cover;
    object-position: center;
    outline: 1px solid rgba(0, 0, 0, .07);
    outline-offset: -1px;
    pointer-events: all;
    width: 100%
}

.ui-review-capability-fae {
    padding: 20px 0
}

.ui-review-capability-fae button {
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 18px;
    padding: 0
}

.ui-review-capability-fae__chevron {
    display: inline-block;
    margin-left: 8px;
    stroke: var(--andes-color-blue-500, #3483fa);
    height: 5px;
    transform: rotate(270deg);
    width: 8.3px
}

.ui-review-capability-fae__chevron path {
    stroke-width: 4px
}

.ui-review-capability-fae .active {
    transform: rotate(0deg)
}

.ui-review-capability-fae--mobile {
    padding-top: 20px
}

.ui-review-capability-fae--desktop {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .1);
    display: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin-top: 10px;
    padding: 16px;
    position: absolute;
    width: 274px;
    z-index: 2
}

.ui-review-capability-fae .show {
    display: block
}

.ui-review-capability-fae__progress-bar-list {
    display: flex
}

@media screen and (min-width: 800px) {
    .ui-review-capability-fae__progress-bar-list {
        margin: 7px 0
    }
}

.ui-review-capability-fae__progress-bar-list>div:first-child {
    width: 40%
}

@media screen and (min-width: 800px) {
    .ui-review-capability-fae__progress-bar-list>div:first-child {
        width: 60%
    }
}

.ui-review-capability-fae__progress-bar-list>div:first-child>span {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px
}

.ui-review-capability-fae__progress-bar-list>div:nth-child(3) {
    padding-left: 15px;
    width: 15%
}

@media screen and (min-width: 800px) {
    .ui-review-capability-fae__progress-bar-list>div:nth-child(3) {
        width: 20%
    }
}

.ui-review-capability-fae__progress-bar-container {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    width: 65%
}

.ui-review-capability-fae__progress-bar {
    border-radius: 100px;
    display: inline-block;
    height: 4px;
    margin-top: 4px;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.ui-review-capability-fae__progress-bar__background {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 100px;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ui-review-capability-fae__progress-bar__fill-background {
    background: var(--andes-color-blue-500, #3483fa);
    border-radius: 100px;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width: 800px) {
    .ui-review-capability-fae__progress-bar__fill-background {
        background: rgba(0, 0, 0, .55)
    }
}

.ui-review-capability-fae__value-container {
    color: rgba(0, 0, 0, .55);
    display: flex;
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.ui-review-capability-fae__see_more {
    display: flex;
    justify-content: center;
    padding: 20px;
    width: 100%
}

.ui-review-capability-fae__see_more button {
    background-color: transparent;
    border: none;
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    padding: 0
}

.ui-review-capability-fae_triangle {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    position: absolute;
    right: 125px;
    top: -8px;
    width: 0
}

.ui-review-capability-fae_container-close {
    display: flex;
    height: 12px;
    justify-content: end;
    position: relative
}

.ui-review-capability-fae_container-close button {
    width: unset
}

.ui-review-capability-fae_close-wrapper {
    color: #fff;
    height: 15px;
    padding: 0;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 15px
}

.ui-review-capability-fae_close-wrapper:hover {
    background-color: transparent;
    color: transparent
}

.ui-review-capability-fae_close-wrapper svg {
    width: 12px
}

.ui-review-capability-fae_close-wrapper path {
    stroke: rgba(0, 0, 0, .55) !important;
    fill: rgba(0, 0, 0, .55)
}

.ui-review-capability-empty-messages {
    background-color: transparent;
    height: 100%;
    margin-top: 0;
    padding: 0
}

.ui-review-capability-empty-messages .ui-reviews-empty-state--wrapper {
    background-color: transparent;
    max-width: 100%;
    text-align: center;
    width: 100%
}

.ui-review-capability-empty-messages .ui-reviews-empty-state--wrapper .ui-reviews-empty-state--title {
    margin-top: 10px
}

.ui-review-capability-empty-messages .ui-reviews-empty-state--wrapper .ui-reviews-empty-state--title>h3 {
    font-family: Proxima Nova;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.ui-review-capability-empty-messages .ui-reviews-empty-state--wrapper .ui-reviews-empty-state--description {
    display: flex;
    justify-content: center;
    margin-top: 8px
}

.ui-review-capability-empty-messages .ui-reviews-empty-state--wrapper .ui-reviews-empty-state--description>p {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

@media(max-width: 480px) {
    .ui-review-capability-empty-messages {
        margin-top: 20px
    }
}

.ui-review-capability__header__title {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    padding: 14px 2px;
    text-align: left;
    text-overflow: inherit
}

.ui-review-capability-comments {
    display: flex;
    flex-direction: column;
    gap: 32px;
    overflow: unset
}

.ui-review-capability__reviews-carousel {
    margin-bottom: 24px
}

.ui-review-capability__reviews-carousel__title {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 16px;
}

.ui-review-capability-icon-arrow {
    margin-left: 0
}

.show-more-click {
    background-color: transparent;
    border: none;
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    font-size: 14px;
    margin: 36px 0 20px;
    padding: 0
}

.ui-review-capability-photo-navigation-mobile {
    background: #000;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.ui-review-capability-photo-navigation-mobile .andes-carousel-snapped__wrapper {
    align-items: center
}

.ui-review-capability-photo-navigation-mobile .andes-carousel-snapped {
    height: 100vh
}

.ui-review-capability-photo-navigation-mobile .andes-carousel-snapped__slide img {
    object-fit: contain;
    object-position: center
}

.ui-review-capability-photo-navigation-mobile__close {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    left: 20px;
    position: absolute;
    top: 20px
}

.ui-review-capability-photo-navigation-mobile__counter {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 20px;
    top: 20px
}

.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment {
    background: linear-gradient(180deg, transparent 0, #000 61%);
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    padding: 20px;
    position: absolute;
    width: 100%
}

.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-comments__comment__content,
.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-comments__comment__date,
.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-comments__comment__subtitle {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0
}

.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-comments__comment__content {
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    max-height: 40vh;
    overflow: auto;
    padding: 1px 0
}

.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-comments__comment__content__read-more {
    color: #fff;
    font-weight: 700
}

.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-comments__comment__content .date-comment-gallery {
    font-weight: 700;
    margin-left: 5px
}

.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-valorizations .andes-button {
    color: #fff
}

.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-comments__comment__rating__star {
    height: 12px;
    width: 13px;
    fill: #fff;
    stroke: #fff
}

.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-valorizations__button svg path {
    fill: #fff
}

.ui-review-capability-photo-navigation-mobile-comment.ui-review-capability-comments__comment .ui-review-capability-comments__comment__rating__star-empty {
    stroke: #fff;
    fill: transparent
}

.ui-review-capability-photo-navigation-mobile__divider {
    background-color: #ededed;
    display: block;
    flex-shrink: 0;
    height: auto;
    margin: 0 20px;
    width: 1px
}

.ui-review-capability-photo-navigation-mobile .close-wrapper-photos {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 20px;
    color: #fff;
    height: 21px;
    padding: 0;
    width: 22px
}

.ui-review-capability-photo-navigation-mobile .close-wrapper-photos:hover {
    background-color: transparent;
    color: transparent
}

.ui-review-capability-photo-navigation-mobile .close-wrapper-photos svg {
    width: 12px
}

.ui-review-capability-photo-navigation-mobile .close-wrapper-photos path {
    stroke: #fff !important;
    fill: #fff
}

.ui-review-capability__summary {
    margin-bottom: 32px
}

.ui-review-capability__summary__description {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.ui-review-capability__summary__description__text {
    color: rgba(0, 0, 0, .55)
}

.ui-review-capability__summary__description__icon {
    margin-right: 7px
}

.ui-review-capability__summary__sections__container:last-child {
    margin-bottom: 12px
}

.ui-review-capability__summary__sections__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.ui-review-capability__summary__sections__title.andes-typography--size-xs.andes-typography--type-title,
.ui-review-capability__summary__sections__title.andes-typography--size-xs.andes-typography--type-title:first-child,
.ui-review-capability__summary__sections__title.andes-typography.andes-typography--type-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 4px
}

.ui-review-capability__summary__sections__item {
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: 16px;
    list-style-type: none;
    margin-left: 8px
}

.ui-review-capability__summary__sections__bullet-point {
    bottom: 2px;
    font-size: 18px;
    margin-right: 7px;
    position: relative
}

.ui-review-capability__summary__plain_text__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 8px
}

.ui-review-capability__summary__plain_text__summary_container {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
    -webkit-font-smoothing: antialiased
}

.ui-review-capability__summary__sections__container {
    margin-bottom: 16px
}

.ui-review-capability__summary__sections__title {
    margin-bottom: 8px
}

.ui-review-capability__summary__sections__title.andes-typography--size-xs.andes-typography--type-title,
.ui-review-capability__summary__sections__title.andes-typography--size-xs.andes-typography--type-title:first-child,
.ui-review-capability__summary__sections__title.andes-typography.andes-typography--type-title {
    margin: 0 0 8px
}

.ui-review-capability__summary__sections__item {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 7px
}

.ui-review-capability__summary__description {
    margin-bottom: 14px
}

.ui-review-capability__summary__description__text {
    font-size: 14px;
    font-weight: 400
}

.ui-review-capability__summary__description__icon {
    margin-right: 6px
}

.ui-review-capability__summary__sections__bullet-point {
    bottom: 1px
}

.ui-review-capability__summary__divider {
    margin-bottom: 23px;
    margin-top: 23px
}

.ui-review-capability__mobile__header+.ui-review-capability__summary {
    margin-top: 6px
}

.ui-review-capability__mobile {
    padding: 0 20px;
    width: 100%
}

.ui-review-capability__mobile__arrow .ui-review-view-icon-arrow {
    margin-left: 0
}

.ui-review-capability__mobile__header__title {
    font-size: 20px;
    margin-top: 20px
}

.ui-review-capability__mobile__comments,
.ui-review-capability__mobile__header__score {
    margin-top: 20px
}

.ui-review-capability__mobile__comments--mt-0 {
    margin-top: 0
}

.ui-review-capability__mobile .ui-review-capability__rating__average {
    font-size: 40px
}

.ui-review-capability__mobile__arrow {
    margin-top: 20px
}

.ui-review-capability__mobile__arrow svg {
    height: 18px;
    margin-bottom: 10px;
    width: 21px
}

.ui-review-capability__mobile__arrow svg path {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.ui-review-capability__mobile .ui-review-capability-filter>div:first-child {
    justify-content: flex-end
}

.ui-review-capability__mobile__reviews-carousel {
    padding: 20px 0 19px
}

.ui-review-capability__mobile__reviews-carousel__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px
}

.ui-review-capability__mobile__reviews-carousel .andes-carousel-free {
    margin: 0 -20px
}

.ui-review-capability__mobile__reviews-carousel .andes-carousel-free .andes-carousel-free__slide:first-child {
    margin-left: 20px
}

.ui-review-capability__mobile__reviews-carousel .andes-carousel-free .andes-carousel-free__slide:last-child {
    margin-right: 20px
}

.ui-review-capability__mobile .ui-review-capability-comments {
    width: -webkit-fill-available
}

.ui-review-capability__mobile .ui-review-capability-comments__title {
    display: none
}

.ui-review-capability__mobile .ui-review-capability-comments__title-comments {
    font-size: 18px;
    font-weight: 600;
    left: -1px;
    line-height: 20px;
    position: absolute;
    top: -2px
}

.ui-review-capability__mobile .total-opinion {
    color: #949494;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-height: 1.14;
    position: absolute;
    top: 23px
}

.ui-cpg {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

.ui-cpg--focus {
    z-index: 1025
}

.ui-cpg__info-default-section {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

.ui-cpg__info-default-section-no-department {
    color: #4a4a4a;
    font-size: 22px;
    font-weight: 600
}

.ui-cpg__info-default-section-supermarket-icon {
    fill: #c70f5a
}

.ui-cpg__info-wrapper {
    align-items: center;
    display: flex
}

.ui-cpg__info-selected-department {
    color: #fff;
    font-size: 22px;
    font-weight: 600
}

.ui-cpg__info-selected-department--default {
    color: #4a4a4a
}

.ui-cpg__info-selected-department--supermarket {
    color: rgba(0, 0, 0, .8);
    font-size: 16px;
    font-weight: 400
}

.ui-cpg__info-default-department .ui-cpg-icon--supermarket {
    vertical-align: middle
}

.ui-cpg__focus-list {
    background-color: #f8f8f8;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transition: height .35s ease-in-out;
    width: 100%;
    z-index: 1025
}

.ui-cpg__focus-list--show {
    height: -moz-fit-content;
    height: fit-content
}

.ui-cpg__focus-list-department {
    align-items: center;
    border-top: 1px solid #eee;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 60px;
    position: relative
}

.ui-cpg__focus-list-department-link {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%
}

.ui-cpg__focus-list-department-link:focus {
    outline: none
}

.ui-cpg__focus-list-department-link--is-selected {
    background-color: #f1f1f1
}

.ui-cpg__focus-list-department-link-border {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px
}

.ui-cpg__focus-list-department-link-image {
    margin-left: 22px;
    width: 67px
}

.ui-cpg__focus-list-department-link-text {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 18px
}

.ui-cpg__focus {
    display: flex;
    position: relative;
    width: 100%
}

.ui-cpg__icon {
    margin-left: 5px
}

.ui-cpg__icon-chevron {
    fill: #fff;
    transform: rotate(-90deg)
}

.ui-cpg__icon-chevron-supermarket {
    fill: rgba(0, 0, 0, .8)
}

.ui-cpg__icon-chevron-default {
    fill: #4a4a4a
}

.ui-cpg__icon-chevron--down {
    margin-top: 4px;
    transform: rotate(90deg)
}

.ui-cpg--lock-area {
    background-color: rgba(0, 0, 0, .6);
    display: block;
    height: 100%;
    opacity: 1;
    position: fixed;
    transition: height 50ms ease-in-out, opacity .2s ease-in-out;
    width: 100%;
    z-index: 1024
}

p.ui-ms-styled-label.ui-ms-styled-label__color--andes-gray-900 {
    color: rgba(0, 0, 0, .9) !important
}

p.ui-ms-styled-label.ui-ms-styled-label__color--andes-gray-550 {
    color: rgba(0, 0, 0, .55) !important
}

p.ui-ms-styled-label.ui-ms-styled-label__size--bodyl {
    font-size: 18px !important
}

p.ui-ms-styled-label.ui-ms-styled-label__size--bodym {
    font-size: 16px !important
}

p.ui-ms-styled-label.ui-ms-styled-label__size--bodys {
    font-size: 14px !important
}

p.ui-ms-styled-label.ui-ms-styled-label__size--bodyxs {
    font-size: 12px !important
}

p.ui-ms-styled-label.ui-ms-styled-label__weight--super-light {
    font-weight: 200 !important
}

p.ui-ms-styled-label.ui-ms-styled-label__weight--regular {
    font-weight: 400 !important
}

p.ui-ms-styled-label.ui-ms-styled-label__weight--semibold {
    font-weight: 600 !important
}

.ui-ms-profile__header {
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    width: 100%
}


.ui-ms-profile__header .andes-tooltip__trigger {
    display: inline;
    padding-left: 12px
}

.ui-ms-profile__header .andes-tooltip__trigger svg {
    background: var(--andes-color-blue-100, rgba(65, 137, 230, .1));
    border-radius: 8px;
    position: relative
}

.ui-ms-profile__banner {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    flex-direction: row;
    height: 100px;
    position: relative
}

.ui-ms-profile__banner,
.ui-ms-profile__wrapper-components {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.ui-ms-profile__wrapper-components {
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px
}

.ui-ms-profile__banner.banner--social {
    align-items: normal;
    height: auto;
    padding: 0
}

.ui-ms-profile__banner.banner--social .ui-ms-profile__info-wrapper {
    align-items: center;
    justify-content: space-between;
    max-height: 120px;
    padding: 0;
    width: 100%
}

.ui-ms-profile__banner.banner--social .ui-ms-profile__image-square {
    height: 56px;
    width: 56px
}

.ui-ms-profile__banner.banner--social .ui-ms-profile__wrap-description {
    max-width: 728px
}

.ui-ms-profile__banner.banner--social .ui-ms-profile__wrap-description h2 {
    font-size: 18px
}

.ui-ms-profile__banner.banner--social .ui-ms-profile__shop-info {
    max-width: 728px;
    padding: 0
}

.ui-ms-profile__info-wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: row
}

.ui-ms-profile__wrap-followers {
    box-sizing: border-box;
    margin-right: 128px;
    padding-top: 26px;
    text-align: right;
    width: 100%
}

.ui-ms-profile__followers {
    align-items: center;
    display: inline-flex
}

.ui-ms-profile__followers-count {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px
}

.ui-ms-profile__shop-info {
    background: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    height: 60px;
    padding: 10px 12px
}

.ui-ms-profile__rounded {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    box-sizing: border-box;
    height: 40px;
    object-fit: contain;
    width: 40px
}

.ui-ms-profile__circle {
    border-radius: 50%;
    height: 56px;
    object-fit: cover;
    width: 56px
}

.ui-ms-profile__wrap-description {
    align-self: center;
    color: rgba(0, 0, 0, .9);
    display: flex;
    flex-direction: column
}

.ui-ms-profile__wrap-description p {
    display: -webkit-box;
    margin: 0 0 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.ui-ms-profile__wrap-description.landing p {
    margin-left: 0
}

.ui-ms-profile__wrap-description .ui-ms-profile__title {
    font-size: 12px
}

.ui-ms-profile__wrap-description .ui-ms-profile__title svg {
    box-sizing: content-box;
    display: inline-block;
    height: 14px;
    padding-right: 4px;
    vertical-align: -4px;
    width: 14px
}

.ui-ms-profile__wrap-description .ui-ms-profile__full_name {
    font-size: 18px;
    font-weight: 600;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.ui-ms-profile__wrap-description .ui-ms-styled-label--default {
    display: flex;
    vertical-align: bottom
}

.ui-ms-profile__wrap-description .ui-ms-profile__information {
    color: rgba(0, 0, 0, .55);
    display: inline-flex;
    font-size: 12px;
    gap: 0;
    margin-left: 10px
}

.ui-ms-profile__wrap-description .ui-ms-profile__information svg {
    margin-top: 2px
}

.ui-ms-profile__wrap-description .ui-ms-profile__information p {
    margin-left: 4px
}

.ui-ms-profile__wrap-description h2 {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    line-height: 1;
    margin: 0 0 0 12px
}

.ui-ms-profile__banner.banner--social .ui-ms-profile__wrap-description .ui-ms-profile__full_name {
    font-size: 20px
}

.ui-ms-profile__container {
    position: relative
}

.ui-ms-profile__container .ui-ms-profile__profile-information-affiliate {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 4px;
    margin-left: 16px;
    width: 328px
}

.ui-ms-profile__container .ui-ms-profile__description {
    color: rgba(0, 0, 0, .9);
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ui-ms-profile__container .ui-ms-profile__square {
    align-items: center;
    border-radius: 6px;
    display: flex;
    height: 64px;
    justify-content: center;
    width: 64px
}

.ui-ms-profile__container .ui-ms-profile__image {
    border-radius: 6px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.ui-ms-profile__container .andes-tabs__border {
    box-shadow: none
}

.ui-ms-profile__container .andes-tabs__container {
    position: static
}

.ui-ms-profile__container .andes-tab-content {
    background-color: #fff;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1);
    left: 0;
    position: absolute;
    width: 100%
}

.ui-ms-profile__container .ui-ms-profile__menu-title a {
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    font-weight: 600
}

.ui-ms-profile__options-menu button {
    height: 40px;
    padding: 12px;
    width: 40px
}

.ui-ms-profile__options-menu {
    position: absolute;
    right: 12px;
    top: 12px
}

.ui-ms-profile__options-menu button {
    background-color: transparent;
    border: none;
    border-radius: 40px;
    height: 32px;
    padding: 0;
    width: 32px
}

.ui-ms-profile__options-menu button:focus,
.ui-ms-profile__options-menu button:hover {
    background-color: rgba(0, 0, 0, .04);
    cursor: pointer
}

.ui-ms-profile__options-menu .andes-popper,
.ui-ms-profile__options-menu .ui-ms-profile__affiliates-menu--dropdown {
    border-radius: 6px;
    box-sizing: border-box;
    height: 92px !important;
    width: 128px
}

.ui-ms-profile__options-menu .andes-popper .andes-list__item .andes-list__item-action,
.ui-ms-profile__options-menu .ui-ms-profile__affiliates-menu--dropdown .andes-list__item .andes-list__item-action {
    background: none;
    box-shadow: none;
    outline: none
}

.ui-ms-profile__options-menu .andes-popper .andes-list__item--size-medium,
.ui-ms-profile__options-menu .ui-ms-profile__affiliates-menu--dropdown .andes-list__item--size-medium {
    height: 46px
}

.ui-ms-profile__options-menu .andes-popper .andes-list__item--size-medium .andes-list__item-action,
.ui-ms-profile__options-menu .andes-popper .andes-list__item--size-medium .andes-list__item-anchor,
.ui-ms-profile__options-menu .ui-ms-profile__affiliates-menu--dropdown .andes-list__item--size-medium .andes-list__item-action,
.ui-ms-profile__options-menu .ui-ms-profile__affiliates-menu--dropdown .andes-list__item--size-medium .andes-list__item-anchor {
    box-sizing: border-box;
    height: 46px;
    padding: 13px 15px;
    width: 128px
}

.ui-ms-profile__options-menu .andes-popper .andes-list__item--size-medium .andes-list__item-action .andes-list__item-first-column,
.ui-ms-profile__options-menu .andes-popper .andes-list__item--size-medium .andes-list__item-anchor .andes-list__item-first-column,
.ui-ms-profile__options-menu .ui-ms-profile__affiliates-menu--dropdown .andes-list__item--size-medium .andes-list__item-action .andes-list__item-first-column,
.ui-ms-profile__options-menu .ui-ms-profile__affiliates-menu--dropdown .andes-list__item--size-medium .andes-list__item-anchor .andes-list__item-first-column {
    padding: 0
}

.ui-ms-profile__navigation-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-weight: 600;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 10px 0 128px
}

.ui-ms-profile__corridors-navigation-container,
.ui-ms-profile__navigation {
    background-color: #fff;
    max-width: 1200px;
    padding: 16px 16px 16px 0
}

.ui-ms-profile__corridors-navigation-container {
    position: relative
}

.ui-ms-profile__list {
    display: flex;
    font-size: 14px;
    gap: 24px;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.ui-ms-profile__item a {
    color: rgba(0, 0, 0, .55);
    font-weight: 600;
    text-decoration: none
}

.ui-ms-profile__container .ui-ms-profile__item:hover,
.ui-ms-profile__item a:hover {
    color: var(--andes-color-blue-500, #3483fa);
    font-weight: 600
}

.ui-ms-profile__main-content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.ui-ms-profile__content {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;
    justify-content: space-between
}

.ui-ms-profile__content,
.ui-ms-profile__content .ui-ms-profile__social {
    align-items: center;
    display: flex
}

.ui-ms-profile__content .ui-ms-profile__social .andes-button {
    padding: 0
}

.ui-ms-profile__content .ui-ms-profile__social .andes-button .andes-button__content {
    font-weight: 700
}

.ui-ms-profile__content .ui-ms-profile__social-info {
    margin-right: 8px
}

.ui-ms-profile__content .ui-ms-profile__menu {
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    font-weight: 600
}

.affiliate-description {
    align-items: center;
    display: flex;
    gap: 4px;
    height: 18px;
    margin-left: 12px;
    margin-top: 2px
}

.affiliate-description-infotext {
    align-items: center;
    color: rgba(0, 0, 0, .55);
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.affiliate-description-infotext div {
    align-items: center;
    display: flex;
    justify-content: center
}

.affiliate-description-infotext .andes-tooltip__trigger {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 8px;
    padding-left: 1px
}

.affiliate-description-report {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.ui-es-clickable {
    cursor: pointer
}

.ui-ms-profile__header--affiliate .ui-ms-profile__options-menu .andes-button--loud path[fill]:not([fill=none]),
.ui-ms-profile__header--affiliate .ui-ms-profile__options-menu .andes-button--loud svg[fill]:not([fill=none]),
.ui-ms-profile__header--affiliate .ui-ms-profile__options-menu .andes-button--loud:focus path[fill]:not([fill=none]),
.ui-ms-profile__header--affiliate .ui-ms-profile__options-menu .andes-button--loud:focus svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .55) !important
}

@media(min-width: 768px) {

    .ui-ms-profile__header--affiliate .ui-ms-profile__options-menu .andes-button--loud:hover,
    .ui-ms-profile__header--affiliate .ui-ms-profile__options-menu .andes-button--loud:visited:hover {
        fill: rgba(0, 0, 0, .55) !important
    }
}

.ui-ms-profile__header--seller .ui-ms-profile__profile-information {
    gap: 0 !important
}

.ui-ms-profile__banner {
    height: 80px
}

.ui-ms-profile__banner .ui-ms-profile__wrap-description .ui-ms-profile__full_name {
    font-weight: 600
}

.ui-ms-profile__header--full-banner {
    position: sticky;
    top: -80px
}

.ui-ms-profile__banner--empty {
    display: none
}

.editor .ui-ms-profile__banner--empty {
    display: initial
}

.ui-ms-profile__container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-weight: 600;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 16px;
    width: 100%
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__image-square {
    height: 48px;
    margin-right: 8px;
    width: 48px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__rounded {
    height: 48px;
    width: 48px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    min-width: 0;
    width: 380px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information .ui-ms-profile__description {
    font-weight: 400;
    width: 290px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information .ui-ms-profile__sub_description {
    font-size: 12px;
    font-weight: 400
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information .ui-ms-profile__full_name {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 3px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information .ui-ms-profile__full_name .ui-ms-profile__follow-button--mobile {
    border: 0;
    display: flex;
    height: 16px;
    margin-left: 0;
    padding-left: 0;
    width: 82px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information .ui-ms-profile__full_name .ui-ms-profile__follow-button--mobile .andes-button__content {
    justify-content: flex-start
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information p {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 200;
    margin: 0;
    width: 100%
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information .andes-snackbar__message {
    color: #fff
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information h2 {
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    font-weight: 600;
    margin: 0
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information div {
    padding-left: 0
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__options-menu button {
    box-sizing: border-box;
    height: 16px;
    padding: 0;
    width: 16px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-mobile-menu {
    margin-top: auto;
    text-align: right
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-mobile-menu .andes-button--small {
    border: 0;
    margin-bottom: 2px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-mobile-menu .andes-button--small .andes-button__content {
    font-size: 14px;
    line-height: 18px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-mobile-menu .andes-button--transparent {
    padding-right: 0
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information .ui-ms-profile__full_name {
    color: rgba(0, 0, 0, .9);
    display: inline-block;
    font-weight: 600;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information .ui-ms-profile__description {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    line-height: 15px;
    width: 240px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile--supermarket {
    padding: 12px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile--supermarket .ui-ms-profile__rounded {
    height: 40px;
    width: 40px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile--supermarket .ui-ms-profile__profile-information {
    gap: 0;
    width: 100%
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile--supermarket .ui-ms-profile__profile-mobile-menu .andes-button--small {
    margin-bottom: 0
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile--supermarket .ui-ms-profile__profile-mobile-menu .andes-button--transparent {
    padding: 20px 0
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile--supermarket .ui-ms-profile__profile-information p {
    font-size: 16px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile--supermarket .ui-ms-profile__corridors-icon {
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
    -webkit-margin-end: 6px;
    margin-inline-end: 6px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile--supermarket .ui-ms-profile__corridors-icon path {
    stroke: none !important
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile.profile--social {
    align-items: stretch
}

.ui-ms-profile__container .ui-ms-profile__profile-image {
    display: flex
}

.ui-ms-profile__container .ui-ms-profile__follow-button--mobile {
    height: 15px
}

.ui-ms-profile__container .ui-ms-profile__follow-button--mobile .andes-button__content {
    top: unset
}

.ui-ms-profile__container .ui-ms-profile__follow-button--mobile .andes-button__content .ui-ms-profile__coupon-icon {
    height: 12px;
    margin-left: 4px;
    max-height: 12px;
    max-width: 16px;
    padding: 0;
    width: 16px
}

.ui-ms-profile__container .ui-ms-profile__follow-button--mobile .andes-button__content .ui-ms-profile__coupon-icon path:last-child {
    stroke-width: 0
}

.ui-ms-profile__container .ui-ms-profile__follow-button--mobile--new {
    height: 24px;
    margin-left: 8px
}

.ui-ms-profile__container .affiliate-description {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    gap: 4px;
    justify-content: center;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 0;
    padding: 8px;
    width: 100%
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile+.ui-ms-profile__options-menu {
    position: absolute
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information p {
    font-weight: 400
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information p svg {
    box-sizing: content-box;
    display: inline-block;
    height: 14px;
    padding-right: 4px;
    vertical-align: -3px;
    width: 14px
}

.ui-ms-profile__container .ui-ms-profile__profile-mobile.profile--social .ui-ms-profile__profile-information .ui-ms-profile__sub_description {
    margin-top: 4px
}

@media(max-width: 360px) {
    .ui-ms-profile__container .ui-ms-profile__profile-mobile .ui-ms-profile__profile-information .ui-ms-profile__description {
        width: 90%
    }
}

@media(max-width: 340px) {
    .ui-ms-profile__container .ui-ms-profile__profile-mobile.profile--social .ui-ms-profile__full_name--long {
        font-size: 12px
    }
}

.ui-search .ui-ms-profile__header {
    box-shadow: none
}

.ui-search .ui-ms-profile__search-border {
    border-bottom: 1px solid #ededed;
    margin: 0 16px
}

.ui-search .ui-ms-profile__header--brand .ui-ms-profile__banner,
.ui-search .ui-ms-profile__header--brand .ui-ms-profile__share,
.ui-search .ui-ms-profile__header--seller .ui-ms-profile__banner,
.ui-search .ui-ms-profile__header--seller .ui-ms-profile__share {
    display: none
}

.ui-ms-profile__share {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 24px;
    width: 32px
}

.ui-ms-profile__share--no-banner {
    right: 68px;
    top: 34px;
    z-index: 1
}

.ui-ms-profile__header.ui-ms-profile__header--brand .ui-ms-profile__profile-information {
    gap: 0;
    height: auto;
    line-height: 1
}

.ui-ms-profile__header.ui-ms-profile__header--brand .ui-ms-profile__profile-information .ui-ms-profile__title {
    display: flex;
    font-size: 12px;
    height: 12px
}

.ui-ms-profile__header.ui-ms-profile__header--brand .ui-ms-profile__profile-information .ui-ms-profile__title svg {
    height: 12px;
    width: 12px
}

.ui-ms-profile__header.ui-ms-profile__header--brand .ui-ms-profile__profile-mobile-menu .andes-button--small {
    margin-bottom: -2px
}

.ui-ms-profile__full_name.ui-ms-profile__full_name--long.ui-ms-styled-label--default.ui-ms-profile__sub-title {
    line-height: 0
}

.ui-ms-profile__logo-home {
    height: 20px
}

.ui-es-profile-header__bar-info {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    gap: 6px;
    padding: 8px 16px
}

.ui-es-profile-header__bar-info .ui-ms-profile__coupon-icon {
    background: none;
    height: 16px;
    width: 16px
}

.ui-es-profile-header__bar-info .ui-ms-profile__coupon-icon path:first-child {
    stroke: rgba(0, 0, 0, .9)
}

.ui-es-profile-header__bar-info .ui-ms-profile__coupon-icon path:last-child {
    fill: rgba(0, 0, 0, .9)
}

.ui-es-profile-header__bar-info p {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
    padding: 0
}

.ui-ms-bottom-sheet .andes-bottom-sheet__title-container {
    -webkit-padding-end: 0;
    padding-inline-end: 0;
    -webkit-padding-start: 16px;
    padding-inline-start: 16px
}

.ui-ms-bottom-sheet .andes-bottom-sheet__title-container .andes-bottom-sheet__close {
    -webkit-padding-end: 16px;
    padding-inline-end: 16px
}

.ui-ms-bottom-sheet .andes-bottom-sheet__content {
    display: flex;
    flex-direction: column;
    padding: 0
}

.ui-ms-bottom-sheet .andes-bottom-sheet__header--legacy {
    padding: 8px 16px 0
}

.ui-ms-bottom-sheet__iframe {
    border: 0;
    height: 100%;
    width: 100%
}

.ui-ms-bottom-sheet-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    -webkit-margin-after: 12px;
    margin-block-end: 12px;
    width: 100%
}

.ui-ms-bottom-sheet-header--no-swipper {
    padding-top: 0
}

.ui-ms-bottom-sheet-header__swiper {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 2px;
    flex-shrink: 0;
    height: 4px;
    margin-block: 8px;
    margin-inline: 0;
    width: 32px
}

.ui-ms-bottom-sheet-header__title-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-inline: 16px;
    width: -webkit-fill-available
}

.ui-ms-bottom-sheet-header__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-block: 0
}

.ui-ms-bottom-sheet-header__close {
    background-color: transparent;
    border: 0;
    display: flex;
    padding: 0
}

.ui-ms-bottom-sheet-content__list {
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(3, 1fr);
    list-style-type: none;
    margin-block: 0 12px;
    padding-inline: 16px
}

@media only screen and (min-width: 480px) {
    .ui-ms-bottom-sheet-content__list {
        grid-template-columns: repeat(4, 1fr)
    }
}

.ui-ms-bottom-sheet-content__list--spacing {
    padding-top: 12px
}

.ui-ms-bottom-sheet-content__repurchase-widget {
    margin: 5px 16px 16px
}

.ui-ms-bottom-sheet-content__close-container {
    display: flex;
    justify-content: flex-end;
    padding-right: 16px
}

.ui-ms-bottom-sheet-content__close-container .ui-ms-bottom-sheet-content__close-button {
    background-color: transparent;
    border: 0;
    display: block;
    padding: 0
}

.ui-ms-bottom-sheet-content__card {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 7.125rem;
    justify-content: center;
    min-width: 90px;
    padding-block: 8px;
    padding-inline: 8px;
    position: relative
}

.ui-ms-bottom-sheet-content__card:after {
    background: transparent;
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.ui-ms-bottom-sheet-content__card:active:after {
    background: rgba(0, 0, 0, .04)
}

.ui-ms-bottom-sheet-content__card .ui-ms-bottom-sheet-content__link {
    background: none;
    border: none;
    padding-block: 0;
    padding-left: 0;
    padding-right: 0
}

.ui-ms-bottom-sheet-content__card .ui-ms-bottom-sheet-content__label {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgba(0, 0, 0, .9);
    display: -webkit-box;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    overflow: hidden;
    padding-inline: 0;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%
}

.ui-ms-bottom-sheet-content__card .ui-ms-bottom-sheet-content__link:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

figure {
    margin: 0
}

[class*=ui-styled-label--ANDES-GRAY-900] {
    color: rgba(0, 0, 0, .9) !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-900] svg .ui-compats-icon--stroke {
    stroke: rgba(0, 0, 0, .9) !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-900] svg .ui-compats-icon--fill {
    fill: rgba(0, 0, 0, .9) !important
}

[class*=ui-styled-label--ANDES-GRAY-550] {
    color: rgba(0, 0, 0, .55) !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-550] svg .ui-compats-icon--stroke {
    stroke: rgba(0, 0, 0, .55) !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-550] svg .ui-compats-icon--fill {
    fill: rgba(0, 0, 0, .55) !important
}

[class*=ui-styled-label--ANDES-GRAY-250] {
    color: rgba(0, 0, 0, .25) !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-250] svg .ui-compats-icon--stroke {
    stroke: rgba(0, 0, 0, .25) !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-250] svg .ui-compats-icon--fill {
    fill: rgba(0, 0, 0, .25) !important
}

[class*=ui-styled-label--ANDES-GRAY-900-SOLID] {
    color: #1a1a1a !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-900-SOLID] svg .ui-compats-icon--stroke {
    stroke: #1a1a1a !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-900-SOLID] svg .ui-compats-icon--fill {
    fill: #1a1a1a !important
}

[class*=ui-styled-label--ANDES-GRAY-550-SOLID] {
    color: #737373 !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-550-SOLID] svg .ui-compats-icon--stroke {
    stroke: #737373 !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-550-SOLID] svg .ui-compats-icon--fill {
    fill: #737373 !important
}

[class*=ui-styled-label--ANDES-GRAY-250-SOLID] {
    color: #bfbfbf !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-250-SOLID] svg .ui-compats-icon--stroke {
    stroke: #bfbfbf !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-250-SOLID] svg .ui-compats-icon--fill {
    fill: #bfbfbf !important
}

[class*=ui-styled-label--ANDES-GRAY-040-SOLID] {
    color: #f5f5f5 !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-040-SOLID] svg .ui-compats-icon--stroke {
    stroke: #f5f5f5 !important
}

[class*=ui-compats-header__icon--color-ANDES-GRAY-040-SOLID] svg .ui-compats-icon--fill {
    fill: #f5f5f5 !important
}

[class*=ui-styled-label--ANDES-BLUE-200] {
    color: var(--andes-color-blue-200, rgba(65, 137, 230, .2)) !important
}

[class*=ui-compats-header__icon--color-ANDES-BLUE-200] svg .ui-compats-icon--stroke {
    stroke: var(--andes-color-blue-200, rgba(65, 137, 230, .2)) !important
}

[class*=ui-compats-header__icon--color-ANDES-BLUE-200] svg .ui-compats-icon--fill {
    fill: var(--andes-color-blue-200, rgba(65, 137, 230, .2)) !important
}

[class*=ui-styled-label--ANDES-BLUE-500] {
    color: var(--andes-color-blue-500, #3483fa) !important
}

[class*=ui-compats-header__icon--color-ANDES-BLUE-500] svg .ui-compats-icon--stroke {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

[class*=ui-compats-header__icon--color-ANDES-BLUE-500] svg .ui-compats-icon--fill {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

[class*=ui-styled-label--ANDES-BLUE-ML-200] {
    color: var(--andes-color-blue-200, rgba(65, 137, 230, .2)) !important
}

[class*=ui-compats-header__icon--color-ANDES-BLUE-ML-200] svg .ui-compats-icon--stroke {
    stroke: var(--andes-color-blue-200, rgba(65, 137, 230, .2)) !important
}

[class*=ui-compats-header__icon--color-ANDES-BLUE-ML-200] svg .ui-compats-icon--fill {
    fill: var(--andes-color-blue-200, rgba(65, 137, 230, .2)) !important
}

[class*=ui-styled-label--ANDES-BLUE-ML-500] {
    color: var(--andes-color-blue-500, #3483fa) !important
}

[class*=ui-compats-header__icon--color-ANDES-BLUE-ML-500] svg .ui-compats-icon--stroke {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

[class*=ui-compats-header__icon--color-ANDES-BLUE-ML-500] svg .ui-compats-icon--fill {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

[class*=ui-styled-label--ANDES-ORANGE-500] {
    color: #f73 !important
}

[class*=ui-compats-header__icon--color-ANDES-ORANGE-500] svg .ui-compats-icon--stroke {
    stroke: #f73 !important
}

[class*=ui-compats-header__icon--color-ANDES-ORANGE-500] svg .ui-compats-icon--fill {
    fill: #f73 !important
}

[class*=ui-styled-label--ANDES-GREEN-500] {
    color: #00a650 !important
}

[class*=ui-compats-header__icon--color-ANDES-GREEN-500] svg .ui-compats-icon--stroke {
    stroke: #00a650 !important
}

[class*=ui-compats-header__icon--color-ANDES-GREEN-500] svg .ui-compats-icon--fill {
    fill: #00a650 !important
}

[class*=ui-styled-label--ANDES-RED-500] {
    color: #f23d4f !important
}

[class*=ui-compats-header__icon--color-ANDES-RED-500] svg .ui-compats-icon--stroke {
    stroke: #f23d4f !important
}

[class*=ui-compats-header__icon--color-ANDES-RED-500] svg .ui-compats-icon--fill {
    fill: #f23d4f !important
}

[class*=ui-styled-label--ANDES-WHITE] {
    color: #fff !important
}

[class*=ui-compats-header__icon--color-ANDES-WHITE] svg .ui-compats-icon--stroke {
    stroke: #fff !important
}

[class*=ui-compats-header__icon--color-ANDES-WHITE] svg .ui-compats-icon--fill {
    fill: #fff !important
}

[class*=ui-styled-label--ANDES-BLACK] {
    color: #000 !important
}

[class*=ui-compats-header__icon--color-ANDES-BLACK] svg .ui-compats-icon--stroke {
    stroke: #000 !important
}

[class*=ui-compats-header__icon--color-ANDES-BLACK] svg .ui-compats-icon--fill {
    fill: #000 !important
}

[class*=ui-styled-label--ANDES-TEXT-COLOR-PRIMARY] {
    color: rgba(0, 0, 0, .9) !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-PRIMARY] svg .ui-compats-icon--stroke {
    stroke: rgba(0, 0, 0, .9) !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-PRIMARY] svg .ui-compats-icon--fill {
    fill: rgba(0, 0, 0, .9) !important
}

[class*=ui-styled-label--ANDES-TEXT-COLOR-SECONDARY] {
    color: rgba(0, 0, 0, .55) !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-SECONDARY] svg .ui-compats-icon--stroke {
    stroke: rgba(0, 0, 0, .55) !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-SECONDARY] svg .ui-compats-icon--fill {
    fill: rgba(0, 0, 0, .55) !important
}

[class*=ui-styled-label--ANDES-TEXT-COLOR-DISABLED] {
    color: rgba(0, 0, 0, .25) !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-DISABLED] svg .ui-compats-icon--stroke {
    stroke: rgba(0, 0, 0, .25) !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-DISABLED] svg .ui-compats-icon--fill {
    fill: rgba(0, 0, 0, .25) !important
}

[class*=ui-styled-label--ANDES-TEXT-COLOR-INVERTED] {
    color: #fff !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-INVERTED] svg .ui-compats-icon--stroke {
    stroke: #fff !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-INVERTED] svg .ui-compats-icon--fill {
    fill: #fff !important
}

[class*=ui-styled-label--ANDES-TEXT-COLOR-LINK] {
    color: var(--andes-color-blue-500, #3483fa) !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-LINK] svg .ui-compats-icon--stroke {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

[class*=ui-compats-header__icon--color-ANDES-TEXT-COLOR-LINK] svg .ui-compats-icon--fill {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

[class*=ui-styled-label--ANDES-ACCENT-COLOR] {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa)) !important
}

[class*=ui-compats-header__icon--color-ANDES-ACCENT-COLOR] svg .ui-compats-icon--stroke {
    stroke: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa)) !important
}

[class*=ui-compats-header__icon--color-ANDES-ACCENT-COLOR] svg .ui-compats-icon--fill {
    fill: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa)) !important
}

[class*=ui-compats-bg-color-ANDES-BG-PRIMARY],
[class*=ui-compats-header__icon--bg-color-ANDES-BG-PRIMARY],
[class*=ui-styled-label--ANDES-BG-PRIMARY] {
    background-color: #ededed !important
}

[class*=ui-compats-bg-color-ANDES-BG-SECONDARY],
[class*=ui-compats-header__icon--bg-color-ANDES-BG-SECONDARY],
[class*=ui-styled-label--ANDES-BG-SECONDARY] {
    background-color: #f5f5f5 !important
}

[class*=ui-compats-bg-color-ANDES-BG-WHITE],
[class*=ui-compats-header__icon--bg-color-ANDES-BG-WHITE],
[class*=ui-styled-label--ANDES-BG-WHITE] {
    background-color: #fff !important
}

[class*=ui-styled-label--XXXSMALL] {
    font-size: 10px !important;
    line-height: 10px !important4
}

[class*=ui-styled-label--XXSMALL] {
    font-size: 12px !important;
    line-height: 12px !important4
}

[class*=ui-styled-label--XSMALL] {
    font-size: 14px !important;
    line-height: 14px !important4
}

[class*=ui-styled-label--SMALL] {
    font-size: 16px !important;
    line-height: 16px !important4
}

[class*=ui-styled-label--MEDIUM] {
    font-size: 18px !important;
    line-height: 18px !important4
}

[class*=ui-styled-label--LARGE] {
    font-size: 20px !important;
    line-height: 20px !important4
}

[class*=ui-styled-label--XLARGE] {
    font-size: 24px !important;
    line-height: 24px !important4
}

[class*=ui-styled-label--XXLARGE] {
    font-size: 28px !important;
    line-height: 28px !important4
}

[class*=ui-styled-label--XXXLARGE] {
    font-size: 32px !important;
    line-height: 32px !important4
}

[class*=ui-styled-label--LIGHT] {
    font-weight: 300 !important
}

[class*=ui-styled-label--REGULAR] {
    font-weight: 400 !important
}

[class*=ui-styled-label--SEMIBOLD] {
    font-weight: 600 !important
}

[class*=ui-styled-label--BOLD] {
    font-weight: 700 !important
}

[class*=ui-compats-pt--spacing-0] {
    padding-top: 0 !important
}

[class*=ui-compats-pt--spacing-4] {
    padding-top: 4px !important
}

[class*=ui-compats-pt--spacing-8] {
    padding-top: 8px !important
}

[class*=ui-compats-pt--spacing-12] {
    padding-top: 12px !important
}

[class*=ui-compats-pt--spacing-14] {
    padding-top: 14px !important
}

[class*=ui-compats-pt--spacing-16] {
    padding-top: 16px !important
}

[class*=ui-compats-pt--spacing-20] {
    padding-top: 20px !important
}

[class*=ui-compats-pt--spacing-24] {
    padding-top: 24px !important
}

[class*=ui-compats-pt--spacing-28] {
    padding-top: 28px !important
}

[class*=ui-compats-pt--spacing-32] {
    padding-top: 32px !important
}

[class*=ui-compats-pt--spacing-34] {
    padding-top: 34px !important
}

[class*=ui-compats-pt--spacing-36] {
    padding-top: 36px !important
}

[class*=ui-compats-pt--spacing-40] {
    padding-top: 40px !important
}

[class*=ui-compats-pt--spacing-44] {
    padding-top: 44px !important
}

[class*=ui-compats-pt--spacing-48] {
    padding-top: 48px !important
}

[class*=ui-compats-pt--spacing-56] {
    padding-top: 56px !important
}

[class*=ui-compats-pt--spacing-64] {
    padding-top: 64px !important
}

[class*=ui-compats-pb--spacing-0] {
    padding-bottom: 0 !important
}

[class*=ui-compats-pb--spacing-4] {
    padding-bottom: 4px !important
}

[class*=ui-compats-pb--spacing-8] {
    padding-bottom: 8px !important
}

[class*=ui-compats-pb--spacing-12] {
    padding-bottom: 12px !important
}

[class*=ui-compats-pb--spacing-14] {
    padding-bottom: 14px !important
}

[class*=ui-compats-pb--spacing-16] {
    padding-bottom: 16px !important
}

[class*=ui-compats-pb--spacing-20] {
    padding-bottom: 20px !important
}

[class*=ui-compats-pb--spacing-24] {
    padding-bottom: 24px !important
}

[class*=ui-compats-pb--spacing-28] {
    padding-bottom: 28px !important
}

[class*=ui-compats-pb--spacing-32] {
    padding-bottom: 32px !important
}

[class*=ui-compats-pb--spacing-34] {
    padding-bottom: 34px !important
}

[class*=ui-compats-pb--spacing-36] {
    padding-bottom: 36px !important
}

[class*=ui-compats-pb--spacing-40] {
    padding-bottom: 40px !important
}

[class*=ui-compats-pb--spacing-44] {
    padding-bottom: 44px !important
}

[class*=ui-compats-pb--spacing-48] {
    padding-bottom: 48px !important
}

[class*=ui-compats-pb--spacing-56] {
    padding-bottom: 56px !important
}

[class*=ui-compats-pb--spacing-64] {
    padding-bottom: 64px !important
}

[class*=ui-compats-p--spacing-0] {
    padding: 0 !important
}

[class*=ui-compats-p--spacing-4] {
    padding: 4px !important
}

[class*=ui-compats-p--spacing-8] {
    padding: 8px !important
}

[class*=ui-compats-p--spacing-12] {
    padding: 12px !important
}

[class*=ui-compats-p--spacing-14] {
    padding: 14px !important
}

[class*=ui-compats-p--spacing-16] {
    padding: 16px !important
}

[class*=ui-compats-p--spacing-20] {
    padding: 20px !important
}

[class*=ui-compats-p--spacing-24] {
    padding: 24px !important
}

[class*=ui-compats-p--spacing-28] {
    padding: 28px !important
}

[class*=ui-compats-p--spacing-32] {
    padding: 32px !important
}

[class*=ui-compats-p--spacing-34] {
    padding: 34px !important
}

[class*=ui-compats-p--spacing-36] {
    padding: 36px !important
}

[class*=ui-compats-p--spacing-40] {
    padding: 40px !important
}

[class*=ui-compats-p--spacing-44] {
    padding: 44px !important
}

[class*=ui-compats-p--spacing-48] {
    padding: 48px !important
}

[class*=ui-compats-p--spacing-56] {
    padding: 56px !important
}

[class*=ui-compats-p--spacing-64] {
    padding: 64px !important
}

.ui-compats-header {
    background: #fff;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    display: flex;
    flex-direction: column;
    padding-top: 24px;
    position: relative;
    width: 100%
}

.ui-compats-header__EDIT_ACTION {
    cursor: pointer
}

.ui-compats-header__row {
    display: flex;
    padding: 0 24px 24px
}

.ui-compats-header__row--separator {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 24px
}

.ui-compats-header__row--no-margin {
    margin: 0;
    padding: 0
}

.ui-compats-header__column {
    display: inline-flex
}

.ui-compats-header__column--left {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-right: 16px
}

.ui-compats-header__column--right {
    align-items: flex-end
}

.ui-compats-header__column--titles {
    flex-shrink: 1;
    width: 100%
}

.ui-compats-header__label-container {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ui-compats-header__row-TITLE,
.ui-compats-header__row-TITLE_MODAL {
    align-items: flex-end;
    display: flex;
    margin-top: 2px
}

.ui-compats-header__row-SUBTITLE,
.ui-compats-header__row-SUBTITLE_MODAL {
    margin-top: 4px
}

.ui-compats-header__right-icon {
    align-items: center;
    justify-content: center
}

.ui-compats-header--dark {
    background-color: #f5f5f5;
    padding-top: 16px
}

.ui-compats-header--dark .ui-compats-header__row {
    padding-bottom: 16px
}

.ui-compats-header--dark .ui-compats-header__row--separator {
    padding-top: 16px
}

.ui-compats-header--COMPATS_CARD_EMPTY .ui-compats-header__left-icon .ui-compats-icon--stroke,
.ui-compats-header--COMPATS_CARD_INCOMPLETE .ui-compats-header__left-icon .ui-compats-icon--stroke,
.ui-compats-header--COMPATS_FILTERS_EMPTY .ui-compats-header__left-icon .ui-compats-icon--stroke,
.ui-compats-header--COMPATS_FILTERS_INCOMPLETE .ui-compats-header__left-icon .ui-compats-icon--stroke {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.ui-compats-header--COMPATS_CARD_EMPTY .ui-compats-header__left-icon .ui-compats-icon--fill,
.ui-compats-header--COMPATS_CARD_INCOMPLETE .ui-compats-header__left-icon .ui-compats-icon--fill,
.ui-compats-header--COMPATS_FILTERS_EMPTY .ui-compats-header__left-icon .ui-compats-icon--fill,
.ui-compats-header--COMPATS_FILTERS_INCOMPLETE .ui-compats-header__left-icon .ui-compats-icon--fill {
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-compats-header--COMPATS_CARD_COMPLETE .ui-compats-header__left-icon .ui-compats-icon--stroke,
.ui-compats-header--COMPATS_CARD_COMPLETED .ui-compats-header__left-icon .ui-compats-icon--stroke,
.ui-compats-header--COMPATS_CARD_UNKNOWN .ui-compats-header__left-icon .ui-compats-icon--stroke,
.ui-compats-header--COMPATS_FILTERS_COMPLETED .ui-compats-header__left-icon .ui-compats-icon--stroke,
.ui-compats-header--NO_COMPATS_CARD_COMPLETED .ui-compats-header__left-icon .ui-compats-icon--stroke,
.ui-compats-header--NO_COMPATS_FILTERS_COMPLETED .ui-compats-header__left-icon .ui-compats-icon--stroke {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.ui-compats-header--COMPATS_CARD_COMPLETE .ui-compats-header__left-icon .ui-compats-icon--fill,
.ui-compats-header--COMPATS_CARD_COMPLETED .ui-compats-header__left-icon .ui-compats-icon--fill,
.ui-compats-header--COMPATS_CARD_UNKNOWN .ui-compats-header__left-icon .ui-compats-icon--fill,
.ui-compats-header--COMPATS_FILTERS_COMPLETED .ui-compats-header__left-icon .ui-compats-icon--fill,
.ui-compats-header--NO_COMPATS_CARD_COMPLETED .ui-compats-header__left-icon .ui-compats-icon--fill,
.ui-compats-header--NO_COMPATS_FILTERS_COMPLETED .ui-compats-header__left-icon .ui-compats-icon--fill {
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-compats-header--COMPATS_CARD_COMPLETE .ui-compats__inputs-container.ui-compats__inputs-container,
.ui-compats-header--COMPATS_CARD_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container,
.ui-compats-header--COMPATS_CARD_UNKNOWN .ui-compats__inputs-container.ui-compats__inputs-container,
.ui-compats-header--COMPATS_FILTERS_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container,
.ui-compats-header--NO_COMPATS_CARD_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container,
.ui-compats-header--NO_COMPATS_FILTERS_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container {
    align-items: flex-end;
    flex-direction: column
}

.ui-compats-header--COMPATS_CARD_COMPLETE .ui-compats__inputs-container.ui-compats__inputs-container .ui-compats__inputs,
.ui-compats-header--COMPATS_CARD_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container .ui-compats__inputs,
.ui-compats-header--COMPATS_CARD_UNKNOWN .ui-compats__inputs-container.ui-compats__inputs-container .ui-compats__inputs,
.ui-compats-header--COMPATS_FILTERS_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container .ui-compats__inputs,
.ui-compats-header--NO_COMPATS_CARD_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container .ui-compats__inputs,
.ui-compats-header--NO_COMPATS_FILTERS_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container .ui-compats__inputs {
    align-self: normal;
    width: 100%
}

.ui-compats-header--COMPATS_CARD_ERROR .ui-compats-header__left-icon .ui-compats-icon--stroke,
.ui-compats-header--COMPATS_CARD_INCOMPATIBLE .ui-compats-header__left-icon .ui-compats-icon--stroke {
    stroke: #f73
}

.ui-compats-header--COMPATS_CARD_ERROR .ui-compats-header__left-icon .ui-compats-icon--fill,
.ui-compats-header--COMPATS_CARD_INCOMPATIBLE .ui-compats-header__left-icon .ui-compats-icon--fill {
    fill: #f73
}

.ui-compats-header .andes-tooltip-button-close:focus-visible {
    box-shadow: none
}

.ui-compats-header__container-message .andes-message--quiet {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12)
}

.ui-compats-header__container-message .andes-message--accent.andes-message--loud .andes-thumbnail--circle {
    border: 2px solid var(--andes-color-blue-600, #2968c8)
}

.ui-compats-header__container-message .andes-message--accent.andes-message--quiet .andes-thumbnail--circle {
    border: 2px solid var(--andes-color-blue-500, #3483fa)
}

.ui-compats-header__container-message .andes-message--green.andes-message--quiet .andes-thumbnail--circle {
    border: 2px solid #00a650
}

.ui-compats-header__container-message .andes-message--orange.andes-message--quiet .andes-thumbnail--circle {
    border: 2px solid #f73
}

.ui-compats-header__container-message .andes-message--red.andes-message--quiet .andes-thumbnail--circle {
    border: 2px solid #f23d4f
}

.ui-compats-header__container-message .ui-compats-header__EDIT_ACTION {
    display: block
}

.ui-compats-header__container-message .ui-compats-header__EDIT_ACTION .ui-compats-label {
    margin-top: 0
}

.ui-compats-header__container-message .ui-compats-header__EDIT_ACTION .ui-compats-label.ui-compats-label-action {
    display: block;
    margin-top: 8px
}

.ui-compats-header__container-message .ui-compats-header__EDIT_ACTION .ui-compats-label.ui-compats-label-full {
    white-space: normal
}

.ui-compats-header__container-message .andes-message__buttons-container {
    margin-top: 22px
}

.ui-compats-header__container-message .andes-message__buttons-container button {
    padding: 0 11px
}

.ui-compats-header__container-message .andes-message__buttons-container button.andes-message__secondary-button:only-child {
    margin-left: 0;
    padding: 0
}

.ui-compats-header__container-message .andes-message__buttons-container:empty {
    display: none
}

.ui-compats-header__container-message .ui-compats-header--COMPATS_FILTERS_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container,
.ui-compats-header__container-message .ui-compats-header--NO_COMPATS_FILTERS_COMPLETED .ui-compats__inputs-container.ui-compats__inputs-container {
    flex-direction: row
}

.ui-compats-header__message-action-full .andes-message__buttons-container {
    display: flex;
    justify-content: flex-end;
    margin-left: -60px
}

.ui-compats--form-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

.andes-dropdown .andes-dropdown__trigger {
    background-color: #fff
}

.ui-compats-toolip-with-dropdown .andes-tooltip-data__arrow.andes-tooltip-data__arrow--right {
    top: 50% !important;
    transform: translateY(-50%) !important
}

.ui-compats__inputs-container .andes-floating-menu li:after {
    content: none !important
}

.ui-compats-image {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

.andes-card--animated:hover,
.andes-card--elevated {
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1)
}

.andes-typography {
    -webkit-font-smoothing: antialiased
}

.component-factory-header {
    display: flex
}

.component-factory-header__badge {
    align-items: center;
    display: flex;
    height: 1lh;
    padding-top: 1px
}

.component-factory-header__text {
    position: relative
}

.component-factory-divider--ANDES-GRAY-900 {
    background-color: rgba(0, 0, 0, .9)
}

.component-factory-divider--ANDES-GRAY-550 {
    background-color: rgba(0, 0, 0, .55)
}

.component-factory-divider--ANDES-GRAY-250 {
    background-color: rgba(0, 0, 0, .25)
}

.component-factory-divider--ANDES-GRAY-900-SOLID {
    background-color: #1a1a1a
}

.component-factory-divider--ANDES-GRAY-550-SOLID {
    background-color: #737373
}

.component-factory-divider--ANDES-GRAY-250-SOLID {
    background-color: #bfbfbf
}

.component-factory-divider--ANDES-GRAY-040-SOLID {
    background-color: #f5f5f5
}

.component-factory-divider--ANDES-BLUE-200 {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2))
}

.component-factory-divider--ANDES-BLUE-500 {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.component-factory-divider--ANDES-BLUE-ML-200 {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2))
}

.component-factory-divider--ANDES-BLUE-ML-500 {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.component-factory-divider--ANDES-ORANGE-500 {
    background-color: #f73
}

.component-factory-divider--ANDES-GREEN-500 {
    background-color: #00a650
}

.component-factory-divider--ANDES-RED-500 {
    background-color: #f23d4f
}

.component-factory-divider--ANDES-WHITE {
    background-color: #fff
}

.component-factory-divider--ANDES-BLACK {
    background-color: #000
}

.component-factory-divider--ANDES-TEXT-COLOR-PRIMARY {
    background-color: rgba(0, 0, 0, .9)
}

.component-factory-divider--ANDES-TEXT-COLOR-SECONDARY {
    background-color: rgba(0, 0, 0, .55)
}

.component-factory-divider--ANDES-TEXT-COLOR-DISABLED {
    background-color: rgba(0, 0, 0, .25)
}

.component-factory-divider--ANDES-TEXT-COLOR-INVERTED {
    background-color: #fff
}

.component-factory-divider--ANDES-TEXT-COLOR-LINK {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.component-factory-divider--ANDES-ACCENT-COLOR {
    background-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.component-factory-notes__label {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.component-factory-notes__bottom-sheet {
    height: auto !important
}

.component-factory-notes__bottom-sheet .andes-bottom-sheet__drag-indicator {
    display: none !important
}

.component-factory-notes__bottom-sheet .andes-bottom-sheet__content {
    padding: 8px 24px 24px !important
}

.component-factory-notes__modal .andes-modal__header {
    padding: 2rem 2rem 1.5rem !important
}

.component-factory-notes__modal .andes-modal__content {
    padding-bottom: 40px
}

.component-factory-notes__modal .andes-modal__close-button {
    height: 29px
}

.component-factory-notes__modal .andes-modal__close-button path {
    stroke: none !important
}

.component-factory-notes__modal .andes-modal__close-button svg {
    height: 29px;
    width: 29px
}

.component-factory-notes__modal .andes-modal__actions .andes-button--full-width {
    width: auto
}

.component-factory-label {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.component-factory-label__bullets {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 8px
}

.component-factory-label__bullets--item {
    align-items: center;
    display: flex;
    gap: 8px
}

.component-factory-label__bullets--item:before {
    background-color: #000;
    border-radius: 50%;
    content: "";
    height: 3px;
    width: 3px
}

.component-factory-label__bullets--item-label {
    display: inline-block
}

.component-factory-label__TITLE {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.component-factory-button {
    white-space: nowrap
}

.ui-compats-header {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    display: block;
    overflow: visible;
    padding-top: 0
}

.ui-compats-header__container {
    background-color: #ededed;
    border-radius: 0;
    box-shadow: none;
    display: grid;
    gap: 16px;
    grid-template-columns: 36px 1fr;
    padding: 16px
}

.ui-compats-header__box--left {
    height: 36px;
    margin-top: 1px;
    width: 36px
}

.ui-compats-header__box--left .ui-compats-icon {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.ui-compats-header__box--right {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

.ui-compats-header__box--right .ui-compats-icon {
    height: 16px;
    object-fit: contain;
    transform: translateY(3px);
    width: 16px
}

.ui-compats-header__TITLE .ui-compats-label,
.ui-compats-header__TITLE_MODAL .ui-compats-label,
.ui-compats-header__title .ui-compats-label,
.ui-compats-header__title_modal .ui-compats-label {
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    font-weight: 400
}

.ui-compats-header__TITLE .ui-compats-label .ui-compats-label-vehicle,
.ui-compats-header__TITLE .ui-compats-label h1 .ui-compats-label-vehicle,
.ui-compats-header__TITLE .ui-compats-label h2 .ui-compats-label-vehicle,
.ui-compats-header__TITLE_MODAL .ui-compats-label .ui-compats-label-vehicle,
.ui-compats-header__TITLE_MODAL .ui-compats-label h1 .ui-compats-label-vehicle,
.ui-compats-header__TITLE_MODAL .ui-compats-label h2 .ui-compats-label-vehicle,
.ui-compats-header__title .ui-compats-label .ui-compats-label-vehicle,
.ui-compats-header__title .ui-compats-label h1 .ui-compats-label-vehicle,
.ui-compats-header__title .ui-compats-label h2 .ui-compats-label-vehicle,
.ui-compats-header__title_modal .ui-compats-label .ui-compats-label-vehicle,
.ui-compats-header__title_modal .ui-compats-label h1 .ui-compats-label-vehicle,
.ui-compats-header__title_modal .ui-compats-label h2 .ui-compats-label-vehicle {
    display: inline-block;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

@media(min-width: 320px) {

    .ui-compats-header__TITLE .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h2 .ui-compats-label-vehicle {
        max-width: 190px
    }
}

@media(min-width: 360px) {

    .ui-compats-header__TITLE .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h2 .ui-compats-label-vehicle {
        max-width: 118px
    }
}

@media(min-width: 375px) {

    .ui-compats-header__TITLE .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h2 .ui-compats-label-vehicle {
        max-width: 130px
    }
}

@media(min-width: 420px) {

    .ui-compats-header__TITLE .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h2 .ui-compats-label-vehicle {
        max-width: 175px
    }
}

@media(min-width: 480px) {

    .ui-compats-header__TITLE .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__TITLE_MODAL .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title .ui-compats-label h2 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h1 .ui-compats-label-vehicle,
    .ui-compats-header__title_modal .ui-compats-label h2 .ui-compats-label-vehicle {
        max-width: 355px
    }
}

.ui-compats-header__TITLE .ui-compats-label,
.ui-compats-header__TITLE .ui-compats-label span,
.ui-compats-header__TITLE_MODAL .ui-compats-label,
.ui-compats-header__TITLE_MODAL .ui-compats-label span,
.ui-compats-header__title .ui-compats-label,
.ui-compats-header__title .ui-compats-label span,
.ui-compats-header__title_modal .ui-compats-label,
.ui-compats-header__title_modal .ui-compats-label span {
    line-height: 18px
}

.ui-compats-header__SUBTITLE,
.ui-compats-header__subtitle {
    display: block;
    line-height: 18px;
    padding-bottom: 4px
}

.ui-compats-header__SUBTITLE,
.ui-compats-header__SUBTITLE .ui-compats-label,
.ui-compats-header__subtitle,
.ui-compats-header__subtitle .ui-compats-label {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    font-weight: 400
}

.ui-compats-header__SUBTITLE,
.ui-compats-header__SUBTITLE .ui-compats-label,
.ui-compats-header__SUBTITLE .ui-compats-label span,
.ui-compats-header__SUBTITLE span,
.ui-compats-header__subtitle,
.ui-compats-header__subtitle .ui-compats-label,
.ui-compats-header__subtitle .ui-compats-label span,
.ui-compats-header__subtitle span {
    line-height: 18px
}

.ui-compats-header__EDIT_ACTION .ui-compats-label,
.ui-compats-header__edit_action .ui-compats-label {
    display: inline-block;
    font-size: 14px;
    margin-right: 4px;
    margin-top: 8px;
    max-width: 215px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

@media(min-width: 320px) {

    .ui-compats-header__EDIT_ACTION .ui-compats-label,
    .ui-compats-header__edit_action .ui-compats-label {
        max-width: 175px
    }
}

@media(min-width: 360px) {

    .ui-compats-header__EDIT_ACTION .ui-compats-label,
    .ui-compats-header__edit_action .ui-compats-label {
        max-width: 220px
    }
}

@media(min-width: 375px) {

    .ui-compats-header__EDIT_ACTION .ui-compats-label,
    .ui-compats-header__edit_action .ui-compats-label {
        max-width: 230px
    }
}

@media(min-width: 420px) {

    .ui-compats-header__EDIT_ACTION .ui-compats-label,
    .ui-compats-header__edit_action .ui-compats-label {
        max-width: 230px
    }
}

@media(min-width: 480px) {

    .ui-compats-header__EDIT_ACTION .ui-compats-label,
    .ui-compats-header__edit_action .ui-compats-label {
        max-width: 340px
    }
}

.ui-compats-header__EDIT_ACTION .ui-compats-label-full,
.ui-compats-header__edit_action .ui-compats-label-full {
    white-space: normal
}

.ui-compats-header__SUBTITLE_MODAL,
.ui-compats-header__subtitle_modal {
    display: block;
    margin-top: 8px;
    padding-bottom: 4px
}

.ui-compats-header__SUBTITLE_MODAL,
.ui-compats-header__SUBTITLE_MODAL .ui-compats-label,
.ui-compats-header__subtitle_modal,
.ui-compats-header__subtitle_modal .ui-compats-label {
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    font-weight: 400
}

.ui-compats-header__SUBTITLE_MODAL,
.ui-compats-header__SUBTITLE_MODAL .ui-compats-label,
.ui-compats-header__SUBTITLE_MODAL .ui-compats-label span,
.ui-compats-header__SUBTITLE_MODAL span,
.ui-compats-header__subtitle_modal,
.ui-compats-header__subtitle_modal .ui-compats-label,
.ui-compats-header__subtitle_modal .ui-compats-label span,
.ui-compats-header__subtitle_modal span {
    line-height: 18px
}

.ui-compats-header__footer {
    padding: 0 4px
}

.ui-compats-header__footer:not(:empty) {
    margin-top: 6px
}

.ui-compats-header__footer,
.ui-compats-header__footer .ui-compats-label-text,
.ui-compats-header__footer p,
.ui-compats-header__footer__text {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.ui-compats-header .ui-compats-label-label {
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-top: 8px
}

.ui-compats-header .andes-button {
    border: 0;
    border-radius: 5px;
    height: 32px;
    margin-top: 12px;
    padding: 4px 12px;
    width: auto
}

.ui-compats-header .andes-button,
.ui-compats-header .andes-button .ui-compats-label,
.ui-compats-header .andes-button span {
    font-size: 14px;
    line-height: 16px
}

.ui-compats-header--COMPATS_FULL .ui-compats-header__container,
.ui-compats-header--FULL .ui-compats-header__container,
.ui-compats-header--compats_full .ui-compats-header__container,
.ui-compats-header--full .ui-compats-header__container {
    background-color: #ededed;
    border-radius: 0;
    box-shadow: none;
    padding: 16px 24px
}

.ui-compats-header--CARD .ui-compats-header__container,
.ui-compats-header--COMPATS_CARD .ui-compats-header__container,
.ui-compats-header--NO_COMPATS_CARD .ui-compats-header__container,
.ui-compats-header--card .ui-compats-header__container,
.ui-compats-header--compats_card .ui-compats-header__container,
.ui-compats-header--no_compats_card .ui-compats-header__container {
    background-color: #ededed;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    padding: 16px
}

.ui-compats-header--CARD .ui-compats-header__box--right .ui-compats-icon,
.ui-compats-header--COMPATS_CARD .ui-compats-header__box--right .ui-compats-icon,
.ui-compats-header--NO_COMPATS_CARD .ui-compats-header__box--right .ui-compats-icon,
.ui-compats-header--card .ui-compats-header__box--right .ui-compats-icon,
.ui-compats-header--compats_card .ui-compats-header__box--right .ui-compats-icon,
.ui-compats-header--no_compats_card .ui-compats-header__box--right .ui-compats-icon {
    display: inline-block;
    height: 16px;
    transform: translateY(3px);
    width: 16px
}

.ui-compats-header__container-message .ui-compats-header__SUBTITLE,
.ui-compats-header__container-message .ui-compats-header__subtitle {
    padding-bottom: 0
}

.ui-compats-header__container-message .ui-compats-header__SUBTITLE .ui-compats-label-vehicle,
.ui-compats-header__container-message .ui-compats-header__subtitle .ui-compats-label-vehicle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1
}

.ui-compats-header__container-message .andes-message--quiet {
    background: #f5f5f5
}

.andes-bottom-sheet.ml-compats--bottom-sheet {
    border-radius: 12px 12px 0 0
}

.ui-compats__form-container {
    display: flex;
    flex: auto 1;
    flex-direction: column
}

.ui-compats__form-container .ui-compats__labels-container {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.ui-compats__form-container .ui-compats__inputs-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.ui-compats__form-container .ui-compats__inputs-container .ui-compats__inputs .andes-dropdown:first-child .andes-card__content {
    max-height: 320px
}

.ui-compats__form-container .ui-compats__inputs-container .ui-compats__inputs .andes-dropdown:nth-child(2) .andes-card__content {
    max-height: 260px
}

.ui-compats__form-container .ui-compats__inputs-container .ui-compats__inputs .andes-dropdown:nth-child(3) .andes-card__content {
    max-height: 200px
}

.ui-compats__form-container .ui-compats__inputs-container .ui-compats__inputs .andes-dropdown:nth-child(4) .andes-card__content {
    max-height: 160px
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form {
    margin: 0 0 16px;
    padding: 0
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-form-control__label {
    padding-bottom: 4px;
    position: static
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger {
    margin: 0;
    min-height: unset;
    padding: 0 .75em
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus span {
    color: rgba(0, 0, 0, .9)
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-card__content {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .1);
    max-height: 400px;
    overflow-y: auto
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-card__content .andes-form-control--search-box {
    height: auto
}

.ui-compats__form-container .ui-compats__inputs-container .andes-button {
    width: 100%
}

.ui-compats__form-container .ui-compats__inputs-container .andes-button--loud:disabled,
.ui-compats__form-container .ui-compats__inputs-container .andes-button--loud[disabled] {
    background-clip: inherit
}

.ui-compats__form-container .ui-compats__inputs-container--with-rows {
    display: block;
    width: 100%
}

.ui-compats__form-container .ui-compats__inputs-container--with-rows .ui-compats__actions {
    margin-top: 16px
}

.ui-compats__form-container .ui-compats__inputs-container--with-rows .ui-compats__actions .andes-button:last-child {
    margin-left: 16px
}

.ui-compats__inputs {
    margin-top: 24px
}

.ui-compats__actions {
    margin-top: 30px
}

.ui-compats__actions .ui-compats--button-search {
    margin-top: 12px
}

.ui-compats__actions-flex .ui-compats__actions {
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.ui-compats__actions-flex .ui-compats--button-search {
    padding: 0 10px
}

.andes-bottom-sheet.ml-compats--bottom-sheet {
    max-height: 90vh;
    min-height: 500px
}

.andes-bottom-sheet.ml-compats--bottom-sheet .andes-bottom-sheet__content {
    display: flex;
    justify-content: center
}

.andes-bottom-sheet.ml-compats--bottom-sheet .andes-bottom-sheet__title {
    font-size: 18px;
    padding: .5em 1em .67em
}

.andes-bottom-sheet.ml-compats--bottom-sheet .andes-bottom-sheet__scroll {
    min-height: 500px
}

.andes-bottom-sheet.ml-compats--bottom-sheet .andes-bottom-sheet__swiper {
    width: 0
}

.andes-bottom-sheet.ml-compats--bottom-sheet .ui-compats__form-container .ui-compats__inputs-container,
.andes-bottom-sheet.ml-compats--bottom-sheet .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form {
    width: 100%
}

.ml-compats--bottom-sheet__icon {
    background-color: transparent;
    border: none;
    outline: none;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: -30px
}

.andes-modal.ml-compats--modal {
    align-self: flex-end;
    animation-duration: .3s;
    animation-name: showModal;
    border-radius: 12px 12px 0 0;
    max-height: 90vh;
    min-height: 500px
}

.andes-modal.ml-compats--modal .andes-modal__close-button {
    display: none
}

.andes-modal.ml-compats--modal .andes-modal__content {
    display: flex;
    justify-content: center;
    min-height: 75vh;
    padding: 0 16px 16px
}

.andes-modal.ml-compats--modal .andes-modal__title {
    font-size: 20px;
    line-height: 25px;
    max-width: 95%;
    padding: 14px 16px 8px
}

.andes-modal.ml-compats--modal .andes-modal__scroll {
    min-height: 500px
}

.andes-modal.ml-compats--modal .andes-modal__swiper {
    width: 0
}

.andes-modal.ml-compats--modal .ui-compats__form-container .ui-compats__inputs-container,
.andes-modal.ml-compats--modal .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form {
    width: 100%
}

.ml-compats--modal__icon {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 18px
}

@keyframes showModal {
    0% {
        margin-bottom: -100%
    }

    to {
        margin-bottom: 0
    }
}

.ui-compats--dropdown {
    padding: 16px 8px
}

.andes-dropdown__chevron path {
    fill: rgba(0, 0, 0, .55)
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form {
    width: 100%
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger {
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 6px;
    gap: 8px;
    height: 42px;
    padding: 12px;
    width: 100%
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger span {
    font-size: 14px;
    font-weight: 400;
    left: 15px;
    line-height: 18px;
    position: absolute;
    width: 80%
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-card__content .andes-floating-menu li:last-child {
    height: auto
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-card__content .andes-floating-menu__search-box {
    padding: 16px 16px 4px
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-card__content .andes-form-control__field {
    font-size: 16px;
    height: 22px;
    transform: scale(.875);
    transform-origin: top left
}

.ui-compats__form-container .ui-compats__inputs-container .andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger {
    background-color: rgba(0, 0, 0, .02);
    color: rgba(0, 0, 0, .25)
}

.ui-compats-image {
    padding-top: 12px
}

.ui-compats-custom-card--success {
    background-color: #fff !important;
    border: 1px solid #00a650 !important
}

.ui-compats-custom-card__header--success {
    background-color: #00a650
}

.ui-compats-custom-card__content--success {
    padding: 12px
}

.ui-compats-custom-card__header-badge--success {
    background: #008744 !important
}

.ui-compats-custom-card__content-details-icon--success {
    border: 1px solid #ededed;
    height: 56px;
    width: 56px
}

.ui-compats-custom-card--warning {
    background-color: #fff !important;
    border: 1px solid #f73 !important
}

.ui-compats-custom-card__header--warning {
    background-color: #f73
}

.ui-compats-custom-card__content--warning {
    padding: 12px
}

.ui-compats-custom-card__header-badge--warning {
    background: #e6540b !important
}

.ui-compats-custom-card__content-details-icon--warning {
    border: 1px solid #ededed;
    height: 56px;
    width: 56px
}

.ui-compats-custom-card--neutral {
    background-color: var(--andes-color-blue-100, rgba(65, 137, 230, .1)) !important;
    border: 1px solid var(--andes-color-blue-200, rgba(65, 137, 230, .2)) !important
}

.ui-compats-custom-card__header--neutral {
    background-color: #fff
}

.ui-compats-custom-card__content--neutral {
    padding: 12px
}

.ui-compats-custom-card__header-badge--neutral {
    background: var(--andes-color-blue-600, #2968c8) !important
}

.ui-compats-custom-card__content-details-icon--neutral {
    border: 1px solid var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    height: 56px;
    width: 56px
}

.ui-compats-custom-card--error {
    background-color: #fff !important;
    border: 1px solid #f23d4f !important
}

.ui-compats-custom-card__header--error {
    background-color: #f23d4f
}

.ui-compats-custom-card__content--error {
    padding: 12px
}

.ui-compats-custom-card__header-badge--error {
    background: #d12440 !important
}

.ui-compats-custom-card__content-details-icon--error {
    border: 1px solid #ededed;
    height: 56px;
    width: 56px
}

.ui-compats-custom-card {
    width: 100%
}

.ui-compats-custom-card__header {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    display: flex
}

.ui-compats-custom-card__content--column {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between
}

.ui-compats-custom-card__content-details {
    align-items: center;
    display: flex
}

.ui-compats-custom-card__content-details-icon {
    align-items: center;
    border-radius: 4px;
    display: flex;
    justify-content: center
}

.wrappercm {
    margin-left: -16px;
    width: calc(100% + 32px)
}

.ui-pdp-container__row--compats-widget-sticky {
    position: sticky;
    top: 0
}

.ui-pdp-container__row--compats-widget-sticky.ui-pdp-compats--store {
    margin: -66px auto 68px;
    max-width: 1184px
}

.ui-pdp-container__row--compats-widget-sticky-mshop {
    position: sticky;
    top: 0
}

.ui-pdp-container__row--compats-widget-sticky-mshop.ui-pdp-compats--store {
    margin: -66px auto 68px;
    max-width: 1184px
}

.ui-vip-grouped-header__header-store.ui-vip-grouped-header__header--with-compats {
    padding-bottom: 20px;
    z-index: 100
}

.ui-pdp-container__row--compats-widget-sticky {
    z-index: 1020
}

.ui-pdp-container__row--compats-widget-sticky.ui-pdp-compats--intersecting .ui-compats-header {
    box-shadow: 0 6px 16px rgba(0, 0, 0, .16)
}

.ui-pdp-container__row--compats-widget-sticky.ui-pdp-compats--relative .ui-compats-header {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.ui-pdp-container__row--compats-widget-sticky-mshop {
    z-index: 500
}

.ui-pdp-container__row--compats-widget-sticky-mshop.ui-pdp-compats--intersecting {
    z-index: 1000
}

.ui-pdp-container__row--compats-widget-sticky-mshop.ui-pdp-compats--intersecting .ui-compats-header {
    box-shadow: 0 6px 16px rgba(0, 0, 0, .16)
}

.ui-pdp-container__row--compats-widget-sticky-mshop.ui-pdp-compats--relative .ui-compats-header {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.ui-pdp-specs-mobile__compats {
    margin-bottom: 24px
}

.ui-pdp-specs-mobile__compats-disclaimer {
    margin-left: 4px;
    margin-right: 4px
}

.ui-pdp-specs-mobile__compats .ui-compats-header--dark .ui-compats-header__container {
    border-radius: 6px 6px 0 0
}

.ui-pdp-specs-mobile__compats-disclaimer,
.ui-vpp-highlighted-specs .ui-pdp-container__row--compats-extra-info {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--compats-widget {
    margin: 24px 16px 0
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--compats-extra-info {
    margin-left: 20px;
    margin-right: 20px
}

.ui-pdp-compats__compats .ui-compats-header__container-message,
.ui-pdp-seller__compats .ui-compats-header__container-message {
    width: 100%
}

.ui-pdp-compats__compats .ui-compats-header__container-message .andes-message--quiet .andes-message__buttons-container button.andes-button.andes-message__secondary-button.andes-button--transparent,
.ui-pdp-seller__compats .ui-compats-header__container-message .andes-message--quiet .andes-message__buttons-container button.andes-button.andes-message__secondary-button.andes-button--transparent {
    background: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    color: var(--andes-color-blue-500, #3483fa)
}

.compats-specs__card {
    border-radius: 0 0 6px 6px;
    width: 100%
}

.compats-specs__list {
    list-style-type: none
}

.compats-specs__list .compats-specs__item-list {
    padding-left: 8px;
    position: relative
}

.compats-specs__list .compats-specs__item-list:before {
    content: "•";
    left: 0;
    position: absolute
}

.compats-specs__list .compats-specs__item-list:first-child {
    margin-bottom: 8px;
    margin-top: 10px
}

.compats-specs__action-button-specs:hover {
    background: #f5f5f5
}

.compats-specs__action-button-specs .andes-button__content {
    gap: 4px
}

.specs_component_message-visible {
    height: 100%;
    padding-bottom: 0
}

.specs_component_message-hidden {
    height: 75px;
    overflow: hidden;
    padding-bottom: 0;
    position: relative
}

.specs_component_transparent {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) -8.81%, #f5f5f5 80%);
    bottom: 0;
    height: 31px;
    left: 0;
    position: absolute;
    right: 0
}

.ui-pdp-compats__compats {
    padding-left: 16px;
    padding-right: 16px
}

.ui-pdp-compats__compats-custom {
    padding-top: 0
}

.compats-block-sticky {
    position: sticky;
    top: 0;
    z-index: 100
}

.compats-block-sticky-active {
    background-color: #fff;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1);
    padding-bottom: 12px;
    padding-top: 16px
}

.ui-compats-highlight-icon {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.ui-compats-highlight {
    display: inline-flex;
    line-height: 15px;
    margin: 8px 0
}

.ui-compats-highlight__tooltip-compats {
    max-width: 300px;
    padding: 16px 32px 16px 16px;
    position: relative;
    white-space: normal
}

.ui-compats-highlight__tooltip-compats .andes-tooltip-button-close {
    right: 10px;
    top: 10px
}

.ui-compats-highlight__tooltip-compats .andes-tooltip-button-close:after,
.ui-compats-highlight__tooltip-compats .andes-tooltip-button-close:before {
    opacity: 1
}

.ui-compats-highlight__tooltip-compats .andes-tooltip__text {
    line-height: 18px
}

.ui-compats-highlight {

    width: 100%
}

.ui-compats-highlight__text {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-compats-highlight__tooltip-compats:before {
    background: var(--andes-color-blue-500, #3483fa);
    content: "";
    height: 11px;
    left: 14px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    width: 11px
}

.ui-compats-highlight__tooltip-compats .andes-tooltip-data__arrow {
    background-color: transparent;
    height: 11px;
    width: 11px
}

.ui-compats-highlight__tooltip-compats .andes-tooltip-data__arrow:before {
    background-color: transparent;
    border-color: transparent
}

@media(min-width: 768px) {
    .ui-compats-highlight {
        margin: 0 0 4px
    }
}

.ui-compats-highlight-card {
    border-radius: 6px;
    margin-bottom: 4px;
    padding: 16px;
    position: relative
}

.ui-compats-highlight-card.ui-compats-highlight-card--BLUE:before {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.ui-compats-highlight-card.ui-compats-highlight-card--ORANGE:before {
    background-color: #f73
}

.ui-compats-highlight-card.ui-compats-highlight-card--GREEN:before {
    background-color: #00a650
}

.ui-compats-highlight-card.ui-compats-highlight-card--RED:before {
    background-color: #f23d4f
}

.ui-compats-highlight-card.ui-compats-highlight-card:before {
    border-radius: 6px 0 0 6px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.ui-compats-highlight-card .ui-compats-highlight {
    cursor: auto
}

.ui-compats-highlight-card .ui-compats-highlight,
.ui-compats-highlight-card .ui-compats-highlight-card__description {
    margin-bottom: 10px
}

.ui-compats-highlight-card .ui-compats-highlight-card__description__text,
.ui-compats-highlight-card .ui-compats-highlight__text {
    max-width: 265px
}

.ui-compats-highlight-card .ui-compats-highlight-card__action,
.ui-compats-highlight-card .ui-compats-highlight-card__description {
    margin-left: 20px
}

.ui-compats-highlight-card {
    margin-top: 8px
}

.ui-compats-highlight-card .ui-compats-highlight-card__title {
    margin-top: 0
}

.ui-compats-highlight-card .ui-compats-highlight__text {
    max-width: calc(100% - 20px)
}

.andes-button--medium {
    border-radius: 5px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.andes-button--medium .andes-button__text+svg,
.andes-button--medium svg+.andes-button__text {
    margin-left: 8px
}

.andes-button--medium.andes-button--loading .andes-button__content {
    margin: -2px 0
}

.andes-button--medium .andes-progress-indicator-circular__progress svg {
    left: 0;
    top: 0
}

.andes-button--medium.andes-button--loading-complete .andes-button__content {
    animation: translateInButtonSpinnerCompleteMedium .2s, fadeIn .2s;
    animation-fill-mode: forwards
}

@keyframes translateInButtonSpinnerCompleteMedium {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(calc(-50% + 13px))
    }
}

.andes-button__content {
    position: relative;
    top: -1px
}

.ui-snackbar {
    z-index: 100000
}

.andes-snackbar {
    bottom: 2em;
    left: 0;
    right: 0;
    z-index: 100000
}

.andes-snackbar--animate-show {
    animation-name: snackbar-show-fix
}

.andes-snackbar--animate-hide {
    animation-fill-mode: forwards;
    animation-name: snackbar-hide-fix
}

.andes-snackbar.andes-snackbar--red {
    background-color: #f23d4f
}

.andes-snackbar.andes-snackbar--green {
    background-color: #00a650
}

.andes-snackbar__message {
    font-weight: 400
}

@keyframes snackbar-show-fix {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1
    }
}

@keyframes snackbar-hide-fix {
    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.andes-dropdown__arrow:after,
.andes-dropdown__trigger:hover .andes-dropdown__arrow:after {
    border-color: var(--andes-color-blue-500, #3483fa)
}

.andes-modal--full .andes-modal__header.andes-modal__header--sticky .andes-modal-title {
    padding-left: 45px;
    text-align: left
}

.andes-modal__close-button path {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.andes-modal__overlay--card .andes-modal__close-button path {
    stroke: none
}

.andes-snackbar__action {
    padding-right: 1.5em
}

.andes-table {
    border: 1px solid #f5f5f5;
    border-collapse: collapse
}

.andes-table__header {
    background-color: #f5f5f5;
    box-shadow: none
}

.andes-table__column,
.andes-table__header {
    box-shadow: none;
    display: table-cell;
    padding: 15px 16px;
    text-align: left;
    vertical-align: middle;
    white-space: normal
}

.andes-table__column:last-of-type,
.andes-table__header:last-of-type {
    padding: 15px 24px 15px 16px
}

.andes-table__row {
    box-shadow: none
}

.andes-table__column--value {
    margin: 0
}

.andes-table__header__container {
    background-color: transparent;
    border: none;
    display: block;
    font: inherit;
    padding: 0
}

.ui-recommendations-comparator__table tbody tr:nth-child(odd),
.ui-recommendations-comparator__table tbody tr:nth-child(odd):hover {
    background: transparent
}

.ui-recommendations-comparator__table tbody tr:nth-child(odd) .andes-table__header:first-child {
    background: #ededed;
    border-bottom: 1px solid #eee
}

.ui-recommendations-comparator__table__header {
    background-color: transparent
}

.ui-recommendations-comparator__table .andes-table__body .andes-table__row .andes-table__column {
    border-bottom: 1px solid #eee;
    border-left: none;
    border-right: none
}

.ui-recommendations-comparator__table .andes-table__body .andes-table__row .andes-table__column:last-child {
    border-right: 1px solid #eee
}

.andes-button--transparent path[fill]:not([fill=none], [fill="#3483FA"]) {
    fill: rgba(0, 0, 0, .55) !important
}

.andes-button--transparent :active path[fill],
.andes-button--transparent :focus path[fill],
.andes-button--transparent :hover path[fill],
.andes-button--transparent path[fill=none] {
    fill: none !important
}

.andes-button--transparent.active path[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--transparent:not(.active):hover path[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(hover: hover)and (pointer:fine) {
    .andes-button--transparent:hover path[fill]:not([fill=none]) {
        fill: var(--andes-color-blue-500, #3483fa) !important
    }
}

.andes-button--loud path[fill],
.andes-button--loud:active path[fill],
.andes-button--loud:focus path[fill],
.andes-button--loud:hover path[fill] {
    fill: none !important
}

.nav-search .nav-category {
    padding: 2px 14px;
    right: 46px
}

.nav-search .nav-category input[type=checkbox] {
    margin: 3px 9px 0 0
}

@media(min-width: 768px) {
    .nav-search .nav-category input[type=checkbox] {
        vertical-align: top
    }
}

.ui-pdp-color--GREEN {
    color: #00a650
}

.ui-pdp-color--GREEN_60 {
    color: #008744
}

.ui-pdp-color--GRAY {
    color: rgba(0, 0, 0, .55)
}

.ui-pdp-color--GRAY_40 {
    color: rgba(0, 0, 0, .04)
}

.ui-pdp-color--LIGHT_GRAY {
    color: rgba(0, 0, 0, .07)
}

.ui-pdp-color--BLACK {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-color--BLACK_100 {
    color: #000
}

.ui-pdp-color--RED {
    color: #f23d4f
}

.ui-pdp-color--RED_600 {
    color: #d12440
}

.ui-pdp-color--ORANGE {
    color: #f73
}

.ui-pdp-color--ORANGE_200 {
    color: rgba(255, 119, 51, .2)
}

.ui-pdp-color--ORANGE_600 {
    color: #e6540b
}

.ui-pdp-color--ORANGE_MEDIUM {
    color: #d98900
}

.ui-pdp-color--BLUE {
    color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-color--BLUE_600 {
    color: var(--andes-color-blue-600, #2968c8)
}

.ui-pdp-color--BLUE_700 {
    color: #1f4e96
}

.ui-pdp-color--WHITE {
    color: #fff
}

.ui-pdp-color--LIGHT_BROWN {
    color: #a47b2e
}

.ui-pdp-background-color--GREEN {
    background-color: #00a650
}

.ui-pdp-background-color--GREEN_60 {
    background-color: #008744
}

.ui-pdp-background-color--GRAY {
    background-color: rgba(0, 0, 0, .55)
}

.ui-pdp-background-color--GRAY_40 {
    background-color: rgba(0, 0, 0, .04)
}

.ui-pdp-background-color--LIGHT_GRAY {
    background-color: rgba(0, 0, 0, .07)
}

.ui-pdp-background-color--MEDIUM_GRAY {
    background-color: rgba(0, 0, 0, .25)
}

.ui-pdp-background-color--BLACK {
    background-color: rgba(0, 0, 0, .9)
}

.ui-pdp-background-color--BLACK_10 {
    background-color: rgba(0, 0, 0, .1)
}

.ui-pdp-background-color--RED {
    background-color: #f23d4f
}

.ui-pdp-background-color--RED_600 {
    background-color: #d12440
}

.ui-pdp-background-color--ORANGE {
    background-color: #f73
}

.ui-pdp-background-color--ORANGE_200 {
    background-color: rgba(255, 119, 51, .2)
}

.ui-pdp-background-color--ORANGE_600 {
    background-color: #e6540b
}

.ui-pdp-background-color--BLUE {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-background-color--BLUE_700 {
    background-color: #1f4e96
}

.ui-pdp-background-color--LIGHT_BLUE {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2))
}

.ui-pdp-background-color--BLUE_10 {
    background-color: rgba(65, 137, 230, .1)
}

.ui-pdp-background-color--LIGHT_YELLOW {
    background-color: #fff1cb
}

.ui-pdp-background-color--VIOLET_600 {
    background-color: #ba0095
}

.ui-pdp-size--XXXSMALL {
    font-size: 10px
}

.ui-pdp-size--XXSMALL {
    font-size: 12px
}

.ui-pdp-size--XSMALL {
    font-size: 14px
}

.ui-pdp-size--SMALL {
    font-size: 16px
}

.ui-pdp-size--MEDIUM {
    font-size: 18px
}

.ui-pdp-size--LARGE {
    font-size: 20px
}

.ui-pdp-size--XLARGE {
    font-size: 24px
}

.ui-pdp-size--XXLARGE {
    font-size: 28px
}

.ui-pdp-family--LIGHT {
    font-weight: 300
}

.ui-pdp-family--REGULAR {
    font-weight: 400
}

.ui-pdp-family--SEMIBOLD {
    font-weight: 600
}

.ui-pdp-family--BOLD {
    font-weight: 700
}

.ui-pdp-background-color--LIGHT_ORANGE {
    background-color: rgba(255, 119, 51, .1)
}

.ui-pdp-background-color--LIGHT_GREEN {
    background-color: rgba(0, 166, 80, .1)
}

.ui-vpp-text-alignment--center {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.ui-pdp--hide {
    border: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0
}

.ui-pdp-label-as-pill {
    border-radius: 3px;
    display: inline-block;
    line-height: normal;
    margin-bottom: 4px;
    padding: 3px 8px
}

.cx-widget,
.cx-widget:focus:not(:focus-visible) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .07), 0 20px 25px 0 rgba(0, 0, 0, .15);
    display: flex;
    opacity: 1;
    position: fixed;
    right: -360px;
    transform: translateZ(0) translateZ(0);
    transition: transform 325ms ease-in-out, opacity .1s ease-out, top .1s ease, bottom .1s ease;
    width: 360px;
    z-index: 9000
}

.cx-widget *,
.cx-widget:focus:not(:focus-visible) * {
    border: 0;
    box-sizing: border-box;
    font-family: Proxima Nova, sans-serif;
    font-size: 16px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cx-widget.cx-widget--visible,
.cx-widget:focus:not(:focus-visible).cx-widget--visible {
    transform: translateZ(0) translateZ(0) translateX(-360px)
}

.cx-widget.cx-widget--fake-destroy,
.cx-widget:focus:not(:focus-visible).cx-widget--fake-destroy {
    opacity: 0
}

.cx-widget.cx-widget--collapsed,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed {
    bottom: 0 !important
}

.cx-widget.cx-widget--collapsed .cx-widget__protection-band,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__protection-band {
    opacity: 1
}

.cx-widget.cx-widget--collapsed .cx-widget__container .cx-widget-iframe,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__container .cx-widget-iframe {
    z-index: -1
}

.cx-widget.cx-widget--collapsed .cx-widget__title-container .cx-widget__title,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__title-container .cx-widget__title {
    opacity: 1;
    transform: translateZ(0) translateZ(0) translateY(45%)
}

.cx-widget.cx-widget--collapsed .cx-widget__actions .button-minimize,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__actions .button-minimize {
    opacity: 0;
    pointer-events: none
}

.cx-widget.cx-widget--collapsed .cx-widget__actions .button-close,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__actions .button-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%23FFF%27 d=%27M17.12 15.71 22.41 21 21 22.41l-5.29-5.29-5.3 5.29L9 21l5.29-5.29L9 10.41 10.41 9l5.3 5.29L21 9l1.41 1.41z%27/%3E%3C/svg%3E")
}

.cx-widget .cx-widget__title-container,
.cx-widget:focus:not(:focus-visible) .cx-widget__title-container {
    cursor: pointer;
    height: 64px;
    left: 0;
    margin: 0;
    padding: 16px 0 16px 32px;
    position: absolute;
    vertical-align: top;
    width: 250px
}

.cx-widget .cx-widget__title-container .cx-widget__title,
.cx-widget:focus:not(:focus-visible) .cx-widget__title-container .cx-widget__title {
    color: #fff;
    font-weight: 500;
    line-height: 1;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    transform: translateZ(0) translateZ(0) translateY(20%);
    transition: transform .2s ease-in .3s, opacity 325ms ease .3s;

    width: 90%
}

.cx-widget .cx-widget__actions,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions {
    height: 64px;
    padding: 16px 16px 16px 0;
    position: absolute;
    right: 0;
    text-align: right;
    vertical-align: top;
    width: 110px;
    z-index: 9003
}

.cx-widget .cx-widget__actions .button-close,
.cx-widget .cx-widget__actions .button-minimize,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-close,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-minimize {
    cursor: pointer;
    display: inline-block;
    height: 32px;
    width: 32px
}

.cx-widget .cx-widget__actions .button-minimize,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-minimize {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%233483FA%27 d=%27m16 18.59 6.29-6.3 1.42 1.42-7.71 7.7-7.71-7.7 1.42-1.42z%27/%3E%3C/svg%3E");
    margin-right: 8px
}

.cx-widget .cx-widget__actions .button-minimize.button-minimize--white,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-minimize.button-minimize--white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%23FFF%27 d=%27m16 18.59 6.29-6.3 1.42 1.42-7.71 7.7-7.71-7.7 1.42-1.42z%27/%3E%3C/svg%3E")
}

.cx-widget .cx-widget__actions .button-close,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%233483FA%27 d=%27M17.12 15.71 22.41 21 21 22.41l-5.29-5.29-5.3 5.29L9 21l5.29-5.29L9 10.41 10.41 9l5.3 5.29L21 9l1.41 1.41z%27/%3E%3C/svg%3E")
}

.cx-widget .cx-widget__actions .button-close.button-close--white,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-close.button-close--white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%23FFF%27 d=%27M17.12 15.71 22.41 21 21 22.41l-5.29-5.29-5.3 5.29L9 21l5.29-5.29L9 10.41 10.41 9l5.3 5.29L21 9l1.41 1.41z%27/%3E%3C/svg%3E")
}

.cx-widget .cx-widget__container,
.cx-widget:focus:not(:focus-visible) .cx-widget__container {
    height: calc(100% - 64px);
    margin-top: 64px
}

.cx-widget .cx-widget__container .cx-widget-iframe,
.cx-widget:focus:not(:focus-visible) .cx-widget__container .cx-widget-iframe {
    height: 100%;
    margin-top: -64px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 9001
}

.cx-widget .cx-widget__protection-band,
.cx-widget:focus:not(:focus-visible) .cx-widget__protection-band {
    background-color: #3483fa;
    height: 64px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0) translateZ(0);
    transition: opacity .15s ease-in
}

.cx-loading--block {
    background: #fff;
    position: absolute;
    transform: translateZ(0) translateZ(0);
    z-index: 9002
}

.cx-loading--block .cx-loading__container {
    z-index: 9004
}

.cx-loading--hidden .cx-loading__mask,
.cx-loading--hidden.cx-loading--block {
    opacity: 0;
    top: -9999px
}

.cx-loading--block,
.cx-loading__mask {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.cx-loading--block .cx-loading__container {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.cx-loading__mask {
    background-color: hsla(0, 0%, 100%, .9);
    position: absolute
}

.cx-loading__spinner {
    animation: cx-loading-rotate 2s linear infinite;
    height: 32px;
    position: relative;
    transform-origin: center center;
    width: 32px
}

.cx-loading__spinner.cx-loading__spinner--large {
    height: 64px;
    width: 64px
}

.cx-loading__spinner-path {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -10;
    animation: cx-loading-dash 1.5s ease-in-out infinite, cx-loading-color 6s ease-in-out infinite;
    transform: translateZ(0) translateZ(0);
    stroke-linecap: round;
    stroke: #3483fa
}

@keyframes cx-loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes cx-loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes cx-loading-color {

    0%,
    to {
        stroke: #3483fa
    }
}

@media screen and (max-width: 480px) {
    .cx-widget.cx-widget--visible {
        width: 100%
    }
}

.ui-pdp-iframe {
    height: 100%
}

.ui-pdp-iframe--loading {
    visibility: hidden
}

.ui-pdp-thumbnail {
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    margin-right: 8px;
    overflow: hidden;
    padding: 0;
    position: relative
}

.ui-pdp-thumbnail__picture {
    font-size: 12px;
    height: 54px;
    padding: 2px;
    width: 54px
}

.ui-pdp-thumbnail__picture img {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.ui-pdp-thumbnail__picture--SMALL {
    height: 36px;
    width: 36px
}

.ui-pdp-thumbnail__picture--list {
    display: inline-block
}

.ui-pdp-thumbnail__label {
    padding: 8px 14px
}

.ui-pdp-thumbnail--BLOCKED {
    background: rgba(0, 0, 0, .04);
    border: 1px solid;
    color: rgba(0, 0, 0, .25)
}

.ui-pdp-thumbnail--BLOCKED .ui-pdp-thumbnail__picture {
    opacity: .15
}

.ui-pdp-thumbnail--BLOCKED .ui-pdp-thumbnail__container .ui-pdp-thumbnail__label {
    color: rgba(0, 0, 0, .25)
}

.ui-pdp-thumbnail--BLOCKED:hover {
    cursor: not-allowed
}

.ui-pdp-thumbnail--DISABLED {
    border: 1px dashed rgba(0, 0, 0, .55);
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-thumbnail--DISABLED:hover {
    cursor: pointer
}

.ui-pdp-thumbnail--SELECTED {
    border: 2px solid var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-thumbnail__tooltip {
    padding: 11px 16px;
    pointer-events: none;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-thumbnail--shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15)
}

.ui-pdp-thumbnail--overlay {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .6);
    color: var(--andes-color-blue-500, #3483fa);
    display: flex;
    font-size: 28px;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.ui-pdp-benefits {
    width: 100%
}

.ui-pdp-benefits__item:not(:last-child) {
    margin-bottom: 16px
}

.ui-pdp-benefits .ui-pdp-media__title {
    font-size: 14px;
    font-weight: 400
}

.ui-pdp-benefits .ui-pdp-media__title .ui-pdp-action-modal,
.ui-pdp-benefits .ui-pdp-media__title .ui-pdp-action-modal .andes-tooltip__trigger,
.ui-pdp-benefits .ui-pdp-media__title .ui-pdp-action-modal div {
    display: inline
}

.ui-pdp-benefits .ui-pdp-media__figure {
    margin-top: 1px
}

.ui-pdp-benefits .ui-pdp-icon {
    height: 16px;
    width: 16px
}

.ui-pdp-benefits .ui-pdp-icon--mpago_logo {
    margin-top: 4px
}

.ui-pdp-benefits .ui-pdp-icon--mpago_logo img {
    max-width: 20px;
    vertical-align: baseline
}

.ui-pdp-additional-info {
    width: 100%
}

.ui-pdp-additional-info .ui-pdp-media__action,
.ui-pdp-additional-info .ui-pdp-media__text,
.ui-pdp-additional-info .ui-pdp-media__title {
    font-size: 12px
}

.ui-pdp-additional-info .ui-pdp-media__title {
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
    font-weight: 400
}

.ui-pdp-additional-info .ui-pdp-media__text {
    color: rgba(0, 0, 0, .55);
    line-height: 1.25;
    margin-bottom: 16px
}

.ui-pdp-additional-info .ui-pdp-media__action {
    line-height: 1.25
}

.ui-pdp-additional-info .ui-pdp-media__figure {
    margin-right: 8px
}

.ui-pdp-additional-info .ui-pdp-media__figure svg {
    height: auto;
    width: auto
}

.ui-pdp-additional-info__link {
    font-size: 12px;
    padding-left: 42px
}

.ui-pdp-additional-info__link.cho-guest {
    margin: -20px 0
}

.ui-pdp-additional-info .ui-pdp-media__body {
    display: grid;
    grid-template-columns: 46px 2fr
}

.ui-pdp-additional-info .ui-pdp-media__title {
    grid-column: 2/3;
    grid-row: 1/2
}

.ui-pdp-additional-info .ui-pdp-media__text {
    grid-column: 2/3;
    grid-row: 2/3
}

.ui-pdp-additional-info .ui-pdp-image {
    display: block;
    grid-column: 1/2;
    grid-row: 1/3;
    width: 36px
}

.ui-pdp-actions__container--featured {
    border-radius: 6px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    padding: 14px
}

.ui-pdp-actions__container--featured .ui-pdp-media__title {
    margin-bottom: 0
}

.ui-pdp-actions__container--featured .ui-pdp-media__body {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 16px
}

.ui-pdp-actions__container--featured .ui-pdp-image {
    margin-right: 8px
}

.ui-pdp-buy-protected {
    margin-bottom: 8px;
    width: 100%
}

.ui-pdp-actions,
.ui-pdp-actions .andes-button {
    width: 100%;
    margin-left: 0px;
}

.ui-pdp-actions .andes-button.andes-button--medium .andes-spinner.andes-button__spinner,
.ui-pdp-actions .andes-button.andes-button--small .andes-spinner.andes-button__spinner {
    top: 5px
}

.ui-pdp-actions .andes-button.andes-button--quiet .andes-spinner .andes-spinner__icon-border {
    border-color: var(--andes-color-blue-600, #2968c8)
}

.ui-pdp-actions .andes-button.andes-button--quiet .andes-spinner .andes-spinner__icon-border:after {
    background-color: var(--andes-color-blue-600, #2968c8)
}

.ui-pdp-actions .andes-button .andes-button__content .ui-pdp-icon {
    margin-right: 8px
}

.ui-pdp-actions .andes-button .andes-button__content .ui-pdp-action-icon--BLUE {
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-actions .andes-button .andes-button__content .ui-pdp-action-icon--WHITE {
    fill: #fff
}

.ui-pdp-actions__container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.ui-pdp-actions__container .ui-pdp-action__card-tooltip {
    margin-top: 18px;
    padding: 0
}

.ui-pdp-actions__container .ui-pdp-action__card-tooltip .ui-pdp-card-tooltip__card__content {
    align-items: flex-start
}

.ui-pdp-actions .andes-button--medium {
    line-height: 32px
}

.ui-pdp-actions .andes-progress-indicator-circular {
    height: 15px;
    margin: auto;
    position: relative;
    width: 15px
}

.ui-pdp-actions .andes-progress-indicator-circular .andes-progress-indicator-circular__svg {
    bottom: 0;
    position: absolute;
    top: 0
}

.ui-pdp-actions .ui-pdp-action-primary--disabled,
.ui-pdp-actions .ui-pdp-action-secondary--disabled {
    cursor: not-allowed
}

.ui-pdp-actions .ui-pdp-action-primary,
.ui-pdp-actions .ui-pdp-action-primary--disabled {
    margin-top: 0
}

.ui-pdp-actions .ui-pdp-action-separator {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: block;
    height: 1px;
    margin: 16px 0 8px;
    width: 100%
}

.ui-pdp-actions__container--featured .ui-pdp-action--primary.andes-button {
    margin-top: 0
}

.ui-pdp-actions__container--featured .andes-button {
    width: 100%
}

.ui-pdp-iframe-modal iframe {
    border: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    transition: .5s cubic-bezier(.72, .04, .12, .97)
}

.ui-pdp-iframe-modal .andes-spinner__mask {
    background-color: #fff
}

.ui-pdp-buybox .ui-pdp-card-tooltip .andes-card--flat {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1)
}

.ui-pdp-container__row {
    box-sizing: border-box;
    display: flex;

    flex-direction: row;
    flex-wrap: wrap;

}

.ui-pdp-container__col {
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%
}

.ui-pdp-container .col-1,
.ui-pdp-container__col {
    flex-basis: 0%;
    flex-grow: 1;
    flex-shrink: 1
}

.ui-pdp-container .col-2 {
    flex-basis: 0%;
    flex-grow: 2;
    flex-shrink: 1
}

.ui-pdp-container .col-3 {
    flex-basis: 0%;
    flex-grow: 3;
    flex-shrink: 1
}

.ui-pdp-container .col-4 {
    flex-basis: 0%;
    flex-grow: 4;
    flex-shrink: 1
}

.ui-pdp-container .col-5 {
    flex-basis: 0%;
    flex-grow: 5;
    flex-shrink: 1
}

.ui-pdp-container__col--text-center {
    align-content: center;
    display: flex;
    justify-content: center
}

.ui-pdp-container__col--text-evenly {
    align-content: center;
    display: flex;
    justify-content: space-evenly
}

.ui-pdp-container__separator {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    height: 1px;
    margin: 40px 0;
    width: 100%
}

.ui-pdp-with--separator:not(:empty):after {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 1px;
    margin: 40px 0;
    width: 90%
}

.ui-pdp-with--separator--45:not(:empty):after {
    margin-left: 48px;
    margin-right: 48px;
    width: auto
}

.ui-pdp-with--separator--small-bottom:not(:empty):after {
    margin-bottom: 25px
}

.ui-pdp-with--separator--small-top:not(:empty):after {
    margin-top: 25px
}

.ui-pdp-with--separator--medium-bottom:not(:empty):after {
    margin-bottom: 32px
}

.ui-pdp-with--separator--medium-top:not(:empty):after {
    margin-top: 32px
}

.ui-pdp-with--separator--full:not(:empty):after {
    width: 100%
}

.ui-pdp-with--separator--40:not(:empty):after {
    margin: 40px
}

.ui-pdp-with--separator-top:not(:empty):before {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 1px;
    margin: 40px 0;
    width: 90%
}

.ui-pdp-with--separator-top--full:not(:empty):before {
    width: 100%
}

.ui-pdp-with--separator--fluid:not(:empty):after {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.ui-pdp-mshops-container .ui-pdp-with--separator--fluid:not(:empty):after {
    border: none
}

.ui-pdp-mshops-container--column-hidden .ui-pdp-gallery__figure {
    left: 180px
}

.ui-vpp-with--empty--separator {
    border: 0;
    margin: 0
}

.ui-vpp-with--empty--separator--WHITE {
    background: #fff
}

.ui-vpp-with--empty--separator--0 {
    height: 0
}

.ui-vpp-with--empty--separator--5 {
    height: 5px
}

.ui-vpp-with--empty--separator--12 {
    height: 12px
}

.ui-vpp-with--empty--separator--16 {
    height: 16px
}

.ui-vpp-with--empty--separator--24 {
    height: 24px
}

.ui-vpp-with--empty--separator--28 {
    height: 28px
}

.ui-vpp-with--empty--separator--32 {
    height: 32px
}

.ui-vpp-with--empty--separator--40 {
    height: 40px
}

.ui-vpp-with--empty--separator--50 {
    height: 50px
}

.ui-vpp-with--separator--0 {
    margin: 0
}

.ui-vpp-with--separator--5 {
    margin: 5px 0
}

.ui-vpp-with--separator--12 {
    margin: 12px 0
}

.ui-vpp-with--separator--16 {
    margin: 16px 0
}

.ui-vpp-with--separator--24 {
    margin: 24px 0
}

.ui-vpp-with--separator--28 {
    margin: 28px 0
}

.ui-vpp-with--separator--32 {
    margin: 32px 0
}

.ui-vpp-with--separator--40 {
    margin: 40px 0
}

.ui-vpp-with--separator--50 {
    margin: 50px 0
}

.ui-pdp-media {
    align-items: flex-start;
    display: flex
}

.ui-pdp-media__action {
    color: var(--andes-color-blue-500, #3483fa);
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.ui-pdp-media__figure {
    margin: 0 10px 0 0
}

.ui-pdp-media__figure .ui-pdp-icon--billing-ticket {
    padding-left: 5px
}

.ui-pdp-media__figure .ui-search-icon--gift,
.ui-pdp-media__figure .ui-search-icon__black-friday {
    height: 12px;
    width: 12px
}

.ui-pdp-media__figure .ui-search-icon--ahora30 {
    height: 8px;
    margin-bottom: 1px;
    width: 5px
}

.ui-pdp-media__figure .ui-pdp-icon--plus {
    height: 18px;
    width: 49px
}

.ui-pdp-media__figure svg {
    height: 20px;
    width: 20px
}

.ui-pdp-media__figure .ui-pdp-pick-up-icon {
    position: relative
}

.ui-pdp-media__figure .ui-pdp-icon--fast-truck,
.ui-pdp-media__figure .ui-pdp-icon--schedulable-truck {
    height: 22px;
    margin-bottom: 2px;
    margin-left: -1px;
    width: 22px
}

.ui-pdp-media__figure .ui-pdp-icon--melichoice {
    height: 17px;
    width: 21px
}

.ui-pdp-media__figure .ui-pdp-icon--apple-icon {
    height: 14px;
    shape-rendering: geometricprecision;
    width: 11px
}

.ui-pdp-media__body {
    flex: 1 1 0;
    width: 100%
}

.ui-pdp-media--center {
    align-items: center
}

.ui-pdp-media--reverse>.ui-pdp-media__figure {
    margin: 0 0 0 10px;
    order: 1
}

.ui-pdp-media__title--plain {
    line-height: 1.3
}

.ui-pdp-media__title--on-hover:hover {
    cursor: pointer
}

.ui-pdp-media__title-icons {
    display: inline-block
}

.ui-pdp-media__title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 2px
}

.ui-pdp-media__title .ui-pdp-price__part {
    display: inline-flex;
    line-height: 1.3
}

.ui-pdp-media__text {
    margin: 0 0 2px
}

.ui-pdp-media .ui-pdp-icon--chevron {
    stroke: rgba(0, 0, 0, .25);
    transform: rotate(90deg)
}

.ui-pdp-icon {
    fill: rgba(0, 0, 0, .25)
}

.ui-pdp-icon--MELI_USD {
    fill: transparent;
    margin-right: 4px
}

.ui-pdp-icon--shipping {
    fill: rgba(0, 0, 0, .25)
}

.ui-pdp-icon--pin {
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-icon--chevron {
    height: 14px;
    stroke: var(--andes-color-blue-500, #3483fa);
    vertical-align: middle;
    width: 9px
}

.ui-pdp-icon--whatsapp path,
.ui-pdp-icon.ui-pdp-icon--whatsapp path {
    stroke: none !important
}

.ui-pdp-icon--external-credits {
    height: 20px;
    margin-right: 16px;
    width: 20px
}

.ui-pdp-icon--chevron-down {
    transform: rotate(-270deg);
    transition: transform .3s ease-in-out
}

.ui-pdp-icon--chevron-down--error {
    stroke: #d12440 !important
}

.ui-pdp-icon--chevron-down--active {
    transform: rotate(-90deg);
    transition: transform .3s ease-in-out
}

.ui-pdp-icon--return {
    height: 18px;
    width: 15px
}

.ui-pdp-icon--full {
    fill: #00a650;
    height: 16px;
    margin-top: -1px;
    position: relative;
    top: 4px;
    width: 56px
}

.ui-pdp-icon--full-super {
    margin-top: -4px
}

.ui-pdp-icon--plus {
    position: relative;
    top: 1px
}

.ui-pdp-icon--express,
.ui-pdp-icon--icon-package {
    fill: rgba(0, 0, 0, .1);
    height: 48px;
    width: 48px
}

.ui-pdp-icon--seller-agreement {
    margin-top: 1px
}

.ui-pdp-icon--thumb_up {
    margin-left: 4px
}

.ui-pdp-icon--loyalty {
    fill: #919191
}

.ui-pdp-icon--medal {
    height: 20px;
    width: 20px
}

.ui-pdp-icon--help {
    fill: var(--andes-color-blue-500, #3483fa);
    stroke: #3483fa
}

.ui-pdp-icon--cbt-summary {
    margin-right: 8px
}

.ui-pdp-color--GREEN.ui-pdp-icon {
    fill: #00a650
}

.ui-pdp-color--BLACK.ui-pdp-icon {
    fill: rgba(0, 0, 0, .9)
}

.ui-pdp-color--BLACK_100.ui-pdp-icon {
    fill: #000
}

.ui-pdp-color--WHITE.ui-pdp-icon {
    fill: #fff
}

.ui-pdp-color--BLUE.ui-pdp-icon {
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-color--BLUE_700.ui-pdp-icon {
    fill: #1f4e96
}

.ui-pdp-color--GRAY.ui-pdp-icon {
    fill: rgba(0, 0, 0, .55)
}

.ui-pdp-color--ORANGE.ui-pdp-icon {
    fill: #f73
}

.ui-pdp-color--ORANGE_MEDIUM.ui-pdp-icon {
    color: #d98900
}

.ui-pdp-icon--coupon.ui-pdp-color--BLUE.ui-pdp-icon {
    fill: none
}

.ui-pdp-title {
    color: rgba(0, 0, 0, .9);
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 22px;
    font-weight: 600;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.18;
    padding-bottom: 8px;
    padding-right: 10px;
    word-break: break-word
}

.ui-pdp-payment .price-tag__disabled {
    color: rgba(0, 0, 0, .55)
}

.ui-pdp-payment svg {
    height: 20px;
    width: 20px
}

.ui-pdp-payment--md .ui-pdp-media__text {
    font-size: 14px
}

.ui-pdp-share {
    display: flex
}

.ui-pdp-specs {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-specs__title {
    padding-bottom: 32px
}

.ui-pdp-specs__subtitle {
    margin-top: 32px
}

.ui-pdp-specs__list {
    padding-bottom: 16px
}

.ui-pdp-specs__tables {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ui-pdp-specs__table {
    border: 1px solid #ededed;
    border-radius: 5px
}

.ui-pdp-specs__table__column,
.ui-pdp-specs__table__column-title:first-of-type {
    padding-left: 16px
}

.ui-pdp-specs__table__column-title {
    font-weight: 600
}

.ui-pdp-specs__table .andes-table__column {
    background-color: transparent;
    border-bottom: 0
}

.ui-pdp-specs__table .andes-table {
    border: 0
}

.ui-pdp-specs__table .andes-table__head {
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    overflow: auto;
    position: relative;
    width: auto
}

.ui-pdp-specs__table .andes-table__row {
    border: 0;
    display: table-row
}

.ui-pdp-specs__table .andes-table__row:hover {
    background-color: #ededed
}

.ui-pdp-specs__table .andes-table__row:last-child .andes-table__column {
    border-bottom: 0;
    word-break: break-all
}

.ui-pdp-specs__table .andes-table__column,
.ui-pdp-specs__table .andes-table__header {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    white-space: normal
}

.ui-pdp-specs__table .andes-table__column:before,
.ui-pdp-specs__table .andes-table__header:before {
    content: "";
    margin: 0;
    padding: 0;
    width: 100%
}

.ui-pdp-specs__table .andes-table__column:last-of-type {
    padding-left: 24px;
    width: 60%
}

.ui-pdp-specs__table .andes-table__column--center,
.ui-pdp-specs__table .andes-table__header--center {
    text-align: center
}

.ui-pdp-specs__table .andes-table__column--right,
.ui-pdp-specs__table .andes-table__header--right {
    text-align: right
}

.ui-pdp-specs__table .andes-table__column--left {
    padding: 16px
}

.ui-pdp-specs__table .andes-table__body {
    display: table-row-group
}

.ui-pdp-specs__table tbody tr:nth-child(2n),
.ui-pdp-specs__table tbody tr:nth-child(2n):hover {
    background: #fff
}

.ui-pdp-specs__table tbody tr:nth-child(2n) .andes-table__column:first-child,
.ui-pdp-specs__table tbody tr:nth-child(2n) .andes-table__header:first-child,
.ui-pdp-specs__table tbody tr:nth-child(odd),
.ui-pdp-specs__table tbody tr:nth-child(odd):hover {
    background: #f5f5f5
}

.ui-pdp-specs__table tbody tr:nth-child(odd) .andes-table__column:first-child,
.ui-pdp-specs__table tbody tr:nth-child(odd) .andes-table__header:first-child {
    background: #ebebeb
}

.ui-pdp-specs__table tbody tr:first-child th {
    border-top-left-radius: 4px
}

.ui-pdp-specs__table tbody tr:first-child td {
    border-top-right-radius: 4px
}

.ui-pdp-specs__table tbody tr:last-child th {
    border-bottom-left-radius: 4px
}

.ui-pdp-specs__table tbody tr:last-child td {
    border-bottom-right-radius: 4px
}

.ui-pdp-specs__tabs {
    margin-top: 32px
}

.ui-pdp-specs__tabs .andes-tab-content {
    padding: 12px 24px
}

.ui-pdp-specs__tabs .andes-tabs__container {
    position: relative
}

.ui-pdp-specs__tab-spec {
    display: inline-block;
    font-size: 14px;
    padding-right: 12px;
    padding-top: 12px;
    vertical-align: top;
    width: 50%
}

.ui-pdp-shipping .ui-pdp-price__part {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-shipping .ui-pdp-price__part__previous {
    color: rgba(0, 0, 0, .55)
}

.ui-pdp-shipping__action-icon {
    height: 14px;
    margin-right: 6px;
    width: 10px
}

.ui-pdp-shipping--md .ui-pdp-media__text {
    font-size: 14px;
    line-height: 1.29
}

.ui-pdp-shipping--md .ui-pdp-media__text .ui-pdp-price__part {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit
}

.ui-pdp-shipping--md .ui-pdp-media__text .ui-pdp-price__part .price-tag-cents {
    font-size: .7em;
    position: relative;
    vertical-align: top
}

.ui-pdp-shipping--first-buy .ui-pdp-media__title .ui-pdp-color--BLACK.ui-pdp-family--REGULAR {
    white-space: nowrap
}

.ui-pdp-pick-up .ui-pdp-price__part {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-pick-up .price-tag__disabled {
    color: rgba(0, 0, 0, .55)
}

.ui-pdp-pick-up--md .ui-pdp-media__text {
    font-size: 14px
}

.ui-pdp-summary-list__item {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 4px;
    position: relative
}

.ui-pdp-summary-list__item.ui-pdp-color--GREEN:before {
    background-color: #00a650
}

.ui-pdp-summary-list__item-icon .ui-pdp-icon {
    height: 14px;
    width: 54px
}

.ui-pdp-summary-list__item .ui-pdp-price__part {
    color: inherit;
    display: inline;
    line-height: inherit
}

.ui-pdp-summary-list__item .ui-pdp-price__part .price-tag-cents {
    line-height: 1.4
}

.ui-pdp-placeholder {
    width: 100%
}

.ui-pdp-placeholder--media {
    display: flex
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line {
    animation: none;
    border-radius: 4px;
    float: none;
    margin-bottom: 8px;
    margin-top: 0
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line:last-child {
    margin-bottom: 0
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line__title {
    margin-bottom: 4px
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line__title:last-child {
    margin-bottom: 8px
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line__subtitle {
    margin-bottom: 4px
}

.ui-pdp-placeholder__header {
    display: flex;
    padding-right: 14px;
    vertical-align: top
}

.ui-pdp-placeholder__avatar {
    background-image: linear-gradient(90deg, #ddd, #f2f2f2 200px, #ddd 400px);
    border-radius: 50%;
    display: block;
    height: 30px;
    width: 30px
}

.ui-pdp-placeholder__body {
    display: flex;
    flex-direction: column;
    padding-bottom: 3px;
    vertical-align: top;
    width: 100%
}

.ui-pdp-placeholder__line {
    animation: placeholder 3s linear infinite;
    background-image: linear-gradient(90deg, #ddd, #f2f2f2 200px, #ddd 400px);
    background-size: 600px;
    border-radius: 4px;
    float: left;
    margin-top: 4px
}

@keyframes placeholder {
    0% {
        background-position: -400px
    }

    50% {
        background-position: 400px
    }

    to {
        background-position: -400px
    }
}

.ui-pdp-reviews__comments {
    height: 42px
}

.ui-pdp-reviews__comments__tab-content {
    padding: unset
}

.ui-pdp-reviews__comments__button {
    background: none;
    border: none;
    color: var(--andes-color-blue-500, #3483fa);
    line-height: 1.29;
    margin-top: 20px;
    padding: unset
}

.ui-pdp-reviews__comments__no-reviews {
    margin: 64px auto;
    max-width: 250px;
    text-align: center
}

.ui-pdp-reviews__comments__no-reviews__title {
    color: rgba(0, 0, 0, .9);
    display: block;
    font-size: 18px;
    margin: 16px 0 14px
}

.ui-pdp-reviews__comments__no-reviews__subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25
}

.ui-pdp-reviews__rating__summary__average {
    color: rgba(0, 0, 0, .9);
    font-size: 64px;
    font-weight: 300
}

.ui-pdp-reviews__rating__summary__label {
    color: rgba(0, 0, 0, .55)
}

.ui-pdp-reviews__header {
    margin-bottom: 32px
}

.ui-pdp-reviews__header__title {
    color: rgba(0, 0, 0, .9);
    margin-bottom: 32px
}

.ui-pdp-reviews .andes-tab__link {
    font-size: 16px;
    padding: .8em 1.5em
}

.ui-pdp-flash-message {
    border-radius: 0
}

.ui-pdp-returns {
    width: 100%
}

.ui-pdp-returns__card {
    align-items: flex-start;
    background-color: rgba(0, 166, 80, .1);
    border-radius: 6px;
    display: flex;
    padding: 16px 12px
}

.ui-pdp-returns__card__main {
    margin-left: 12px
}

.ui-pdp-returns__card__main__title {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.14
}

.ui-pdp-returns__card__main__subtitle {
    margin-top: 2px
}

.ui-pdp-returns__card__main__link,
.ui-pdp-returns__card__main__subtitle {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.14
}

.ui-pdp-returns__card__main__link {
    margin-top: 8px
}

.ui-pdp-returns__card__main .ui-pdp-action-modal {
    margin-top: 0
}

.ui-pdp-returns__card__main__modal {
    width: 840px
}

.ui-pdp-returns__card__main__modal .andes-modal__close-button {
    top: 56px
}

.ui-pdp-card-tooltip__card {
    font-weight: 400;
    padding: 10px 16px;
    position: relative
}

.ui-pdp-card-tooltip__card--arrow-top-center,
.ui-pdp-card-tooltip__card--has-shadow {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1)
}

.ui-pdp-card-tooltip__card--arrow-top-center {
    border: .5px solid rgba(0, 0, 0, .1);
    position: relative
}

.ui-pdp-card-tooltip__card--arrow-top-center.andes-tooltip--highlight:before {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-card-tooltip__card--arrow-top-center:before {
    background-color: #fff;
    border-bottom: .5px solid rgba(0, 0, 0, .1);
    border-right: .5px solid rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, .2);
    content: "";
    height: 1em;
    left: 50%;
    margin-left: -.5em;
    position: absolute;
    top: -.45em;
    transform: rotate(225deg);
    width: 1em
}

.ui-pdp-card-tooltip__card--arrow-top-left {
    border: .5px solid rgba(0, 0, 0, .1);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1);
    position: relative
}

.ui-pdp-card-tooltip__card--arrow-top-left.andes-tooltip--highlight:before {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-card-tooltip__card--arrow-top-left:before {
    background-color: #fff;
    border-bottom: .5px solid rgba(0, 0, 0, .1);
    border-right: .5px solid rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, .2);
    content: "";
    height: 1em;
    left: 14%;
    margin-left: -.5em;
    position: absolute;
    top: -.45em;
    transform: rotate(225deg);
    width: 1em
}

.ui-pdp-card-tooltip__card--arrow-bottom-center {
    border: .5px solid rgba(0, 0, 0, .1);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1);
    position: relative
}

.ui-pdp-card-tooltip__card--arrow-bottom-center.andes-tooltip--highlight:before {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-card-tooltip__card--arrow-bottom-center:before {
    background-color: #fff;
    border-bottom: .5px solid rgba(0, 0, 0, .1);
    border-right: .5px solid rgba(0, 0, 0, .1);
    bottom: -.55em;
    box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, .2);
    content: "";
    height: 1em;
    left: 50%;
    margin-left: -.5em;
    position: absolute;
    transform: rotate(45deg);
    width: 1em
}

.ui-pdp-card-tooltip__card .ui-pdp-color--white {
    color: #fff
}

.ui-pdp-card-tooltip__card__icon--close {
    cursor: pointer;
    line-height: 0;
    position: absolute;
    right: 10px;
    top: 10px
}

.ui-pdp-card-tooltip__card__icon--close svg {
    height: 8px;
    width: 8px
}

.ui-pdp-card-tooltip__card__icon--close svg path {
    fill: #fff;
    fill-opacity: .45
}

.ui-pdp-card-tooltip__card__content {
    align-items: center;
    display: flex
}

.ui-pdp-card-tooltip__card__content__icon {
    flex-shrink: 0;
    margin-right: 15px
}

.ui-pdp-card-tooltip__card__content__texts {
    padding: 0 5px 0 0;
    width: 100%
}

.ui-pdp-card-tooltip__card__content__subtitle {
    margin-top: 4px
}

.ui-pdp-card-tooltip__card__content__subtitle .ui-pdp-price__part {
    display: inline;
    line-height: 1.35
}

.ui-pdp-card-tooltip__card__content__subtitle .ui-pdp-price__part .price-tag-cents {
    line-height: 1.7
}

.ui-pdp-card-tooltip__card__content__progressBar__container {
    margin: 8px 0 6px
}

.ui-pdp-card-tooltip__card__content__title sup {
    font-size: 10px;
    position: relative;
    top: 1px;
    vertical-align: top
}

.ui-pdp-card-tooltip__card__content__title .ui-pdp-icon--full {
    height: 15px;
    top: 4px;
    width: 50px
}

.ui-pdp-card-tooltip__card__content__title .ui-pdp-icon--full-super {
    height: -moz-fit-content;
    height: fit-content;
    top: 5px;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-card-tooltip__card__content__title .ui-pdp-price__part {
    font-weight: 700;
    line-height: inherit
}

.ui-pdp-card-tooltip__card__content__title .ui-pdp-price__part .price-tag-cents {
    line-height: 1.4em
}

.ui-pdp-card-tooltip__card__content__title .ui-pdp-icon--supermarket-fs {
    vertical-align: middle
}

.ui-vip-card-tooltip {
    margin-top: 20px
}

.ui-vip-card-tooltip .ui-pdp-card-tooltip__card {
    padding: 18px 16px 16px
}

.ui-vip-card-tooltip .ui-pdp-card-tooltip__card__content__title {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.ui-vip-card-tooltip .ui-pdp-card-tooltip__card__content__title .ui-pdp-icon {
    margin-right: 8px
}

.ui-vip-card-tooltip .ui-pdp-card-tooltip__card__content__action {
    margin-top: 8px
}

.ui-vip-card-tooltip .ui-pdp-card-tooltip__card__content__action .ui-vip-credits-bau__action-label-component {
    margin-block: 0
}

.ui-vip-card-tooltip .ui-pdp-card-tooltip__card__content__action .ui-vip-credits-bau__action-label-component .ui-pdp-media__action {
    margin-left: 0
}

.ui-empty-state {
    min-height: 25em;
    position: relative
}

.ui-empty-state__container {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ui-empty-state__icon,
.ui-empty-state__link {
    display: block;
    text-align: center;
    width: 100%
}

.ui-empty-state__title {
    color: #333;
    font-size: 20px;
    line-height: 1;
    margin-top: 1.645em;
    padding: 0 15px;
    text-align: center
}

.ui-empty-state__description {
    color: #999;
    font-size: 14px;
    line-height: 1;
    margin-top: .571em;
    padding: 0 30px;
    text-align: center
}

.ui-empty-state__link {
    line-height: 1;
    margin-top: 1.1428571429em;
    padding: 0 30px
}

.ui-empty-state__link-container {
    display: block;
    font-size: 16px;
    margin-top: 2em;
    padding: 0 30px;
    text-align: center
}

@media(min-width: 768px) {
    .ui-empty-state__title {
        margin-top: 1.6em
    }
}

.ui-pdp-not-found .ui-empty-state__link {
    padding: 0
}

.ui-pdp.ui-pdp--error .andes-technical-error__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    min-height: 25em
}

.ui-pdp-qadb__make-question__label {
    width: 100%
}

.ui-pdp-qadb__make-question__button .andes-button__content,
.ui-pdp-qadb__make-question__label b {
    font-weight: 600
}

.ui-qadb__make-question-sa {
    margin-top: 40px
}

.ui-qadb__make-question-sa__form {
    margin-top: 16px
}

.ui-qadb__make-question-sa__input {
    max-width: 768px;
    padding-top: 0
}

.ui-qadb__make-question-sa__input.no-message .andes-form-control__bottom {
    display: none
}

.ui-qadb__make-question-sa__title {
    font-size: 18px;
    font-weight: 600
}

.ui-qadb__make-question-sa__content .andes-form-control--textbox {
    padding-top: 0
}

.ui-qadb__make-question-sa__content .andes-form-control__field {
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 48px;
    padding-left: 16px;
    padding-top: 15px;
    text-indent: 0
}

.ui-qadb__make-question-sa__content .andes-form-control__field::placeholder {
    font-size: 16px
}

.ui-qadb__make-question-sa__content .andes-form-control__message-fixed {
    font-size: 13px;
    margin-top: 8px
}

.ui-qadb__make-question-sa__button {
    margin-left: 16px;
    vertical-align: top;
    width: 184px
}

.ui-pdp-qadb__card-answer {
    margin-top: 24px
}

.ui-pdp-qadb__card-answer__smart-answers {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 4px;
    position: relative
}

.ui-pdp-qadb__card-answer__smart-answers:before {
    border-left: 4px solid var(--andes-color-blue-500, #3483fa);
    border-radius: 6px 0 0 6px;
    bottom: 0;
    content: "";
    left: -1px;
    position: absolute;
    top: 0
}

.ui-pdp-qadb__search-bar {
    display: block;
    position: relative;
    width: 100%
}

.ui-pdp-qadb__search-bar__input {
    padding: 0
}

.ui-pdp-qadb__search-bar__input .andes-form-control--textfield,
.ui-pdp-qadb__search-bar__input.andes-form-control {
    padding-top: 0
}

.ui-pdp-qadb__search-bar__input .andes-form-control__field {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 16px;
    text-indent: 0
}

.ui-pdp-qadb__search-bar__input .andes-form-control__field::placeholder {
    color: rgba(0, 0, 0, .25);
    padding-left: 0
}

.ui-pdp-qadb__search-bar__input .andes-form-control__message {
    display: none
}

.ui-pdp-qadb__search-bar__search {
    background-color: var(--andes-color-blue-500, #3483fa);
    border: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    height: 48px;
    margin: 0;
    padding: 15px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.ui-pdp-qadb__search-bar__search:hover {
    background-color: var(--andes-color-blue-600, #2968c8);
    cursor: pointer
}

.ui-pdp-qadb__search-bar__search:focus {
    outline: none
}

.ui-pdp-qadb__search-bar__search:disabled {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .25)
}

.ui-pdp-qadb__search-bar__clear-search {
    align-self: center;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    right: 0;
    text-align: center;
    top: 17px
}

.ui-pdp-qadb__search-bar__clear-search:hover {
    cursor: pointer
}

.ui-pdp-qadb__search-bar__tooltip {
    padding: 16px 26px 16px 16px
}

.ui-pdp-qadb__search-bar__tooltip .andes-tooltip__text {
    font-weight: 300;
    line-height: 1.3
}

.ui-pdp-qadb__search-bar__tooltip .andes-tooltip-arrow:before {
    top: -6px
}

.ui-pdp-qadb__search-bar__tooltip .andes-tooltip-button-close {
    height: 16px;
    right: 15px;
    top: 13px;
    width: 16px
}

.ui-pdp-qadb__search-bar__tooltip .andes-tooltip-button-close:after,
.ui-pdp-qadb__search-bar__tooltip .andes-tooltip-button-close:before {
    opacity: 1;
    top: 0
}

.ui-pdp-qadb__question-form__form__input {
    padding-top: 0
}

.ui-pdp-qadb__question-form__form__input .andes-form-control__message {
    display: none
}

.ui-pdp-qadb__question-form__form__input .andes-form-control__control textarea {
    margin: 0;
    padding: 16px;
    text-indent: 0
}

.ui-pdp-qadb__question-form__form__actions .andes-button__content {
    font-size: 16px;
    font-weight: 600
}

.ui-pdp-qadb__feedback {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 32px
}

.ui-pdp-qadb__questions-list {
    margin-top: 40px
}

.ui-pdp-qadb__questions-list.ui-pdp-iframe {
    margin-top: 0
}

.ui-pdp-qadb__questions-list__answer-item__answer {
    word-break: break-word
}

.ui-pdp-qadb__questions-list__answer-item__with-tapeables-links>a {
    word-break: break-all
}

.ui-pdp-qadb__questions-list__question-item__separate {
    color: rgba(0, 0, 0, .45);
    font-size: 14px;
    margin-left: 8px
}

.ui-pdp-qadb__questions-list__wraper-owner {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 6px;
    margin-top: 25px;
    padding: 16px
}

.ui-pdp-qadb__questions-list__wraper-owner .ui-pdp-qadb__questions-list__question:first-child {
    margin-top: 0
}

.ui-pdp-qadb__questions-list__wraper-owner .ui-pdp-qadb__questions-list__see-more__modal {
    margin-bottom: 0
}

.ui-pdp-qadb__questions-list__answer-item__denounce,
.ui-pdp-qadb__questions-list__question-item__denounce {
    margin-left: 8px;
    opacity: 0
}

.ui-pdp-qadb__questions-list__question__answer-container:hover .ui-pdp-qadb__questions-list__answer-item__denounce,
.ui-pdp-qadb__questions-list__question__answer-container:hover .ui-pdp-qadb__questions-list__question-item__denounce,
.ui-pdp-qadb__questions-list__question__container:hover .ui-pdp-qadb__questions-list__answer-item__denounce,
.ui-pdp-qadb__questions-list__question__container:hover .ui-pdp-qadb__questions-list__question-item__denounce {
    opacity: 1
}

.ui-pdp-qadb__questions-list__container-answer__isNoCollapsed {
    display: inline;
    width: 100%
}

.ui-pdp-qadb__questions-list__question p,
.ui-pdp-qadb__questions-list__question__container {
    word-break: break-word
}

.ui-pdp-qadb__questions-list__see-more__modal {
    padding: 24px 0
}

.ui-pdp-qadb__questions-list__see-more__modal-content .andes-modal__content {
    margin: 0;
    padding: 0
}

.ui-pdp-qadb__questions-list__question__answer-container {
    align-items: flex-start;
    display: flex;
    margin-left: 12px;
    margin-top: 8px
}

.ui-pdp-qadb__questions-list__question__answer-container__icon {
    margin-right: 8px;
    overflow: visible
}

.ui-pdp-qadb__questions-list__question__answer-container__answer {
    width: 100%
}

.ui-pdp-qadb__questions-list__question__answer-container__see-more {
    margin-left: 8px
}

.ui-pdp-qadb__questions-list__see-more {
    align-items: center;
    display: flex;
    margin-top: 10px;
    padding-left: 0;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-qadb__questions-list__see-more:hover {
    background-color: transparent;
    cursor: pointer
}

.ui-pdp-qadb__questions-list__see-more .ui-pdp-qadb__questions-list__see-more__link {
    margin-right: 10px
}

.ui-pdp-qadb__questions-list__see-more .ui-pdp-qadb__questions-list__chevron {
    margin-top: 3px
}

.ui-pdp-qadb__questions-list__see-more:hover .ui-pdp-qadb__questions-list {
    cursor: pointer
}

.ui-pdp-qadb__questions-list__see-more:hover .ui-pdp-qadb__questions-list__see-more__link {
    color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-qadb__questions-list__see-more:hover .ui-pdp-qadb__questions-list__chevron {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-qadb {
    display: block;
    width: 100%
}

.ui-pdp-qadb .ui-pdp-question-warning__action {
    border: none;
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    text-decoration: none
}

.ui-pdp-qadb--highlighted {
    background-color: rgba(255, 119, 51, .25)
}

.ui-vpp-rating {
    display: inline-block;
    padding-right: 16px;
    width: 100%
}

.ui-vpp-rating__title {
    margin-bottom: 16px
}

.ui-vpp-rating__level {
    align-items: center;
    display: grid;
    flex-direction: row;
    grid-template-columns: 1fr 1fr 35px;
    -ms-grid-columns: 1fr 1fr 35px;
    grid-column-gap: 16px;
    justify-content: space-between;
    vertical-align: middle
}

.ui-vpp-rating__level:not(:last-child) {
    margin-bottom: 12px
}

.ui-vpp-rating__level__column {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ui-vpp-rating__level__text-container {
    grid-column: 1;
    grid-row: 1;
    width: 100%
}

.ui-vpp-rating__level__text-container .ui-vpp-rating__level__text--left {
    text-align: left
}

.ui-vpp-rating__level__text-container .ui-vpp-rating__level__text--right {
    text-align: right
}

.ui-vpp-rating__level__progress-bar-container {
    grid-column: 2;
    grid-row: 1
}

.ui-vpp-rating__level__progress-bar-container .ui-vpp-rating__level__progress-bar {
    border-radius: 100px;
    display: inline-block;
    height: 4px;
    margin-top: 4px;
    position: relative;
    vertical-align: middle
}

.ui-vpp-rating__level__progress-bar-container .ui-vpp-rating__level__progress-bar__background {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 100px;
    display: block;
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%
}

.ui-vpp-rating__level__progress-bar-container .ui-vpp-rating__level__progress-bar__fill-background {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-radius: 100px;
    display: block;
    height: 100%;
    inset: 0;
    position: absolute
}

.ui-vpp-rating__level__value-container {
    grid-column: 3;
    grid-row: 1
}

.ui-pdp-seller__list-extra-info .ui-seller-info__status-info {
    margin-top: 32px
}

.ui-pdp-seller__list-extra-info .ui-seller-info__status-info:last-child {
    margin-bottom: 0
}

.ui-pdp-seller__list-extra-info .ui-pdp-seller__extra-info-subtitle {
    font-size: 14px;
    margin-left: 30px
}

.ui-pdp-seller__list-extra-info .ui-pdp-seller__extra-info-figure-pin {
    fill: rgba(0, 0, 0, .65)
}

.ui-seller-info {
    color: rgba(0, 0, 0, .9);
    width: 100%
}

.ui-seller-info__status-info {
    display: flex;
    margin-bottom: 20px
}

.ui-seller-info__status-info__icon {
    margin: 2px 10px 0 0;
    text-align: center;
    width: 20px
}

.ui-seller-info__status-info__icon .ui-pdp-icon--pin {
    height: 18px;
    width: 20px
}

.ui-seller-info__status-info__icon .ui-pdp-icon--pin.ui-pdp-color--GRAY {
    fill: rgba(0, 0, 0, .9)
}

.ui-seller-info__status-info__title {
    font-size: 16px;
    font-weight: 400
}

.ui-seller-info__status-info__subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: 14px
}

.ui-seller-info__location-pin>svg {
    height: 20px;
    width: 20px;
    fill: rgba(0, 0, 0, .9) !important
}

.ui-box-component-seller-data {
    width: 100%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop {
    padding: 32px 16px
}

.ui-seller-data-banner__container {
    height: 93px;
    margin-bottom: 10px;
    width: 100%
}

.ui-seller-data-banner__image {
    border-radius: 6px;
    height: 84px;
    object-fit: cover;
    width: 100%
}

.ui-seller-data-banner__logo-container {
    left: 8px;
    position: relative;
    top: -47px;
    width: -moz-fit-content;
    width: fit-content
}

.ui-seller-data-header__container {
    display: flex;
    width: 100%
}

.ui-seller-data-header__main-info-container {
    display: flex;
    justify-content: space-between
}

.ui-seller-data-header__description-container {
    display: flex;
    flex-direction: column;
    width: 100%
}

.ui-seller-data-header__logo-container {
    margin-right: 12px
}

.ui-seller-data-header__follow-action {
    margin-left: 4px
}

.ui-seller-data-header__description {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ui-seller-data-header__title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow-wrap: anywhere
}

.ui-seller-data-header__subtitle-container {
    align-items: center;
    display: flex;
    margin: 4px 0
}

.ui-seller-data-header__icon-verified {
    margin-right: 4px
}

.ui-seller-data-header__detail-info-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px
}

.ui-seller-data-header__detail-info-container :not(:last-child) {
    margin-right: 8px
}

.ui-seller-data-status__container {
    margin-top: 16px;
    width: 100%
}

.ui-seller-data-status__lider-seller {
    display: flex;
    flex-direction: column;
    margin-left: 6px;
    width: 100%
}

.ui-seller-data-status__icon-medal {
    height: 16px;
    margin-top: 2px;
    width: 16px
}

.ui-seller-data-status__icon-medal img {
    height: 16px;
    width: 16px
}

.ui-seller-data-status__thermometer-container {
    display: flex
}

.ui-seller-data-status__info-container {
    display: flex;
    margin-top: 12px;
    text-align: center
}

.ui-seller-data-status__info {
    flex: 1 1 0
}

.ui-seller-data-status__info-icon {
    height: 18px;
    margin: auto
}

.ui-seller-data-status__info-icon img {
    height: 16px;
    width: 18px
}

.ui-seller-data-status__info-title {
    line-height: 18px
}

.ui-seller-data-status__info-subtitle {
    line-height: 14px;
    margin-top: 8px
}

.ui-seller-data-status__default-info {
    margin-top: 12px
}

.ui-seller-data-status__thermometer {
    display: flex;
    justify-content: end;
    margin-top: 8px
}

.ui-seller-data-status__thermometer .thermometer__level {
    height: 6px
}

.ui-seller-data-status__thermometer .thermometer__level:not(:first-child) {
    margin-left: 4px
}

.thermometer-large {
    width: 100%
}

.thermometer__level--1 {
    background: #f23d4f;
    opacity: .15;
    width: 18px
}

.thermometer__level--1-large {
    width: 20%
}

.thermometer__level--2 {
    background: #f73;
    opacity: .15;
    width: 18px
}

.thermometer__level--2-large {
    width: 20%
}

.thermometer__level--3 {
    background: #ffe600;
    opacity: .15;
    width: 18px
}

.thermometer__level--3-large {
    width: 20%
}

.thermometer__level--4 {
    background: #aadb1e;
    opacity: .15;
    width: 18px
}

.thermometer__level--4-large {
    width: 20%
}

.thermometer__level--5 {
    background: #00a650;
    opacity: .15;
    width: 18px
}

.thermometer__level--5-large {
    width: 20%
}

.ui-seller-data-status__thermometer[value="0"] .thermometer__level {
    background: rgba(0, 0, 0, .7);
    width: 100%
}

.ui-seller-data-status__thermometer[value="1"] .thermometer__level--1 {
    background: #f23d4f;
    height: 8px;
    opacity: 1;
    width: 40px
}

.ui-seller-data-status__thermometer[value="1"] .thermometer__level--1-large {
    width: 20%
}

.ui-seller-data-status__thermometer[value="2"] .thermometer__level--2 {
    background: #f73;
    height: 8px;
    opacity: 1;
    width: 40px
}

.ui-seller-data-status__thermometer[value="2"] .thermometer__level--2-large {
    width: 20%
}

.ui-seller-data-status__thermometer[value="3"] .thermometer__level--3 {
    background: #ffe600;
    height: 8px;
    opacity: 1;
    width: 40px
}

.ui-seller-data-status__thermometer[value="3"] .thermometer__level--3-large {
    width: 20%
}

.ui-seller-data-status__thermometer[value="4"] .thermometer__level--4 {
    background: #aadb1e;
    height: 8px;
    opacity: 1;
    width: 40px
}

.ui-seller-data-status__thermometer[value="4"] .thermometer__level--4-large {
    width: 20%
}

.ui-seller-data-status__thermometer[value="5"] .thermometer__level--5 {
    background: #00a650;
    height: 8px;
    opacity: 1;
    width: 40px
}

.ui-seller-data-status__thermometer[value="5"] .thermometer__level--5-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--1 {
    width: 6px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--1-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--2 {
    width: 6px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--2-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--3 {
    width: 6px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--3-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--4 {
    width: 6px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--4-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--5 {
    width: 6px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--5-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="1"] .thermometer__level--1 {
    width: 40px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="1"] .thermometer__level--1-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="2"] .thermometer__level--2 {
    width: 40px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="2"] .thermometer__level--2-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="3"] .thermometer__level--3 {
    width: 40px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="3"] .thermometer__level--3-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="4"] .thermometer__level--4 {
    width: 40px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="4"] .thermometer__level--4-large {
    width: 20%
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="5"] .thermometer__level--5 {
    width: 40px
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="5"] .thermometer__level--5-large {
    width: 20%
}

.ui-seller-data-footer__container {
    margin-top: 16px;
    width: 100%
}

.counter-button {
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 6px;
    color: rgba(0, 0, 0, .55);
    display: flex;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: transform .2s ease-in-out, opacity .15s ease-in-out
}

.counter-button--large {
    font-size: 16px;
    height: 48px
}

.counter-button--large .andes-button {
    padding: 10px 8px
}

.counter-button--small {
    font-size: 14px;
    height: 32px
}

.counter-button--fade .counter-button__selector {
    animation: translateOutLabel .2s, fadeOut .15s;
    animation-fill-mode: forwards
}

.counter-button--fade .counter-button__spinner-container {
    animation: translateInSpinner .2s, fadeIn .15s;
    animation-fill-mode: forwards
}

.counter-button__selector {
    align-items: center;
    display: flex;
    flex: 1
}

.counter-button__selector--animate {
    animation: translateInLabel .2s, fadeIn .15s;
    animation-fill-mode: forwards
}

.counter-button__selector__label {
    flex: 1
}

.counter-button__selector__button.andes-button {
    border: 0;
    height: auto;
    margin: 0
}

.counter-button__selector__button .andes-button__content {
    top: 0
}

.counter-button__selector__button--large.counter-button__selector__button--decrement {
    margin-left: 4px
}

.counter-button__selector__button--large.counter-button__selector__button--increment {
    margin-right: 4px
}

.counter-button__selector__button--decrement,
.counter-button__selector__button--increment {
    stroke-width: 0
}

.counter-button__selector__button--decrement svg,
.counter-button__selector__button--increment svg {
    max-height: unset;
    max-width: unset
}

.counter-button__selector__button--decrement svg path,
.counter-button__selector__button--increment svg path {
    fill: var(--andes-color-blue-500, #3483fa)
}

.counter-button__selector__button.andes-button--disabled.counter-button__selector__button--decrement svg path,
.counter-button__selector__button.andes-button--disabled.counter-button__selector__button--increment svg path {
    fill: rgba(0, 0, 0, .25)
}

@media(hover: none) {
    .counter-button__selector__button:hover {
        background: none
    }
}

.counter-button__spinner-container {
    animation: translateOutSpinner .2s, fadeOut .15s;
    animation-fill-mode: forwards;
    height: 100%;
    position: absolute;
    width: 100%
}

.counter-button__spinner-container__spinner {
    display: unset;
    left: calc(50% - 16px);
    top: calc(50% - 16px)
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes translateInLabel {
    0% {
        transform: translateY(32px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes translateOutLabel {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(32px)
    }
}

@keyframes translateInSpinner {
    0% {
        transform: translateY(-36px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes translateOutSpinner {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-36px)
    }
}

.ui-pdp-cart-actions-container {
    margin-bottom: 26px;
    margin-top: 26px;
    width: 100%
}

.ui-pdp-cart-actions {
    width: 100%
}

.ui-pdp-cart-actions__card-tooltip {
    margin-top: 26px
}

.ui-pdp-cart-actions__card-tooltip .ui-pdp-card-tooltip__card__content {
    align-items: flex-start
}

.ui-vpp-apparel-size .ui-vpp-apparel-size__fit-as-expected {
    background-color: #fff;
    border: 0;
    line-height: 14px;
    outline: none;
    padding: 0
}

.ui-vpp-apparel-size .ui-vpp-apparel-size__fit-as-expected .ui-vpp-apparel-size__fit-as-expected__chevron {
    height: 12px;
    margin-left: 4px;
    vertical-align: middle;
    width: 12px
}

.ui-vpp-apparel-size .ui-vpp-apparel-size__links-separator {
    border-left: 1px solid #ddd;
    margin-left: 9px;
    padding-left: 9px
}

.ui-vpp-apparel-size__fit-as-expected__tooltip {
    padding: 0
}

.ui-pdp-loyalty {
    margin-bottom: 8px;
    width: 100%
}

.ui-pdp-exit-popup__div-exit-popup-button {
    padding: 2em 2em .5em;
    width: 100%
}

.ui-pdp-exit-popup__div-exit-popup-title {
    padding: 2em 2em .5em
}

.ui-pdp-exit-popup__bg-modal-exit-popup {
    background-color: hsla(0, 0%, 100%, 0)
}

.ui-pdp-exit-popup__bg-modal-exit-popup .andes-modal__close-button path {
    stroke: #fff
}

.ui-pdp-exit-popup__bg-modal-exit-popup .andes-modal__close-button svg {
    height: 15px
}

.ui-pdp-exit-popup__bg-modal-exit-popup .andes-modal__header {
    background-color: hsla(0, 0%, 100%, 0);
    padding: 0 .5em .9em 0
}

.ui-pdp-exit-popup__bg-modal-exit-popup .andes-modal__content {
    background-color: #ededed;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: auto;
    max-height: 580px;
    padding: 0
}

.ui-pdp-exit-popup__bg-modal-exit-popup .andes-modal__scroll {
    overflow: hidden
}

.ui-pdp-exit-popup__div-title-tag {
    align-items: center;
    display: flex;
    justify-content: left
}

.ui-pdp-exit-popup__div-modal-title {
    align-items: center;
    background-color: #fff;
    border-top-left-radius: 6px;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    max-height: 580px;
    width: 310px
}

.ui-pdp-exit-popup__div-modal-container {
    display: flex
}

.ui-pdp-exit-popup__badge-exit {
    background-color: #00a650
}

.ui-pdp-exit-popup__div-modal-carousel {
    height: auto;
    margin: 0 32px 24px;
    max-height: 580px;
    max-width: 790px
}

.ui-pdp-exit-popup__title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 10px
}

.ui-pdp-exit-popup__card-item {
    width: 400px
}

.ui-pdp-exit-popup-web-mobile {
    height: 600px
}

.ui-pdp-exit-popup-web-mobile__div-modal-container {
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    flex-direction: column
}

.ui-pdp-exit-popup-web-mobile__div-modal-items-list {
    height: auto;
    margin: 0 32px 24px;
    max-height: 780px;
    max-width: 790px
}

.ui-pdp-exit-popup-web-mobile__card-item {
    width: 400px
}

.ui-pdp-exit-popup-web-mobile__div-close-button-container {
    position: absolute;
    right: -5px;
    top: -40px;
    z-index: 11
}

.ui-pdp-exit-popup-web-mobile__div-modal-button {
    align-items: center;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    bottom: 0;
    box-shadow: 0 -1px 5px 2px rgba(0, 0, 0, .07);
    display: flex;
    justify-content: center;
    padding: 32px 24px 24px;
    position: sticky;
    width: 100%;
    z-index: 10
}

.ui-pdp-exit-popup-web-mobile__div-modal-button .andes-button__content {
    line-height: normal
}

.ui-pdp-exit-popup-web-mobile__exit-popup-button {
    width: 100%
}

.ui-pdp-exit-popup-web-mobile__div-modal-title {
    background: #fff;
    border-radius: 6px 0;
    height: auto;
    max-height: 780px;
    padding: 12px 20px;
    width: 100%
}

.ui-pdp-exit-popup-web-mobile__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-align: center
}

.ui-pdp-exit-popup-web-mobile__div-modal-list-container .ui-recommendations-list__items-wrapper--double {
    margin-bottom: 0
}

.ui-pdp-exit-popup-web-mobile__div-modal-list-container .ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal {
    padding: 12px 24px
}

.ui-pdp-exit-popup-web-mobile__div-modal-list-container .ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__image,
.ui-pdp-exit-popup-web-mobile__div-modal-list-container .ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__image-container {
    height: 110px;
    width: 110px
}

.ui-pdp-exit-popup-web-mobile__div-modal-list-container .ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__installments-middle-text {
    white-space: normal !important
}

.ui-pdp-exit-popup-web-mobile__div-modal-list-container .ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__installments .andes-money-amount {
    font-size: 14px !important
}

.ui-pdp-exit-popup-web-mobile__div-modal-list-container .ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__installments .andes-money-amount__currency-symbol {
    padding: 0 .2em
}

.ui-pdp-exit-popup-web-mobile__div-modal-list-container .ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal .ui-recommendations-card__installments .ui-recommendations-card__installments-quantity {
    padding-right: .2em
}

.ui-pdp-exit-popup-web-mobile__div-modal-list-container .ui-recommendations-list__header {
    display: none
}

.ui-pdp-exit-popup-web-mobile__bg-modal-exit-popup {
    min-height: 500px !important
}

.ui-pdp-exit-popup-web-mobile__bg-modal-exit-popup .andes-modal__scroll .andes-modal__header,
.ui-pdp-exit-popup-web-mobile__bg-modal-exit-popup .andes-modal__scroll .andes-modal__header--sticky {
    display: none
}

.andes-thumbnail--24 {
    height: 22px;
    width: 22px
}

.andes-thumbnail--24,
.andes-thumbnail--32 {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center
}

.andes-thumbnail--32 {
    height: 30px;
    width: 30px
}

.andes-thumbnail--40 {
    height: 38px;
    width: 38px
}

.andes-thumbnail--40,
.andes-thumbnail--48 {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center
}

.andes-thumbnail--48 {
    height: 46px;
    width: 46px
}

.andes-thumbnail--56 {
    height: 54px;
    width: 54px
}

.andes-thumbnail--56,
.andes-thumbnail--64 {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center
}

.andes-thumbnail--64 {
    height: 62px;
    width: 62px
}

.andes-thumbnail--72 {
    height: 70px;
    width: 70px
}

.andes-thumbnail--72,
.andes-thumbnail--80 {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center
}

.andes-thumbnail--80 {
    height: 78px;
    width: 78px
}

.andes-thumbnail--96 {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 94px;
    justify-content: center;
    width: 94px
}

.andes-thumbnail {
    color: rgba(0, 0, 0, .9);
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-weight: 400;
    line-height: 1
}

.andes-thumbnail.andes-thumbnail--24 {
    font-size: 11px
}

.andes-thumbnail.andes-thumbnail--32 {
    font-size: 14px
}

.andes-thumbnail.andes-thumbnail--40 {
    font-size: 16px
}

.andes-thumbnail.andes-thumbnail--48 {
    font-size: 20px
}

.andes-thumbnail.andes-thumbnail--56 {
    font-size: 24px
}

.andes-thumbnail.andes-thumbnail--64 {
    font-size: 28px
}

.andes-thumbnail.andes-thumbnail--72 {
    font-size: 32px
}

.andes-thumbnail.andes-thumbnail--80,
.andes-thumbnail.andes-thumbnail--96 {
    font-size: 36px
}

.andes-thumbnail>img {
    height: auto;
    max-width: 100%;
    width: auto
}

.andes-thumbnail--circle {
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 50%;
    overflow: hidden
}

.andes-thumbnail--square {
    border: 1px solid rgba(0, 0, 0, .07);
    overflow: hidden
}

.andes-thumbnail--square.andes-thumbnail--24,
.andes-thumbnail--square.andes-thumbnail--32 {
    border-radius: 3px
}

.andes-thumbnail--square.andes-thumbnail--40,
.andes-thumbnail--square.andes-thumbnail--48,
.andes-thumbnail--square.andes-thumbnail--56,
.andes-thumbnail--square.andes-thumbnail--64 {
    border-radius: 4px
}

.andes-thumbnail--square.andes-thumbnail--72,
.andes-thumbnail--square.andes-thumbnail--80 {
    border-radius: 5px
}

.andes-thumbnail--square.andes-thumbnail--96 {
    border-radius: 6px
}

.andes-thumbnail__badge {
    border: 0
}

.andes-thumbnail--64.andes-thumbnail__badge-gray,
.andes-thumbnail--72.andes-thumbnail__badge-gray,
.andes-thumbnail--80.andes-thumbnail__badge-gray {
    border: 3px solid #bfbfbf;
    box-sizing: border-box
}

.andes-thumbnail--24.andes-thumbnail__badge-gray,
.andes-thumbnail--32.andes-thumbnail__badge-gray,
.andes-thumbnail--40.andes-thumbnail__badge-gray,
.andes-thumbnail--48.andes-thumbnail__badge-gray,
.andes-thumbnail--56.andes-thumbnail__badge-gray {
    border: 2px solid #bfbfbf;
    box-sizing: border-box
}

.andes-thumbnail--64.andes-thumbnail__badge-accent,
.andes-thumbnail--72.andes-thumbnail__badge-accent,
.andes-thumbnail--80.andes-thumbnail__badge-accent {
    border: 3px solid var(--andes-color-blue-500, #3483fa);
    box-sizing: border-box
}

.andes-thumbnail--24.andes-thumbnail__badge-accent,
.andes-thumbnail--32.andes-thumbnail__badge-accent,
.andes-thumbnail--40.andes-thumbnail__badge-accent,
.andes-thumbnail--48.andes-thumbnail__badge-accent,
.andes-thumbnail--56.andes-thumbnail__badge-accent {
    border: 2px solid var(--andes-color-blue-500, #3483fa);
    box-sizing: border-box
}

.andes-thumbnail--64.andes-thumbnail__badge-green,
.andes-thumbnail--72.andes-thumbnail__badge-green,
.andes-thumbnail--80.andes-thumbnail__badge-green {
    border: 3px solid #00a650;
    box-sizing: border-box
}

.andes-thumbnail--24.andes-thumbnail__badge-green,
.andes-thumbnail--32.andes-thumbnail__badge-green,
.andes-thumbnail--40.andes-thumbnail__badge-green,
.andes-thumbnail--48.andes-thumbnail__badge-green,
.andes-thumbnail--56.andes-thumbnail__badge-green {
    border: 2px solid #00a650;
    box-sizing: border-box
}

.andes-thumbnail--64.andes-thumbnail__badge-orange,
.andes-thumbnail--72.andes-thumbnail__badge-orange,
.andes-thumbnail--80.andes-thumbnail__badge-orange {
    border: 3px solid #f73;
    box-sizing: border-box
}

.andes-thumbnail--24.andes-thumbnail__badge-orange,
.andes-thumbnail--32.andes-thumbnail__badge-orange,
.andes-thumbnail--40.andes-thumbnail__badge-orange,
.andes-thumbnail--48.andes-thumbnail__badge-orange,
.andes-thumbnail--56.andes-thumbnail__badge-orange {
    border: 2px solid #f73;
    box-sizing: border-box
}

.andes-thumbnail--64.andes-thumbnail__badge-red,
.andes-thumbnail--72.andes-thumbnail__badge-red,
.andes-thumbnail--80.andes-thumbnail__badge-red {
    border: 3px solid #f23d4f;
    box-sizing: border-box
}

.andes-thumbnail--24.andes-thumbnail__badge-red,
.andes-thumbnail--32.andes-thumbnail__badge-red,
.andes-thumbnail--40.andes-thumbnail__badge-red,
.andes-thumbnail--48.andes-thumbnail__badge-red,
.andes-thumbnail--56.andes-thumbnail__badge-red {
    border: 2px solid #f23d4f;
    box-sizing: border-box
}

.andes-thumbnail__badge .andes-badge {
    position: relative
}

.andes-thumbnail--24+.andes-badge--dot {
    left: 16px;
    top: -16px
}

.andes-thumbnail--32+.andes-badge--dot {
    left: 22px;
    top: -16px
}

.andes-thumbnail--40+.andes-badge--notification,
.andes-thumbnail--40+.andes-badge--pill {
    left: 24px;
    top: -16px
}

.andes-thumbnail--48+.andes-badge--notification,
.andes-thumbnail--48+.andes-badge--pill {
    left: 32px;
    top: -16px
}

.andes-thumbnail--56+.andes-badge--notification,
.andes-thumbnail--56+.andes-badge--pill {
    left: 40px;
    top: -16px
}

.andes-thumbnail--64+.andes-badge--notification,
.andes-thumbnail--64+.andes-badge--pill {
    left: 40px;
    top: -24px
}

.andes-thumbnail--72+.andes-badge--notification,
.andes-thumbnail--72+.andes-badge--pill {
    left: 48px;
    top: -24px
}

.andes-thumbnail--80+.andes-badge--notification,
.andes-thumbnail--80+.andes-badge--pill {
    left: 56px;
    top: -24px
}

.andes-thumbnail--neutral {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .07)
}

.andes-thumbnail--loud {
    background-color: var(--andes-color-blue-500, #3483fa);
    border: 0;
    color: #fff
}

.andes-thumbnail--quiet {
    background-color: var(--andes-color-blue-100, rgba(65, 137, 230, .1));
    border: 0;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-thumbnail--loud-disabled,
.andes-thumbnail--quiet-disabled {
    background-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .25)
}

.andes-thumbnail--neutral-disabled {
    background-color: #fff;
    color: rgba(0, 0, 0, .07)
}

.andes-thumbnail-multiple--grid {
    align-content: space-between;
    background-color: rgba(0, 0, 0, .04);
    border-radius: 5px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .55);
    display: flex;
    flex-wrap: wrap;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    justify-content: space-between
}

.andes-thumbnail-multiple--grid:nth-child(3) {
    flex-grow: 2
}

.andes-thumbnail-multiple--grid-56 {
    height: 56px;
    width: 56px
}

.andes-thumbnail-multiple--grid-56 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--grid-64 {
    height: 64px;
    width: 64px
}

.andes-thumbnail-multiple--grid-64 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--grid-72 {
    height: 72px;
    width: 72px
}

.andes-thumbnail-multiple--grid-72 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--grid-80 {
    height: 80px;
    width: 80px
}

.andes-thumbnail-multiple--grid-80 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--grid-56 {
    border-radius: 4px;
    padding: 3px
}

.andes-thumbnail-multiple--grid-64 {
    border-radius: 4px;
    padding: 4px
}

.andes-thumbnail-multiple--grid-72 {
    padding: 3px
}

.andes-thumbnail-multiple--grid-80 {
    padding: 4px
}

.andes-thumbnail-multiple--stacked-24 {
    display: flex;
    flex-wrap: wrap;
    height: 24px;
    width: auto
}

.andes-thumbnail-multiple--stacked-24 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--stacked-32 {
    display: flex;
    flex-wrap: wrap;
    height: 32px;
    width: auto
}

.andes-thumbnail-multiple--stacked-32 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--stacked-40 {
    display: flex;
    flex-wrap: wrap;
    height: 40px;
    width: auto
}

.andes-thumbnail-multiple--stacked-40 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--stacked-48 {
    display: flex;
    flex-wrap: wrap;
    height: 48px;
    width: auto
}

.andes-thumbnail-multiple--stacked-48 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--stacked-56 {
    display: flex;
    flex-wrap: wrap;
    height: 56px;
    width: auto
}

.andes-thumbnail-multiple--stacked-56 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--stacked-64 {
    display: flex;
    flex-wrap: wrap;
    height: 64px;
    width: auto
}

.andes-thumbnail-multiple--stacked-64 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--stacked-72 {
    display: flex;
    flex-wrap: wrap;
    height: 72px;
    width: auto
}

.andes-thumbnail-multiple--stacked-72 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--stacked-80 {
    display: flex;
    flex-wrap: wrap;
    height: 80px;
    width: auto
}

.andes-thumbnail-multiple--stacked-80 .andes-thumbnail-multiple--overflow {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .55)
}

.andes-thumbnail-multiple--stacked-24 .andes-thumbnail-container:not(:first-child) {
    margin-left: -6px
}

.andes-thumbnail-multiple--stacked-32 .andes-thumbnail-container:not(:first-child) {
    margin-left: -9px
}

.andes-thumbnail-multiple--stacked-40 .andes-thumbnail-container:not(:first-child) {
    margin-left: -12px
}

.andes-thumbnail-multiple--stacked-48 .andes-thumbnail-container:not(:first-child) {
    margin-left: -15px
}

.andes-thumbnail-multiple--stacked-56 .andes-thumbnail-container:not(:first-child) {
    margin-left: -18px
}

.andes-thumbnail-multiple--stacked-64 .andes-thumbnail-container:not(:first-child) {
    margin-left: -20px
}

.andes-thumbnail-multiple--stacked-72 .andes-thumbnail-container:not(:first-child) {
    margin-left: -22px
}

.andes-thumbnail-multiple--stacked-80 .andes-thumbnail-container:not(:first-child) {
    margin-left: -25px
}

.andes-card--padding-0>.andes-card__content,
.andes-card--padding-0>.andes-card__footer,
.andes-card--padding-0>.andes-card__header {
    padding: 0
}

.andes-card--padding-16>.andes-card__content,
.andes-card--padding-16>.andes-card__footer,
.andes-card--padding-16>.andes-card__header {
    padding: 16px
}

.andes-card--padding-24>.andes-card__content,
.andes-card--padding-24>.andes-card__footer,
.andes-card--padding-24>.andes-card__header {
    padding: 24px
}

.andes-card--padding-32>.andes-card__content,
.andes-card--padding-32>.andes-card__footer,
.andes-card--padding-32>.andes-card__header {
    padding: 32px
}

.andes-card--padding-40>.andes-card__content,
.andes-card--padding-40>.andes-card__footer,
.andes-card--padding-40>.andes-card__header {
    padding: 40px
}

.andes-card {
    background-color: #fff;
    border-radius: 6px;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif
}

.andes-card--animated {
    transition: box-shadow .2s ease-in-out
}

.andes-card--animated:hover,
.andes-card--elevated {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1)
}

.andes-card--flat {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12)
}

.andes-card--secondary-light {
    background-color: #f5f5f5;
    box-shadow: none
}

.andes-card--secondary-dark {
    background-color: #ededed;
    box-shadow: none
}

.andes-card--outline {
    border: 1px solid rgba(0, 0, 0, .1)
}

.andes-card>:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.andes-card>:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.andes-card__header {
    padding-bottom: 14px
}

.andes-card__header--border {
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.andes-card__header-title {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.andes-card__footer {
    padding-top: 14px
}

.andes-card__footer--common {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .15s ease-out
}

.andes-card__footer--common:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-card__footer--common:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-card__footer--common:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-card__footer--common:hover {
    background-color: #f5f5f5;
    color: var(--andes-color-blue-600, #2968c8)
}

.andes-card__footer--link {
    display: block
}

.andes-card__footer--button {
    background-color: transparent;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    text-align: left;
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    .andes-card__footer--button {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-card__footer--border {
    border-top: 1px solid rgba(0, 0, 0, .07)
}

.andes-card__footer-arrow {
    border-color: var(--andes-color-blue-500, #3483fa);
    border-style: solid;
    border-width: 1px 1px 0 0;
    display: block;
    float: right;
    height: 7px;
    margin-top: 5px;
    transform: rotate(45deg);
    width: 7px
}

.andes-card--accent .andes-card__content {
    position: relative
}

.andes-card--accent>.andes-card__content:before {
    background: var(--andes-color-blue-500, #3483fa);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--accent .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--accent .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--green .andes-card__content {
    position: relative
}

.andes-card--green>.andes-card__content:before {
    background: #00a650;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--green .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--green .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--orange .andes-card__content {
    position: relative
}

.andes-card--orange>.andes-card__content:before {
    background: #f73;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--orange .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--orange .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--red .andes-card__content {
    position: relative
}

.andes-card--red>.andes-card__content:before {
    background: #f23d4f;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--red .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--red .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--none .andes-card__content {
    position: relative
}

.andes-card--none>.andes-card__content:before {
    background: "none";
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--none .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--none .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--secondary-color .andes-card__content {
    position: relative
}

.andes-card--secondary-color>.andes-card__content:before {
    background: var(--background-secondary-color);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--secondary-color .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--secondary-color .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-typography {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif
}

.andes-typography.andes-typography--type-body.andes-typography--weight-regular {
    font-weight: 400
}

.andes-typography.andes-typography--type-body.andes-typography--weight-semibold,
.andes-typography.andes-typography--type-title {
    font-weight: 600
}

.andes-typography-text-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.andes-typography-text-list__item {
    list-style: none
}

.andes-typography--size-xs.andes-typography--type-title {
    font-size: 18px;
    line-height: 22px;
    margin: 1.27em 0 0
}

.andes-typography--size-xs.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-xs.andes-typography--type-body {
    font-size: 12px;
    line-height: 15px
}

.andes-typography-text-list.andes-typography--size-xs.andes-typography--type-body,
p.andes-typography--size-xs.andes-typography--type-body {
    margin: .75em 0 0
}

.andes-typography-text-list.andes-typography--size-xs.andes-typography--type-body:first-child,
p.andes-typography--size-xs.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-s.andes-typography--type-title {
    font-size: 20px;
    line-height: 25px;
    margin: 1.25em 0 0
}

.andes-typography--size-s.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-s.andes-typography--type-body {
    font-size: 14px;
    line-height: 18px
}

.andes-typography-text-list.andes-typography--size-s.andes-typography--type-body,
p.andes-typography--size-s.andes-typography--type-body {
    margin: .71em 0 0
}

.andes-typography-text-list.andes-typography--size-s.andes-typography--type-body:first-child,
p.andes-typography--size-s.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-m.andes-typography--type-title {
    font-size: 24px;
    line-height: 30px;
    margin: 1.25em 0 0
}

.andes-typography--size-m.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-m.andes-typography--type-body {
    font-size: 16px;
    line-height: 20px
}

.andes-typography-text-list.andes-typography--size-m.andes-typography--type-body,
p.andes-typography--size-m.andes-typography--type-body {
    margin: .75em 0 0
}

.andes-typography-text-list.andes-typography--size-m.andes-typography--type-body:first-child,
p.andes-typography--size-m.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-l.andes-typography--type-title {
    font-size: 28px;
    line-height: 35px;
    margin: 1.25em 0 0
}

.andes-typography--size-l.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-l.andes-typography--type-body {
    font-size: 18px;
    line-height: 22px
}

.andes-typography-text-list.andes-typography--size-l.andes-typography--type-body,
p.andes-typography--size-l.andes-typography--type-body {
    margin: .77em 0 0
}

.andes-typography-text-list.andes-typography--size-l.andes-typography--type-body:first-child,
p.andes-typography--size-l.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-xl.andes-typography--type-title {
    font-size: 32px;
    line-height: 40px;
    margin: 1.25em 0 0
}

.andes-typography--size-xl.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-xl.andes-typography--type-body {
    font-size: 18px;
    line-height: 22px
}

.andes-typography-text-list.andes-typography--size-xl.andes-typography--type-body,
p.andes-typography--size-xl.andes-typography--type-body {
    margin: .77em 0 0
}

.andes-typography-text-list.andes-typography--size-xl.andes-typography--type-body:first-child,
p.andes-typography--size-xl.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--color-primary {
    color: rgba(0, 0, 0, .9)
}

.andes-typography-text-list__item-check-marker--color-primary svg path {
    fill: rgba(0, 0, 0, .9)
}

.andes-typography--color-secondary {
    color: rgba(0, 0, 0, .55)
}

.andes-typography-text-list__item-check-marker--color-secondary svg path {
    fill: rgba(0, 0, 0, .55)
}

.andes-typography--color-disabled {
    color: rgba(0, 0, 0, .25)
}

.andes-typography-text-list__item-check-marker--color-disabled svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-typography--color-inverted {
    color: #fff
}

.andes-typography-text-list__item-check-marker--color-inverted svg path {
    fill: #fff
}

.andes-typography--color-negative {
    color: #f23d4f
}

.andes-typography-text-list__item-check-marker--color-negative svg path {
    fill: #f23d4f
}

.andes-typography--color-caution {
    color: #f73
}

.andes-typography-text-list__item-check-marker--color-caution svg path {
    fill: #f73
}

.andes-typography--color-positive {
    color: #00a650
}

.andes-typography-text-list__item-check-marker--color-positive svg path {
    fill: #00a650
}

.andes-typography--color-link {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-typography-text-list__item-check-marker--color-link svg path {
    fill: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

a.andes-typography--color-link {
    text-decoration: none
}

.andes-typography-text-list__item-dot-marker {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    left: 0;
    position: absolute
}

.andes-typography-text-list__item-number-marker {
    left: 0;
    position: absolute
}

.andes-typography-text-list__item-number-marker:before {
    content: counter(list-item) ".";
    position: absolute;
    text-align: center;
    width: 100%
}

.andes-typography-text-list__item-check-marker {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    left: 0;
    position: absolute
}

.andes-typography--size-xs.andes-typography-text-list__item {
    margin: .5em 0 0;
    padding-left: 22px
}

.andes-typography--size-xs.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-xs.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 11px;
    width: 5px
}

.andes-typography--size-xs.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 18px
}

.andes-typography--size-xs.andes-typography-text-list__item .andes-typography-text-list__item-check-marker {
    transform: translateY(-2px)
}

.andes-typography--size-s.andes-typography-text-list__item {
    margin: .5em 0 0;
    padding-left: 24px
}

.andes-typography--size-s.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-s.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 11px;
    width: 6px
}

.andes-typography--size-s.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 20px
}

.andes-typography--size-m.andes-typography-text-list__item {
    margin: .5em 0 0;
    padding-left: 28px
}

.andes-typography--size-m.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-m.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 14px;
    width: 6px
}

.andes-typography--size-m.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 24px
}

.andes-typography--size-l.andes-typography-text-list__item {
    margin: .55em 0 0;
    padding-left: 30px
}

.andes-typography--size-l.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-l.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 14px;
    width: 7px
}

.andes-typography--size-l.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 26px
}

.andes-typography--size-l.andes-typography-text-list__item .andes-typography-text-list__item-check-marker {
    transform: translateY(-1px)
}

.card-thumbnail-container {
    background: transparent;
    border: none;
    width: 100%
}

.card-thumbnail-container__content {
    align-items: center;
    display: flex;
    gap: 12px;
    padding: 8px 12px !important
}

.card-thumbnail-container__content--tiny {
    gap: 4px;
    padding: 8px !important
}

.card-thumbnail-container__clickable {
    cursor: pointer
}

.card-thumbnail-container__clickable .card-thumbnail-container__content:hover {
    background-color: #f5f5f5
}

.card-thumbnail-container__redirect-link {
    text-decoration: none
}

.card-thumbnail-container__chevron {
    display: flex;
    margin-left: auto
}

.card-thumbnail-container__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.card-thumbnail-container__body__title {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.thumbnail-multiple__base {
    flex-wrap: nowrap !important
}

.clip-player-container {
    background: transparent;
    display: none;
    height: inherit;
    position: absolute;
    width: inherit;
    z-index: -1
}

.clip-player-container video {
    object-fit: cover
}

@media screen and (orientation: landscape) {
    .clip-player-container--mobile video {
        object-fit: contain
    }
}

.clip-video-container--hide {
    display: none
}

.clip-player {
    height: inherit;
    width: inherit
}

.player-fullscreen {
    height: 100%;
    width: 100%
}

.player-fullscreen video {
    height: inherit;
    width: inherit
}

.player-fullscreen .clip-player-container {
    display: block
}

.video-container,
.video-container__tap {
    height: 100%;
    width: 100%
}

.video-container__tap {
    display: block;
    overflow: hidden
}

.video-container .clip-player-container {
    display: block
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.clip-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.clip-wrapper.clip-wrapper__desktop-fullscreen {
    height: calc(100vh - 10rem);
    left: calc(50% - 28.15vh + 2.815rem);
    position: absolute;
    top: calc(50% - 50vh + 5rem);
    width: calc(56.3vh - 5.63rem)
}

.clip-wrapper.clip-wrapper__desktop-fullscreen .clip-wrapper__big-mute,
.clip-wrapper.clip-wrapper__desktop-fullscreen .clip-wrapper__pause,
.clip-wrapper.clip-wrapper__desktop-fullscreen .clip-wrapper__play,
.clip-wrapper.clip-wrapper__desktop-fullscreen .clip-wrapper__spinner {
    height: 4.2rem;
    width: 4.2rem
}

.clip-wrapper.clip-wrapper__desktop-fullscreen .clip-wrapper__muted,
.clip-wrapper.clip-wrapper__desktop-fullscreen .clip-wrapper__unmuted {
    border: .5rem solid transparent;
    height: 2rem;
    padding: 1rem;
    right: 3.5rem;
    width: 2rem
}

.clip-wrapper.clip-wrapper__desktop-fullscreen .clip-wrapper__exit-fullscreen,
.clip-wrapper.clip-wrapper__desktop-fullscreen .clip-wrapper__fullscreen {
    border: .5rem solid transparent;
    height: 2rem;
    padding: 1rem;
    width: 2rem
}

.clip-wrapper__glass-screen {
    height: inherit;
    position: absolute;
    width: inherit;
    z-index: 10
}

.clip-wrapper__thumbnail {
    height: inherit;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: inherit;
    z-index: 1
}

.clip-wrapper__thumbnail--hide {
    display: none !important
}

@media screen and (orientation: landscape) {
    .clip-wrapper.clip-wrapper__mobile-fullscreen .clip-wrapper__thumbnail {
        object-fit: contain
    }
}

.clip-wrapper__spinner {
    animation: rotate-animation .7s linear infinite
}

.clip-wrapper__shadow {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    bottom: 0;
    height: 18%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.clip-wrapper__shadow--hide {
    display: none !important
}

.clip-wrapper__play {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMjAiIGN5PSIxOS44IiByPSIxOC43NSIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuNTUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTMuMjUgMzAuNzEzdi0yMS42bDE4IDEwLjh6Ii8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 3.692rem;
    left: calc(50% - 1.846rem);
    position: absolute;
    top: calc(50% - 1.846rem);
    width: 3.692rem;
    z-index: 5
}

.clip-wrapper__play--hide {
    display: none !important
}

.clip-wrapper__pause {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MyIgaGVpZ2h0PSI1MiIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMjYuNjg4IiBjeT0iMjYiIHI9IjI1IiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii41NSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS4yIiBkPSJNMTguMjg4IDExLjZoMy42djI3LjZoLTMuNnpNMzIuNjg4IDExLjZoMy42djI3LjZoLTMuNnoiLz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 3.692rem;
    left: calc(50% - 1.846rem);
    position: absolute;
    top: calc(50% - 1.846rem);
    width: 3.692rem;
    z-index: 5
}

.clip-wrapper__pause--hide {
    display: none !important
}

.clip-wrapper__big-mute {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii41NSIgcng9IjI0Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTcuNDQzIDE5LjQ5LTMuOTM2LTMuOTMyIDEuMDYtMS4wNjIgMTguODc4IDE4Ljg1OC0xLjA2IDEuMDYxLTYuODg1LTYuODc3djUuOTcxYzAgLjk0Mi0xLjE4NCAxLjM2Mi0xLjc3Ny42M2wtNC41NzctNS42NUgxMy41di05ek0yNCAyNi4wNHY2LjA1OGwtNC4xMzktNS4xMDlIMTV2LTZoMy45NDR6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMjAuMjg0IDE4LjA5NyAxLjA2NyAxLjA2NkwyNCAxNS45djUuOTA5bDEuNSAxLjQ5OHYtOC44MTZjMC0uOTQyLTEuMTgzLTEuMzYyLTEuNzc2LS42M3pNMzEuMjg1IDI5LjI3NWwxLjA3MiAxLjA3MmExMC40NSAxMC40NSAwIDAgMCAyLjE0My02LjM1MnYtLjAxMWExMC40NyAxMC40NyAwIDAgMC0zLjA3Ni03LjQybC0xLjA2IDEuMDYxQTguOTcgOC45NyAwIDAgMSAzMyAyMy45OWE4Ljk2IDguOTYgMCAwIDEtMS43MTUgNS4yODUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzAuMjA5IDI4LjE5OGE3LjQ3IDcuNDcgMCAwIDAgMS4yOTEtNC4yMDljMC0yLjA3LS44NC0zLjk0Ni0yLjE5Ny01LjMwM2wtMS4wNiAxLjA2QTUuOTggNS45OCAwIDAgMSAzMCAyMy45OWMwIDEuMTQ1LS4zMiAyLjIxNC0uODc2IDMuMTI0eiIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 3.692rem;
    left: calc(50% - 1.846rem);
    position: absolute;
    top: calc(50% - 1.846rem);
    width: 3.692rem;
    z-index: 5
}

.clip-wrapper__big-mute--hide {
    display: none !important
}

.clip-wrapper__spinner {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii44IiByeD0iMjQiLz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2MpIj48cGF0aCBzdHJva2U9IiMzNDgzRkEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTIuNDU4IDE3LjFhMTIuODk5IDEyLjg5OSAwIDEgMSAyMi4yODQgMTMiLz48L2c+PGcgY2xpcC1wYXRoPSJ1cmwoI2QpIj48cGF0aCBzdHJva2U9IiMzNDgzRkEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTguODQ0IDExLjYxYTEyLjkgMTIuOSAwIDEgMSA5LjUxOCAyMy45OCIvPjwvZz48cGF0aCBzdHJva2U9IiMzNDgzRkEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTEuMjQ3IDE5Ljg5NmMuMzEtMS4wMzcuNzUtMi4wMyAxLjMxLTIuOTU3TTMwLjQ0MiAzNC41NGExMi45IDEyLjkgMCAwIDEtMy43MTYgMS41NzciLz48L2c+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkuNjAyIDkuNmgyOC44djI4LjhoLTI4Ljh6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05LjIwMyA5LjJoMjguOFYzOGgtMjguOHoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI0LjYwNiAzNy45NjUgMTAuMjQgMzguOTY5IDguMjMgMTAuMjRsMTQuMzY2LTEuMDA0eiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJkIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMzguOTczIDM2Ljk2LTE0LjM2NSAxLjAwNS0yLjAxLTI4LjczIDE0LjM2Ni0xLjAwNHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 3.692rem;
    left: calc(50% - 1.846rem);
    position: absolute;
    top: calc(50% - 1.846rem);
    width: 3.692rem;
    z-index: 5
}

.clip-wrapper__spinner--hide {
    display: none !important
}

.clip-wrapper__muted {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS40NzIgNy44OTIgMS41MzYgMy45NmwxLjA2LTEuMDYxIDE4Ljg3OCAxOC44NTctMS4wNiAxLjA2MS02Ljg4NS02Ljg3N3Y1Ljk3MmMwIC45NDItMS4xODQgMS4zNjEtMS43NzcuNjI5bC00LjU3Ny01LjY1SDEuNTN2LTl6bTYuNTU3IDYuNTVWMjAuNUw3Ljg5IDE1LjM5MkgzLjAzdi02aDMuOTQ0eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTguMzEzIDYuNSA5LjM4IDcuNTY0bDIuNjUtMy4yNjN2NS45MWwxLjUgMS40OThWMi44OTNjMC0uOTQyLTEuMTg0LTEuMzYxLTEuNzc3LS42M3pNMTkuMzE1IDE3LjY3N2wxLjA3MiAxLjA3MmExMC40NSAxMC40NSAwIDAgMCAyLjE0Mi02LjM1MnYtLjAxMWExMC40NyAxMC40NyAwIDAgMC0zLjA3NS03LjQybC0xLjA2IDEuMDYxYTguOTcgOC45NyAwIDAgMSAyLjYzNSA2LjM2NCA4Ljk2IDguOTYgMCAwIDEtMS43MTUgNS4yODYiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTguMjM4IDE2LjZhNy40NyA3LjQ3IDAgMCAwIDEuMjkxLTQuMjA4YzAtMi4wNzItLjg0LTMuOTQ2LTIuMTk2LTUuMzA0TDE2LjI3MiA4LjE1YTUuOTggNS45OCAwIDAgMSAxLjc1NyA0LjI0M2MwIDEuMTQ0LS4zMiAyLjIxMy0uODc2IDMuMTIzeiIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: .375rem solid transparent;
    bottom: .5rem;
    cursor: pointer;
    height: 1.5rem;
    padding: .75rem;
    position: absolute;
    right: 3rem;
    width: 1.5rem;
    z-index: 15
}

.clip-wrapper__muted--hide {
    display: none !important
}

.clip-wrapper__unmuted {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNS41NzMgMTEuMjI4IDMuMzc2IDQuMzY2VjEuOTQxTDUuNDg3IDYuNDFIMS43NDl2NC44MTd6TTQuODk4IDUuMjFILjU0OHY3LjIxOGg0LjQzNmwzLjM3NCA0LjM2NGMuNTgzLjc1NCAxLjc5MS4zNDIgMS43OTEtLjYxMlYxLjM1NmMwLS45NTMtMS4yMDctMS4zNjYtMS43OS0uNjEyek0xNC44OTMgMTQuNzg1YTguNCA4LjQgMCAwIDAgMi41MTItNi4wMDNjMC0yLjMzNS0uOTUtNC40NDctMi40ODMtNS45NzRsLS44NS44NDdhNy4yIDcuMiAwIDAgMSAyLjEzMyA1LjEyNyA3LjIgNy4yIDAgMCAxLTIuMTYgNS4xNTN6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODggMTMuMDU3YTUuOTggNS45OCAwIDAgMCAxLjc2MS00LjI0N2MwLTEuNjYtLjY3NC0zLjE2Mi0xLjc2NC00LjI0OWwtLjg0OC44NDlhNC43OSA0Ljc5IDAgMCAxIDEuNDEyIDMuNCA0Ljc5IDQuNzkgMCAwIDEtMS40MDYgMy4zOTR6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: .375rem solid transparent;
    bottom: .5rem;
    cursor: pointer;
    height: 1.5rem;
    padding: .75rem;
    position: absolute;
    right: 3rem;
    width: 1.5rem;
    z-index: 15
}

.clip-wrapper__unmuted--hide {
    display: none !important
}

.clip-wrapper__fullscreen {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuMiIgZD0iTTYuMzkzLjc2OEguOTc3djUuODMzTTEwLjM1Mi43NjhoNS42MjV2NS44MzNtLTUuNjI1IDkuMTY3aDUuNjI1VjkuNzI2bS05Ljc5MiA2LjA0MkguOTc3VjkuNzI2Ii8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: .375rem solid transparent;
    bottom: .5rem;
    cursor: pointer;
    height: 1.5rem;
    padding: .75rem;
    position: absolute;
    right: .5rem;
    width: 1.5rem;
    z-index: 15
}

.clip-wrapper__fullscreen--hide {
    display: none !important
}

.clip-wrapper__exit-fullscreen {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTYuMTc2IDB2Ni4wNTJILjQ3M00xMi43NyAwdjYuMDUyaDUuNzAyTTEyLjc3IDE4di02LjA1Mmg1LjcwMk02LjE3NiAxOHYtNi4wNTJILjQ3MyIvPjwvc3ZnPg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: .375rem solid transparent;
    bottom: .5rem;
    cursor: pointer;
    height: 1.5rem;
    padding: .75rem;
    position: absolute;
    right: .5rem;
    width: 1.5rem;
    z-index: 15
}

.clip-wrapper__exit-fullscreen--hide {
    display: none !important
}

.dots-navigation {
    align-items: center;
    display: flex;
    height: 12px;
    justify-content: center;
    list-style: none;
    margin: .5rem 0 0;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%
}

.dots-navigation li {
    height: 10px;
    margin: 0 4px;
    position: relative;
    transition: width .35s, height .35s, background-color .35s;
    width: 10px
}

.dots-navigation li span {
    background-color: #e5e5e5;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: background-color .35s;
    width: 100%
}

.dots-navigation li span.dots-navigation--active {
    background-color: var(--andes-color-blue-500, #3483fa);
    transition: background-color .35s
}

.dots-navigation li.dots-navigation__circle span {
    border-radius: 50%
}

.dots-navigation li.dots-navigation__triangle {
    height: 12px
}

.dots-navigation li.dots-navigation__triangle span {
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
    clip-path: polygon(0 0, 0 100%, 100% 50%)
}

.dots-navigation.dots-navigation--dark-theme>li>span {
    background-color: hsla(0, 0%, 100%, .4)
}

.dots-navigation.dots-navigation--dark-theme>li>span.dots-navigation--active {
    background-color: #fff
}

.dots-navigation li.dots-navigation--distance-1 {
    height: 8px;
    transition: width .35s, height .35s;
    width: 8px
}

.dots-navigation li.dots-navigation--distance-1.dots-navigation__triangle {
    height: 10px
}

.dots-navigation li.dots-navigation--distance-2 {
    height: 6px;
    transition: width .35s, height .35s;
    width: 6px
}

.dots-navigation li.dots-navigation--distance-2.dots-navigation__triangle {
    height: 8px
}

.dots-navigation li.dots-navigation--distance-3 {
    height: 0;
    margin: 0;
    opacity: 0;
    transition: width .35s, height .35s;
    width: 0
}

.ui-vpp-price-per-quantity-shortcuts {
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 8px;
    width: 100%
}

.ui-vpp-price-per-quantity-shortcuts__shortcut {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 60px;
    justify-content: center;
    min-width: 155px;
    overflow: hidden;
    padding: 8px 12px;
    position: relative;
    transition: border-color .2s ease;
    width: 100%
}

.ui-vpp-price-per-quantity-shortcuts__shortcut:hover:not(.ui-vpp-price-per-quantity-shortcuts__shortcut--selected) {
    border: 1px solid #4189e6
}

.ui-vpp-price-per-quantity-shortcuts__shortcut--selected {
    border: 2px solid #4189e6
}

.ui-vpp-price-per-quantity-shortcuts__shortcut--price {
    height: 20px;
    overflow: hidden
}

.ui-vpp-price-per-quantity-shortcuts__shortcut--price-value.andes-money-amount {
    display: inline-flex
}

.ui-vpp-price-per-quantity-shortcuts__shortcut--price-discount {
    text-transform: uppercase
}

.ui-vpp-price-per-quantity-shortcuts__shortcut--best-offer {
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.ui-pdp {
    font-size: 16px;
    margin: 0 auto
}

.ui-pdp-separator {
    background-color: rgba(0, 0, 0, .55);
    display: inline-block;
    height: 12px;
    margin: 0 10px;
    vertical-align: 2px;
    width: 1px
}

.ui-pdp a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.ui-pdp sup {
    font-size: 10px;
    position: relative;
    top: 2px;
    vertical-align: top
}

.andes-tabs__wrapper {
    box-shadow: unset
}

.andes-tabs__slider {
    border-radius: 3px 3px 0 0
}

.ui-recommendations-comparator .andes-tabs-content {
    position: relative
}

.ui-recommendations-comparator .andes-tabs-content:before {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1);
    content: "";
    height: 1px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.ui-recommendations-comparator .andes-tabs__slider {
    height: 2px !important
}

.ui-review-capability-vpp {
    margin-bottom: 80px;
    width: 100%
}

.ui-review-capability-vpp .andes-button[type=submit] {
    margin-top: 20px;
    width: 100%
}

@media(min-width: 800px) {
    .ui-review-capability-vpp {
        padding: 0 24px
    }
}

.ui-pdp-with--separator.pdp-mobile-recos--comparator:not(:empty):after {
    display: none
}

.ui-pdp-with--separator.pdp-mobile-recos--comparator>:not(:empty):after {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 1px;
    margin: 40px 0;
    width: 100%
}

.list-double-vpp .ui-recommendations-list__header,
.list-double-vpp .ui-recommendations-list__items-wrapper--double {
    padding: 0 16px
}

.list-double-vpp .ui-recommendations-footer__link {
    margin: 0 16px;
    width: auto
}

.container-advertising .ui-related-services {
    width: 320px
}

.container-advertising.ui-related-services.loaded {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 40px 20px;
    width: 100%
}

.ui-related-services.loaded.line {
    border-bottom: 1px solid #eee;
    margin: 16px 0
}

.banner.ui-vpp-advertising.banner--hidden {
    display: none
}

.container-advertising {
    width: 100%
}

.title-advertising {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 32px
}

.banner.ui-vpp-advertising.loaded {
    text-align: center
}

.container-advertising.ui-fullscreen-ad-pdp {
    background-color: #ededed;
    padding: 16px
}

.ui-pdp-buybox__quantity__input-form {
    padding: 0 16px 16px
}

.ui-pdp-buybox__quantity__stock {
    font-size: 14px;
    padding: 4px 16px 16px
}

.ui-pdp-buybox__quantity__stock__yield {
    color: rgba(0, 0, 0, .55);
    line-height: 1;
    padding: 8px 16px 16px
}

.ui-pdp-buybox__quantity__stock__custom-options {
    border-bottom: 1px solid #d9d9d9;
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 24px
}

.ui-pdp-buybox__quantity__button {
    margin-top: 5px;
    width: 100%
}

.ui-pdp-buybox__quantity__button-bulk {
    margin-top: 16px;
    width: 100%
}

.ui-pdp-buybox__quantity__button-custom-options {
    margin-top: 16px
}

.ui-pdp-buybox__quantity.andes-form-control__message {
    font-size: 12px
}

.ui-pdp-buybox__quantity__disclaimer {
    margin-top: 8px
}

.ui-pdp-buybox__quantity__input__custom-options-quantity {
    align-items: baseline;
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    padding-top: 16px;
    width: 100%
}

.ui-pdp-buybox__quantity__input__custom-options-quantity__label {
    display: flex
}

.ui-pdp-buybox__quantity__input__custom-options-quantity__label .andes-money-amount {
    font-weight: 600
}

.ui-pdp-buybox__quantity__input__custom-options-quantity__label .andes-money-amount__suffix {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    margin-left: 0
}

.ui-pdp-buybox__quantity__input__custom-options-quantity__label-quantity {
    flex: 2;
    justify-content: flex-start
}

.ui-pdp-buybox__quantity__input__custom-options-quantity__label-amount {
    flex: 1;
    justify-content: flex-end
}

.ui-pdp-buybox__quantity__list {
    border-bottom: 1px solid #d8d8d8;
    color: rgba(0, 0, 0, .9);
    margin: 16px 0 0
}

.ui-pdp-buybox__quantity__list--options {
    max-height: 60vh;
    overflow-y: auto
}

.ui-pdp-buybox__quantity__subtitle .ui-pdp-price__part {
    line-height: inherit
}

.ui-pdp-buybox__quantity__subtitle .ui-pdp-price__part .price-tag-cents {
    line-height: inherit;
    padding-top: 1px
}

.ui-pdp-buybox__quantity__item {
    border-top: 1px solid #d8d8d8;
    height: 50px;
    text-align: center
}

.ui-pdp-buybox__quantity__item--last button {
    padding-left: 18px;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-buybox__quantity__item button {
    background-color: transparent;
    border: none;
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    height: 100%;
    width: 100%
}

.ui-pdp-buybox__quantity__item button:focus {
    outline: none
}

.ui-pdp-buybox__quantity__item--label {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 18px
}

.ui-pdp-buybox__quantity__item--label-selected {
    font-weight: 600
}

.ui-pdp-buybox__quantity__item--custom-options {
    height: auto
}

.ui-pdp-buybox__quantity__item--custom-options button {
    padding: 12px 0
}

.ui-pdp-buybox__quantity__item--custom-options .andes-money-amount__suffix {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-buybox__quantity__item--selected {
    background-color: rgba(0, 0, 0, .04)
}

.ui-pdp-buybox__quantity--native {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    height: 50px;
    margin-bottom: 10px;
    top: -1px;
    width: 50px
}

.ui-pdp-buybox__quantity--native__input {
    border: 0;
    border-radius: 4px;
    color: #000;
    font-weight: 600;
    height: 100%;
    outline: none;
    padding: 8px;
    width: 100%
}

.ui-pdp-buybox__quantity--native__input::placeholder {
    color: #000
}

.ui-pdp-buybox__quantity__lowend__input {
    margin: 12px 0
}

.ui-pdp-buybox__quantity__lowend__input .andes-form-control__field {
    width: 95px
}

.ui-pdp-buybox__quantity__lowend__input .andes-form-control__field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.ui-pdp-buybox__quantity__lowend--mobile .andes-form-control__field {
    width: 100%
}

.ui-pdp-buybox__quantity__title {
    color: rgba(0, 0, 0, .9);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding: 16px 16px 0;
    vertical-align: middle
}

.ui-pdp-buybox__quantity__title--last {
    padding: 0
}

.ui-pdp-buybox__quantity__selected {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 600;
    margin-left: 4px;
    white-space: nowrap
}

.ui-pdp-buybox__quantity__selected__label {
    margin-left: 4px
}

.ui-pdp-buybox__quantity__subtitle {
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
    padding: 4px 16px 0
}

.ui-pdp-buybox__quantity .ui-pdp-action-row--error {
    margin-bottom: 0
}

.ui-pdp-buybox__quantity__alert {
    color: #f23d4f;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 4px
}

.ui-pdp-buybox__quantity__alert span {
    align-items: center;
    display: flex
}

.ui-pdp-buybox__quantity__alert span svg {
    border-radius: 100%;
    height: 14px;
    margin-left: 6px;
    margin-right: 4px;
    width: 14px
}

.ui-pdp-buybox__quantity__messages {
    line-height: 1;
    margin-top: 8px
}

.ui-pdp-buybox__quantity__messages__message {
    display: inline-flex;
    margin: 4px 0 0
}

.ui-pdp-buybox__quantity__messages__message [data-testid=price-part] {
    margin: 0 .27em
}

.ui-pdp-buybox__quantity .ui-pdp-price__part {
    line-height: inherit
}

.ui-pdp-buybox__quantity .ui-pdp-price__part .price-tag-cents {
    line-height: inherit;
    padding-top: 1px
}

.ui-pdp-shipping {
    position: relative
}

.ui-pdp-shipping__spinner {
    left: 46%;
    position: absolute;
    top: 60%;
    transform: translate(-50%, -50%)
}

.ui-pdp-shipping__info-tooltip__ctas-container {
    display: flex
}

.ui-pdp-shipping__info-tooltip__text {
    display: block;
    line-height: 1.3em;
    margin-bottom: 14px
}

.ui-pdp-shipping__info-tooltip__button {
    padding: 6px 12px
}

.ui-pdp-shipping__info-tooltip__link {
    display: flex;
    margin-left: 24px
}

.ui-pdp-shipping__info-tooltip__link-anchor {
    align-self: center
}

.ui-pdp-shipping__message__text {
    padding-right: 1.1428571429em
}

.andes-tooltip__trigger {
    position: relative
}

.ui-pdp-shipping-disclaimer {
    margin-bottom: 20px
}

.ui-pdp-shipping-disclaimer .ui-pdp-card-tooltip__card--arrow-top-left:before {
    left: 8%
}

.ui-pdp-buybox {
    width: 100%
}

.ui-pdp-action-modal__modal.ui-pdp-iframe-modal.ui-pdp-fc-us-taxes {
    height: 386px;
    width: 568px
}

.ui-pdp-action-modal__modal.ui-pdp-iframe-modal.ui-pdp-fc-us-taxes .andes-modal__header {
    padding: 32px 32px 0
}

.ui-pdp-action-modal__modal.ui-pdp-iframe-modal.ui-pdp-fc-us-taxes .andes-modal__scroll {
    border-radius: 6px;
    overflow: hidden
}

.ui-pdp-description {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-description__content {
    font-size: 16px;
    font-weight: 400;
    word-break: break-word
}

.ui-pdp-description__title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 24px
}

.ui-pdp-description__message {
    margin-bottom: 32px
}

.ui-pdp-description-collapse-rex {
    padding-bottom: 32px
}

.ui-pdp-list {
    color: rgba(0, 0, 0, .9);
    font-weight: 400
}

.ui-pdp-list__item {
    font-size: 12px;
    padding-bottom: 12px
}

.ui-pdp-list__item__label {
    font-size: 14px;
    font-weight: 600
}

.ui-pdp-list__item__label:after {
    content: ": "
}

.ui-pdp-list__text {
    display: inline;
    font-size: 14px
}

.ui-pdp-list--floating {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.ui-pdp-list--floating .ui-pdp-list__item {
    display: inline-block;
    padding-bottom: 32px;
    width: 50%
}

.ui-pdp-list--floating .ui-pdp-list__item__label {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    padding-bottom: 4px
}

.ui-pdp-list--floating .ui-pdp-list__item__label:after {
    content: none
}

.ui-pdp-list--floating .ui-pdp-list__text {
    display: block;
    font-weight: 400
}

.ui-pdp-price {
    color: rgba(0, 0, 0, .9);
    display: inline-block;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: bottom
}

.ui-pdp-price__part,
.ui-pdp-price__part.price-tag {
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-price__part.price-tag {
    vertical-align: bottom
}

.ui-pdp-price__part-concat-symbol {
    position: relative
}

.ui-pdp-price__part-concat-symbol-20 {
    margin: 0 0 0 4px
}

.ui-pdp-price__part-concat-symbol-36 {
    margin: 0 0 0 8px
}

.ui-pdp-price__part-maximum-price .price-tag-symbol {
    display: none
}

.ui-pdp-price>.price-tag__disabled {
    display: table
}

.ui-pdp-price__original-value {
    color: rgba(0, 0, 0, .55);
    display: inline-flex;
    font-size: .45em
}

.ui-pdp-price .price-tag-cents {
    line-height: 1.2em
}

.ui-pdp-price__second-line {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.ui-pdp-price__second-line--bold .ui-pdp-price__part {
    font-weight: 600
}

.ui-pdp-price__second-line--double {
    margin-bottom: 8px
}

.ui-pdp-price__second-line--double .ui-pdp-price__part>span {
    font-weight: 400
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label {
    flex-wrap: wrap;
    gap: 0;
    column-gap: 4px;
    overflow: hidden
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XXXSMALL {
    line-height: 12px;
    max-height: 24px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XXSMALL {
    line-height: 14px;
    max-height: 28px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XSMALL {
    line-height: 16px;
    max-height: 32px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--SMALL {
    line-height: 18px;
    max-height: 36px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--MEDIUM {
    line-height: 20px;
    max-height: 40px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--LARGE {
    line-height: 22px;
    max-height: 44px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XLARGE {
    line-height: 26px;
    max-height: 52px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XXLARGE {
    line-height: 30px;
    max-height: 60px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label .andes-money-amount__discount {
    max-height: unset;
    overflow: hidden
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__text {
    max-height: unset;
    max-width: unset
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__text__secondary {
    flex-basis: 100%
}

.ui-pdp-price__second-line__label {
    font-weight: 400;
    margin-left: 8px
}

.ui-pdp-price__second-line__icon {
    margin-right: 5px;
    vertical-align: top
}

.ui-pdp-price__second-line .ui-pdp-icon--price-info {
    margin-left: 8px
}

.ui-pdp-price__subtitles {
    font-size: 16px;
    line-height: 1em;
    margin-top: 8px
}

.ui-pdp-price__subtitle {
    display: block;
    padding-top: 4px
}

.ui-pdp-price__tags {
    display: flex;
    flex-direction: column;
    margin-top: 5px
}

.ui-pdp-price__tags__wrapper-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.ui-pdp-price__tags__wrapper-tags--click.ui-pdp-family--SEMIBOLD .ui-pdp-price__part {
    font-weight: inherit;
    line-height: inherit;
    margin: 0 .27em
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label {
    margin-bottom: 5px;
    margin-right: 7px;
    opacity: .9;
    padding: 7px;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-price__payments-methods {
    display: flex
}

.ui-pdp-price__payments-methods__link {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 16px;
    font-weight: 400
}

.ui-pdp-price__bulk-unit {
    font-size: 16px;
    position: relative;
    top: 7px
}

.ui-pdp-price--size-tiny {
    font-size: 14px
}

.ui-pdp-price--size-tiny .price-tag-cents {
    font-size: 10px
}

.ui-pdp-price--size-small {
    font-size: 16px
}

.ui-pdp-price--size-small .price-tag-cents {
    font-size: 10px
}

.ui-pdp-price--size-medium {
    font-size: 22px
}

.ui-pdp-price--size-large__label {
    font-size: 36px;
    font-weight: 300
}

.ui-pdp-price--size-large .ui-pdp-price__original-value {
    font-weight: 400
}

.ui-pdp-price--weight-semibold {
    font-weight: 600
}

.ui-pdp-price__tooltip {
    width: -moz-fit-content;
    width: fit-content;
    z-index: 800
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip {
    align-items: center;
    display: flex
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip .view-more__link {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-left: 6px;
    margin-right: 6px
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip .ui-pdp-action-modal__link {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip .buy_loyalty_level_tooltip__content {
    font-size: 14px;
    font-weight: 400;
    margin-left: 15px
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip .buy_loyalty_level_tooltip__content .ui-pdp-icon--chevron {
    height: 10px;
    stroke: #fff;
    position: relative;
    top: 1px
}

.ui-pdp-price__tooltip-loyalty_discount_tooltip {
    align-items: center;
    display: flex
}

.ui-pdp-price__tooltip-loyalty_discount_tooltip .loyalty_discount_tooltip__content {
    margin-left: 15px;
    max-width: 215px
}

.ui-pdp-price__tooltip.ui-pdp-background-color--GREEN .andes-tooltip-arrow:before {
    background-color: #00a650
}

.ui-pdp-price__tooltip.ui-pdp-background-color--GREEN .andes-tooltip-button-close:after,
.ui-pdp-price__tooltip.ui-pdp-background-color--GREEN .andes-tooltip-button-close:before {
    background-color: #fff;
    height: 12px;
    width: 1px
}

.ui-pdp-price__tooltip-currency_tooltip__title {
    font-size: 15px
}

.ui-pdp-price__tooltip-currency_tooltip__action,
.ui-pdp-price__tooltip-currency_tooltip__subtitle {
    font-size: 13px;
    margin-top: 2px
}

.ui-pdp-price__loyalty-purchase-description {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    margin-top: 5px
}

.ui-pdp-price__loyalty-purchase-description .ui-pdp-action-modal {
    display: inline-block
}

.ui-pdp-price__loyalty-purchase-description .ui-pdp-icon--loyalty {
    margin-right: 8px;
    position: relative;
    top: 2px
}

.ui-pdp-price .ui-pdp-price__part {
    display: inline-flex
}

.ui-pdp-price__volume-tags {
    padding-top: 24px
}

.ui-pdp-price__volume-tags--shops .ui-vpp-tag-limited_element {
    line-height: 0
}

.ui-pdp-price__volume-tags--shops .ui-pdp-price__volume-tags--pill {
    display: inline;
    padding: 0
}

.ui-pdp-price__volume-tags--shops .ui-pdp-price__volume-tags--subtitle {
    gap: 0
}

.ui-pdp-price__volume-tags--shops .ui-pdp-price__volume-tags--action-container {
    margin-top: 0
}

.ui-pdp-price__volume-tags--container--clickeable {
    cursor: pointer
}

.ui-pdp-price__volume-tags--container.andes-card {
    box-shadow: none
}

.ui-pdp-price__volume-tags--pill-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
    row-gap: 4px
}

.ui-pdp-price__volume-tags--pill {
    border-radius: 2px;
    display: flex;
    height: 28px;
    opacity: .9;
    padding: 6px 8px
}

.ui-pdp-price__volume-tags--action-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px
}

.ui-vpp-payment-promotion {
    position: relative
}

.ui-vpp-payment-promotion--inner-anchor {
    cursor: pointer
}

.ui-vpp-payment-promotion__container {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    display: flex;
    gap: 12px;
    padding: 16px
}

.ui-vpp-payment-promotion__container.split-payments {
    gap: 8px;
    padding: 12px 10px
}

.ui-vpp-payment-promotion__container .andes-money-amount__cents--superscript-XSMALL {
    font-size: 10px;
    font-weight: 600
}

.ui-vpp-payment-promotion__container .andes-money-amount:not(.andes-money-amount--weight-semibold) {
    font-weight: 400
}

.ui-vpp-payment-promotion__container-icon .ui-pdp-payment-icon {
    align-items: center;
    display: flex;
    margin-top: 0
}

.ui-vpp-payment-promotion__container-button {
    margin-left: auto
}

.ui-vpp-payment-promotion__container-button .andes-button__content {
    font-size: 14px;
    font-weight: 600;
    top: 0
}

.ui-vpp-payment-promotion__text .ui-pdp-family--REGULAR {
    margin-top: 4px
}

.ui-vpp-payment-promotion__text .ui-pdp-color--GRAY.ui-pdp-icon,
.ui-vpp-payment-promotion__text .ui-pdp-color--ORANGE.ui-pdp-icon {
    margin-right: 4px
}

.ui-vpp-payment-promotion__action__icon {
    margin-left: 7px;
    padding-top: 3px
}

.ui-vpp-payment-promotion__action_chevron {
    margin-left: auto
}

.ui-vpp-payment-promotion__action_button_chevron {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: auto
}

.ui-vpp-payment-promotion__action_button_chevron:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ui-vpp-payment-promotion sup {
    font-size: 10px;
    top: 2px;
    vertical-align: top
}

.ui-vpp-payment-promotion__action:after {
    content: "";
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ui-pdp-price__tags--wrapper-tags--click .andes-money-amount {
    margin: 0 4px
}

.ui-pdp-price__tags--wrapper-tags--click .andes-money-amount__cents--superscript-XSMALL {
    font-size: 10px;
    font-weight: 600
}

.ui-vpp-payment-promotion__container {
    margin: 8px 16px 0
}

.ui-vpp-payment-promotion__action {
    align-self: center
}

.ui-vpp-payment-promotion__action .ui-pdp-icon--chevron {
    margin-left: 16px
}

.ui-vpp-payment-promotion .ui-vpp-payment-icon__size {
    display: flex
}

.ui-vpp-payment-promotion .wording_selected_products {
    padding-bottom: 4px
}

.ui-vpp-payment-promotion .payment_wording_mobile_min_purchase {
    align-items: center;
    display: flex;
    font-size: 14px
}

.ui-vpp-payment-promotion .payment_wording_mobile_min_purchase .ui-pdp-price__part {
    margin-left: 4px;
    width: -moz-fit-content;
    width: fit-content
}

.ui-vpp-payment-promotion .payment_wording_mobile_max_benefit {
    align-items: center;
    display: flex;
    font-size: 14px;
    margin-bottom: 4px
}

.ui-vpp-payment-promotion .payment_wording_mobile_max_benefit .ui-pdp-price__part {
    margin-left: 4px;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-price__price-ref {
    font-size: 16px
}

.ui-pdp-price__price-ref.displace {
    margin-bottom: 100px
}

.ui-pdp-price__price-ref-text {
    margin-right: 6px
}

.ui-pdp-price__price-ref .price-tag {
    line-height: unset
}

.ui-pdp-price__price-ref .ui-pdp-icon--price-info {
    vertical-align: bottom
}

.ui-pdp-price__price-ref .andes-tooltip-arrow:before {
    left: 7%
}

.ui-pdp-price {
    margin-top: 24px;
    width: 100%
}

.ui-pdp-price--size-large .ui-pdp-price__original-value {
    font-size: 14px
}

.ui-pdp-price__upper {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    padding-left: 16px
}

.ui-pdp-price__subtitles {
    font-size: 18px;
    line-height: 1;
    margin: 1px 0 0;
    padding-left: 16px;
    padding-right: 16px
}

.ui-pdp-price__subtitles:has(.ui-pdp-label-as-pill) {
    margin-top: 4px
}

.ui-pdp-price__subtitles .ui-pdp-label-as-pill {
    padding: 4px 8px
}

.ui-pdp-price__subtitles .ui-pdp-icon--price-info {
    top: 5px
}

.ui-pdp-price__subtitles>p {
    display: inline-block
}

.ui-pdp-price__subtitles .ui-pdp-price__part {
    font-weight: 400
}

.ui-pdp-price__subtitles ui-pdp-price__bulk-part {
    font-weight: 600
}

.ui-pdp-price__tags {
    margin-top: 16px
}

.ui-pdp-price__tags__wrapper-tags {
    align-items: baseline;
    margin-bottom: 6px;
    padding-left: 16px
}

.ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-promotions-pill-label--info {
    padding-top: 5px
}

.ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-promotions-pill-label--tag {
    margin-bottom: 0
}

.ui-pdp-price__tags__wrapper-tags--click {
    align-items: center;
    border-radius: 4px;
    display: flex;
    margin-right: 8px;
    padding: 3px 8px
}

.ui-pdp-price__tags__wrapper-tags--click .ui-pdp-price__part .price-tag-decimal-separator {
    font-size: 14px;
    position: static
}

.ui-pdp-price__tags__wrapper-tags--click .ui-pdp-price__part .price-tag-amount {
    line-height: 16px;
    padding-right: 4px
}

.ui-pdp-price__tags__wrapper-tags--click .ui-pdp-price__part .price-tag-cents {
    font-size: 14px;
    line-height: 1.2
}

.ui-pdp-price__tags__wrapper-tags--click .ui-pdp-icon--meli-coins {
    height: 22px;
    padding-left: 6px;
    width: 26px
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label {
    margin-bottom: 0;
    margin-right: 0;
    padding: 7px 8px;
    text-transform: none
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label--info {
    line-height: .9;
    margin-bottom: 0;
    padding: 5px 0 0
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label.ui-pdp-price__tags--MELI_USD {
    padding: 0
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label.ui-pdp-price__tags--MELI_USD .andes-money-amount {
    font-size: 16px
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label.ui-pdp-price__tags--MELI_USD .andes-money-amount .andes-money-amount__cents--superscript-SMALL {
    font-size: 10px
}

.ui-pdp-price__tags .ui-pdp-promotions-pill__label--tag-click {
    margin-right: 8px
}

.ui-pdp-price__tags .ui-pdp-action-modal {
    align-self: center
}

.ui-pdp-price__discounts-tags .ui-vpp-carousel-tags__carousel {
    margin-left: 16px
}

.ui-pdp-price__discounts-tags .ui-vpp-carousel-tags__slide {
    margin-top: 16px
}

.ui-pdp-price__discounts-tags .ui-vpp-carousel-tags__slide .ui-vpp-discounts__tags {
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    height: 28px;
    line-height: 16px;
    margin-right: 8px;
    padding: 6px 8px;
    text-transform: none;
    width: max-content
}

.ui-pdp-price__payments-link {
    display: flex;
    line-height: 1;
    margin-top: 8px
}

.ui-pdp-price__payments-link__action {
    margin-top: 8px;
    padding-left: 16px
}

.ui-pdp-price__payments-link__link {
    font-size: 14px
}

.ui-pdp-price__second-line {
    padding-left: 16px;
    padding-right: 16px;
    transform: translateX(-2px)
}

.ui-pdp-price__second-line .ui-pdp-price__part-minimum-price {
    margin-right: 6px
}

.ui-pdp-price__second-line .ui-pdp-price__part {
    font-size: 36px;
    font-weight: 300
}

.ui-pdp-price__second-line .ui-pdp-price__bulk-part {
    font-size: 36px;
    font-weight: 400
}

.ui-pdp-price__second-line__text {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-pdp-price__info-icon:focus {
    outline: 0
}

.ui-pdp-price__tooltip {
    left: 0 !important;
    margin: 0 auto;
    right: 0;
    width: 90%
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip {
    max-width: 330px
}

@media(max-width: 375px) {
    .ui-pdp-price__tooltip-buy_loyalty_level_tooltip .buy_loyalty_level_tooltip__content {
        margin-right: .9em
    }
}

.ui-pdp-price__tooltip-currency_tooltip__action {
    margin-right: 4px
}

.ui-pdp-price__tooltip-currency_tooltip .ui-pdp-icon--chevron {
    height: 10px;
    position: relative;
    top: 2px
}

.ui-pdp-price__loyalty-purchase-description .view-more__link {
    color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-price__tooltip-card {
    margin: 10px 16px 0;
    padding: 10px;
    position: relative;
    width: 100%
}

.ui-pdp-price__tooltip-card.ui-pdp-background-color--GREEN .andes-tooltip-button-close:after,
.ui-pdp-price__tooltip-card.ui-pdp-background-color--GREEN .andes-tooltip-button-close:before {
    background-color: #fff;
    height: 12px;
    width: 1px
}

.ui-pdp-price__second-line__label {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.ui-pdp-price--size-large {
    font-weight: 400
}

.ui-pdp-price--size-large .ui-pdp-price__second-line__label {
    display: flex;
    gap: 4px;
    margin-left: 6px;
    margin-top: 1px
}

.ui-pdp-price--size-large .ui-pdp-price__original-value {
    font-size: 16px;
    margin-bottom: 2px;
    padding-left: 16px
}

.ui-pdp-price--size-large .price-tag-cents {
    font-size: .5em;
    line-height: 1.3em
}

.ui-pdp-price__label-discount {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 8px;
    position: relative
}

.ui-pdp-price__volume-tags {
    padding-left: 16px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED .ui-pdp-price__subtitles .ui-pdp-label-as-pill {
    padding: 1.5px 4px
}

.ui-pdp-price--fallback-boundary {
    padding: 16px
}

.andes-visually-hidden,
.andes-visually-hidden-focusable:not(:focus):not(:focus-within) {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    position: absolute;

    width: 1px
}

.andes-money-amount {
    align-items: baseline;
    display: flex;
    font-weight: 400;
    line-height: 1.25
}

.andes-money-amount__currency-symbol,
.andes-money-amount__negative-symbol {
    padding-right: .2em
}

.andes-money-amount--compact {
    line-height: 1
}

.andes-money-amount--cents-superscript .andes-money-amount__cents {
    align-self: flex-start;
    margin-left: 1px
}

.andes-money-amount--weight-semibold {
    font-weight: 600
}

.andes-money-amount--previous {
    color: rgba(0, 0, 0, .55);
    text-decoration: none
}

.andes-money-amount--previous .andes-money-amount__cents,
.andes-money-amount--previous .andes-money-amount__comma,
.andes-money-amount--previous .andes-money-amount__currency-symbol,
.andes-money-amount--previous .andes-money-amount__fraction {
    position: relative
}

.andes-money-amount--previous .andes-money-amount__cents:after,
.andes-money-amount--previous .andes-money-amount__comma:after,
.andes-money-amount--previous .andes-money-amount__currency-symbol:after,
.andes-money-amount--previous .andes-money-amount__fraction:after {
    border-bottom: 1px solid rgba(0, 0, 0, .55);
    content: "";
    left: 0;
    position: absolute;
    top: 51%;
    width: 100%
}

.andes-money-amount--previous .andes-money-amount__cents--superscript-16:after,
.andes-money-amount--previous .andes-money-amount__cents--superscript-18:after,
.andes-money-amount--previous .andes-money-amount__cents--superscript-20:after,
.andes-money-amount--previous .andes-money-amount__cents--superscript-24:after {
    top: 45%
}

.andes-money-amount__suffix {
    color: rgba(0, 0, 0, .55)
}

.andes-money-amount .andes-money-amount__suffix-14 {
    font-size: 9px;
    margin-left: 2px
}

.andes-money-amount .andes-money-amount__suffix-16 {
    font-size: 10px;
    margin-left: 3px
}

.andes-money-amount .andes-money-amount__suffix-18 {
    font-size: 12px;
    margin-left: 3px
}

.andes-money-amount .andes-money-amount__suffix-20 {
    font-size: 13px;
    margin-left: 4px
}

.andes-money-amount .andes-money-amount__suffix-24 {
    font-size: 16px;
    margin-left: 6px
}

.andes-money-amount .andes-money-amount__suffix-28 {
    font-size: 18px;
    margin-left: 7px
}

.andes-money-amount .andes-money-amount__suffix-32 {
    font-size: 21px;
    margin-left: 7px
}

.andes-money-amount .andes-money-amount__suffix-36 {
    font-size: 24px;
    margin-left: 8px
}

.andes-money-amount .andes-money-amount__suffix-40 {
    font-size: 26px;
    margin-left: 10px
}

.andes-money-amount .andes-money-amount__suffix-44 {
    font-size: 28px;
    margin-left: 11px
}

.andes-money-amount .andes-money-amount__suffix-48 {
    font-size: 32px;
    margin-left: 12px
}

.andes-money-amount .andes-money-amount__suffix-52 {
    font-size: 34px;
    margin-left: 13px
}

.andes-money-amount .andes-money-amount__suffix-56 {
    font-size: 36px;
    margin-left: 14px
}

.andes-money-amount .andes-money-amount__suffix-60 {
    font-size: 38px;
    margin-left: 15px
}

.andes-money-amount .andes-money-amount__logo-12 {
    display: flex;
    height: 9px;
    margin: auto 3px auto 0;
    width: 9px
}

.andes-money-amount .andes-money-amount__logo-12 svg {
    height: 9px;
    width: 9px
}

.andes-money-amount .andes-money-amount__logo-14 {
    display: flex;
    height: 11px;
    margin: auto 3px auto 0;
    width: 11px
}

.andes-money-amount .andes-money-amount__logo-14 svg {
    height: 11px;
    width: 11px
}

.andes-money-amount .andes-money-amount__logo-16 {
    display: flex;
    height: 13px;
    margin: auto 3px auto 0;
    width: 13px
}

.andes-money-amount .andes-money-amount__logo-16 svg {
    height: 13px;
    width: 13px
}

.andes-money-amount .andes-money-amount__logo-18 {
    display: flex;
    height: 15px;
    margin: auto 4px auto 0;
    width: 15px
}

.andes-money-amount .andes-money-amount__logo-18 svg {
    height: 15px;
    width: 15px
}

.andes-money-amount .andes-money-amount__logo-20 {
    display: flex;
    height: 17px;
    margin: auto 4px auto 0;
    width: 17px
}

.andes-money-amount .andes-money-amount__logo-20 svg {
    height: 17px;
    width: 17px
}

.andes-money-amount .andes-money-amount__logo-24 {
    display: flex;
    height: 20px;
    margin: auto 5px auto 0;
    width: 20px
}

.andes-money-amount .andes-money-amount__logo-24 svg {
    height: 20px;
    width: 20px
}

.andes-money-amount .andes-money-amount__logo-28 {
    display: flex;
    height: 22px;
    margin: auto 5px auto 0;
    width: 22px
}

.andes-money-amount .andes-money-amount__logo-28 svg {
    height: 22px;
    width: 22px
}

.andes-money-amount .andes-money-amount__logo-32 {
    display: flex;
    height: 24px;
    margin: auto 5px auto 0;
    width: 24px
}

.andes-money-amount .andes-money-amount__logo-32 svg {
    height: 24px;
    width: 24px
}

.andes-money-amount .andes-money-amount__logo-36 {
    display: flex;
    height: 27px;
    margin: auto 6px auto 0;
    width: 27px
}

.andes-money-amount .andes-money-amount__logo-36 svg {
    height: 27px;
    width: 27px
}

.andes-money-amount .andes-money-amount__logo-40 {
    display: flex;
    height: 28px;
    margin: auto 7px auto 0;
    width: 28px
}

.andes-money-amount .andes-money-amount__logo-40 svg {
    height: 28px;
    width: 28px
}

.andes-money-amount .andes-money-amount__logo-44 {
    display: flex;
    height: 32px;
    margin: auto 8px auto 0;
    width: 32px
}

.andes-money-amount .andes-money-amount__logo-44 svg {
    height: 32px;
    width: 32px
}

.andes-money-amount .andes-money-amount__logo-48 {
    display: flex;
    height: 34px;
    margin: auto 8px auto 0;
    width: 34px
}

.andes-money-amount .andes-money-amount__logo-48 svg {
    height: 34px;
    width: 34px
}

.andes-money-amount .andes-money-amount__logo-52 {
    display: flex;
    height: 38px;
    margin: auto 10px auto 0;
    width: 38px
}

.andes-money-amount .andes-money-amount__logo-52 svg {
    height: 38px;
    width: 38px
}

.andes-money-amount .andes-money-amount__logo-56 {
    display: flex;
    height: 41px;
    margin: auto 10px auto 0;
    width: 41px
}

.andes-money-amount .andes-money-amount__logo-56 svg {
    height: 41px;
    width: 41px
}

.andes-money-amount .andes-money-amount__logo-60 {
    display: flex;
    height: 43px;
    margin: auto 10px auto 0;
    width: 43px
}

.andes-money-amount .andes-money-amount__logo-60 svg {
    height: 43px;
    width: 43px
}

.andes-money-amount__discount {
    align-items: center;
    color: #00a650;
    display: flex;
    font-weight: 400
}

.andes-money-amount__discount .andes-money-amount__discount-icon-12 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 16px;
    margin: 2px 4px 0 0;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-12 svg {
    height: 16px;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-14 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 16px;
    margin: 2px 4px 0 0;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-14 svg {
    height: 16px;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-16 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 16px;
    margin: 2px 4px 0 0;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-16 svg {
    height: 16px;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-18 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 20px;
    margin: 2px 4px 0 0;
    width: 20px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-18 svg {
    height: 20px;
    width: 20px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-20 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 20px;
    margin: 2px 4px 0 0;
    width: 20px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-20 svg {
    height: 20px;
    width: 20px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-24 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 24px;
    margin: 2px 4px 0 0;
    width: 24px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-24 svg {
    height: 24px;
    width: 24px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-28 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 28px;
    margin: 2px 4px 0 0;
    width: 28px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-28 svg {
    height: 28px;
    width: 28px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-32 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 32px;
    margin: 2px 4px 0 0;
    width: 32px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-32 svg {
    height: 32px;
    width: 32px
}

p .andes-money-amount {
    font-weight: inherit
}

.andes-money-amount-combo {
    display: flex;
    flex-direction: column-reverse
}

.andes-money-amount-combo__main-container {
    align-items: center;
    display: flex
}

.andes-money-amount-combo__main-container .andes-money-amount__discount {
    margin-left: 4px
}

.ui-pdp-buy-box-offers {
    color: rgba(0, 0, 0, .9);
    display: inline-block;
    font-weight: 400;
    letter-spacing: normal
}

.ui-pdp-buy-box-offers__offer-list {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    line-height: 1.3
}

.ui-pdp-buy-box-offers__offer-list.andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--SELECTED,
.ui-pdp-buy-box-offers__offer-list.andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item-action {
    cursor: default
}

.ui-pdp-buy-box-offers__offer-list.andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--SELECTED:hover,
.ui-pdp-buy-box-offers__offer-list.andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item-action:hover {
    background-color: transparent
}

.ui-pdp-buy-box-offers__offer-list.andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--SELECTED {
    transition: max-height .8s ease-in-out
}

.ui-pdp-buy-box-offers__offer-list.andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--SELECTED input[type=radio] {
    accent-color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-buy-box-offers__offer-list.andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED {
    background-color: rgba(0, 0, 0, .04)
}

.ui-pdp-buy-box-offers__offer-list.andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED:hover {
    background-color: rgba(0, 0, 0, .07)
}

.ui-pdp-buy-box-offers__offer-list-item {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: normal;
    padding: 13px 10px 10px
}

.ui-pdp-buy-box-offers__offer-list-item .andes-list__item-action {
    display: block;
    margin: 0;
    padding: 0
}

.ui-pdp-buy-box-offers__offer-list-item .andes-radio {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.ui-pdp-buy-box-offers__offer-list-item .andes-radio__label {
    font-size: 14px;
    font-weight: 600;
    margin-left: 4px
}

.ui-pdp-buy-box-offers__offer-list-item .andes-radio__label.ui-pdp-buy-box-offers__with-icon {
    align-items: center;
    display: flex
}

.ui-pdp-buy-box-offers__offer-list-item .andes-radio__label.ui-pdp-buy-box-offers__with-icon .ui-pdp-cockade-icon {
    display: inline-flex;
    margin-left: 4px
}

.ui-pdp-buy-box-offers__offer-list-item.andes-list__item {
    padding: 13px 10px 10px
}

.ui-pdp-buy-box-offers__offer-content {
    width: 100%
}

.ui-pdp-buy-box-offers__offer-content--subtitles {
    padding-bottom: 4px
}

.ui-pdp-buy-box-offers__offer-content--subtitles .ui-pdp-price__part {
    display: inline
}

.ui-pdp-buy-box-offers__offer-content .ui-pdp-buy-box-offers__offer-price .ui-pdp-price__second-line .ui-pdp-price__info-icon {
    margin-top: 6px
}

.ui-pdp-buy-box-offers__offer-price__tooltip--price {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.ui-pdp-buy-box-offers__offer-price__tooltip--price__label {
    font-weight: 400;
    margin-left: 8px
}

.ui-pdp-buy-box-offers__offer-price__tooltip--price__icon {
    margin-right: 5px;
    vertical-align: top
}

.ui-pdp-buy-box-offers__offer-price__tooltip--price .ui-pdp-icon--price-info {
    margin-left: 8px;
    position: relative;
    top: 2px
}

.ui-pdp-buy-box-offers__offer-price .andes-money-amount {
    font-weight: 400
}

.ui-pdp-buy-box-offers__offer-price .andes-money-amount-combo .andes-money-amount-combo__main-container .andes-money-amount {
    font-weight: 300
}

.ui-pdp-buy-box-offers__offer-price .andes-money-amount-combo .andes-money-amount-combo__previous-value {
    font-weight: 400
}

.ui-pdp-buy-box-offers__offer-price .ui-pdp-icon {
    display: inline;
    vertical-align: sub
}

.ui-pdp-buy-box-offers__offer-price__subtitles {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    line-height: 1;
    margin-top: 4px
}

.ui-pdp-buy-box-offers__offer-price__subtitles>p {
    display: inline
}

.ui-pdp-buy-box-offers__offer-price__subtitles .ui-pdp-price__part {
    display: inline-flex;
    font-weight: 400
}

.ui-pdp-buy-box-offers__offer-generic-summary .ui-pdp-generic-summary {
    padding: 0
}

.ui-pdp-buy-box-offers__offer-generic-summary .ui-pdp-generic-summary--md .ui-pdp-media__text,
.ui-pdp-buy-box-offers__offer-generic-summary .ui-pdp-media__text {
    font-size: 14px
}

.ui-pdp-buy-box-offers__action-link {
    display: flex;
    font-size: 14px;
    padding-bottom: 4px;
    padding-left: 4px
}

.ui-pdp-buy-box-offers__action-link .ui-pdp-action-modal {
    margin-top: 2px
}

.ui-pdp-buy-box-offers__action-link .ui-pdp-action-modal__link,
.ui-pdp-buy-box-offers__action-link .ui-pdp-media__action {
    font-weight: 600
}

.ui-pdp-buy-box-offers__promotions {
    margin-top: 14px
}

.ui-pdp-buy-box-offers-bottom__tags .ui-pdp-action-modal {
    margin-top: 0
}

.ui-vpp-coupons {
    margin: 0
}

.andes-list__item-action {
    text-align: inherit
}

.ui-bbo-wrapper__tooltip {
    width: -moz-fit-content;
    width: fit-content;
    z-index: 800
}

.ui-pdp-buy-box-offers__mobile {
    padding: 16px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-price {
    padding: 4px 0 0
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-content {
    padding: 3px 6px 6px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-content .ui-pdp-buy-box-offers__offer-price .ui-pdp-price__payments-link__action,
.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-content .ui-pdp-buy-box-offers__offer-price .ui-pdp-price__second-line,
.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-content .ui-pdp-buy-box-offers__offer-price .ui-pdp-price__subtitles {
    padding: 0
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-content .ui-pdp-buy-box-offers__offer-price .ui-pdp-price__second-line .ui-pdp-price__part {
    font-weight: 300
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-content .ui-pdp-buy-box-offers__offer-price .ui-pdp-size--LARGE .ui-pdp-price__part {
    font-size: 20px;
    font-weight: 400
}

.ui-pdp-buy-box-offers__mobile .andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED .ui-pdp-price__subtitles {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px
}

.ui-pdp-buy-box-offers__mobile .andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED .ui-pdp-buy-box-offers__offer-content .ui-pdp-buy-box-offers__offer-price {
    line-height: 1
}

.ui-pdp-buy-box-offers__mobile .andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED .ui-pdp-buy-box-offers__offer-content .ui-pdp-buy-box-offers__offer-price .ui-pdp-price__second-line {
    padding-top: 4px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__filter-message {
    padding: 12px 0 16px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-price {
    margin: 0
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-price .ui-vpp-payment-promotion__container {
    margin: 12px 0 0
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-price__tags {
    margin-top: 24px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-price__payments-link {
    margin-top: 0
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-list {
    margin-bottom: 8px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-price__tooltip-card {
    margin: 12px 0 0
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-generic-summary,
.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-seller {
    margin-top: 24px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-generic-summary .ui-vpp-coupons {
    margin-bottom: 0;
    margin-left: -16px;
    margin-right: -12px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-highlights-information {
    margin-bottom: 12px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-seller .ui-pdp-seller__header {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-seller .ui-pdp-seller__header__title {
    flex-wrap: wrap;
    margin-top: 0
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-seller .ui-pdp-seller__header__info-container .ui-pdp-seller__header__subtitle {
    margin-top: 4px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-seller .ui-pdp-seller__header__image-container {
    flex-shrink: 0;
    margin-right: 16px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-seller .ui-pdp-seller__with-logo .ui-pdp-seller__header__title,
.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-seller .ui-pdp-seller__with-logo .ui-pdp-seller__header__title .ui-pdp-action-modal__link {
    font-size: 14px
}

.ui-pdp-warning-message__title {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.18
}

.ui-pdp-warning-message__subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14
}

.ui-pdp-header__info {
    align-items: center;
    display: flex
}

.ui-pdp-header__info .ui-pdp-review__ratings .ui-pdp-icon.ui-pdp-icon--star-empty,
.ui-pdp-header__info .ui-pdp-review__ratings .ui-pdp-icon.ui-pdp-icon--star-full {
    fill: transparent;
    stroke: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-header__info>div,
.ui-pdp-header__info>span {
    margin-left: 22px
}

.ui-pdp-header__info>div:before,
.ui-pdp-header__info>span:before {
    background-color: #d8d8d8;
    content: "";
    height: 12px;
    margin-left: -11px;
    margin-top: 4px;
    position: absolute;
    width: 1px
}

.ui-pdp-header__info>:first-child {
    margin-left: 0
}

.ui-pdp-header__info>:first-child:before {
    display: none
}

.ui-pdp-header__tag {
    font-size: 14px;
    margin-right: 8px
}

.ui-pdp-header__tag+.ui-pdp-header__subtitle {
    display: inline-block
}

.ui-pdp-header__tag+.ui-pdp-header__subtitle .ui-pdp-subtitle {
    vertical-align: 6px
}

.ui-pdp-header {
    width: 100%
}

.ui-pdp-header .ui-pdp-highlights {
    margin: 0 0 8px
}

.ui-pdp-header .ui-pdp-header__container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px
}

.ui-pdp-header .ui-pdp-header__container .ui-pdp-header__subtitle {
    display: flex;
    font-size: 12px;
    margin-bottom: 0
}

.ui-pdp-header .ui-pdp-header__container .ui-pdp-header__product-state {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-pdp-header .ui-pdp-header__container .ui-pdp-header__product-state .ui-pdp-header__tag {
    font-size: 12px;
    margin-top: 0
}

.ui-pdp-header .ui-pdp-header__container .ui-pdp-header__product-classification {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.ui-pdp-header .ui-pdp-header__container .ui-pdp-header__product-classification .ui-pdp-header__subtitle {
    font-size: 12px;
    margin-bottom: 0
}

.ui-pdp-header .ui-pdp-header__container .ui-pdp-header__product-classification .ui-pdp-header__info {
    margin-left: 20px;
    padding-top: 0
}

.ui-pdp-header .ui-pdp-header__container .ui-pdp-header-subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;

}

.ui-pdp-header .ui-pdp-header__bottom-subtitle {
    font-size: 12px;
    margin-top: 8px;

}

.ui-pdp-header .ui-pdp-header__bottom-subtitle.ui-pdp-background-color--LIGHT_GRAY {
    padding: 2px 4px;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-header .ui-pdp-header__store {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px
}

.ui-pdp-header .ui-pdp-header__store a {
    font-weight: 400
}

.ui-pdp-header__tag {
    margin-top: 20px
}

.ui-pdp-header .ui-pdp-title {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 0
}

.ui-pdp-header .ui-pdp-subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 400;

}

.ui-pdp-title--fallback-boundary {
    font-size: 16px;
    font-weight: 400;
    margin-top: 8px;
    padding-bottom: 0;
    padding-left: 16px
}

.ui-pdp-review {
    display: inline-block
}

.ui-pdp-review__amount,
.ui-pdp-review__rating {
    color: rgba(0, 0, 0, .55);
    font-weight: 400
}

.ui-pdp-review__ratings {
    display: flex
}

.ui-pdp-review__ratings .ui-pdp-icon {
    margin-right: 3px
}

.ui-pdp-review__label {
    align-items: center;
    display: flex
}

.ui-pdp-review__label--link:hover {
    cursor: pointer
}

.ui-pdp-review__rating {
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: .5px
}

.ui-pdp-review__amount {
    font-size: 12px;
    margin-left: 1px
}

.ui-pdp-review__ratings .ui-pdp-icon {
    height: 10px;
    width: 10px
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    will-change: opacity
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: grabbing
}

.pswp__bg {
    -webkit-backface-visibility: hidden;
    background: #000;
    opacity: 0;
    transform: translateZ(0)
}

.pswp__bg,
.pswp__scroll-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
    width: 100%
}

.pswp__bg {
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    will-change: opacity
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    bottom: 0;
    overflow: hidden;
    right: 0
}

.pswp__img,
.pswp__item {
    left: 0;
    position: absolute;
    top: 0
}

.pswp__img {
    height: auto;
    width: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    height: auto !important;
    left: 0;
    top: 0;
    width: 100% !important
}

.pswp__error-msg {
    color: #ccc;
    font-size: 14px;
    left: 0;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    -webkit-appearance: none;
    background: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 44px;
    margin: 0;
    opacity: .75;
    overflow: visible;
    padding: 0;
    position: relative;
    transition: opacity .2s;
    width: 44px
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    opacity: .9;
    outline: none
}

.pswp__button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(../images/0ff4d62150facee6b7de.png) 0 0 no-repeat;
    background-size: 264px 88px;
    height: 44px;
    width: 44px
}

@media(-webkit-min-device-pixel-ratio: 1.09375), (-webkit-min-device-pixel-ratio:1.1), (min-resolution:1.1dppx), (min-resolution:105dpi) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../images/f64c3af3d0d25b9e4e00.svg)
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    background-position: -88px 0;
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    width: 70px
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background-color: rgba(0, 0, 0, .3);
    content: "";
    height: 30px;
    position: absolute;
    top: 35px;
    width: 32px
}

.pswp__button--arrow--left:before {
    background-position: -138px -44px;
    left: 6px
}

.pswp__button--arrow--right:before {
    background-position: -94px -44px;
    right: 6px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    user-select: none
}

.pswp__share-modal {
    -webkit-backface-visibility: hidden;
    background: rgba(0, 0, 0, .5);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    transition: opacity .25s ease-out;
    width: 100%;
    will-change: opacity;
    z-index: 1600
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    -webkit-backface-visibility: hidden;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    display: block;
    position: absolute;
    right: 44px;
    top: 56px;
    transform: translateY(6px);
    transition: transform .25s;
    width: auto;
    will-change: transform;
    z-index: 1620
}

.pswp__share-tooltip a {
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 12px
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    border: 6px solid transparent;
    border-bottom-color: #fff;
    content: "";
    display: block;
    height: 0;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: -12px;
    width: 0
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    font-size: 13px;
    height: 44px;
    left: 0;
    line-height: 44px;
    opacity: .75;
    padding: 0 10px;
    position: absolute
}

.pswp__caption {
    bottom: 0;
    left: 0;
    min-height: 44px;
    position: absolute;
    width: 100%
}

.pswp__caption small {
    color: #bbb;
    font-size: 11px
}

.pswp__caption__center {
    color: #ccc;
    font-size: 13px;
    line-height: 20px;
    margin: 0 auto;
    max-width: 420px;
    padding: 10px;
    text-align: left
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    direction: ltr;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s ease-out;
    width: 44px;
    will-change: opacity
}

.pswp__preloader__icn {
    height: 20px;
    margin: 12px;
    width: 20px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(../images/14d740b6ee64510747b0.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    height: 14px;
    left: 15px;
    margin: 0;
    opacity: .75;
    position: absolute;
    top: 15px;
    width: 14px
}

.pswp--css_animation .pswp__preloader__cut {
    height: 14px;
    overflow: hidden;
    position: relative;
    width: 7px
}

.pswp--css_animation .pswp__preloader__donut {
    background: none;
    border-color: #fff #fff transparent transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    height: 14px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 14px
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        float: right;
        left: auto;
        margin: 0;
        position: relative;
        top: auto
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    to {
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    opacity: 1;
    visibility: visible;
    z-index: 1550
}

.pswp__top-bar {
    height: 44px;
    left: 0;
    position: absolute;
    top: 0
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    will-change: opacity
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.pswp {
    z-index: 9999
}

.pswp__top-bar {
    background-color: transparent
}

.pswp__button,
.pswp__top-bar {
    opacity: 1 !important
}

.pswp.inline {
    position: relative;
    top: auto
}

.pswp__top-bar {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .2), transparent);
    content: "";
    display: block;
    height: 60px;
    padding-top: 1.5rem;
    pointer-events: none;
    width: 100%
}

.pswp__counter {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    left: auto;
    opacity: 1;
    padding-top: 1.5rem;
    right: 1rem;
    top: 0
}

.pswp__button--close {
    background-color: inherit;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTkuNTM0LjIwNSAxLjA1OSAxLjA2Mi03LjUzNyA3LjUwN2gxOC40M3YxLjVIMy4wNTZsNy41MzcgNy41MDctMS4wNTkgMS4wNjMtOS4zNTYtOS4zMnoiLz48L3N2Zz4=) !important;
    background-position: 50%;
    background-size: 21px 22px;
    fill: #fff;
    float: left;
    margin-left: .5rem;
    pointer-events: all
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    display: none
}

.pswp>.dots-navigation {
    bottom: 1.5rem;
    position: absolute
}

.ui-pdp-carousel-snapped__counter {
    background-color: #f5f5f5;
    border-radius: 12px;
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    font-weight: 600;
    height: 22px;
    left: 15px;
    padding: 2px 0;
    position: absolute;
    text-align: center;
    top: 12px;
    width: 40px;
    z-index: 1000
}

.ui-pdp-carousel-snapped__slide {
    justify-content: center;
    margin: auto
}

.ui-pdp-carousel-snapped__slide .image {
    width: 100%
}

.ui-pdp-carousel-snapped__slide .image>img {
    object-fit: contain;
    object-position: center;
    padding: 16px
}

.ui-pdp-carousel-snapped__slide .clip-wrapper>.clip-wrapper__thumbnail {
    padding: 0
}

.ui-pdp-carousel-snapped__overlay {
    height: calc(100% - 24px);
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-pdp-carousel-snapped__overlay+.ui-pdp-carousel-snapped__counter {
    background-color: #fff
}

.ui-pdp-carousel-snapped:has(>.ui-pdp-carousel-snapped__overlay)~.ui-pdp-bookmark__link-bookmark {
    background-color: #fff
}

.ui-pdp-carousel-snapped:has(>.ui-pdp-carousel-snapped__overlay)~.ui-pdp-share {
    background-color: #fff
}

.ui-pdp-gallery {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ui-pdp-gallery-with-logo {
    overflow: unset
}

.ui-pdp-gallery .ui-pdp-share {
    background-color: #f5f5f5;
    border-radius: 40px;
    box-sizing: border-box;
    position: absolute;
    right: 16px;
    transform: translateY(-74px);
    z-index: 10
}

.ui-pdp-gallery .ui-pdp-bookmark__circle-bookmark {
    position: absolute;
    right: 1rem;
    top: 12px;
    z-index: 10
}

.ui-pdp-gallery .ui-pdp-share__tooltip--gallery {
    position: absolute;
    right: 0;
    top: 60px
}

.ui-pdp-gallery__clip.clip {
    height: 80vw;
    width: 45vw
}

.ui-pdp-gallery--horizontal {
    height: 80vw
}

.ui-pdp-gallery--square {
    height: 100vw
}

.ui-pdp-gallery--vertical {
    height: 120vw
}

.ui-pdp-gallery--default {
    height: auto;
    max-height: 500px;
    min-height: 368px
}

.ui-pdp-gallery__logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 64px;
    max-width: 64px;
    padding: 0 !important
}

.ui-pdp-gallery__logo-container {
    background-color: #fff;
    border-radius: 6px;
    bottom: -8px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1);
    height: 64px;
    left: 8px;
    position: absolute;
    width: 88px;
    z-index: 2
}

.ui-pdp-gallery-bigger-photo .ui-pdp-share {
    bottom: 8px;
    right: 20px;
    transform: none
}

.ui-pdp-gallery-bigger-photo .ui-pdp-carousel-snapped__counter {
    left: 20px;
    top: 8px
}

.ui-pdp-gallery-bigger-photo .ui-pdp-image {
    padding: 0 !important
}

@media screen and (orientation: landscape) {
    .ui-pdp-gallery__clip {
        height: 368px !important;
        height: 88vh;
        width: 15rem !important
    }

    .ui-pdp-gallery--horizontal,
    .ui-pdp-gallery--square {
        height: 368px
    }
}

.ui-vpp-grouped-share-bookmark {
    display: flex;
    justify-content: center;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-wishlist {
    align-items: center;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 10px;
    width: inherit
}

.ui-vpp-grouped-share-bookmark-wishlist.desktop {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-wishlist.desktop .ui-pdp-add-to-list {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-wishlist.desktop .ui-pdp-add-to-list__link {
    align-items: center;
    background: none;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    color: var(--text-andes-text-color-link-ml, #3483fa);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 52px;
    justify-content: space-between;
    line-height: 20px;
    margin-top: 12px;
    padding: 16px;
    text-align: center;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-wishlist.desktop .ui-pdp-add-to-list__link--chevron {
    display: flex
}

.ui-vpp-grouped-share-bookmark-wishlist.desktop .ui-pdp-add-to-list__link.gift-registry {
    align-items: center;
    background: none;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 8px 8px;
    border-top: none;
    color: var(--text-andes-text-color-link-ml, #3483fa);
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 52px;
    justify-content: space-between;
    line-height: 20px;
    margin-top: 0;
    padding: 16px;
    text-align: center;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-wishlist.mobile {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-wishlist.mobile .andes-card.andes-popper.tooltip.andes-tooltip.andes-tooltip--dark.andes-card--flat.andes-card--padding-0 {
    font-size: 14px;
    width: 272px !important
}

.ui-vpp-grouped-share-bookmark-wishlist.mobile .ui-pdp-add-to-list {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-wishlist.mobile .ui-pdp-add-to-list__link {
    align-items: center;
    background: none;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    color: var(--text-andes-text-color-link-ml, #3483fa);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 52px;
    justify-content: space-between;
    line-height: 20px;
    padding: 16px;
    text-align: center;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-wishlist.mobile .ui-pdp-add-to-list__link--chevron {
    display: flex
}

.ui-vpp-grouped-share-bookmark-wishlist.mobile .ui-pdp-add-to-list__link.gift-registry {
    align-items: center;
    background: none;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 0 8px 8px;
    border-top: none;
    color: var(--text-andes-text-color-link-ml, #3483fa);
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 52px;
    justify-content: space-between;
    line-height: 20px;
    margin-top: 0;
    padding: 16px;
    text-align: center;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-no-logged {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.ui-vpp-grouped-share-bookmark-no-logged .ui-pdp-bookmark__link-bookmark {
    align-items: center;
    background: transparent;
    border: 0;
    display: block;
    height: 20px;
    position: relative
}

.ui-pdp-container__row .ui-pdp-container__row--gift-registry {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.ui-vpp-gift-registry {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile {
    align-items: center;
    display: block;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 1
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__checkbox {
    width: -moz-fit-content;
    width: fit-content
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__checkbox-container {
    display: flex;
    justify-content: end;
    width: 90%
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__checkbox-container .ui-vpp-gift-registry__list {
    flex-grow: 1;
    text-align: left;
    width: auto
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__checkbox-container .ui-vpp-gift-registry__list .ui-vpp-gift-registry__label {
    display: -webkit-box;
    margin-left: 12px;
    margin-right: 16px;
    text-align: left;
    width: auto;
    word-break: break-word;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__container {
    align-items: center;
    background-color: inherit;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
    margin-left: 16px;
    margin-right: 16px;
    padding: 16px;
    width: -webkit-fill-available;
    width: fill-available
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__container .andes-checkbox--label-left {
    align-items: center;
    display: flex
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__container .andes-thumbnail.ui-vpp-gift-registry__icon {
    align-items: center;
    background: #f5f5f5;
    border: none;
    border-radius: 4px;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__tooltip {
    width: auto !important
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__tooltip button {
    height: 16px;
    width: 16px
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__tooltip button:before {
    height: 11px;
    transform: translate(2px, 1px) rotate(-45deg)
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__tooltip button:after {
    height: 11px;
    transform: translate(2px, 1px) rotate(45deg)
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__tooltip :first-child {
    padding-right: 6px
}

.ui-vpp-gift-registry.ui-vpp-gift-registry--mobile .ui-vpp-gift-registry__tooltip :first-child :first-child :nth-child(3) {
    margin: 0
}

.ui-pdp-container__row--outside-variations {
    margin-top: 16px
}

.ui-pdp-variations__container {
    margin-bottom: -8px;
    padding: 0 16px 8px;
    width: 100%
}

.ui-pdp-variations__container-bbc {
    margin-bottom: 24px
}

.ui-pdp-variations {
    margin-bottom: 8px
}

.ui-pdp-variations:last-child {
    margin-bottom: 0
}

.ui-pdp-variations--error {
    border: 1px solid #f23d4f
}

.ui-pdp-variations--error.ui-pdp-action-row {
    background-color: rgba(242, 61, 79, .05)
}

.ui-pdp-variations.ui-pdp-action-row {
    display: flex;
    flex-direction: column;
    height: 70px
}

.ui-pdp-variations .ui-pdp-action-row__content {
    display: flex;
    flex-direction: row;
    margin-top: 2px
}

.ui-pdp-variations .ui-pdp-action-row__content .andes-badge {
    bottom: 1px;
    margin-right: 6px
}

.ui-pdp-variations .ui-pdp-action-row__content .ui-pdp-image {
    top: 19px
}

.ui-pdp-variations .ui-pdp-action-row__label {
    white-space: nowrap
}

.ui-pdp-variations .ui-pdp-action-row__selected {
    margin-left: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-pdp-variations .ui-pdp-action-row__with-thumbnail {
    padding-right: 35px
}

.ui-pdp-variations__box,
.ui-pdp-variations__modal {
    color: rgba(0, 0, 0, .9);
    font-weight: 600;
    padding: 16px
}

.ui-pdp-variations__box--list,
.ui-pdp-variations__modal--list {
    padding: 0
}

.ui-pdp-variations__box a,
.ui-pdp-variations__box a:focus,
.ui-pdp-variations__box a:hover,
.ui-pdp-variations__box a:visited,
.ui-pdp-variations__modal a,
.ui-pdp-variations__modal a:focus,
.ui-pdp-variations__modal a:hover,
.ui-pdp-variations__modal a:visited {
    color: rgba(0, 0, 0, .9);
    outline: none;
    text-decoration: none
}

.ui-pdp-variations__box__variation,
.ui-pdp-variations__modal__variation {
    margin: 0 -16px;
    max-height: 300px;
    overflow: hidden
}

.ui-pdp-variations__box__variation--refurbished .ui-pdp-variations__box__variant-large__text,
.ui-pdp-variations__modal__variation--refurbished .ui-pdp-variations__box__variant-large__text {
    font-size: 16px;
    line-height: 1.25
}

.ui-pdp-variations__box__variation--refurbished .ui-pdp-variations__box__stock,
.ui-pdp-variations__modal__variation--refurbished .ui-pdp-variations__box__stock {
    width: 74px
}

.ui-pdp-variations__box__selected,
.ui-pdp-variations__modal__selected {
    color: rgba(0, 0, 0, .9);
    font-weight: 600;
    margin-left: 4px;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.ui-pdp-variations__box__selected .andes-badge,
.ui-pdp-variations__modal__selected .andes-badge {
    margin-right: 6px;
    top: 3px
}

.ui-pdp-variations__box__variants,
.ui-pdp-variations__modal__variants {
    margin-top: 8px;
    overflow: scroll hidden
}

.ui-pdp-variations__box__variants::-webkit-scrollbar,
.ui-pdp-variations__modal__variants::-webkit-scrollbar {
    display: none;
    height: 0
}

.ui-pdp-variations__box__list,
.ui-pdp-variations__modal__list {
    align-items: stretch;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 12px
}

.ui-pdp-variations__box__apparel_size_chart,
.ui-pdp-variations__box__label,
.ui-pdp-variations__box__list,
.ui-pdp-variations__box__subtitle,
.ui-pdp-variations__modal__apparel_size_chart,
.ui-pdp-variations__modal__label,
.ui-pdp-variations__modal__list,
.ui-pdp-variations__modal__subtitle {
    padding-left: 16px
}

.ui-pdp-variations__box__apparel_size_chart,
.ui-pdp-variations__modal__apparel_size_chart {
    display: flex;
    flex-direction: row;
    padding-bottom: 24px
}

.ui-pdp-variations__box__apparel_size_chart a,
.ui-pdp-variations__modal__apparel_size_chart a {
    align-items: center;
    display: flex
}

.ui-pdp-variations__box__apparel_size_chart_label,
.ui-pdp-variations__modal__apparel_size_chart_label {
    padding-left: 8px
}

.ui-pdp-variations__box__error_message,
.ui-pdp-variations__modal__error_message {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding-left: 8px
}

.ui-pdp-variations__box__error_message__label,
.ui-pdp-variations__modal__error_message__label {
    color: #f23d4f;
    font-weight: 600;
    padding-left: 4px
}

.ui-pdp-variations__box__label,
.ui-pdp-variations__modal__label {
    display: flex;
    flex-direction: row;
    font-weight: 400
}

.ui-pdp-variations__box__label--with-subtitle,
.ui-pdp-variations__modal__label--with-subtitle {
    margin-bottom: 0
}

.ui-pdp-variations__box__subtitle,
.ui-pdp-variations__modal__subtitle {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 8px
}

.ui-pdp-variations__box__variant,
.ui-pdp-variations__modal__variant {
    flex-shrink: 0;
    max-width: 80vw
}

.ui-pdp-variations__box__variant .ui-pdp-thumbnail__container,
.ui-pdp-variations__modal__variant .ui-pdp-thumbnail__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px
}

.ui-pdp-variations__box__variant .ui-pdp-thumbnail__container__label,
.ui-pdp-variations__modal__variant .ui-pdp-thumbnail__container__label {
    overflow: hidden
}

.ui-pdp-variations__box__variant .ui-pdp-thumbnail__container__subtitle,
.ui-pdp-variations__modal__variant .ui-pdp-thumbnail__container__subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: 12px
}

.ui-pdp-variations__box__variant .ui-pdp-thumbnail__container .ui-pdp-thumbnail__label,
.ui-pdp-variations__modal__variant .ui-pdp-thumbnail__container .ui-pdp-thumbnail__label {
    padding: 0;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.ui-pdp-variations__box__variant .ui-pdp-thumbnail__label,
.ui-pdp-variations__modal__variant .ui-pdp-thumbnail__label {
    overflow: hidden;
    text-overflow: ellipsis;

    word-break: break-word
}

.ui-pdp-variations__box__variant-large,
.ui-pdp-variations__modal__variant-large {
    border-radius: 6px;
    display: block;
    height: 190px;
    margin-right: 8px;
    padding: 14px 16px;
    text-align: left;
    width: 120px
}

.ui-pdp-variations__box__variant-large .ui-pdp-thumbnail__picture,
.ui-pdp-variations__modal__variant-large .ui-pdp-thumbnail__picture {
    height: 98px;
    width: 100%
}

.ui-pdp-variations__box__variant-large__text,
.ui-pdp-variations__modal__variant-large__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;

    width: 100%
}

.ui-pdp-variations__box__variant-large--shrunk,
.ui-pdp-variations__modal__variant-large--shrunk {
    height: 93px
}

.ui-pdp-variations__box__variant-large--medium,
.ui-pdp-variations__modal__variant-large--medium {
    height: 146px
}

.ui-pdp-variations__box__variant-fluid,
.ui-pdp-variations__modal__variant-fluid {
    border-radius: 6px;
    display: block;
    height: 80px;
    margin-bottom: 8px;
    padding: 7px 14px;
    position: relative;
    width: 100%
}

.ui-pdp-variations__box__variant-fluid .ui-pdp-thumbnail__picture,
.ui-pdp-variations__modal__variant-fluid .ui-pdp-thumbnail__picture {
    display: inline-block;
    height: 100%;
    width: 65px
}

.ui-pdp-variations__box__variant-fluid__placeholder-right,
.ui-pdp-variations__modal__variant-fluid__placeholder-right {
    height: 11px;
    position: absolute;
    right: 15px;
    top: 30px;
    width: 40px
}

.ui-pdp-variations__box__variant-fluid__content,
.ui-pdp-variations__modal__variant-fluid__content {
    display: inline-block;
    margin-top: 12px;
    vertical-align: top
}

.ui-pdp-variations__box__variant-fluid__text,
.ui-pdp-variations__modal__variant-fluid__text {
    max-width: 100px;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 30px
}

.ui-pdp-variations__box__variant-fluid__name,
.ui-pdp-variations__modal__variant-fluid__name {
    font-size: 12px;
    font-weight: 600
}

.ui-pdp-variations__box__variant-short,
.ui-pdp-variations__modal__variant-short {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    justify-content: center
}

.ui-pdp-variations__box__variant__price,
.ui-pdp-variations__modal__variant__price {
    font-size: 16px;
    font-weight: 600;
    margin: 2px 0 4px
}

.ui-pdp-variations__box .ui-pdp-price__second-line,
.ui-pdp-variations__modal .ui-pdp-price__second-line {
    padding-left: unset;
    transform: translateX(0)
}

.ui-pdp-variations__box .ui-pdp-price__second-line .ui-pdp-price__part,
.ui-pdp-variations__modal .ui-pdp-price__second-line .ui-pdp-price__part {
    font-size: 16px;
    font-weight: 600
}

.ui-pdp-variations__box__button,
.ui-pdp-variations__modal__button {
    margin-top: 10px;
    width: 100%
}

.ui-pdp-variations__box__quantity,
.ui-pdp-variations__modal__quantity {
    display: flex
}

.ui-pdp-variations__box__quantity__selector,
.ui-pdp-variations__modal__quantity__selector {
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    height: 48px;
    justify-content: center;
    max-width: 126px;
    width: 100%
}

.ui-pdp-variations__box__quantity__selector-input__modifier,
.ui-pdp-variations__box__quantity__selector-input__screen,
.ui-pdp-variations__modal__quantity__selector-input__modifier,
.ui-pdp-variations__modal__quantity__selector-input__screen {
    outline: none;
    -webkit-user-select: none;
    user-select: none
}

.ui-pdp-variations__box__quantity__selector-input__screen,
.ui-pdp-variations__modal__quantity__selector-input__screen {
    flex-grow: 2;
    text-align: center
}

.ui-pdp-variations__box__quantity__selector-input__modifier,
.ui-pdp-variations__modal__quantity__selector-input__modifier {
    align-items: center;
    background: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    font-size: 16px;
    justify-content: center;
    text-align: center
}

.ui-pdp-variations__box__quantity__selector-input__modifier .clipped,
.ui-pdp-variations__modal__quantity__selector-input__modifier .clipped {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    display: block;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: -1
}

.ui-pdp-variations__box__quantity .ui-pdp-variations__modal-form,
.ui-pdp-variations__modal__quantity .ui-pdp-variations__modal-form {
    margin-left: 8px
}

.ui-pdp-variations__box__quantity .ui-pdp-variations__modal-form .andes-button,
.ui-pdp-variations__modal__quantity .ui-pdp-variations__modal-form .andes-button {
    margin-top: 0
}

.ui-pdp-variations__box-form .andes-button,
.ui-pdp-variations__modal-form .andes-button {
    white-space: nowrap
}

.ui-pdp-variations__box {
    padding: 0
}

.ui-pdp-variations__box__list {
    margin-bottom: 0
}

.ui-pdp-variations__box__variation-separator {
    border: 0;
    margin: 12px 0
}

.ui-pdp-variations__box__variant-large {
    height: 100%;
    padding: 12px;
    width: 88px
}

.ui-pdp-variations__box__variant-large .ui-pdp-thumbnail__picture {
    height: 64px;
    margin-bottom: 8px;
    padding: 0;
    width: 64px
}

.ui-pdp-variations__box__variant-large--refurbished {
    width: 98px
}

.ui-pdp-variations__box__variant-large__line {
    margin-top: 8px
}

.ui-pdp-variations__box .ui-pdp-price__second-line .ui-pdp-price__part {
    font-size: 12px;
    font-weight: 600
}

.ui-pdp-variations__box__variant__price {
    margin: 8px 0 0
}

.ui-pdp-variations__box__stock {
    font-size: 10px;
    line-height: 10px;
    margin: 8px 0 0;
    width: 64px
}

.ui-pdp-variations__box__label--shake {
    animation-delay: 0;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-name: shake;
    animation-timing-function: cubic-bezier(.36, .07, .19, .97);
    transform: translateZ(0)
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(4px, 0, 0)
    }

    20%,
    80% {
        transform: translateZ(0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(8px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(2px, 0, 0)
    }
}

.ui-pdp-variations__label-with-sizechart {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.ui-pdp-variations__subtitle-rows-container {
    background: #f5f5f5;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    margin: 12px 16px 0;
    padding: 12px
}

.ui-pdp-variations__selected-subtitle-row {
    margin-right: 16px
}

.ui-pdp-variations__selected-subtitle-row:last-child {
    margin-right: 0
}

.andes-modal--card .ui-pdp-variations .andes-modal__content,
.andes-modal--full .ui-pdp-variations .andes-modal__content {
    padding: 0
}

.andes-modal--card .ui-pdp-variations__modal__button,
.andes-modal--full .ui-pdp-variations__modal__button {
    margin-top: 10px;
    width: 100%
}

.andes-modal--card .ui-pdp-variations .andes-modal__header,
.andes-modal--full .ui-pdp-variations .andes-modal__header {
    padding: 65px 16px 20px
}

.andes-modal--card .ui-pdp-variations .andes-modal__header .andes-modal__close-button:before,
.andes-modal--full .ui-pdp-variations .andes-modal__header .andes-modal__close-button:before {
    left: -6px
}

.ui-pdp-see-more {
    width: 100%
}

.ui-pdp-see-more__modal .andes-modal-title {
    color: rgba(0, 0, 0, .9);
    font-size: 24px;
    font-weight: 400
}

.ui-pdp-see-more__modal .andes-modal__content,
.ui-pdp-see-more__modal .andes-modal__header {
    padding-left: 24px;
    padding-right: 24px
}

.ui-pdp-see-more__action {
    margin-top: 32px;
    width: 100%
}

.ui-pdp-see-more .ui-pdp-action-modal {
    display: block
}

.ui-pdp-action-row {
    background-color: #f5f5f5;
    border-radius: 6px;
    color: rgba(0, 0, 0, .9);
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    line-height: 1;
    padding: 16px 38px 16px 16px;
    position: relative;
    width: 100%
}

.ui-pdp-action-row--secondary {
    color: var(--andes-color-blue-500, #3483fa);
    font-weight: 400
}

.ui-pdp-action-row--error {
    border: 1px solid #f73;
    margin-bottom: 8px
}

.ui-pdp-action-row--error-600 {
    border: 1px solid #d12440
}

.ui-pdp-action-row--product,
.ui-pdp-action-row--secondary {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    justify-content: center
}

.ui-pdp-action-row--product .ui-pdp-action-row__subtitle,
.ui-pdp-action-row--secondary .ui-pdp-action-row__subtitle {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    line-height: 1;
    margin: 0
}

.ui-pdp-action-row--product .ui-pdp-action-row__subtitle .ui-pdp-price__part,
.ui-pdp-action-row--secondary .ui-pdp-action-row__subtitle .ui-pdp-price__part {
    display: inline
}

.ui-pdp-action-row--product {
    font-weight: 600
}

.ui-pdp-action-row__label {
    display: inline-block
}

.ui-pdp-action-row__label__error {
    color: #f23d4f
}

.ui-pdp-action-row__selected {
    display: inline-block;
    font-weight: 600;
    margin-left: 6px;
    max-width: calc(100vw - 172px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-pdp-action-row__selected__error {
    color: #f23d4f
}

.ui-pdp-action-row__subtitle {
    color: rgba(0, 0, 0, .25);
    display: inline-block;
    margin-left: 16px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-pdp-action-row__thumbnail {
    border-radius: 2px;
    height: 32px;
    position: absolute;
    right: 35px;
    top: 9px;
    width: 32px
}

.ui-pdp-action-row .ui-pdp-icon--chevron-right {
    margin-top: -7px;
    position: absolute;
    right: 16px;
    top: 50%
}

.ui-pdp-action-row .ui-pdp-icon--chevron-right__error {
    stroke: #d12440 !important
}

.ui-pdp-action-row .ui-pdp-icon--figure-left {
    margin: unset
}

.ui-pdp-action-row .ui-pdp-icon--disabled {
    stroke: rgba(0, 0, 0, .25)
}

.ui-pdp-action-row:active,
.ui-pdp-action-row:focus,
.ui-pdp-action-row:visited {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-action-row:focus {
    outline: none
}

.ui-pdp-action-row--secondary:active,
.ui-pdp-action-row--secondary:focus,
.ui-pdp-action-row--secondary:visited {
    color: var(--andes-color-blue-500, #3483fa)
}

.ui-thermometer {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: flex;
    gap: 6px;
    height: auto;
    overflow: hidden;
    vertical-align: baseline;
    width: 100%
}

.ui-thermometer__state {
    display: none
}

.ui-thermometer__level {
    box-sizing: border-box;
    float: left;
    height: 8px;
    margin-top: 2px;
    width: 20%
}

.ui-thermometer__level--1 {
    background: #fff0f0
}

.ui-thermometer__level--2 {
    background: #fff5e8
}

.ui-thermometer__level--3 {
    background: #fffcda
}

.ui-thermometer__level--4 {
    background: #f1fdd7
}

.ui-thermometer__level--5 {
    background: #edf8ee
}

.ui-thermometer[value="0"] .ui-thermometer__level {
    background: #eee;
    margin: 0
}

.ui-thermometer[value="1"] .ui-thermometer__level--1 {
    background: #ff605a;
    height: 12px;
    margin: 0
}

.ui-thermometer[value="2"] .ui-thermometer__level--2 {
    background: #ffb656;
    height: 12px;
    margin: 0
}

.ui-thermometer[value="3"] .ui-thermometer__level--3 {
    background: #fff044;
    height: 12px;
    margin: 0
}

.ui-thermometer[value="4"] .ui-thermometer__level--4 {
    background: #bbff1f;
    height: 12px;
    margin: 0
}

.ui-thermometer[value="5"] .ui-thermometer__level--5 {
    background: #39b54a;
    height: 12px;
    margin: 0
}

.ui-pdp-seller__container-qualification {
    display: flex;
    flex-direction: column
}

.ui-pdp-seller__container-qualification .ui-pdp-seller__header+.ui-thermometer {
    margin-top: 16px
}

.ui-pdp-seller__container-info {
    display: flex;
    justify-content: space-between;
    margin-top: 18px
}

.ui-pdp-seller__link-trigger {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    margin-left: 2px
}

.ui-pdp-seller__link-trigger:hover,
.ui-pdp-seller__link-trigger:visited {
    color: #000
}

.ui-pdp-seller__icon-arrow {
    margin: 10px 0
}

.ui-pdp-seller__list-info {
    width: 165px
}

.ui-pdp-seller__list-description {
    display: flex;
    margin-bottom: 0
}

.ui-pdp-seller__item-description {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-align: center
}

.ui-pdp-seller__item-description:after {
    background: #ddd;
    content: "";
    height: 91%;
    position: absolute;
    right: 0;
    top: 8%;
    width: 1px
}

.ui-pdp-seller__item-description:last-of-type:after {
    display: none
}

.ui-pdp-seller__sales-description {
    color: #000;
    display: block;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2
}

.ui-pdp-seller__icon-description {
    display: inline-block;
    padding-top: 3px;
    vertical-align: top;
    width: 28px
}

.ui-pdp-seller__header+.ui-pdp-seller__seller-status {
    margin-top: 24px
}

.ui-pdp-seller__seller-status+.ui-thermometer {
    margin-top: 28px
}

.ui-pdp-seller__status-title {
    color: #00a650;
    font-size: 16px;
    font-weight: 600
}

.ui-pdp-seller__text-description {
    line-height: 1;
    margin-top: 8px
}

.ui-pdp-seller__status-text {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: inherit;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-pdp-seller__subtitle-info {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.ui-pdp-seller__text-info {
    font-size: 14px;
    line-height: 1.2
}

.ui-pdp-seller__item-info {
    margin-top: 21px
}

.ui-pdp-seller__item-info:first-child {
    margin-top: 0
}

.ui-pdp-seller__reputation-info {
    margin-top: 16px
}

.ui-pdp-seller__header {
    align-content: baseline;
    margin-bottom: 18px
}

.ui-pdp-seller__header,
.ui-pdp-seller__header__info-container__title {
    align-items: center;
    display: flex
}

.ui-pdp-seller__header__info-container__title .ui-pdp-seller__header__title-label {
    display: flex
}

.ui-pdp-seller__header__info-container__title .ui-pdp-seller__header__title-label span {
    margin-left: 2px
}

.ui-pdp-seller__header__info-container__title .ui-pdp-cockade-icon {
    bottom: -2px;
    margin-left: 4px;
    position: relative
}

.ui-pdp-seller__header__info-container__subtitle,
.ui-pdp-seller__header__info-container__subtitle-one-line {
    align-items: center;
    display: flex
}

.ui-pdp-seller__header__info-container__subtitle-one-line .ui-pdp-cockade-icon {
    align-self: center;
    margin-right: 4px
}

.ui-pdp-seller__header__info-container__subtitle-one-line .ui-pdp-seller__header__subtitle {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%
}

.ui-pdp-seller__header__image-container {
    align-items: center;
    display: flex;
    height: 48px;
    margin-right: 14px;
    padding: 2px;
    position: relative;
    width: 48px
}

.ui-pdp-seller__header__image-container:before {
    background: rgba(0, 0, 0, .04);
    border-radius: 4px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.ui-pdp-seller__header__image-container__image {
    border-radius: 4px;
    max-height: 100%;
    max-width: 100%
}

.ui-pdp-seller__header__title {
    color: #000;
    font-size: 14px;
    font-weight: 400
}

.ui-pdp-seller__header__subtitle-separator {
    margin: 0 3px
}

.ui-pdp-seller__extra-info {
    margin-top: 20px
}

.ui-pdp-seller__extra-info__title {
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.ui-pdp-seller__extra-info__subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    margin-top: 8px
}

.ui-pdp-seller__with-logo .ui-pdp-seller__header {
    margin-bottom: 0
}

.ui-pdp-buybox .ui-pdp-seller__header {
    margin-bottom: 0;
    width: 100%
}

.ui-pdp-buybox .ui-pdp-seller__header__title {
    align-items: baseline;
    display: flex;
    line-height: 1;
    margin-bottom: 4px
}

.ui-pdp-buybox .ui-pdp-seller__header__subtitle {
    line-height: 14px
}

.ui-pdp-buybox .ui-pdp-seller__header__subtitle:not(:last-child) {
    margin-bottom: 6px
}

.ui-pdp-buybox .ui-pdp-seller__header__image-container {
    flex-shrink: 0;
    height: 40px;
    margin-right: 16px;
    width: 40px
}

.ui-pdp-seller {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-start;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden;
    width: 100%
}

.ui-pdp-seller__header__title {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    line-height: 1;
    margin-bottom: 4px
}

.ui-pdp-seller__header__title-label .ui-pdp-cockade-icon {
    bottom: 0
}

.ui-pdp-seller__label-sold {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    margin-right: 2px
}

.ui-pdp-seller__label-sold.line-break,
.ui-pdp-seller__label-text-with-icon {
    display: inline-block
}

.ui-pdp-seller__brand-title {
    display: block;
    margin-bottom: 5px
}

.ui-pdp-seller__brand-title-container {
    display: flex;
    min-width: 100%
}

.ui-pdp-seller__brand-title-container .ui-pdp-cockade-icon {
    bottom: 2px
}

.ui-pdp-seller__link-trigger-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline;
    margin-bottom: 2px;
    padding: 0;
    text-align: left;
    text-wrap: wrap;
    word-break: break-word
}

.ui-pdp-seller__link-trigger-button:focus,
.ui-pdp-seller__link-trigger-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #2968c8, 0 0 0 5px rgba(65, 137, 230, .3);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #2968c8, 0 0 0 5px rgba(65, 137, 230, .3);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #2968c8, 0 0 0 5px rgba(65, 137, 230, .3);
    outline: none
}

.ui-pdp-seller__link-trigger-button span:last-of-type {
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.ui-pdp-seller__subtitle {
    width: 100%
}

.ui-pdp-seller .ui-pdp-icon--chevron {
    margin-left: 7px
}

.ui-pdp-seller__tooltip {
    padding: 24px;
    width: 374px
}

.ui-pdp-seller__tooltip .andes-tooltip-arrow:before {
    margin-top: 30px
}

.ui-pdp-seller__tooltip .andes-tooltip-button-close {
    display: none
}

.ui-pdp-seller__row {
    display: block
}

.ui-pdp-seller__title {
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 32px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;

    width: 100%
}

.ui-pdp-buybox .ui-pdp-seller__header__title {
    flex-wrap: wrap;
    margin-top: 0
}

.ui-pdp-buybox .ui-pdp-seller__with-logo .ui-pdp-seller__header__title,
.ui-pdp-buybox .ui-pdp-seller__with-logo .ui-pdp-seller__header__title .ui-pdp-action-modal__link {
    font-size: 16px
}

.ui-pdp-seller__compats {
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 32px
}

.ui-pdp-seller__container-info {
    flex-direction: column;
    margin-top: 0
}

.ui-pdp-seller__list-info {
    margin-top: 24px;
    width: 100%
}

.ui-pdp-modal-seller.andes-modal--full .andes-modal__title {
    -webkit-hyphens: auto;
    hyphens: auto
}

.ui-pdp-modal-seller .andes-modal__header {
    padding-bottom: 14px;
    -webkit-user-select: none;
    user-select: none
}

.ui-pdp-modal-seller .andes-modal-title {
    font-size: 24px;
    font-weight: 400
}

.ui-pdp-s-list .ui-pdp-seller .ui-pdp-action-modal,
.ui-pdp-s-list .ui-pdp-seller .ui-pdp-action-modal__link {
    font-size: 12px
}

.ui-pdp-container__row--seller {
    display: block
}

.ui-pdp-action-modal {
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.ui-pdp-action-modal__icon {
    display: inline-block;
    vertical-align: middle
}

.ui-pdp-action-modal__no-title .andes-modal__close-button,
.ui-pdp-action-modal__no-title .andes-modal__header--sticky {
    display: none
}

.ui-pdp-action-modal__modal .andes-modal__scroll {
    height: 100%
}

.ui-pdp-action-modal__modal .andes-progress-indicator-circular {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    max-height: 65vh
}

.ui-pdp-action-modal__shipping_summary {
    padding: 12px 20px 12px 16px;
    width: 24rem;
    word-spacing: 1px
}

.ui-pdp-action-modal__shipping_summary--block {
    margin-bottom: 90px
}

.ui-pdp-shipping-modal.andes-modal.andes-modal--small .andes-modal__content {
    height: 70%
}

.ui-pdp-generic-modal-row-action {
    display: inline-block;
    line-height: 1.5
}

.ui-vpp-generic-modal {
    padding: 8px 56px 56px
}

.ui-pdp-iframe {
    width: 100%
}

@media(max-width: 767px) {
    .andes-modal.andes-modal--small .andes-modal__header {
        padding: 64px 64px 32px
    }

    .andes-modal.andes-modal--small .andes-modal__header .andes-modal__title {
        font-size: 28px;
        line-height: 1.3
    }

    .ui-pdp-action-modal__shipping_summary {
        width: 21.25rem
    }
}

@media(min-width: 768px) {
    .andes-modal.andes-modal--small .andes-modal__header {
        padding: 64px 64px 32px
    }

    .andes-modal.andes-modal--small .andes-modal__header .andes-modal__title {
        font-size: 28px;
        line-height: 1.3
    }

    .andes-modal.andes-modal--small .andes-modal__header.andes-modal__header--sticky {
        padding: 24px 64px
    }

    .andes-modal.andes-modal--small .andes-modal__header.andes-modal__header--sticky .andes-modal__title {
        font-size: 24px
    }

    .andes-modal.andes-modal--small .andes-modal__close-button,
    .andes-modal.andes-modal--small .andes-modal__header.andes-modal__header--sticky .andes-modal__close-button {
        margin-top: 8px
    }
}

.ui-pdp-action-modal {
    display: inline-block
}

.ui-pdp-action-modal.cho-guest {
    display: flex !important;
    margin-top: -20px
}

.ui-pdp-action-modal__icon .ui-pdp-icon {
    height: 13px;
    position: relative;
    top: -1px;
    vertical-align: top;
    width: 11px
}

.ui-pdp-action-modal__modal .andes-modal__scroll .andes-modal__actions .cancel-button {
    margin-left: 0
}

.ui-pdp-action-modal__modal--no-title .andes-modal-title {
    padding: 25px
}

.ui-pdp-modal-seller .andes-modal-title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;

    width: 100%
}

.andes-modal--full .andes-modal__header {
    padding-top: 28px
}

.andes-modal--full .andes-modal__header .andes-modal-title {
    font-size: 24px;
    font-weight: 400
}

.andes-modal--full .andes-modal__header.andes-modal__header--sticky {
    padding-top: 24px
}

.andes-modal--full .andes-modal__header .andes-modal-dialog__button-close {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 35px;
    left: 22px;
    top: 15px;
    width: 35px
}

.andes-modal--full .andes-modal__header .andes-modal-dialog__button-close:before {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzM0ODNmYSIgc3Ryb2tlPSIjMzQ4M2ZhIj48cGF0aCBzdHJva2Utd2lkdGg9Ii4yIiBkPSJtNiAxNS42NjcgOSA5TDE2LjMzMyAyMyAxMCAxNi42NjdoMTZ2LTJIMTBsNi4zMzMtNi4zMzNMMTUgNi42Njd6Ii8+PC9zdmc+);
    color: var(--andes-color-blue-500, #3483fa);
    content: "";
    height: 35px;
    left: 3px;
    position: absolute;
    text-indent: 0;
    top: 3px;
    transform: none;
    width: 35px
}

.andes-modal--full .andes-modal__header .andes-modal-dialog__button-close:after {
    display: none
}

.ui-seller-data-recos__container {
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-top: 16px;
    padding-top: 16px
}

.ui-seller-data-recos__container .ui-recommendations-list__items-wrapper--double {
    margin: 0
}

.ui-seller-data-recos__container .ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal {
    padding: 12px 0
}

.ui-seller-data-recos__container .ui-recommendations-list__items-wrapper--double .ui-recommendations-card--horizontal:not(:last-child) {
    border-bottom: 0
}

.ui-pdp-backdrop-modal {
    bottom: 0;
    height: auto;
    left: auto;
    overflow: visible;
    position: absolute;
    top: auto;
    transform: translate(0);
    width: 100%
}

.ui-pdp-backdrop-modal .andes-modal__close-button:after,
.ui-pdp-backdrop-modal .andes-modal__close-button:before {
    background-color: #fff;
    opacity: .8
}

.ui-pdp-backdrop-modal.andes-modal.andes-modal--card {
    border-radius: 10px 10px 0 0;
    font-size: 16px
}

.ui-pdp-backdrop-modal.andes-modal {
    animation: translateInBackdrop .2s ease-in-out, fadeIn .2s ease-in-out
}

.ui-pdp-backdrop-modal.andes-modal--closing {
    animation: translateOutBackdrop .2s ease-in-out, fadeOut .2s ease-in-out
}

.ui-pdp-backdrop-modal .andes-modal__content {
    padding: 0
}

.ui-pdp-backdrop-modal .andes-modal__close-button {
    left: unset;
    right: 16px;
    top: -30px
}

.ui-pdp-backdrop-modal.backdrop-modal__custom-options .andes-modal__close-button {
    top: 16px
}

.ui-pdp-backdrop-modal.backdrop-modal__custom-options .andes-modal__close-button svg,
.ui-pdp-backdrop-modal.backdrop-modal__custom-options .andes-modal__close-button svg path {
    fill: rgba(0, 0, 0, .55)
}

.andes-modal__overlay--card {
    padding: 0
}

@keyframes translateInBackdrop {
    0% {
        transform: translateY(calc(100% + 20px))
    }

    to {
        transform: translateY(auto)
    }
}

@keyframes translateOutBackdrop {
    0% {
        transform: translateY(auto)
    }

    to {
        transform: translateY(calc(100% + 20px))
    }
}

.ui-pdp-products {
    width: 100%
}

.ui-pdp-products__title {
    color: rgba(0, 0, 0, .9);
    font-size: 20px;
    padding-bottom: 32px
}

.ui-pdp-products__link {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 32px;
    text-align: center
}

.ui-pdp-products .price-tag {
    color: inherit;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit
}

.andes-bottom-sheet {
    background-color: #fff;
    border-radius: 6px 6px 0 0;
    box-sizing: border-box;
    height: 0;
    max-height: 100vh;
    position: relative;
    transform: translateZ(0);
    width: 100%
}

.andes-bottom-sheet>*,
.andes-bottom-sheet__scroll>* {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .9)
}

.andes-bottom-sheet__overlay {
    align-items: flex-end;
    animation: modal-fade-in .2s ease-in-out;
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition-duration: .2s;
    z-index: 1020
}

.andes-bottom-sheet__scroll {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

.andes-bottom-sheet__toggle-size-button {
    background-color: transparent;
    border: none;
    border-radius: 2px;
    height: 4px;
    left: 38%;
    margin: 8px 16px 0;
    position: absolute;
    width: 74px
}

.andes-bottom-sheet__toggle-size-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-bottom-sheet__toggle-size-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-bottom-sheet__toggle-size-button:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-bottom-sheet__close {
    background-color: transparent;
    border: 0;
    display: flex;
    padding: 8px 0 12px 8px;
    position: absolute;
    right: 16px;
    z-index: 1
}

.andes-bottom-sheet__close:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-bottom-sheet__close:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-bottom-sheet__close:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-bottom-sheet__close--hidden {
    opacity: 0;
    pointer-events: none
}

.andes-bottom-sheet__close--hidden:focus {
    opacity: 1;
    pointer-events: unset
}

.andes-bottom-sheet__close--outside {
    top: -32px
}

.andes-bottom-sheet__action {
    padding: 0 16px 16px;
    transition: border .08s ease-in-out;
    width: 100%
}

.andes-bottom-sheet--fixed-action .andes-bottom-sheet__content {
    padding-bottom: 0
}

.andes-bottom-sheet--fixed-action .andes-bottom-sheet__action {
    background-color: #fff;
    bottom: 0;
    padding: 16px;
    position: sticky
}

.andes-bottom-sheet--fixed-action .andes-bottom-sheet__action--border {
    border-top: 1px solid rgba(0, 0, 0, .07)
}

.andes-bottom-sheet--hide-dimmer {
    bottom: 0;
    box-shadow: 0 -6px 16px 0 rgba(0, 0, 0, .1);
    left: 0;
    position: absolute
}

.andes-bottom-sheet__content {
    flex-grow: 1;
    padding: 8px 16px 0;
    width: 100%
}

.andes-bottom-sheet--secondary {
    padding-top: 8px
}

.andes-bottom-sheet__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 8px 16px 0
}

.andes-bottom-sheet__header--legacy {
    padding: 0
}

.andes-bottom-sheet__header--secondary {
    background-color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .15);
    left: 0;
    line-height: normal;
    padding: 8px 16px 0;
    position: fixed;
    top: 0;
    width: 90%;
    z-index: 1021
}

.andes-bottom-sheet__header-content-container {
    display: flex;
    width: -webkit-fill-available
}

.andes-bottom-sheet__header-content {
    box-sizing: border-box;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 600;
    height: auto;
    line-height: 1;
    padding: 8px 0 12px;
    width: 100%
}

.andes-bottom-sheet__header-content--ellipsis {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-bottom-sheet__header-content--center {
    text-align: center;
    width: 100%
}

.andes-bottom-sheet__drag-indicator {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 2px;
    flex-shrink: 0;
    height: 4px;
    margin: 0 0 8px;
    width: 32px
}

.ui-pdp-bookmark__link-bookmark {
    cursor: pointer;
    padding: 0
}

.ui-pdp-bookmark__modal-wishlist {
    max-width: 480px !important;
    width: 100% !important
}

.ui-pdp-bookmark__modal-wishlist .andes-modal__content {
    padding: 0 32px 32px !important
}

.ui-pdp-bookmark__modal-wishlist .andes-modal__close-button path {
    stroke: rgba(0, 0, 0, .3)
}

.ui-pdp-bookmark__modal-wishlist .andes-modal__header {
    padding: 20px 32px !important
}

.ui-pdp-bookmark__modal-wishlist .andes-modal__header .andes-modal__title {
    font-size: 24px
}

.ui-pdp-bookmark__icon-bookmark {
    stroke: var(--andes-color-blue-500, #3483fa);
    fill: none;
    height: 21px;
    overflow: visible;
    position: absolute;
    width: 24px
}

.ui-pdp-bookmark__icon-bookmark g {
    stroke-width: 1.5
}

.ui-pdp-bookmark__icon-bookmark-fill {
    height: 21px;
    width: 24px;
    fill: var(--andes-color-blue-500, #3483fa);
    stroke: var(--andes-color-blue-500, #3483fa);
    opacity: 0;
    transform: scale(0);
    transition: opacity .25s ease-in-out, transform .35s cubic-bezier(0, 0, .3, 1.5)
}

.ui-pdp-bookmark__icon-bookmark-fill--active {
    opacity: 1;
    transform: scale(1)
}

.ui-pdp-bookmark__label {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
    vertical-align: top;
    white-space: nowrap
}

.ui-pdp-bookmark__label--hidden {
    display: none
}

.snackbar--add-bookmark,
.snackbar--remove-bookmark {
    display: flex !important;
    flex-wrap: nowrap !important
}

.andes-modal__header--shadow {
    box-shadow: rgba(0, 0, 0, .1)
}

.andes-modal__header--shadow .andes-modal__title {
    font-size: 20px !important
}

.ui-pdp-bookmark {
    margin-right: 30px
}

.ui-pdp-bookmark__icon-bookmark {
    height: 16px;
    width: 16px
}

.ui-pdp-bookmark__icon-bookmark g {
    stroke-width: 2
}

.ui-pdp-bookmark__icon-bookmark-fill {
    height: 18px;
    width: 20px
}

.ui-pdp-bookmark__icon-bookmark-fill g {
    stroke-width: 1.5
}

.ui-pdp-bookmark__link-bookmark {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    height: 20px;
    justify-content: center;
    position: relative
}

.ui-pdp-bookmark__circle-bookmark {
    background-color: #f5f5f5;
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 0;
    width: 40px
}

.ui-pdp-bookmark__circle-bookmark small.ui-pdp-bookmark__label {
    margin: inherit
}

.ui-vpp-grouped-share-bookmark {
    align-items: center
}

.ui-vpp-grouped-share-bookmark .ui-pdp-bookmark__icon-bookmark {
    position: relative
}

.ui-vpp-grouped-share-bookmark .ui-pdp-bookmark__icon-bookmark-fill {
    left: 0;
    position: absolute
}

.ui-pdp-related-search__title {
    color: rgba(0, 0, 0, .45);
    font-size: 14px;
    margin: 3px 0 16px 16px
}

.ui-pdp-related-search__title:after {
    content: ":";
    display: inline-block
}

.ui-pdp-related-search__list {
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0 16px;
    padding: 0
}

.ui-pdp-related-search__item {
    border-bottom: 1px solid #ededed;
    color: rgba(0, 0, 0, .45)
}

.ui-pdp-related-search__item .ui-pdp-icon {
    height: 13px;
    margin-right: 14px;
    margin-top: 1px;
    width: 13px
}

.ui-pdp-related-search__link {
    color: rgba(0, 0, 0, .55);
    display: flex;
    padding: 19px 0 19px 16px;
    width: 100%
}

.ui-pdp-related-search__link-column {
    display: inline-flex
}

.ui-pdp-related-search__link-icon {
    flex-shrink: 0
}

.ui-pdp-related-search__link-text {
    flex-grow: 1
}

.ui-pdp-features {
    font-weight: 600;
    list-style: none;
    padding: 0
}

.ui-pdp-features__item {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 2px;
    padding-left: 11px;
    text-indent: -10px
}

.ui-pdp-features__item:before {
    content: "•";
    padding-right: 5px
}

.ui-pdp-share {
    position: relative
}

.ui-pdp-share__link {
    align-items: center;
    display: flex;
    position: relative
}

.ui-pdp-share__link__label {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-left: 8px
}

.ui-pdp-share__input {
    display: none
}

.ui-pdp-share__tooltip {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    display: none;
    padding: 8px
}

.ui-pdp-share__input--body:checked+.ui-pdp-share__tooltip--body,
.ui-pdp-share__input--gallery:checked+.ui-pdp-share__tooltip--gallery {
    display: block
}

.ui-pdp-share__tooltip--body {
    position: absolute;
    right: 0;
    top: 32px
}

.ui-pdp-share__content__title {
    color: rgba(0, 0, 0, .9);
    font-size: 18px;
    font-weight: 600;
    padding: 16px 16px 20px
}

.ui-pdp-share__content__list {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px 26px;
    padding-top: unset
}

.ui-pdp-share__content__list__item {
    align-items: center;
    display: flex;
    flex-direction: column
}

.ui-pdp-share__content__list__item__link {
    align-items: center;
    display: flex;
    height: 36px;
    margin-bottom: 8px
}

.ui-pdp-share__content__list__item__label {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    font-weight: 400;
    text-align: center
}

.ui-pdp-share__content__list__item:not(:last-of-type) {
    margin-right: 20px
}

.ui-pdp-share__content__list--just-icons {
    padding: 0
}

.ui-pdp-specs-mobile {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .9);
    margin-bottom: 40px;
    padding-bottom: 40px;
    width: 100%
}

.ui-pdp-specs-mobile__title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 24px
}

.ui-pdp-specs-mobile__subtitle {
    font-size: 18px;
    font-weight: 400;
    margin-top: 32px
}

.ui-pdp-specs-mobile__features {
    margin-bottom: 32px
}

.ui-pdp-specs-mobile__features li {
    color: rgba(0, 0, 0, .9);
    margin-bottom: 8px
}

.ui-pdp-specs-mobile__features li:last-of-type {
    margin-bottom: 0
}

.ui-pdp-specs-mobile__info .ui-pdp-specs__title {
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 16px
}

.ui-pdp-specs {
    margin-bottom: 28px
}

.ui-pdp-specs__table {
    margin-bottom: 12px
}

.ui-pdp-specs__subtitle {
    font-size: 20px;
    margin-top: 28px;
    padding-bottom: 24px
}

.ui-pdp-specs__list {
    padding-bottom: 0
}

.ui-pdp-specs .ui-pdp-container-actions {
    margin-top: 32px
}

.ui-pdp-specs .ui-pdp-container-actions .ui-pdp-actions {
    padding: unset
}

.ui-pdp-seller__compats-disclaimer,
.ui-pdp-specs__compats-disclaimer,
.ui-vpp-highlighted-specs__compats-disclaimer {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-left: 4px;
    margin-top: 10px
}

.ui-pdp-reviews__rating__summary {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.ui-pdp-reviews__rating__summary__average {
    line-height: 1.03;
    margin-right: 16px
}

.ui-pdp-reviews__rating__summary__description {
    display: inline-block
}

.ui-pdp-reviews__rating__summary__rating {
    position: relative;
    text-align: left;
    top: 6px
}

.ui-pdp-reviews__rating__summary__rating__star {
    height: 24px;
    margin-right: 8px;
    width: 25.2px
}

.ui-pdp-reviews__rating__summary__label {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.14;
    margin-top: 8px
}

.ui-pdp-reviews__comments__tab-content {
    padding: 0 16px
}

.ui-pdp-reviews__comments__button {
    font-weight: 400;
    margin: 24px auto 0
}

.ui-pdp-reviews__comments__review-comment__rating {
    margin-bottom: 8px
}

.ui-pdp-reviews__comments__review-comment__rating__star {
    margin-right: 8.2px
}

.ui-pdp-reviews__comments__review-comment__title {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

.ui-pdp-reviews__comments__review-comment__version {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    line-height: 1.14;
    margin-top: 8px
}

.ui-pdp-reviews__comments__review-comment__comment {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    margin-top: 8px
}

.ui-pdp-reviews__comments__review-comment__likes {
    color: rgba(0, 0, 0, .9);
    margin-top: 14px
}

.ui-pdp-reviews__comments__review-comment__likes__like {
    margin-right: 6px;
    vertical-align: middle
}

.ui-pdp-reviews__comments__review-comment__likes__like:hover {
    cursor: pointer
}

.ui-pdp-reviews__comments__review-comment__likes__dislike {
    margin-left: 25px;
    margin-right: 6px;
    margin-top: 2px;
    vertical-align: top
}

.ui-pdp-reviews__comments__review-comment__likes__dislike:hover {
    cursor: pointer
}

.ui-pdp-reviews__comments__review-comment {
    margin-top: 24px
}

.ui-pdp-reviews__comments__review-comment:not(:first-of-type) {
    margin-top: 32px
}

.ui-pdp-reviews__actions__container {
    padding: 0 16px
}

.ui-pdp-reviews__actions__container .ui-pdp-reviews__actions__button {
    margin-top: 24px
}

.ui-pdp-reviews__actions__all-reviews {
    margin: 32px 0
}

.ui-pdp-reviews {
    width: 100%
}

.ui-pdp-reviews__header {
    margin-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px
}

.ui-pdp-reviews__header__title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3
}

.ui-pdp-reviews__comments__tab-content {
    margin-top: 24px
}

.ui-pdp-reviews__empty-reviews .ui-pdp-reviews__actions__container {
    padding-left: 0
}

.ui-pdp-reviews__empty-reviews .ui-pdp-reviews__header,
.ui-pdp-reviews__empty-reviews .ui-pdp-reviews__rating {
    margin-bottom: 0
}

.ui-pdp-questions .ui-pdp-question-warning__action {
    border: none;
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    text-decoration: none
}

.ui-pdp-questions__questions-list__title {
    font-weight: 600;
    margin-bottom: 16px
}

.ui-pdp-questions__questions-list__content {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 6px
}

.ui-pdp-questions__questions-list__content-in-modal {
    padding: 0 36px 0 25px
}

.ui-pdp-questions__questions-list__answer-container {
    align-items: flex-start;
    display: flex;
    margin-left: 12px;
    margin-top: 8px
}

.ui-pdp-questions__questions-list__answer-container__icon {
    margin-right: 8px
}

.ui-pdp-questions__questions-list__answer-container__answer {
    align-items: baseline;
    color: #999;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.ui-pdp-questions__questions-list__question-item__denounce,
.ui-pdp-questions__questions-list__question-item__separate {
    margin-left: 8px
}

.ui-pdp-questions__questions-list__answer-item__separate--denounce-mobile {
    margin-left: 31px
}

.ui-pdp-questions__questions-list__answer-item__separate {
    margin-right: 8px
}

.ui-pdp-questions__questions-list__container-answer__isCollpased {
    display: block
}

.ui-pdp-questions__questions-list__container-answer__isNoCollapsed {
    display: inline
}

.ui-pdp-questions__questions-list__answer-item__with-tapeables-links>a {
    word-break: break-all
}

.ui-pdp-questions__questions-list__item-questions--user-questions {
    padding: 16px;
    word-break: break-word
}

.ui-pdp-questions__questions-list__item-questions--user-questions:not(:first-child) {
    padding-top: 0
}

.ui-pdp-questions__questions-list__item-questions--others-questions {
    padding: 24px 0;
    word-break: break-word
}

.ui-pdp-questions__questions-list__item-questions--others-questions:not(:first-child) {
    padding-top: 0
}

.ui-pdp-questions__no-questions--text {
    color: rgba(0, 0, 0, .55);
    font-size: 14px
}

.ui-pdp-questions__no-questions--text:first-child {
    margin-right: 2px
}

.ui-pdp-questions__no-questions--desktop {
    display: flex
}

.ui-pdp-questions__no-questions--mobile {
    text-align: center
}

.ui-pdp-questions__questions-others-question-modal .ui-pdp-action-modal__link {
    font-size: 16px
}

.ui-pdp-questions__questions-others-question-modal__content {
    height: 700px;
    max-height: 90%;
    max-width: unset;
    width: 840px
}

.ui-pdp-questions__questions-others-question-modal__content .andes-modal__close-button {
    margin-top: -10px
}

.ui-pdp-questions__questions-others-question-modal__content .andes-modal__close-button:after,
.ui-pdp-questions__questions-others-question-modal__content .andes-modal__close-button:before {
    background-color: rgba(0, 0, 0, .55)
}

.ui-pdp-questions__questions-others-question-modal__content .andes-modal__header {
    padding: 45px 64px 20px
}

.ui-pdp-questions__questions-others-question-modal__content .andes-modal__header-title {
    font-size: 28px;
    margin-left: -14px
}

.ui-pdp-questions__questions-others-question-modal__content .andes-modal__header--scrolled {
    padding: 22px 64px 19px
}

.ui-pdp-questions__questions-others-question-modal__content .andes-modal__header--scrolled .andes-modal-title {
    font-size: 20px
}

.ui-pdp-questions__questions-others-question-modal__content .andes-modal__content {
    height: 100%;
    padding: unset
}

.ui-pdp-questions__message-location--simple .ui-pdp-media__figure>svg {
    fill: rgba(0, 0, 0, .9)
}

.ui-pdp-questions__message-location--simple .ui-pdp-media__title {
    margin-bottom: 0
}

.ui-pdp-questions__message-location--simple .ui-pdp-media__body {
    margin-bottom: 24px
}

.ui-pdp-questions__message-location--container .andes-message__title--neutral {
    font-weight: 100
}

.ui-pdp-questions__questions-ai {
    margin: 36px 0
}

.ui-pdp-questions__questions-ai .andes-button__content .ui-pdp-icon {
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.ui-pdp-questions__questions-ai .andes-button__content .ui-pdp-action-icon--BLUE {
    fill: #3483fa
}

.ui-pdp-questions__questions-ai .andes-button__content .ui-pdp-action-icon--WHITE {
    fill: #fff
}

.ui-pdp-questions__stock-modal {
    width: 100%
}

.ui-pdp-questions__stock-modal__text {
    color: rgba(0, 0, 0, .9);
    font-size: 16px
}

.ui-pdp-questions__stock-modal__button {
    margin-bottom: 16px;
    margin-top: 24px
}

.ui-pdp-questions__stock-modal .andes-modal__header {
    padding: 24px 32px
}

.ui-pdp-questions__stock-modal .andes-modal__header-title {
    color: rgba(0, 0, 0, .9);
    font-size: 24px;
    font-weight: 600
}

.ui-pdp-questions__stock-modal .andes-modal__content {
    padding: 0 32px 32px
}

.ui-pdp-questions__stock-modal {
    margin: 0 32px
}

.ui-pdp-questions__stock-modal.andes-modal--card .andes-modal__title {
    font-size: 24px
}

.ui-pdp-questions__stock-modal .andes-modal__header {
    padding: 1.5em
}

.ui-pdp-questions__stock-modal .andes-modal__content {
    text-align: center
}

.ui-pdp-questions__denounce-modal__list {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-questions__denounce-modal__item {
    border-top: 1px solid #d8d8d8;
    height: 50px;
    text-align: center
}

.ui-pdp-questions__denounce-modal__item__link {
    background-color: transparent;
    border: none;
    color: rgba(0, 0, 0, .9);
    display: inline-block;
    font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    height: 100%;
    padding: 12px 14px 14px;
    width: 100%
}

.ui-pdp-questions__denounce-modal__item__link:focus,
.ui-pdp-questions__denounce-modal__item__link:visited {
    color: rgba(0, 0, 0, .9);
    outline: none
}

.ui-pdp-questions__denounce-modal__item:first-child {
    border-top: none
}

.ui-pdp-questions {
    width: 100%
}

.ui-pdp-questions__checkbox-credits-interest__wrapper {
    display: flex;
    margin-bottom: 24px
}

.ui-pdp-questions__checkbox-credits-interest__wrapper .andes-checkbox__label {
    display: inline-block;
    line-height: 1.25
}

.ui-pdp-questions__title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 24px
}

.ui-pdp-questions__subtitle,
.ui-pdp-questions__subtitle--question,
.ui-pdp-questions__title {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-questions__subtitle,
.ui-pdp-questions__subtitle--question {
    font-size: 18px;
    font-weight: 600
}

.ui-pdp-questions__subtitle {
    padding-bottom: 18px
}

.ui-pdp-questions__subtitle--question {
    margin-top: 32px
}

.ui-pdp-questions__content-input {
    display: inline-block
}

.ui-pdp-questions__input {
    font-size: 15px;
    height: auto;
    width: 100%
}

.ui-pdp-questions__input .andes-form-control__control .andes-form-control__field {
    height: -moz-fit-content !important;
    height: fit-content !important;
    min-height: 48px !important;
    padding-left: 16px;
    padding-right: 16px;
    text-indent: 0
}

.ui-pdp-questions__input .andes-form-control__field::placeholder {
    font-size: 15px
}

.ui-pdp-questions__button {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 24px;
    padding-left: 35px;
    width: 100%
}

.ui-pdp-questions__time-text {
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 14px;
    margin-top: 3px
}

.ui-pdp-questions__item {
    display: flex
}

.ui-pdp-questions__list {
    margin: -8px 0 0 -8px
}

.ui-pdp-questions__list::-webkit-scrollbar {
    display: none
}

.ui-pdp-questions__link {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    height: 34px;
    line-height: 1.17;
    margin: 8px 0 0 8px;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
    white-space: normal
}

.ui-pdp-questions__message-container {
    border-radius: 4px;
    margin-top: 16px;
    padding: 16px
}

.ui-pdp-questions__stock-modal__button {
    width: 100%
}

.ui-pdp-questions__message-location--simple .ui-pdp-icon,
.ui-pdp-questions__message-location--simple figure {
    height: 16px;
    width: 12px
}

.ui-pdp-questions__message-location--simple .ui-pdp-media__title {
    font-size: 12px
}

.ui-pdp-questions__additional-actions {
    padding: 8px 0 0
}

.ui-pdp-questions__questions-list__item-questions--others-questions:first-child {
    padding-top: 0
}

.ui-pdp-questions__questions-list__item-questions--others-questions .ui-pdp-questions__questions-list__question {
    margin-right: 8px
}

.ui-pdp-questions .ui-pdp-recaptcha-v2 {
    margin-top: 24px
}

.ui-pdp-questions__questions-list__question-item__denounce__overriding-default-button {
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-left: 0;
    padding: 0
}

.ui-pdp-questions .ui-pdp-questions__form {
    margin-top: 16px
}

.ui-pdp-questions .ui-pdp-questions__form .ui-pdp-questions__button {
    height: 48px;
    margin-left: 0;
    margin-top: 18px;
    width: 100%
}

.ui-pdp-select-variations {
    padding: 0 24px
}

.ui-pdp-select-variations__title {
    font-size: 24px;
    font-weight: 600;
    margin: 12px 0
}

.ui-pdp-select-variations .ui-pdp-thumbnail__picture {
    display: inline-block
}

.ui-pdp-collapsable {
    width: 100%
}

.ui-pdp-collapsable.ui-pdp-collapsable--is-collapsed .ui-pdp-collapsable__container {
    margin-top: -1px;
    overflow: hidden;
    padding-top: 1px;
    position: relative
}

.ui-pdp-collapsable.ui-pdp-collapsable--is-collapsed .ui-pdp-collapsable__container:after {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .4) 85%, #fff);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.ui-pdp-collapsable.ui-pdp-collapsable--is-collapsed.ui-pdp-collapsable--is-gradient-small .ui-pdp-collapsable__container:after {
    background-image: linear-gradient(0deg, #fff, transparent 10%)
}

.ui-pdp-collapsable__action {
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--andes-color-blue-500, #3483fa);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 16px
}

.ui-pdp-collapsable__action:focus {
    outline: 0
}

.ui-pdp-collapsable__chevron {
    margin-left: 6px;
    margin-top: 4px
}

.ui-pdp-collapsable-mobile {
    width: 100%
}

.ui-pdp-collapsable-mobile.ui-pdp-collapsable-mobile--is-collapsed .ui-pdp-collapsable-mobile__container {
    overflow: hidden;
    position: relative
}

.ui-pdp-collapsable-mobile.ui-pdp-collapsable-mobile--is-collapsed .ui-pdp-collapsable-mobile__container:after {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .01), #fff);
    bottom: 0;
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.ui-pdp-collapsable-mobile__action {
    align-items: center;
    color: var(--andes-color-blue-500, #3483fa);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 16px
}

.ui-pdp-collapsable-mobile__action:focus {
    outline: 0
}

.ui-pdp-collapsable-mobile__chevron {
    margin-left: 6px;
    margin-top: 4px
}

.ui-pdp-other-sellers-item {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 0
}

.ui-pdp-other-sellers-item__tag {
    background-color: #f5f5f5;
    border-radius: 10px;
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    font-weight: 600;
    margin-left: auto;
    padding: 2px 8px;
    position: absolute
}

.ui-pdp-other-sellers-item__list-top {
    align-items: center;
    cursor: default;
    display: flex;
    justify-content: space-between;
    outline: none;
    padding: 16px;
    position: relative
}

.ui-pdp-other-sellers-item__list-top .ui-pdp-icon {
    margin-left: 8px
}

.ui-pdp-other-sellers-item__list-top .ui-pdp-other-sellers-item__price .ui-pdp-price .ui-pdp-price__main-container {
    align-items: start;
    display: flex;
    flex-direction: column
}

.ui-pdp-other-sellers-item__list-top .ui-pdp-other-sellers-item__price .ui-pdp-price .ui-pdp-price__main-container .ui-pdp-price__second-line {
    margin-left: 0;
    padding-left: 0
}

.ui-pdp-other-sellers-item__list {
    margin-bottom: 16px;
    overflow: hidden;
    padding: 0 16px;
    transition-duration: .3s;
    transition-property: height, margin, opacity;
    transition-timing-function: ease-out
}

.ui-pdp-other-sellers-item .ui-pdp-other-sellers-item__chevron {
    transform: rotate(270deg);
    transition: transform .3s ease-out
}

.ui-pdp-other-sellers-item--is-collapsed .ui-pdp-other-sellers-item__list-top {
    cursor: pointer
}

.ui-pdp-other-sellers-item--is-collapsed .ui-pdp-other-sellers-item__list {
    margin-bottom: 0;
    margin-top: 0;
    opacity: 0
}

.ui-pdp-other-sellers-item--is-collapsed .ui-pdp-other-sellers-item__chevron {
    transform: rotate(90deg)
}

.ui-pdp-other-sellers-item--is-not-ready .ui-pdp-other-sellers-item__list {
    opacity: 1
}

.ui-pdp-other-sellers-item__price {
    font-size: 20px;
    line-height: 1
}

.ui-pdp-other-sellers-item__price .ui-pdp-price {
    font-weight: 600;
    margin: 0
}

.ui-pdp-other-sellers-item__price .ui-pdp-price__second-line {
    line-height: 1.3
}

.ui-pdp-other-sellers-item__price .ui-pdp-price__original-value,
.ui-pdp-other-sellers-item__price .ui-pdp-price__second-line .ui-pdp-price__part {
    font-weight: 600
}

.ui-pdp-other-sellers-item__cbt .ui-pdp-icon--cbt-summary {
    height: 16px;
    width: 173px
}

.ui-pdp-other-sellers-item__cbt .ui-pdp-icon--cbt-world {
    height: 16px;
    width: 18px
}

.ui-pdp-other-sellers-item .ui-pdp-color--BLACK:before {
    background: rgba(0, 0, 0, .9)
}

.ui-pdp-other-sellers-item__seller {
    color: rgba(0, 0, 0, .55);
    font-size: 12px
}

.ui-pdp-other-sellers-item__actions {
    font-size: 14px;
    font-weight: 400;
    margin-top: 16px
}

.ui-pdp-other-sellers-item__actions .ui-pdp-actions__container {
    align-items: center;
    display: flex
}

.ui-pdp-other-sellers-item__actions .ui-pdp-actions__container .andes-button {
    margin-top: 0;
    padding: 0 6px
}

.ui-pdp-other-sellers-item__actions .ui-pdp-actions__container .andes-button__content {
    font-size: 12px;
    line-height: 1
}

.ui-pdp-other-sellers-item__actions .ui-pdp-actions__container .andes-button+.andes-button {
    margin-left: 8px
}

.ui-pdp-other-sellers-item__media .ui-pdp-media__figure {
    height: 15px;
    margin: 0 8px 0 0
}

.ui-pdp-other-sellers-item__media .ui-pdp-media__figure svg {
    height: 15px;
    width: 15px
}

.ui-pdp-other-sellers-item__media .ui-pdp-media__title {
    font-size: 14px
}

.ui-pdp-other-sellers-item__media .ui-pdp-media__title .ui-pdp-price {
    line-height: 1.4em
}

.ui-pdp-other-sellers-item__seller {
    margin-top: 16px
}

.ui-pdp-other-sellers-item__seller .ui-pdp-seller__header {
    margin: 0
}

.ui-pdp-other-sellers-item__seller .ui-pdp-seller__header__subtitle,
.ui-pdp-other-sellers-item__seller .ui-pdp-seller__header__title,
.ui-pdp-other-sellers-item__seller .ui-pdp-seller__label-bill,
.ui-pdp-other-sellers-item__seller .ui-pdp-seller__link-trigger a {
    font-size: 12px;
    margin-top: 0
}

.ui-pdp-other-sellers-item__seller.ui-pdp-seller__with-logo .ui-pdp-seller__header__title {
    align-items: baseline;
    display: flex;
    margin-top: -2px
}

.ui-pdp-other-sellers-item__seller.ui-pdp-seller__with-logo .ui-pdp-seller__header__title .ui-pdp-seller__brand-title-container .ui-pdp-seller__brand-title {
    margin-top: 1px
}

.ui-pdp-other-sellers-item__seller.ui-pdp-seller__with-logo .ui-pdp-seller__header__title .ui-pdp-seller__brand-title-container .ui-pdp-cockade-icon {
    bottom: -2px
}

.ui-pdp-other-sellers-item__seller .ui-pdp-seller__header__subtitle {
    line-height: 14px;
    margin-top: 2px
}

.ui-pdp-other-sellers-item__seller .ui-pdp-seller__link-trigger {
    display: inline-block;
    margin-top: 0
}

.ui-pdp-other-sellers {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    width: 100%
}

.ui-pdp-other-sellers .ui-pdp-price__original-value {
    font-size: 12px;
    margin-left: 1px
}

.ui-pdp-other-sellers .ui-pdp-price__second-line__label {
    font-size: 12px
}

.ui-pdp-other-sellers__title {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding: 16px
}

.ui-pdp-other-sellers__link {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: left;
    line-height: 18px;
    padding: 16px
}

.ui-pdp-other-sellers__link .ui-pdp-price__part {
    color: inherit;
    font-weight: inherit;
    line-height: 18px;
    margin-left: 4px
}

.ui-pdp-other-sellers {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 32px
}

.ui-pdp-other-sellers:first-child {
    margin-top: 0
}

.ui-pdp-other-sellers-item__tag {
    right: 32px;
    top: 15px
}

.ui-pdp-other-sellers-item__list .ui-pdp-other-sellers-item__cbt {
    margin-bottom: -8px;
    margin-top: 16px;
    padding: 0
}

.ui-pdp-other-sellers-item__list .ui-pdp-other-sellers-item__cbt .ui-pdp-media__figure {
    margin: 4px -2px 0 0
}

.ui-pdp-other-sellers-item__list .ui-pdp-other-sellers-item__cbt .ui-pdp-media__figure .ui-pdp-icon--cbt-world {
    height: 15px;
    width: 15px
}

.ui-pdp-other-sellers-item__list .ui-pdp-other-sellers-item__cbt .ui-pdp-media__title {
    margin-bottom: 0
}

.ui-pdp-other-sellers-item__list .ui-pdp-other-sellers-item__cbt .ui-pdp-icon--cbt-summary {
    height: 9px;
    width: 154px
}

.ui-pdp-other-sellers .ui-pdp-summary-list__item {
    position: relative
}

.ui-pdp-other-sellers .ui-pdp-summary-list__item:before {
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 3px
}

.ui-pdp-other-sellers .ui-pdp-summary-list__item .ui-pdp-summary-list__text {
    line-height: 18px;
    margin-left: 10px
}

.ui-pdp-other-sellers-item__chevron {
    position: absolute;
    right: 18px;
    top: 18px
}

.ui-pdp-other-sellers-item__list-top {
    padding-bottom: 13px
}

.ui-pdp-other-sellers-item__list-top-interactive {
    background-color: transparent;
    border: none;
    width: 100%
}

.ui-pdp-other-sellers-item__list-top-interactive:focus,
.ui-pdp-other-sellers-item__list-top-interactive:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #2968c8, 0 0 0 5px rgba(65, 137, 230, .3);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #2968c8, 0 0 0 5px rgba(65, 137, 230, .3);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #2968c8, 0 0 0 5px rgba(65, 137, 230, .3);
    outline: none
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__second-line {
    margin-left: 2px
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__second-line__label {
    font-size: 14px;
    margin-bottom: 1px;
    margin-left: 4px
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__second-line .ui-pdp-price__part {
    font-size: 18px
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__subtitles {
    margin-top: 0
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__original-value {
    margin-bottom: 1px;
    margin-top: 6px
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__tags {
    margin: 0;
    padding-top: 10px
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__tags__wrapper-tags {
    margin-bottom: 4px
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__tags__wrapper-tags:last-of-type {
    margin-bottom: 0
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__tags .ui-pdp-promotions-pill-label {
    margin-right: 4px;
    padding: 3px 4px
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__tags .ui-pdp-promotions-pill-label--info {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 4px
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__original-value,
.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__subtitles,
.ui-pdp-other-sellers .ui-pdp-other-sellers-item__price .ui-pdp-price__tags {
    height: auto;
    opacity: 1;
    transition: opacity .05s ease-in-out, height .05s ease-in-out
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item--is-collapsed .ui-pdp-other-sellers-item__price .ui-pdp-price__original-value {
    height: 0;
    line-height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item--is-collapsed .ui-pdp-other-sellers-item__price .ui-pdp-price {
    display: block
}

.ui-pdp-other-sellers .ui-pdp-other-sellers-item--is-collapsed .ui-pdp-other-sellers-item__price .ui-pdp-price__subtitles,
.ui-pdp-other-sellers .ui-pdp-other-sellers-item--is-collapsed .ui-pdp-other-sellers-item__price .ui-pdp-price__tags {
    height: 0;
    margin: 0;
    opacity: 0;
    padding: 0
}

.ui-pdp-other-sellers-item__actions .ui-pdp-actions__container {
    flex-direction: unset
}

.ui-pdp-other-sellers-item__actions .ui-pdp-actions__container .andes-button+.andes-button {
    margin-left: 0
}

@media(max-width: 320px) {
    .ui-pdp-other-sellers-item__actions .ui-pdp-actions__container .andes-button {
        padding: 0 2px
    }

    [data-country=BR] .ui-pdp-other-sellers-item__actions .ui-pdp-actions__container .andes-button {
        font-size: 12px
    }

    .ui-pdp-other-sellers-item__price {
        font-size: 18px;
        line-height: .9em
    }

    .ui-pdp-other-sellers-item__price .ui-pdp-price__second-line {
        display: block
    }

    .ui-pdp-other-sellers-item__price .ui-pdp-price__second-line__label {
        display: block;
        margin-left: 0;
        margin-top: 2px
    }

    .ui-pdp-other-sellers-item__price .ui-pdp-price__second-line .ui-pdp-price__part {
        display: block;
        overflow: hidden
    }

    .ui-pdp-other-sellers-item__price .ui-pdp-price__original-value {
        margin-bottom: 4px
    }
}

[data-country=BR] .ui-pdp-other-sellers-item__actions .ui-pdp-actions__container {
    gap: 7
}

[data-country=BR] .ui-pdp-other-sellers-item__actions .ui-pdp-actions__container .andes-button {
    padding: 0 2px
}

[data-country=BR] .ui-pdp-other-sellers-item__actions .ui-pdp-actions__container .andes-button:first-child {
    margin-left: 0
}

.ui-pdp-product-tags {
    display: flex;
    width: 100%
}

.ui-pdp-product-tags__button {
    background: transparent;
    border: none;
    color: inherit;
    display: flex;
    font: inherit;
    line-height: normal;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: auto;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ui-pdp-product-tags__button:focus {
    outline: 0
}

.ui-pdp-product-tags__tag {
    cursor: pointer;
    text-transform: uppercase
}

.ui-pdp-product-tags__tag .andes-badge__content {
    color: inherit
}

.ui-pdp-product-tags__tag {
    font-size: 11px
}

.ui-pdp-qadb__make-question__label {
    margin-top: 21px;
    text-align: center
}

.ui-pdp-qadb__make-question__button {
    height: 48px;
    margin-top: 17px;
    width: 100%
}

.ui-pdp-qadb__make-question__button .andes-button__content {
    font-size: 16px
}

.andes-modal__overlay--card .ui-pdp-qadb__make-question__modal {
    margin: 0 24px;
    max-height: 272px;
    min-height: 272px;
    width: 100%
}

.andes-modal__overlay--card .ui-pdp-qadb__make-question__modal .andes-modal__header {
    padding: 20px 24px
}

.andes-modal__overlay--card .ui-pdp-qadb__make-question__modal .andes-modal__title {
    font-size: 1.45em;
    line-height: 1.3
}

.andes-modal__overlay--card .ui-pdp-qadb__make-question__modal .andes-form-control--textfield.andes-form-control--multiline .andes-form-control__field {
    color: rgba(0, 0, 0, .9);
    line-height: 1.29;
    max-height: 115px;
    min-height: 115px;
    padding: 12px
}

.andes-modal__overlay--card .ui-pdp-qadb__make-question__modal .andes-form-control--textfield.andes-form-control--multiline .andes-form-control__field,
.andes-modal__overlay--card .ui-pdp-qadb__make-question__modal .andes-form-control--textfield.andes-form-control--multiline .andes-form-control__field::placeholder {
    font-size: 14px
}

.andes-modal__overlay--card .ui-pdp-qadb__make-question__modal .ui-pdp-qadb__question-form__form__actions {
    margin-bottom: 0;
    margin-top: 21px;
    text-align: center
}

.ui-qadb__make-question-sa__label {
    margin-top: 21px;
    text-align: center
}

.ui-qadb__make-question-sa__button {
    height: 48px;
    margin-left: 0;
    margin-top: 18px;
    width: 100%
}

.ui-qadb__make-question-sa__button .andes-button__content {
    font-size: 16px
}

.ui-qadb__make-question-sa__content .andes-form-control__field {
    min-height: 64px
}

.ui-qadb__make-question-sa__content .andes-form-control__message-fixed {
    margin-top: 0
}

.ui-pdp-qadb__card-answer__smart-answers {
    padding: 14px 17px 16px
}

.ui-pdp-qadb__question-form__form__actions__button {
    width: 100%
}

.ui-pdp-qadb__questions-list__action {
    margin-top: 24px
}

.ui-pdp-qadb__questions-list.ui-pdp-iframe {
    height: 100%
}

.ui-pdp-qadb__questions-list__question {
    margin-top: 16px
}

.ui-pdp-qadb__questions-list__question:not(:first-of-type) {
    margin-top: 24px
}

.ui-pdp-qadb__questions-list__answer-item__answer,
.ui-pdp-qadb__questions-list__question__label {
    font-size: 16px
}

.ui-pdp-qadb__questions-list__answer-item__answered-by {
    font-size: 12px
}

.ui-pdp-qadb__questions-list__see-more__link {
    font-size: 14px
}

.ui-pdp-qadb__questions-list__see-more__modal-content .andes-modal__header {
    padding: 24px
}

.ui-pdp-qadb__questions-list__see-more__modal-content .andes-modal__header-title {
    font-size: 0
}

.ui-pdp-qadb__no-last-questions .no-last-questions__subtitle,
.ui-pdp-qadb__no-last-questions .no-last-questions__title {
    color: rgba(0, 0, 0, .55);
    font-size: 14px
}

.ui-pdp-qadb__no-last-questions .no-last-questions__title {
    font-weight: 600
}

.ui-pdp-qadb__no-last-questions {
    display: block;
    margin: 40px 0;
    text-align: center
}

.andes-modal__overlay--card .ui-pdp-question-modal__modal {
    margin: 0 24px;
    max-height: 287px;
    min-height: 272px;
    width: 100%
}

.andes-modal__overlay--card .ui-pdp-question-modal__modal.modal-fixed-height {
    height: auto;
    min-height: 247px
}

.andes-modal__overlay--card .ui-pdp-question-modal__modal .andes-modal__header {
    padding: 20px 24px 12px
}

.andes-modal__overlay--card .ui-pdp-question-modal__modal .andes-modal__title {
    font-size: 1.45em;
    line-height: 1.3
}

.andes-modal__overlay--card .ui-pdp-question-modal__modal .ui-pdp-question-modal__subtitle {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    line-height: 1.25;
    margin: 0 0 20px;
    text-align: center
}

.andes-modal__overlay--card .ui-pdp-question-modal__modal .andes-form-control--textfield.andes-form-control--multiline .andes-form-control__field {
    color: rgba(0, 0, 0, .9);
    line-height: 1.29;
    max-height: 75px;
    min-height: 75px;
    padding: 12px
}

.andes-modal__overlay--card .ui-pdp-question-modal__modal .andes-form-control--textfield.andes-form-control--multiline .andes-form-control__field,
.andes-modal__overlay--card .ui-pdp-question-modal__modal .andes-form-control--textfield.andes-form-control--multiline .andes-form-control__field::placeholder {
    font-size: 14px
}

.andes-modal__overlay--card .ui-pdp-question-modal__modal .ui-pdp-qadb__question-form__form__actions {
    margin-bottom: 0;
    text-align: center
}

@media(max-width: 320px) {
    .andes-modal__overlay--card .andes-modal-title {
        font-size: 1.07em
    }

    .andes-modal__overlay--card .ui-pdp-question-modal__subtitle {
        font-size: 14px
    }
}

.ui-pdp-qadb__search-bar {
    margin-top: 32px
}

.ui-pdp-qadb__search-bar__input .andes-form-control__field {
    padding-right: 48px
}

.ui-pdp-qadb__search-bar__input .andes-form-control__field::placeholder {
    font-size: 14px
}

.ui-pdp-qadb__search-bar__input--shows-close .andes-form-control__field {
    padding-right: 74px
}

.ui-pdp-qadb__search-bar__input-container {
    display: block;
    margin-top: 16px;
    position: relative
}

.ui-pdp-qadb__search-bar__search {
    width: 48px
}

.ui-pdp-qadb__search-bar__tooltip .andes-tooltip-button-close {
    right: 46px
}

.ui-pdp-qadb__search-bar__clear-search {
    right: 60px
}

.ui-pdp-qadb__search-bar__auto-suggest {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15);
    position: absolute;
    width: 100%
}

.ui-pdp-qadb__search-bar__auto-suggest__row {
    align-items: center;
    background-color: #fff;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 18px;
    padding-left: 16px;
    padding-top: 18px;
    width: 100%
}

.ui-pdp-qadb__search-bar__auto-suggest__row__icon {
    margin-right: 16px
}

.ui-pdp-qadb__search-bar__auto-suggest__row:focus {
    outline: 0
}

.ui-pdp-qadb__search-bar__auto-suggest__row:hover {
    background-color: rgba(0, 0, 0, .04);
    cursor: pointer
}

.ui-pdp-qadb__search-bar__tooltip.andes-tooltip--highlight {
    width: calc(100% - 32px)
}

.ui-pdp-qadb__search-bar__tooltip.andes-tooltip--highlight .andes-tooltip-arrow:before {
    top: -6px
}

@media(max-width: 330px) {
    .ui-pdp-qadb__search-bar__input .andes-form-control__field::placeholder {
        font-size: 12px
    }
}

.ui-pdp-qadb__feedback {
    padding: 16px
}

.ui-pdp-qadb__feedback__label {
    font-size: 16px;
    text-align: left
}

.ui-pdp-quick-access__container {
    margin-top: 24px
}

.ui-pdp-qadb__find-in-questions__button {
    display: inline-flex;
    margin-bottom: 0;
    margin-top: 4px;
    padding-left: 0
}

.ui-pdp-qadb__find-in-questions__button:hover {
    background-color: transparent;
    cursor: pointer
}

.ui-pdp-qadb__find-in-questions__button-text:hover {
    color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-qadb__find-in-questions__button-text {
    font-size: 14px;
    line-height: 1.4
}

.ui-pdp-qadb__how-to-make-question-button {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.ui-pdp-qadb__how-to-make-question-button__icon {
    height: 18px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 19px
}

.ui-pdp-qadb__how-to-make-question-button .andes-button__content {
    position: relative
}

.ui-pdp-qadb__how-to-make-question-button .andes-button__text {
    margin-left: 33px
}

.ui-pdp-qadb__how-to-make-question-button {
    width: 100%
}

.ui-pdp-qadb__smart-answer__feedback {
    display: flex;
    margin-top: 24px
}

.ui-pdp-qadb__smart-answer__feedback span:first-of-type {
    margin-left: 32px
}

.ui-pdp-qadb__smart-answer__feedback span {
    margin-left: 40px
}

.ui-pdp-qadb__smart-answer__feedback__action:hover {
    cursor: pointer
}

.ui-pdp-qadb__smart-answer__text {
    line-height: 18px
}

.ui-pdp-qadb__smart-answer-modal__label {
    color: rgba(0, 0, 0, .9);
    line-height: 22px;
    max-height: 85vh;
    overflow: scroll;
    text-align: center;
    width: 100%
}

.ui-pdp-qadb__smart-answer-modal__label .ui-pdp-action-modal {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    margin: 0
}

.ui-pdp-qadb__smart-answer-modal__label b {
    font-weight: 600
}

.ui-pdp-qadb__smart-answer-modal__button {
    width: 100%
}

.ui-pdp-qadb__smart-answer-modal__button:last-child {
    margin-top: 8px
}

.ui-pdp-qadb__smart-answer-modal__button .andes-button__content {
    font-weight: 600
}

.ui-pdp-qadb__smart-answer-modal .andes-modal__actions {
    padding: 0 32px 32px
}

.ui-pdp-qadb__smart-answer-modal .andes-modal__actions .andes-button--filled {
    display: block
}

.ui-pdp-qadb__smart-answer-modal .andes-modal__header {
    padding-bottom: 0
}

.ui-pdp-qadb__smart-answer-modal .andes-modal__close-button {
    margin-top: 0
}

.ui-pdp-qadb__smart-answer-modal .andes-modal__content {
    padding: 32px 32px 24px
}

.ui-pdp-qadb__smart-answer-modal .andes-modal__actions {
    bottom: 0;
    position: absolute;
    width: 100%
}

.ui-pdp-qadb__smart-answer-modal__modal {
    margin: 0 32px
}

.ui-pdp-qadb__smart-answer-modal__modal .andes-modal__content,
.ui-pdp-qadb__smart-answer-modal__modal.andes-modal--card.andes-modal--fixed-actions .andes-modal__content {
    padding: 0 32px 32px
}

.ui-pdp-qadb__smart-answer-modal__modal .andes-modal__actions {
    margin-top: 32px
}

.ui-pdp-qadb__smart-answer-modal__button:last-child {
    line-height: 1
}

.ui-pdp-qadb {
    border-top: none;
    padding-top: 0;
    scroll-behavior: smooth
}

.ui-pdp-qadb__title {
    font-size: 20px
}

.ui-pdp-generic-summary__message__text {
    padding-right: 1.1428571429em
}

.ui-pdp-generic-summary .price-tag__disabled {
    color: rgba(0, 0, 0, .55)
}

.ui-pdp-generic-summary__action-icon {
    height: 14px;
    margin-right: 6px;
    width: 10px
}

.ui-pdp-generic-summary .price-tag-cents {
    line-height: 1.5
}

.ui-pdp-generic-summary--black-price .ui-pdp-price__part {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-generic-summary--black-price .ui-pdp-price__part__previous {
    color: rgba(0, 0, 0, .55)
}

.ui-pdp-generic-summary--md .ui-pdp-media__text {
    line-height: 1.29
}

.ui-pdp-generic-summary--md .ui-pdp-media__text .ui-pdp-price__part {
    color: inherit;
    display: inline;
    font-size: inherit;
    line-height: inherit
}

.ui-pdp-generic-summary--md .ui-pdp-media__text .ui-pdp-price__part .price-tag-cents {
    font-size: .7em;
    position: relative;
    vertical-align: top
}

.ui-pdp-generic-summary .ui-pdp-icon--return {
    height: 22px;
    width: 17px
}

.ui-pdp-generic-summary-modal .andes-modal__close-button {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui-pdp-generic-summary-modal.ui-pdp-action-modal__modal--no-close .andes-modal__close-button {
    display: none
}

.ui-pdp-generic-summary-modal .andes-spinner {
    background-color: #fff
}

.ui-pdp-generic-summary--first-buy .ui-pdp-media__title .ui-pdp-color--BLACK.ui-pdp-family--REGULAR {
    white-space: nowrap
}

.ui-pdp-payment-sprites {
    align-items: center;
    display: flex;
    margin-top: 4px
}

.ui-pdp-payment-sprites__icon {
    margin: 0 0 0 5px
}

.ui-pdp-payment-sprites__icon:first-child {
    margin-left: 0
}

.ui-pdp-generic-summary {
    padding: 0 16px
}

.ui-pdp-generic-summary__map-content {
    display: grid;
    font-weight: 400;
    gap: 0 3rem;
    grid-template-columns: repeat(2, 1fr);
    margin-left: 18px;
    max-width: 400px
}

.ui-pdp-generic-summary__import-fees {
    display: flex;
    margin-left: 18px;
    padding-bottom: 20px
}

.ui-pdp-generic-summary__bs-close-button {
    position: absolute;
    right: 0;
    top: -50px
}

.ui-pdp-generic-summary__bs-close-button-native {
    position: absolute;
    right: 0;
    top: 10px
}

.ui-pdp-generic-summary__message {
    margin: 20px 16px 0
}

.ui-pdp-generic-summary .mt-4 {
    margin-top: 4px
}

.ui-pdp-container__row>.andes-tooltip__trigger {
    width: 100%
}

.ui-pdp-icon--cbt-summary {
    height: 15px;
    position: relative;
    top: 2px;
    width: 173px
}

.ui-pdp-generic-summary-modal.second_shipping_summary__modal .andes-modal__header,
.ui-pdp-generic-summary-modal.second_shipping_summary__modal .andes-modal__header--sticky,
.ui-pdp-generic-summary-modal.shipping_summary__modal .andes-modal__header,
.ui-pdp-generic-summary-modal.shipping_summary__modal .andes-modal__header--sticky,
.ui-pdp-generic-summary-modal.ui-pdp-shipping-modal .andes-modal__header,
.ui-pdp-generic-summary-modal.ui-pdp-shipping-modal .andes-modal__header--sticky {
    background: none;
    position: relative;
    z-index: 1
}

.ui-pdp-generic-summary-modal.second_shipping_summary__modal .andes-modal__content,
.ui-pdp-generic-summary-modal.shipping_summary__modal .andes-modal__content,
.ui-pdp-generic-summary-modal.ui-pdp-shipping-modal .andes-modal__content {
    margin-top: -32px;
    position: relative;
    z-index: 0
}

.ui-pdp-generic-summary-modal.second_shipping_summary__modal .andes-modal__header--sticky,
.ui-pdp-generic-summary-modal.shipping_summary__modal .andes-modal__header--sticky,
.ui-pdp-generic-summary-modal.ui-pdp-shipping-modal .andes-modal__header--sticky {
    box-shadow: none
}

.ui-pdp-generic-summary-modal.second_shipping_summary__modal .andes-modal__close-button,
.ui-pdp-generic-summary-modal.second_shipping_summary__modal .andes-modal__header--sticky .andes-modal__close-button,
.ui-pdp-generic-summary-modal.shipping_summary__modal .andes-modal__close-button,
.ui-pdp-generic-summary-modal.shipping_summary__modal .andes-modal__header--sticky .andes-modal__close-button,
.ui-pdp-generic-summary-modal.ui-pdp-shipping-modal .andes-modal__close-button,
.ui-pdp-generic-summary-modal.ui-pdp-shipping-modal .andes-modal__header--sticky .andes-modal__close-button {
    margin: 0;
    position: relative;
    top: 8px
}

.ui-pdp-generic-summary-modal.ui-pdp-action-modal__modal--no-title .andes-modal__content {
    margin: 0
}

.ui-pdp-generic-summary-modal .andes-modal__header {
    padding-bottom: 16px
}

.ui-pdp-generic-summary-modal .andes-modal__content {
    height: calc(100% - 82px);
    margin: 32px 32px 0;
    padding: 0;
    position: relative
}

.ui-pdp-generic-summary-modal .ui-pdp-iframe {
    inset: 0;
    min-height: 100%;
    position: absolute
}

.ui-pdp-buybox .ui-pdp-generic-summary {
    padding: 0
}

.ui-vpp-card-tooltip.shipping-summary {
    margin-top: 12px
}

.andes-bottom-sheet__swiper {
    visibility: hidden
}

.ui-vip-payment_methods {
    width: 100%
}

.ui-vip-payment_methods .ui-pdp-payment-icon .ui-pdp-payment-icon__size .ui-pdp-image {
    max-width: 100px
}

.ui-vip-payment_methods .ui-pdp-action-modal {
    width: 100%
}

.ui-vip-payment_methods__container {
    border-radius: 4px;
    display: flex;
    flex: 1;
    margin: 0;
    padding: 12px 20px
}

.ui-vip-payment_methods__card {
    margin-right: 5px
}

.ui-vip-payment_methods__title {
    margin-top: 24px
}

.ui-vip-payment_methods__title:first-child {
    margin-top: 0
}

.ui-vip-payment_methods .ui-pdp-media__figure {
    display: flex
}

.ui-vip-payment_methods .ui-pdp-media__figure .ui-pdp-icon {
    height: 20px;
    margin: 1px 0;
    width: 20px
}

.ui-vip-payment_methods .ui-pdp-media__title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0
}

.ui-vip-container__row--payment-methods .ui-box-component__title {
    line-height: 26px
}

.ui-vip-payment_methods__subtitle {
    color: rgba(0, 0, 0, .55);
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px
}

.ui-vip-payment_methods .ui-pdp-payment-icon {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px
}

.ui-vip-payment_methods .ui-pdp-payment-icon .ui-pdp-payment-icon__size+div {
    margin-left: 26px
}

.ui-vip-payment_methods .ui-pdp-payment-icon .ui-pdp-payment-icon__size {
    margin: 10px 24px 4px 0
}

.ui-vip-payment_methods__title {
    line-height: 12px
}

@media(max-width: 320px) {
    .ui-vip-payment_methods__icons-row .ui-vip-payment_methods__icon {
        margin-right: 16px
    }
}

.ui-box-component {
    border-top: 1px solid rgba(0, 0, 0, .1);
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    padding: 40px 16px;
    width: 100%
}

.ui-box-component__title {
    color: rgba(0, 0, 0, .9);
    font-size: 20px;
    width: 100%
}

.ui-box-component__action {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 32px;
    width: 100%
}

.ui-box-component-carousel-free {
    padding: 40px 0
}

.ui-box-component-list-double {
    display: block
}

.ui-box-component-carousel-by-type.ui-recommendations-carousel-free {
    padding: 40px 0
}

.ui-box-component-carousel-by-type.ui-recommendations-list__container--double {
    display: block
}

.ui-pdp-shipping__message {
    margin: 10px 0 20px
}

.ui-vpp-rating {
    padding: 24px
}

.ui-vpp-rating__title {
    margin-bottom: 20px
}

.ui-vpp-rating__level {
    grid-column-gap: 12px
}

.ui-vpp-rating__level:not(:last-child) {
    margin-bottom: 8px
}

.onboarding__modal {
    max-width: calc(100% - 48px) !important
}

.onboarding__modal .meli-usd-modal-first-info-row .ui-pdp-icon--mcoin-buy,
.onboarding__modal .meli-usd-modal-first-info-row .ui-pdp-icon--mcoin-sell {
    margin-right: 6px
}

.onboarding__modal .andes-modal__content {
    padding: 24px
}

.onboarding__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.onboarding__container .ui-pdp-container__row {
    justify-content: center;
    margin: 0;
    width: 100%
}

.onboarding__container .ui-pdp-container__row--push-notification-actions,
.onboarding__container .ui-pdp-container__row--push-notification-message {
    margin-top: 22px
}

.onboarding__container .ui-pdp-media {
    margin-bottom: 20px;
    width: 100%
}

.onboarding__container .ui-pdp-media__body {
    text-align: left
}

.onboarding__container .ui-pdp-media__title {
    line-height: 22px
}

.onboarding__container .ui-pdp-media__text {
    line-height: 18px
}

.onboarding__container .ui-pdp-actions {
    padding: 0;
    width: 100%
}

.onboarding__container .meli-usd-modal-title .andes-money-amount {
    display: inline-flex
}

.onboarding__modal.full-modal .ui-vpp-image-component {
    height: 30px;
    margin: 0
}

.onboarding__modal.full-modal .full-image {
    margin-top: 16px
}

.onboarding__modal.full-modal-fs {
    max-height: 33em
}

.onboarding__modal.full-modal-fs .ui-vpp-image-component {
    height: 30px;
    margin: 0
}

.onboarding__modal.full-modal-fs .ui-pdp-container__row--full-first-info-row .ui-pdp-icon,
.onboarding__modal.full-modal-fs .ui-pdp-container__row--full-second-info-row .ui-pdp-icon,
.onboarding__modal.full-modal-fs .ui-pdp-container__row--full-third-info-row .ui-pdp-icon {
    margin-right: 16px;
    width: 32px
}

.onboarding__modal.full-modal-fs .full-image {
    margin-top: 16px
}

.onboarding__modal.mcoin-modal .ui-pdp-actions {
    margin-top: 10px
}

.onboarding__modal.mcoin-modal .up-pdp-media__body {
    text-align: center
}

.onboarding__modal.mcoin-modal .mcoin-second-info-row,
.onboarding__modal.mcoin-modal .mcoin-third-info-row {
    width: -moz-fit-content;
    width: fit-content
}

.onboarding__modal.mcoin-modal .mcoin-second-info-row.mcoin-second-info-row,
.onboarding__modal.mcoin-modal .mcoin-third-info-row.mcoin-second-info-row {
    margin-top: 5px
}

.onboarding__modal.mcoin-modal .mcoin-second-info-row .ui-pdp-media__body,
.onboarding__modal.mcoin-modal .mcoin-third-info-row .ui-pdp-media__body {
    margin-left: 8px
}

.onboarding__modal.cbt-modal .andes-modal__content {
    padding-top: 32px
}

.onboarding__modal.cbt-modal .cbt-image-label {
    align-items: center;
    justify-content: center;
    margin-bottom: 0
}

.onboarding__modal.cbt-modal .cbt-image-label .ui-pdp-media__body {
    flex: unset;
    margin-left: 10px
}

.onboarding__modal.cbt-modal .ui-pdp-media__text,
.onboarding__modal.cbt-modal .ui-pdp-media__title--plain {
    line-height: 22px
}

.onboarding__modal.cbt-modal .ui-pdp-icon--cbt-world {
    height: 23.4px;
    width: 23.4px
}

.onboarding__modal.cbt-modal .ui-pdp-icon--cbt-summary {
    width: 198px
}

.onboarding__modal.cbt-modal--short {
    min-height: 308px
}

.onboarding__modal.loan-summary-modal .loan-summary-label {
    line-height: 1.3;
    margin-bottom: 20px
}

.onboarding__modal.loan-summary-modal .loan-summary-image {
    margin: 0
}

.onboarding__modal.external-credits-modal {
    max-height: 324px;
    max-width: calc(100% - 48px)
}

.onboarding__modal.external-credits-modal .external-credits-modal-image {
    margin: 0 auto
}

.onboarding__modal.external-credits-modal .external-credits-modal-image svg {
    height: 80px;
    width: 105px
}

.onboarding__modal.external-credits-modal .external-credits-modal-image .external-credits-new-onboarding img {
    height: auto;
    margin-left: 5px;
    width: auto
}

.onboarding__modal.external-credits-modal .external-credits-modal-image .ui-pdp-icon--external-credits-mc-onboarding img {
    height: 115px;
    width: 240px
}

.onboarding__modal.external-credits-modal .ui-pdp-container__row p {
    line-height: 1.25
}

.onboarding__modal.external-credits-modal .ui-pdp-container__row--external-credits-modal-title {
    padding-top: 14px
}

.onboarding__modal.external-credits-modal .ui-pdp-container__row--external-credits-modal-subtitle {
    padding-top: 10px
}

.onboarding__modal.external-credits-modal .ui-pdp-container__row--modal-actions {
    padding-top: 28px
}

.onboarding__modal.external-credits-mc-modal {
    max-height: 324px
}

.onboarding__modal.external-credits-mc-modal .external-credits-modal-image {
    margin: 0 auto 24px
}

.onboarding__modal.external-credits-mc-modal .external-credits-modal-image img {
    height: 115px;
    width: auto
}

.onboarding__modal.external-credits-mc-modal .external-credits-modal-title {
    margin-bottom: 8px
}

.onboarding__modal.external-credits-mc-modal .external-credits-modal-subtitle {
    margin-bottom: 24px
}

.onboarding__modal.push-notification-question-modal .ui-pdp-container {
    display: block;
    height: 100%;
    width: 100%
}

.onboarding__modal.push-notification-question-modal .andes-modal__content {
    padding: 0;
    width: 100%
}

.onboarding__modal.push-notification-question-modal .andes-modal__content .ui-pdp-container__row--push-notification-title {
    margin: 22px 22px 0;
    width: auto
}

.onboarding__modal.push-notification-question-modal .andes-modal__content .ui-pdp-container__row--push-notification-image {
    box-sizing: content-box;
    display: block;
    margin-top: 16px;
    max-width: 100%;
    object-fit: contain
}

.onboarding__modal.push-notification-question-modal .andes-modal__content .ui-pdp-container__row--push-notification-image img {
    border: 1px solid hsla(0, 0%, 100%, .1);
    max-width: 100%
}

.onboarding__modal.push-notification-question-modal .andes-modal__content .ui-pdp-container__row--push-notification-message {
    margin-top: 22px;
    padding-left: 22px;
    padding-right: 22px
}

.onboarding__modal.push-notification-question-modal .andes-modal__content .ui-pdp-container__row--push-notification-actions {
    margin-top: 32px;
    padding-left: 22px;
    padding-right: 22px
}

.onboarding__modal.push-notification-question-modal .andes-modal__content .ui-pdp-container__row--push-notification-actions .andes-button {
    padding-left: 0;
    padding-right: 0
}

.onboarding__modal.push-notification-bookmark-modal {
    margin: 0 24px;
    min-height: 500px;
    width: 100%
}

.onboarding__modal.push-notification-bookmark-modal .andes-modal__content {
    padding: 0;
    width: 100%
}

.onboarding__modal.push-notification-bookmark-modal .andes-modal__content .ui-pdp-container__row--push-notification-header {
    background-color: #eee;
    padding: 22px 22px 0
}

.onboarding__modal.push-notification-bookmark-modal .andes-modal__content .ui-pdp-container__row--push-notification-header .ui-vpp-onboarding-header {
    align-items: center;
    display: flex;
    flex-direction: column
}

.onboarding__modal.push-notification-bookmark-modal .andes-modal__content .ui-pdp-container__row--push-notification-header .ui-vpp-image-component {
    margin-top: 12px
}

.onboarding__modal.push-notification-bookmark-modal .andes-modal__content .ui-pdp-container__row--push-notification-message {
    margin-top: 22px;
    padding-left: 22px;
    padding-right: 22px
}

.onboarding__modal.push-notification-bookmark-modal .andes-modal__content .ui-pdp-container__row--push-notification-actions {
    margin-top: 32px;
    padding-left: 22px;
    padding-right: 22px
}

.onboarding__modal.push-notification-bookmark-modal .andes-modal__content .ui-pdp-container__row--push-notification-actions .andes-button {
    padding-left: 0;
    padding-right: 0
}

.onboarding__modal.contacts-fraud-modal {
    max-width: calc(100% - 40px)
}

.onboarding__modal.contacts-fraud-modal .contacts-fraud-icon-modal {
    margin-block: 8px 32px
}

.onboarding__modal.contacts-fraud-modal .andes-modal__content {
    padding: 24px 28px
}

.onboarding__modal.contacts-fraud-modal .contacts-fraud-modal-title {
    line-height: 1.25;
    margin-bottom: 16px
}

.onboarding__modal.contacts-fraud-modal .contacts-fraud-modal-text-list {
    margin-bottom: 32px
}

.onboarding__modal.long-term-rental-modal {
    max-height: 455px;
    max-width: calc(100% - 48px)
}

.onboarding__modal.long-term-rental-modal .long-term-rental-modal-image {
    margin: 0 auto
}

.onboarding__modal.long-term-rental-modal .ui-pdp-container__row p {
    line-height: 1.25
}

.onboarding__modal.long-term-rental-modal .ui-pdp-container__row--long-term-rental-modal-title {
    padding-top: 20px
}

.onboarding__modal.long-term-rental-modal .ui-pdp-container__row--long-term-rental-modal-subtitle {
    padding-top: 10px
}

.onboarding__modal.long-term-rental-modal .ui-pdp-container__row--modal-actions {
    padding-top: 35px
}

@media(max-width: 320px) {
    .onboarding__modal.long-term-rental-modal {
        min-height: 342px
    }
}

.meli-usd-modal-title .ui-pdp-price__part .andes-money-amount__cents.andes-money-amount__cents--superscript-SMALL,
.meli-usd-modal-title .ui-pdp-price__part .andes-money-amount__cents.andes-money-amount__cents--superscript-XSMALL {
    font-size: 10px;
    font-weight: 600;
    margin-top: 1px
}

.ui-pdp__info-tooltip__ctas-container {
    display: flex
}

.ui-pdp__info-tooltip__text {
    display: block;
    line-height: 1.3em;
    margin-bottom: 14px
}

.ui-pdp__info-tooltip__link {
    align-self: center;
    margin-left: 24px
}

.ui-pdp__info-tooltip__withoutMargin {
    align-self: left;
    margin-left: 0
}

.andes-breadcrumb {
    font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    margin: 0 0 24px;
    padding: 0
}

.andes-breadcrumb .andes-breadcrumb__item {
    display: inline-block
}

.andes-breadcrumb .andes-breadcrumb__label,
.andes-breadcrumb .andes-breadcrumb__link {
    float: left
}

.andes-breadcrumb .andes-breadcrumb__link {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    cursor: pointer;
    text-decoration: none
}

.andes-breadcrumb .andes-breadcrumb__link:hover {
    color: var(--andes-color-blue-600, #2968c8)
}

.andes-breadcrumb .andes-breadcrumb__link:active {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-breadcrumb .andes-breadcrumb__link:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    color: var(--andes-color-blue-600, #2968c8);
    outline: none
}

.andes-breadcrumb .andes-breadcrumb__link:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-breadcrumb .andes-breadcrumb__link:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-breadcrumb .andes-breadcrumb__label {
    color: rgba(0, 0, 0, .9)
}

.andes-breadcrumb .andes-breadcrumb__chevron {
    float: left;
    padding: 0 12px
}

.ui-pdp-breadcrumb {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.ui-pdp-breadcrumb__link {
    float: left;
    margin: 0 25px 2px 0;
    position: relative;
    text-wrap: nowrap
}

.ui-pdp-breadcrumb__link:after {
    background-color: rgba(0, 0, 0, .2);
    content: "";
    height: 12px;
    position: absolute;
    right: -14px;
    top: 2px;
    width: 1px
}

.ui-pdp-breadcrumb .ui-pdp-bookmark__list-share {
    display: inline-block
}

.ui-pdp-breadcrumb .andes-breadcrumb {
    margin: 0
}

.ui-pdp-breadcrumb .andes-breadcrumb__chevron {
    padding: 0 6px
}

.ui-pdp-breadcrumb .andes-breadcrumb>li:last-child>.andes-breadcrumb__chevron {
    display: none
}

.ui-pdp-breadcrumb .andes-tooltip {
    padding: 0
}

.ui-pdp-breadcrumb .andes-tooltip-hidden {
    display: block
}

.ui-pdp-breadcrumb {
    line-height: 2;
    margin: 0;
    width: 100%
}

.ui-pdp-breadcrumb--compact .andes-breadcrumb__item:not(:nth-child(-n+2)):not(:nth-last-child(-n+4)) {
    display: none
}

.ui-vpp-discrete-bar__bar {
    display: flex;
    flex-direction: row;
    width: 100%
}

.ui-vpp-discrete-bar__bar__interval {
    background-color: rgba(0, 0, 0, .07);
    height: 8px;
    width: 100%
}

.ui-vpp-discrete-bar__bar__interval:not(:first-of-type) {
    margin-left: 2px
}

.ui-vpp-discrete-bar__bar__interval--highlighted {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.ui-vpp-discrete-bar__bar--rounded .ui-vpp-discrete-bar__bar__interval:first-of-type {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.ui-vpp-discrete-bar__bar--rounded .ui-vpp-discrete-bar__bar__interval:last-of-type {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-vpp-discrete-bar__description {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    width: 100%
}

.ui-vpp-discrete-bar__description__label {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.17
}

.ui-vpp-progress-bar__container {
    border-radius: 8px;
    margin: 8px 0 6px;
    width: 100%
}

.ui-vpp-progress-bar__container.small {
    height: 6px
}

.ui-vpp-progress-bar__container.large {
    height: 8px
}

.ui-vpp-progress-bar__fill {
    border-radius: inherit;
    height: 100%
}

.ui-vpp-highlighted-specs__highlighted-attributes {
    display: flex
}

.ui-vpp-highlighted-specs__highlighted-attributes__card {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1);
    position: relative
}

.ui-vpp-highlighted-specs__highlighted-attributes__card:not(:first-of-type) {
    margin-left: 8px
}

.ui-vpp-highlighted-specs__highlighted-attributes__card-border {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-radius: 6px 0 0 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.ui-vpp-highlighted-specs__highlighted-attributes__card-labels {
    margin-left: 8px
}

.ui-vpp-highlighted-specs__highlighted-attributes__card-content {
    align-items: center;
    display: flex;
    padding-bottom: 12px;
    padding-top: 12px
}

.ui-vpp-highlighted-specs__highlighted-attributes .ui-vpp-image-component {
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(194deg) brightness(104%) contrast(102%)
}

.ui-vpp-highlighted-specs__highlighted-attributes--HORIZONTAL {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 12px 12px 12px 0
}

.ui-vpp-highlighted-specs__highlighted-attributes--HORIZONTAL::-webkit-scrollbar {
    display: none
}

.ui-vpp-highlighted-specs__highlighted-attributes__card--HORIZONTAL {
    flex: 0 0 auto
}

.ui-vpp-highlighted-specs__highlighted-attributes__card-content {
    padding-left: 12px;
    padding-right: 16px
}

.ui-vpp-highlighted-specs__highlighted-attributes-list,
.ui-vpp-highlighted-specs__highlighted-attributes-list__attribute {
    width: 100%
}

.ui-vpp-highlighted-specs__highlighted-attributes-list__attribute:not(:first-of-type) {
    margin-top: 16px
}

.ui-vpp-highlighted-specs__features-list-item:before {
    content: "•";
    font-size: 18px;
    line-height: 14px
}

.ui-vpp-highlighted-specs__features-list {
    margin-left: 16px;
    margin-right: 16px
}

.ui-vpp-highlighted-specs__features-list-item {
    margin-top: 16px;
    padding-left: 15px;
    text-indent: -16px
}

.ui-vpp-highlighted-specs__features-list-item:first-child {
    margin-top: 24px
}

.ui-vpp-highlighted-specs__features-list-item:before {
    color: rgba(0, 0, 0, .25);
    padding-right: 10px
}

.ui-vpp-highlighted-specs__discrete-bar {
    align-items: flex-start;
    display: flex;
    width: 100%
}

.ui-vpp-highlighted-specs__discrete-bar__attribute {
    margin-left: 16px;
    width: 100%
}

.ui-vpp-highlighted-specs__discrete-bar__title {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.14
}

.ui-vpp-highlighted-specs__discrete-bar__discrete {
    margin-top: 8px
}

.ui-vpp-highlighted-specs__continuous-bar {
    align-items: center;
    display: flex;
    width: 100%
}

.ui-vpp-highlighted-specs__continuous-bar__attribute {
    margin-left: 12px;
    width: 100%
}

.ui-vpp-highlighted-specs__continuous-bar__labels {
    display: flex;
    justify-content: space-between
}

.ui-vpp-highlighted-specs__continuous-bar__progress {
    height: 8px;
    margin-bottom: 0;
    margin-top: 6px
}

.ui-vpp-highlighted-specs__key-value {
    align-items: center;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

.ui-vpp-highlighted-specs__key-value__labels {
    align-items: center;
    display: flex;
    margin-left: 16px
}

.ui-vpp-highlighted-specs__key-value__labels__value {
    margin-left: 4px
}

.ui-vpp-highlighted-specs__key-value .ui-vpp-highlighted-specs__filled-icon {
    align-self: start
}

.ui-vpp-highlighted-specs__key-value-carousel {
    overflow: hidden;
    position: relative
}

.ui-vpp-highlighted-specs__key-value-carousel:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .2), #fff);
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.ui-vpp-highlighted-specs__key-value-carousel__container {
    display: flex;
    overflow: auto hidden;
    padding: 0 40px 0 16px
}

.ui-vpp-highlighted-specs__key-value-carousel__container::-webkit-scrollbar {
    display: none
}

.ui-vpp-highlighted-specs__key-value-carousel__list {
    display: flex;
    gap: 32px;
    margin-top: 24px
}

.ui-vpp-highlighted-specs__key-value-carousel__list .ui-vpp-highlighted-specs__key-value__labels__key-value {
    text-wrap: nowrap
}

.ui-vpp-highlighted-specs__filled-icon {
    display: block;
    position: relative
}

.ui-vpp-highlighted-specs__filled-icon img {
    display: block;
    left: 50%;
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ui-vpp-highlighted-specs__filled-icon--ROUNDED {
    border-radius: 50%;
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.ui-vpp-highlighted-specs__filled-icon--SQUARE {
    border-radius: 4px;
    height: 40px;
    max-height: 40px;
    max-width: 40px;
    min-height: 40px;
    min-width: 40px;
    width: 40px
}

.ui-vpp-highlighted-specs__see-more .ui-pdp-see-more__action {
    margin-top: 0
}

.ui-vpp-highlighted-specs__see-more .ui-pdp-see-more--cant-see-everything {
    margin-bottom: 32px;
    margin-top: -1px;
    overflow: hidden;
    padding-top: 1px;
    position: relative
}

.ui-vpp-highlighted-specs__see-more .ui-pdp-see-more--cant-see-everything:after {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .4) 85%, #fff);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.ui-vpp-highlighted-specs__striped-specs .ui-vpp-striped-specs__table:not(:first-of-type) {
    margin-top: 24px
}

.ui-vpp-highlighted-specs__striped-specs .ui-vpp-striped-specs__table:last-of-type {
    margin-bottom: 24px
}

.ui-vpp-highlighted-specs__features__additional-information {
    margin: 24px 16px
}

.ui-vpp-highlighted-specs-rex {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 31px;
    padding-top: 32px
}

.ui-vpp-highlighted-specs-rex div.ui-pdp-container__row--technical-specifications {
    margin-top: 24px
}

.ui-vpp-highlighted-specs-rex .ui-pdp-action-row--secondary {
    align-items: center;
    border: none;
    display: inline-flex;
    flex-direction: row;
    font-weight: 600;
    justify-content: flex-start;
    padding: 0
}

.ui-vpp-highlighted-specs-rex .ui-pdp-action-row--secondary svg {
    margin-left: 10px;
    margin-top: 2px;
    position: static
}

.ui-vpp-highlighted-specs {
    max-width: 100%;
    width: 100%
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--highlighted-features-title,
.ui-vpp-highlighted-specs .ui-pdp-container__row--highlighted-specs-title {
    margin-left: 16px;
    margin-right: 16px
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--highlighted-attributes {
    margin-left: 16px;
    margin-top: 32px
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--highlighted-attributes-list {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 32px
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--continuous-bar {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 24px
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--continuous-bar:first-of-type {
    margin-top: 32px
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--discrete-bar {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 32px
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--key-value {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 24px
}

.ui-vpp-highlighted-specs .ui-pdp-container__row--technical-specifications {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 32px
}

.ui-vpp-highlighted-specs__key-value__labels,
.ui-vpp-highlighted-specs__key-value__labels__key-value {
    overflow: hidden
}

.ui-vpp-highlighted-specs__key-value__labels__key-value span {
    overflow-wrap: anywhere
}

.ui-vpp-striped-specs .andes-table {
    border-collapse: separate;
    border-radius: 5px;
    overflow: hidden;
    table-layout: fixed
}

.ui-vpp-striped-specs .andes-table__head {
    background: #fff;
    display: block;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    height: auto;
    letter-spacing: normal;
    line-height: 1.25;
    margin: 0;
    padding: 12px;
    position: relative;
    text-align: left;
    width: auto
}

.ui-vpp-striped-specs__header {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 16px
}

.ui-vpp-striped-specs__row {
    border: none;
    display: flex;
    width: 100%
}

.ui-vpp-striped-specs__row__column {
    background-color: inherit;
    border: none;
    font-size: 12px;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 12px;
    text-align: left;
  
    width: 50%;
    word-break: break-word
}

.ui-vpp-striped-specs__row__column:before {
    content: none
}

.ui-vpp-striped-specs__row:nth-of-type(odd),
.ui-vpp-striped-specs__row:nth-of-type(odd):hover {
    background: rgba(0, 0, 0, .04)
}

.ui-vpp-striped-specs__row:nth-of-type(2n),
.ui-vpp-striped-specs__row:nth-of-type(2n):hover {
    background: #fff
}

.ui-pdp-promotions-pill__trigger-tooltip {
    position: absolute
}

.ui-pdp-promotions-pill-label {
    border-radius: 3px;
    display: inline-flex;
    line-height: 1;
    padding: 3px 4px;
    word-break: break-all
}

.ui-pdp-promotions-pill-label__trigger {
    align-items: center;
    column-gap: 4px;
    display: inline-flex
}

.ui-pdp-promotions-pill-label__target,
.ui-pdp-promotions-pill-label__target:hover,
.ui-pdp-promotions-pill-label__target:link,
.ui-pdp-promotions-pill-label__target:visited {
    color: unset
}

.ui-pdp-promotions-pill-label--with-icon {
    align-items: center;
    height: 20px;
    padding: 2px 5px 0 3px;
    vertical-align: middle;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-promotions-pill-label--with-icon .ui-pdp-promotions-pill-label__text {
    bottom: 1px;
    position: relative
}

.ui-pdp-promotions-pill-label--with-icon .ui-pdp-media__figure {
    margin-right: 0
}

.ui-pdp-promotions-pill-label .andes-tooltip__trigger {
    align-items: center;
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    grid-gap: 4px
}

.ui-pdp-promotions-pill-label.codoacodo {
    font-size: 14px;
    padding: 6px 8px;
    text-transform: none
}

.ui-pdp-promotions-pill-label.best_seller_position {
    font-weight: 400;
    padding: 0 0 0 8px;
    text-transform: none
}

.ui-pdp-promotions-pill-label.melichoice_campaign,
.ui-pdp-promotions-pill-label.presale {
    font-weight: 400;
    padding-left: 8px;
    text-transform: none
}

.ui-pdp-promotions-pill-label.melichoice_campaign {
    bottom: 1.5px;
    position: relative
}

.ui-pdp-promotions-pill-label.deal_campaign {
    font-weight: 400
}

.ui-pdp-promotions-pill__tooltip .andes-tooltip-content {
    width: calc(100% - 15px)
}

.ui-pdp-promotions-pill-label__icon.ui-pdp-promotions-pill-label__tooltip.andes-tooltip--card.andes-tooltip-placement-left.andes-tooltip .andes-tooltip__text {
    width: 293px
}

.ui-pdp-meliplus-label .ui-pdp-promotions-pill-label--with-icon {
    padding: 0
}

.ui-pdp--highlight-tooltip--space {
    border: 0;
    margin: 5px 0
}

.ui-pdp-promotions-progress {
    padding-top: 12px;
    width: 220px
}

.ui-pdp-promotions-progress__bar {
    border-radius: 2px;
    height: 4px;
    overflow: hidden
}

.ui-pdp-promotions-progress__bar .progress {
    height: 4px
}

.ui-pdp-promotions-progress__status {
    align-items: center;
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    padding: 3px 0 4px
}

.ui-pdp-promotions-progress__status .timer {
    font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px
}

.ui-pdp-highlights {
    margin-left: 16px;
    margin-top: 12px
}

.mt-custom-20 {
    margin-top: -20px
}

.ui-pdp-promotions-pill-label__icon.ui-pdp-promotions-pill-label__tooltip.andes-tooltip--card {
    width: calc(100% - 35px)
}

.ui-pdp-promotions-pill-label__icon.ui-pdp-promotions-pill-label__tooltip.andes-tooltip--light {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1);
    line-height: 1.5;
    margin: 0 0 0 13px;
    position: relative;
    text-transform: none;
    width: calc(100% - 35px);
    word-break: normal
}

.ui-pdp-media__figure svg.ui-search-icon.ui-search-icon__hot-sale {
    height: 20px;
    width: 15px
}

.ui-pdp .ui-pdp-container__row--cpg-summary .ui-pdp-generic-summary {
    padding: 0
}

.ui-pdp-container__row--cpg-summary .ui-pdp-color--BLACK.ui-pdp-media__text {
    margin-top: 2px
}

.ui-pdp-container__row--cpg-summary .ui-pdp-color--GRAY.ui-pdp-media__text+.ui-pdp-color--BLACK.ui-pdp-media__text {
    margin-top: 8px
}

.ui-pdp-description {
    position: relative
}

.ui-pdp-description .ui-pdp-collapsable--is-collapsed .ui-pdp-collapsable__container:after {
    background: linear-gradient(180deg, transparent, #fff);
    content: "";
    display: block;
    height: 48px;
    position: absolute;
    z-index: 5
}

.ui-pdp-description {
    min-height: 233px;
    width: 100%
}

.ui-pdp-description__title {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-description .lazy-loadable {
    min-height: 100px
}

.ui-pdp-description__action {
    margin-top: 24px
}

.ui-pdp-description-content {
    margin-left: -5px;
    margin-right: -5px
}

.ui-pdp-description-skeleton__paragraph,
.ui-pdp-description-skeleton__title {
    margin-bottom: 24px
}

.ui-pdp-description-skeleton__paragraph--last {
    margin-bottom: 0
}

.ui-pdp-description-skeleton__paragraph--first .ui-pdp-description-skeleton__block {
    background-color: rgba(0, 0, 0, .07);
    height: 20px
}

.ui-pdp-description-skeleton__block {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 4px;
    display: block;
    height: 16px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ui-pdp-description-skeleton__block:after {
    animation: movebar 2s linear infinite;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 50%, #fff 95%, hsla(0, 0%, 100%, 0));
    background-position: 0 0;
    background-size: 50% 100%;
    border-radius: 4px;
    content: "";
    display: block;
    filter: blur(10px);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(2);
    width: 100%;
    z-index: 1
}

.ui-pdp-description-skeleton__block--small {
    width: 65%
}

@keyframes movebar {
    0% {
        background-position: 0
    }

    to {
        background-position: 100%
    }
}

.ui-vpp-merch-ecosystem__box {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    width: 100%
}

.ui-vpp-merch-ecosystem__title {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .9);
    font-size: 14px;
    font-weight: 600;
    padding: 16px
}

.ui-vpp-merch-ecosystem__content {
    padding: 0 16px
}

.ui-vpp-merch-ecosystem__image {
    margin-bottom: 24px;
    margin-top: 24px
}

.ui-vpp-merch-ecosystem__content-title {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.ui-vpp-merch-ecosystem__description {
    color: rgba(0, 0, 0, .55);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 4px 0 24px
}

.ui-vpp-merch-ecosystem__button-box {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 16px
}

.ui-vpp-merch-ecosystem__button {
    font-size: 14px;
    height: 32px;
    width: 100%
}

.ui-vpp-merch-ecosystem-container.ui-pdp--component-list .ui-vpp-merch-ecosystem__box {
    border: none
}

.ui-vpp-merch-ecosystem__box {
    margin: 0 16px
}

.ui-pdp-vertical-gallery {
    width: 100%
}

.ui-pdp-vertical-gallery__container {
    align-items: center;
    display: flex;
    flex-direction: column
}

.ui-pdp-vertical-gallery__image-container {
    margin: auto
}

.ui-pdp-vertical-gallery--horizontal {
    width: 100%
}

.ui-pdp-vertical-gallery__title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 24px
}

.ui-pdp-vertical-gallery__action-row {
    margin-top: 32px
}

.ui-pdp-vertical-gallery .ui-pdp-image {
    max-width: 100%
}

.ui-pdp-vertical-gallery-collapsible {
    width: 100%
}

.ui-pdp-vertical-gallery-collapsible__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px
}

.ui-pdp-vertical-gallery-collapsible__image-container {
    margin: auto
}

.ui-pdp-vertical-gallery-collapsible--horizontal {
    width: 100%
}

.ui-pdp-vertical-gallery-collapsible__title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 24px
}

.ui-pdp-vertical-gallery-collapsible__action-row {
    margin-top: 32px
}

.ui-pdp-vertical-gallery-collapsible .ui-pdp-image {
    max-width: 100%
}

.ui-pdp-collapsable-mobile__action {
    margin-top: 32px
}

.ui-vpp-apparel-size {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 16px;
    position: relative;
    width: 100%
}

.ui-vpp-apparel-size.__only-fit-as-expected {
    justify-content: flex-start;
    margin-top: 12px
}

@media(max-width: 375px) {
    .ui-vpp-apparel-size.__only-fit-as-expected {
        text-overflow: ellipsis
    }
}

.ui-vpp-apparel-size.__outside-variations {
    width: auto
}

.ui-vpp-apparel-size__sizes {
    align-self: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

.ui-vpp-apparel-size__icon-ruler {
    height: 24px;
    margin: 0 5px;
    width: 15px
}

.ui-vpp-apparel-size__label {
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-vpp-apparel-size__fit-as-expected {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-vpp-apparel-size__fit-as-expected:focus {
    outline: none
}

.ui-vpp-apparel-size__fit-as-expected__modal .ui-vpp-rating__level {
    grid-template-columns: 1fr 1fr 30px
}

@media(max-width: 320px) {
    .ui-vpp-apparel-size__fit-as-expected__modal .ui-vpp-rating__level {
        grid-template-columns: 1.5fr 1fr 30px
    }
}

.ui-sizechart-mobile {
    border-radius: 8px;
    color: #333;
    font-family: Proxima Nova, -apple-system, Helvetica Neue, helvetica, roboto, arial, sans-serif;
    font-size: 12px;
    margin: auto;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.ui-sizechart-mobile table {
    background: #ededed;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;

    width: 100%
}

.ui-sizechart-mobile table tr {
    align-items: center;
    height: 48px
}

.ui-sizechart-mobile table tr td,
.ui-sizechart-mobile table tr th {
    min-width: 76px;
    padding: 0 8px;
    text-align: left;
    vertical-align: middle
}

.ui-sizechart-mobile table thead {
    background-color: #ededed;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 600;
    vertical-align: middle
}

.ui-sizechart-mobile table thead>tr>th {
    font-weight: 600;
    height: 42px;
    max-width: 90px;
    padding: 10px 8px;
    top: 0;

    z-index: 1
}

.ui-sizechart-mobile table thead>tr>th:first-child {
    background-color: #ededed;
    left: 0;
    max-width: 123px;
    min-width: 64px;
    position: sticky
}

.ui-sizechart-mobile table tbody {
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    vertical-align: middle
}

.ui-sizechart-mobile table tbody tr:nth-child(2n),
.ui-sizechart-mobile table tbody tr:nth-child(2n) th {
    background-color: #f5f5f5
}

.ui-sizechart-mobile table tbody>tr th {
    background-color: #fff;
    font-weight: 600;
    height: 48px;
    left: 0;
    min-width: 28px;
    padding: 0 8px;
    position: sticky
}

.ui-sizechart-mobile table tbody>tr td {
    height: 48px
}

.ui-sizechart-mobile table.small {
    table-layout: fixed;
    white-space: inherit
}

.ui-sizechart-mobile__plus tbody tr th:first-child:after,
.ui-sizechart-mobile__plus thead tr th:first-child:after {
    bottom: -1px;
    box-shadow: inset 4px 0 6px -8px #026;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: box-shadow .3s;
    width: 30px
}

.ui-vpp-apparel-size-specs-preview {
    width: 100%
}

.ui-vpp-apparel-size-specs-preview__title {
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 24px
}

.ui-vpp-apparel-size-specs-preview__table {
    position: relative
}

.ui-vpp-apparel-size-specs-preview__table .sizechart {
    overflow-x: auto
}

.ui-vpp-apparel-size-specs-preview__table .sizechart:after {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .4) 30%, #fff);
    bottom: 0;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.ui-pdp-moq-information__subtitle {
    margin-right: 5px
}

.ui-pdp-moq-information__container {
    align-items: center;
    display: flex
}

.ui-pdp-moq-information__container__info-icon {
    display: flex
}

.ui-pdp-stock-information__subtitle {
    margin-right: 4px
}

.ui-pdp-stock-information {
    line-height: 1
}

.ui-pdp-stock-information__container {
    align-items: center;
    display: flex
}

.ui-pdp-stock-information__container:not(:empty) {
    margin-top: 4px
}

.ui-pdp-stock-information__container__info-icon {
    display: flex
}

.ui-pdp-legal-tooltip {
    margin-top: 16px;
    padding-right: 34px
}

.ui-pdp-legal-tooltip__content {
    padding: 5px 0
}

.ui-pdp-legal-tooltip__tooltip__title {
    display: block;
    margin-bottom: 4px
}

.ui-pdp-legal-tooltip:before {
    left: 22px
}

.ui-pdp__header-top-brand {
    align-items: center;
    display: flex;
    margin-right: 16px;
    padding-left: 16px;
    padding-top: 16px;
    width: 100%
}

.ui-pdp__header-top-brand .ui-pdp-cockade-icon {
    display: inline-flex;
    margin-left: 4px
}

.ui-pdp__header-top-brand__image-container {
    align-items: center;
    display: flex;
    height: 24px;
    margin-right: 8px;
    padding: 2px;
    position: relative;
    width: 24px
}

.ui-pdp__header-top-brand__image-container:before {
    background: rgba(0, 0, 0, .04);
    border-radius: 4px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.ui-pdp__header-top-brand__image-container__image {
    border-radius: 4px;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.ui-pdp__header-top-brand__text {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.ui-pdp__header-brand-logo {
    align-items: center;
    aspect-ratio: 45/8;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    justify-content: center;
    width: 100%
}

.ui-pdp__header-brand-logo__image {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

.ui-pdp-shipping-message {
    margin-bottom: 10px
}

.ui-pdp-shipping-message .andes-button--small {
    margin-top: 10px
}

.ui-pdp-reputation__seller {
    margin: 24px 0
}

.ui-pdp-reputation__seller .ui-pdp-reputation-name {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-pdp-reputation__seller .ui-pdp-reputation-main-info-seller {
    font-weight: 400
}

.ui-pdp-reputation__seller .ui-pdp-reputation-main-info-seller div:nth-child(3) {
    display: block
}

.ui-pdp-reputation__seller .ui-pdp-reputation-seller {
    display: flex;
    flex: 1;
    white-space: nowrap
}

.ui-pdp-reputation__seller .ui-pdp-reputation-seller .ui-pdp-reputation-title-link {
    margin-left: 4px;
    margin-right: 8px
}

.ui-pdp-reputation__seller .ui-pdp-reputation-seller .ui-pdp-reputation-title-link .reputation-span {
    color: #000
}

.ui-pdp-reputation__seller .ui-pdp-reputation-seller .ui-pdp-reputation-title-link .repupation-span-seller-name {}

.ui-pdp-reputation__seller .ui-pdp-reputation-seller .non-margin-left {
    margin-left: 0
}

.ui-pdp-reputation__seller figure {
    margin: 0
}

.ui-pdp-reputation__seller .ui-pdp-color--green {
    color: #00a650
}

.ui-pdp-reputation__seller .ui-pdp-reputation-seller-info {
    display: flex;
    flex-direction: row
}

.ui-pdp-reputation__seller .ui-pdp-reputation-mercado-lider {
    display: inline-block;
    flex-direction: row
}

.ui-pdp-reputation__seller .ui-pdp-reputation-mercado-lider figure {
    display: inline-block;
    margin: 0;
    vertical-align: sub
}

.ui-pdp-reputation__seller .ui-pdp-reputation-mercado-lider .ui-pdp-reputation__title {
    vertical-align: middle
}

.ui-pdp-reputation__seller .ui-pdp-seller-logo-reputation {
    border: 0;
    height: 40px;
    margin-right: 12px;
    position: relative;
    width: 40px
}

.ui-pdp-reputation__seller .ui-pdp-seller-logo-reputation:before {
    background: rgba(0, 0, 0, .04);
    border-radius: 4px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.ui-pdp-reputation__seller .ui-pdp-icon--medal {
    height: 16px;
    margin-right: 2px;
    width: 14px
}

.ui-pdp-reputation__seller .ui-pdp-icon--medal img {
    height: 14px;
    margin-top: 3px;
    width: 14px
}

.ui-pdp-reputation__seller {
    margin: 24px 0 0;
    padding: 0 16px
}

.ui-pdp-reputation__seller .ui-pdp-reputation-seller .ui-pdp-reputation-title-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-pdp-reputation__seller .ui-pdp-reputation-main-info-seller {
    font-size: 14px;
    max-width: 100%
}

.ui-pdp-reputation__seller .ui-pdp-reputation-main-info-seller-logo {
    max-width: 84%
}

.ui-pdp-reputation__seller .ui-pdp-reputation-seller-info .andes-thumbnail-container {
    align-items: flex-start;
    display: flex
}

@media(max-width: 360px) {
    .ui-pdp-reputation__seller .ui-pdp-reputation-seller {
        display: block
    }

    .ui-pdp-reputation__seller .ui-pdp-reputation-seller .ui-pdp-reputation-title-link {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .ui-pdp-reputation__seller .ui-pdp-reputation-ventas:before {
        content: ""
    }

    .ui-pdp-reputation__seller .ui-pdp-reputation-mercado-lider {
        margin-right: 16px
    }
}

.navigation-official-stores {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 40px 0
}

.navigation-official-stores .andes-carousel-snapped__wrapper {
    height: 215px
}

.navigation-official-stores .andes-carousel-snapped__slide {
    width: 260px
}

.navigation-official-stores .andes-card {
    box-shadow: 0 7px 16px 0 rgba(0, 0, 0, .1), 0 1px 3px 0 rgba(0, 0, 0, .1);
    height: 210px;
    width: 260px
}

.navigation-official-stores .andes-carousel-free {
    padding-left: 16px
}

.navigation-official-stores .andes-carousel-free__list {
    height: 232px
}

.navigation-official-stores .andes-carousel-free__slide:last-child {
    margin-right: 16px
}

.navigation-official-stores__logo {
    border-radius: 6px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1);
    height: 80px;
    margin: 0 16px;
    overflow: hidden;
    position: relative;
    width: 80px
}

.navigation-official-stores__header {
    align-items: baseline;
    display: flex;
    margin-bottom: 24px;
    margin-left: 16px
}

.navigation-official-stores__view-more {
    margin-left: 16px
}

.navigation-official-stores__description {
    margin: 12px 0 0 16px
}

.navigation-official-stores__description__title {
    align-items: center;
    display: flex
}

.navigation-official-stores__description__title .ui-pdp-cockade-icon {
    margin-left: 4px
}

.navigation-official-stores__background {
    display: flex;
    flex-direction: column;
    height: 107px;
    margin-bottom: -59px;
    overflow: hidden;
    width: 260px
}

.navigation-official-stores__background img {
    border-radius: 6px 6px 0 0;
    height: 100%;
    object-fit: cover
}

.navigation-official-stores__divider {
    background: rgba(0, 0, 0, .1);
    height: 1px;
    position: relative;
    top: 59px
}

.navigation-official-stores__container-action {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    display: flex;
    height: 48px;
    justify-content: space-between;
    margin-left: 16px;
    margin-top: 2px;
    width: calc(100% - 30px)
}

.navigation-official-stores__container-action .ui-pdp-icon--chevron {
    margin-right: 12px
}

.on-demand-iframe .andes-modal__content {
    padding: 0
}

.on-demand-iframe iframe {
    border: 0;
    overflow: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    user-select: none
}

.on-demand-iframe .center-spinner {
    align-items: center;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 100%;
    justify-content: center
}

.on-demand-iframe--mobile .andes-modal__header,
.on-demand-iframe--no__close__button .andes-modal__close-button {
    display: none
}

.on-demand-iframe--mobile .andes-modal__close-button {
    right: 16px
}

.on-demand-iframe--mobile.on-demand-iframe--mobile__container {
    border-radius: 10px 10px 0 0;
    bottom: 0;
    display: block;
    min-height: 70px;
    position: absolute;
    width: 100%
}

.on-demand-iframe--mobile.on-demand-iframe--mobile__container iframe {
    height: 0;
    transition: height .3s
}

.on-demand-iframe--mobile.on-demand-iframe--mobile__fullscreen {
    height: 100vh
}

.on-demand-iframe--mobile.on-demand-iframe--mobile__fullscreen iframe {
    height: calc(100vh - 5px)
}

.on-demand-iframe--questions-ai {
    min-height: 266px
}

.on-demand-iframe--questions-ai iframe {
    transition: none
}

.on-demand-iframe--split-payments .andes-modal__content {
    max-height: 60vh;
    padding: 20px
}

.ui-ms-profile__container .andes-button__content {
    top: unset
}

.wrapper-sticky {
    position: sticky;
    top: 0;
    z-index: 98
}

.andes-carousel-free {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    outline: none
}

.andes-carousel-free__list {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.andes-carousel-free .andes-carousel-free__list--spacing-12 .andes-carousel-free__slide:not(:last-child) {
    margin-right: 12px
}

.andes-carousel-free .andes-carousel-free__list--spacing-16 .andes-carousel-free__slide:not(:last-child) {
    margin-right: 16px
}

.andes-carousel-free .andes-carousel-free__list--spacing-24 .andes-carousel-free__slide:not(:last-child) {
    margin-right: 24px
}

.andes-carousel-free__slide {
    display: flex
}

.andes-carousel-free::-webkit-scrollbar,
.andes-carousel-free::-webkit-scrollbar-thumb {
    background-color: transparent;
    height: 0;
    width: 0
}

.andes-carousel-free::-webkit-scrollbar-track {
    background-color: transparent;
    box-shadow: inset 0 0 6px transparent
}

.ui-vpp-coupons__pills-container {
    margin-top: 8px
}

.ui-vpp-coupons__title {
    height: 20px;
    margin-bottom: 0
}

.ui-vpp-coupons__pill {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    height: 28px;
    line-height: 16px;
    padding: 4px 8px;
    width: max-content
}

.ui-vpp-coupons__pill .andes-money-amount {
    font-weight: 600;
    margin-right: 4px
}

.ui-vpp-coupons__pill .ui-pdp-icon--coupon {
    margin-right: 4px
}

.ui-vpp-coupons .ui-pdp-price__part {
    display: initial
}

.ui-vpp-coupons__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 8px;
    margin-top: 4px
}

.ui-vpp-carousel-pills__carousel {
    margin-right: 16px;
    position: relative
}

.ui-vpp-coupons {
    margin-bottom: 24px;
    margin-left: -16px;
    margin-right: -16px
}

.ui-vpp-coupons__title {
    margin-left: 16px
}

.ui-vpp-coupons__carousel {
    margin-left: 16px;
    margin-right: 16px
}

.ui-vpp-coupons__text {
    margin-left: 16px
}

.ui-vpp-coupons__action.ui-pdp-media {
    align-items: flex-end;
    height: 18px;
    margin-top: 8px
}

.ui-vpp-coupons__action.ui-pdp-media .ui-pdp-media__body {
    margin-left: 16px
}

.ui-vpp-coupons__awareness .ui-vpp-coupons__pills-container,
.ui-vpp-coupons__awareness .ui-vpp-coupons__text {
    margin-top: 0
}

.ui-vpp-coupons .andes-button {
    width: max-content
}

.ui-vpp-coupons .andes-carousel-free .andes-carousel-free__list--spacing-0 .andes-carousel-free__slide:not(:last-child) {
    margin-right: 8px
}

.vpp-coupons-modal__modal .andes-modal__header {
    padding-bottom: 12px
}

.vpp-coupons-modal__modal .ui-pdp-iframe {
    height: 100%
}

.vpp-coupons-modal__modal .andes-modal__content {
    padding: 0
}

.ui-vpp-coupons-awareness__tag {
    display: inline-block;
    vertical-align: middle
}

.ui-vpp-coupons-awareness__pill {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    font-size: 14px;
    height: 28px;
    line-height: 16px;
    padding: 4px 8px
}

.ui-vpp-coupons-awareness__pill .andes-money-amount {
    font-weight: 600;
    margin-right: 4px
}

.ui-vpp-coupons-awareness__pill .ui-pdp-icon--coupon {
    margin-right: 4px
}

.ui-vpp-coupons-awareness__checkbox-label {
    display: inline;
    vertical-align: middle
}

.ui-vpp-coupons-awareness__checkbox,
.ui-vpp-coupons-awareness__coupon-redeemed {
    margin: 0 8px
}

.ui-vpp-coupons-awareness__coupon-redeemed-container {
    align-items: center;
    display: inline-flex;
    height: 28px;
    vertical-align: middle
}

.ui-vpp-coupons-awareness .andes-checkbox__input {
    margin: 1px 0
}

.ui-vpp-coupons-awareness .ui-pdp-price__part {
    display: initial
}

.ui-vpp-coupons-awareness--redemeed {
    margin-bottom: 8px
}

.ui-vpp-coupons-awareness {
    padding: 0 16px
}

.ui-pdp-trade-in__content {
    display: grid;
    gap: 16px;
    padding: 16px
}

.ui-pdp-trade-in__content__label {
    align-items: flex-start;
    display: flex
}

.ui-pdp-trade-in__content__label .ui-pdp-media__figure {
    margin-right: 6px
}

.ui-pdp-trade-in__content__label .ui-pdp-icon {
    display: flex;
    height: 12px;
    margin-top: 2px
}

.ui-pdp-trade-in__content__actions {
    align-items: flex-start;
    display: flex;
    gap: 6px
}

.ui-pdp-trade-in {
    position: relative;
    width: 100%
}

.ui-pdp-trade-in__card {
    margin-top: 24px
}

.ui-pdp-trade-in__card--content {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 0 16px
}

.ui-pdp-trade-in__card--content .text {
    width: 100%
}

.ui-pdp-trade-in__card--content .text__title {
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    padding: 12px 16px
}

.ui-pdp-trade-in__card--content .text__title--info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ui-pdp-trade-in__card--content .text__title--primary {
    padding: 12px 16px
}

.ui-pdp-trade-in__card--content .text__title .ui-pdp-media__figure {
    height: 18px;
    margin-right: 6px;
    width: 16px
}

.ui-pdp-trade-in__card--content .text__title .ui-pdp-icon {
    height: 15px;
    width: 14px
}

.ui-pdp-trade-in__card--content .text__title .text__plan-canje {
    align-items: center;
    display: inherit
}

.ui-pdp-trade-in__card--content .text__title .ui-pdp-action-modal {
    margin-top: 0
}

.ui-pdp-trade-in__card--content .text__title .andes-tooltip__trigger {
    position: unset
}

.ui-pdp-trade-in__card--content .text__title .ui-pdp-action-modal__link {
    display: flex;
    font-size: 12px;
    font-weight: 600
}

.ui-pdp-trade-in__card--content .text__second-line span {
    display: inline
}

.ui-pdp-trade-in__card--content .text__second-line .ui-pdp-price__part {
    font-weight: 600
}

.ui-pdp-trade-in__spinner-container {
    background-color: #fff;
    height: 100%;
    opacity: .9;
    position: absolute;
    width: 100%;
    z-index: 1
}

.ui-pdp-trade-in__spinner-container__spinner {
    display: unset;
    left: calc(50% - 16px);
    top: calc(50% - 16px)
}

.ui-pdp-trade-in__skeleton {
    margin-bottom: 16px;
    margin-top: 40px
}

.ui-pdp-trade-in .ui-pdp-media__title {
    font-size: 14px;
    font-weight: 600
}

.ui-pdp-remove-trade-in .andes-modal__scroll {
    padding: 32px
}

.ui-pdp-remove-trade-in .andes-modal__scroll .andes-modal__header {
    padding: 0
}

.ui-pdp-remove-trade-in .andes-modal__scroll .andes-modal__header .andes-modal__title {
    font-size: 24px
}

.ui-pdp-remove-trade-in .andes-modal__scroll .andes-modal__content,
.ui-pdp-remove-trade-in .andes-modal__scroll .container-info {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: 12px;
    height: 100%
}

.ui-pdp-remove-trade-in .andes-modal__scroll .container-buttons {
    display: flex;
    gap: 8px;
    padding-top: 20px
}

.ui-pdp-remove-trade-in .andes-modal__scroll .remove-trade-in-icon {
    height: 64px;
    margin-bottom: 18px;
    width: 64px
}

.ui-pdp-remove-trade-in .andes-modal__scroll .remove-trade-in-icon .ui-pdp-media__figure svg {
    height: 64px;
    width: 64px
}

.ui-pdp-remove-trade-in .andes-modal__scroll .andes-modal__close-button {
    display: none
}

.ui-pdp-remove-trade-in.andes-modal--full {
    text-align: center
}

.ui-pdp-remove-trade-in.andes-modal--full .andes-modal__scroll {
    display: flex;
    justify-content: space-between
}

.ui-pdp-remove-trade-in.andes-modal--full .andes-modal__content {
    align-items: center;
    flex-grow: 0;
    gap: 8px;
    padding: 0
}

.ui-pdp-remove-trade-in.andes-modal--full .andes-modal__actions {
    padding-bottom: 0
}

.ui-pdp-remove-trade-in.andes-modal--full .andes-modal__close-button {
    display: unset
}

.andes-progress-indicator-circular.andes-progress-indicator-circular--fullscreen {
    background-color: #fff
}

.trade-in__card {
    margin: 20px 16px 0
}

.trade-in__card--content .ui-pdp-action-modal .button {
    height: 32px;
    width: 69px
}

.trade-in__card--content .ui-pdp-action-modal .button .andes-button__content {
    font-size: 14px
}

.ui-pdp-remove-trade-in .container-buttons {
    flex-direction: column;
    padding: 0 1.5em;
    width: 100%
}

.ui-pdp-remove-trade-in .andes-modal__scroll .container-info {
    align-items: center;
    flex-grow: 0;
    gap: 8px;
    justify-content: center;
    padding: 0
}

.ui-pdp-trade-in-modal__bottom-sheet .andes-bottom-sheet__scroll {
    border-radius: 6px 6px 0 0;
    overflow: hidden
}

.ui-pdp-trade-in-modal__bottom-sheet .andes-bottom-sheet__header {
    display: none
}

.ui-pdp-trade-in-modal__bottom-sheet .andes-bottom-sheet__content {
    height: 100%;
    padding: 0
}

.ui-pdp-trade-in-modal__bottom-sheet .andes-bottom-sheet__action {
    padding: 0 24px 24px
}

.ui-pdp-trade-in-modal__bottom-sheet .ui-pdp-trade-in-modal__actions .ui-pdp-action-modal,
.ui-pdp-trade-in-modal__bottom-sheet .ui-pdp-trade-in-modal__actions .ui-pdp-action-modal .andes-button {
    width: 100%
}

.ui-pdp-trade-in-modal__bottom-sheet .ui-pdp-action-modal {
    display: flex
}

.ui-pdp-trade-in-modal__bottom-sheet .ui-pdp-action-modal a {
    width: 100%
}

.preload-iframe {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.preload-iframe.hidden {
    display: none
}

.preload-iframe.showed {
    display: block
}

.preload-iframe .preload-iframe-element {
    border: none;
    height: 100%;
    width: 100%
}

.preload-iframe .preload-iframe-element--overlay {
    height: 100%;
    width: 100%
}

.ui-pdp__header-official-store {
    align-items: center;
    box-shadow: 0 1px 2px 0 hsla(0, 0%, 100%, .1);
    display: flex;
    height: 80px;
    padding: 12px 16px;
    width: 100%
}

.ui-pdp__header-official-store__image-container {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 56px;
    justify-content: center;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
    width: 56px
}

.ui-pdp__header-official-store__image-container:before {
    background: rgba(0, 0, 0, .04);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.ui-pdp__header-official-store__image-container__image {
    height: 56px;
    object-fit: contain;
    width: 56px
}

.ui-pdp__header-official-store__text {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.ui-pdp__header-official-store--link {
    width: 100%
}

.ui-vpp-denounce {
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.ui-vpp-denounce__info {
    padding: 0 12px
}

.ui-vpp-denounce__code-internal {
    padding: 0 12px;
    position: relative
}

.ui-vpp-denounce__code-internal:after {
    background-color: rgba(0, 0, 0, .25);
    content: "";
    display: inline-block;
    height: 12px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px
}

.ui-vpp-denounce__action {
    padding: 0 12px;
    position: relative
}

.ui-vpp-denounce__action:before {
    background-color: rgba(0, 0, 0, .25);
    content: "";
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 1px
}

.ui-vpp-denounce {
    display: flex;
    padding: 24px 16px;
    width: 100%
}

.ui-vpp-denounce__info {
    display: inline-block;
    padding-left: 0
}

.ui-vpp-denounce__action {
    display: inline-block
}

.ui-vpp-denounce__code-internal {
    margin-bottom: 8px;
    padding: 0
}

.ui-vpp-denounce__code-internal:after {
    display: none
}

.ui-pdp-banner {
    display: flex;
    height: -moz-fit-content;
    height: fit-content
}

.ui-pdp-banner .ui-pdp-banner-container {
    background: transparent;
    border: 0;
    cursor: pointer;
    overflow: hidden;
    padding: 0
}

.ui-pdp-banner .ui-pdp-banner-container .ui-pdp-banner-card {
    overflow: hidden;
    position: relative;
    width: 100%
}

.ui-pdp-banner .ui-pdp-banner-container .ui-pdp-banner-card .ui-pdp-banner-card-conten {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0
}

.ui-pdp-banner .ui-pdp-banner-container .ui-pdp-banner-card .ui-pdp-banner-card-conten .ui-pdp-banner-imagen {
    height: 100%;
    width: 100%
}

.ui-pdp-banner {
    margin: 0 0 -4px
}

.ui-pdp-banner-container {
    margin-bottom: 0
}

.ui-pdp-placeholder--media {
    margin-top: 12px
}

.mb-24 {
    margin-bottom: 24px
}

.ui-pdp-shipping-modal .andes-modal__header {
    padding-bottom: 16px
}

.ui-pdp-shipping-modal .andes-modal__content {
    height: calc(100% - 82px);
    margin: 32px 32px 0;
    padding: 0;
    position: relative
}

.ui-pdp-shipping-modal .ui-pdp-iframe {
    inset: 0;
    min-height: 100%;
    position: absolute
}

.ui-pdp-shipping-modal.shipping__modal .andes-modal__header,
.ui-pdp-shipping-modal.shipping__modal .andes-modal__header--sticky,
.ui-pdp-shipping-modal.ui-pdp-shipping-modal .andes-modal__header,
.ui-pdp-shipping-modal.ui-pdp-shipping-modal .andes-modal__header--sticky {
    background: none;
    position: relative;
    z-index: 1
}

.ui-pdp-shipping-modal.shipping__modal .andes-modal__content,
.ui-pdp-shipping-modal.ui-pdp-shipping-modal .andes-modal__content {
    margin-top: -32px;
    position: relative;
    z-index: 0
}

.ui-pdp-shipping-modal.shipping__modal .andes-modal__header--sticky,
.ui-pdp-shipping-modal.ui-pdp-shipping-modal .andes-modal__header--sticky {
    box-shadow: none
}

.ui-pdp-shipping-modal.shipping__modal .andes-modal__close-button,
.ui-pdp-shipping-modal.shipping__modal .andes-modal__header--sticky .andes-modal__close-button,
.ui-pdp-shipping-modal.ui-pdp-shipping-modal .andes-modal__close-button,
.ui-pdp-shipping-modal.ui-pdp-shipping-modal .andes-modal__header--sticky .andes-modal__close-button {
    margin: 0;
    position: relative;
    top: 8px
}

.ui-pdp-shipping-modal.ui-pdp-action-modal__modal--no-title .andes-modal__content {
    margin: 0
}

.ui-pdp-banner-mobile-skeleton,
.ui-pdp-placeholder.ui-pdp-placeholder.ui-pdp-placeholder--media {
    margin-top: 12px
}

.container-advertising.ui-fullscreen-ad-pdp.loaded.billboard-context {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 16px
}

.container-advertising.ui-fullscreen-ad-pdp.loaded.billboard-context.placement {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: none;
    margin-bottom: 40px;
    margin-top: -24px;
    padding: 0 16px 16px
}

.ui-pdp-installation {
    width: 100%
}

.ui-pdp-installation__actions {
    display: flex;
    gap: 6px;
    padding-top: 16px
}

.ui-pdp-installation__price {
    font-size: 22px;
    line-height: 24px
}

.ui-pdp-installation__elipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-pdp-installation .andes-card__content {
    display: grid
}

.ui-pdp-installation .andes-card__content .ui-pdp-installation__text {
    line-height: 18px
}

.ui-pdp-installation .andes-card__header {
    padding-bottom: 12px;
    padding-top: 12px
}

.ui-pdp-installation-title__icon-title .ui-pdp-installation__icon .ui-pdp-media__body {
    align-self: center
}

.ui-pdp-installation-title__icon-title .ui-pdp-installation__icon .ui-pdp-media__figure {
    height: 20px;
    margin: 0 6px 0 0;
    width: 20px
}

.ui-installations-title__content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cx-widget .cx-widget__actions .button-minimize {
    display: none
}

.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-minimize {
    display: none
}

.ui-pdp-container__row--installations {
    padding: 16px
}

.ui-pdp-installation-modal {
    display: block
}

.ui-pdp-installation-modal .andes-modal__header {
    display: none;
    padding: 15px 1.5em
}

.ui-pdp-installation-modal .andes-modal__close-button path {
    stroke: rgba(0, 0, 0, .9)
}

.ui-pdp-installation-modal .andes-modal__content {
    overflow: hidden;
    padding: 0
}

.ui-pdp-installation-modal .andes-modal__scroll {
    border-radius: 0
}

.ui-pdp-installation-modal .ui-pdp-iframe {
    height: calc(100% - 48px)
}

.ui-pdp-installation__navbar {
    align-items: center;
    background-color: var(--andes-color-yellow-500, #ffe600);
    display: flex;
    font-size: 16px;
    height: 48px;
    position: relative;
    width: 100%
}

.ui-pdp-installation__navbar-icon {
    position: absolute
}

.ui-pdp-installation__navbar-icon.andes-button--transparent path {
    stroke: #000
}

.ui-pdp-installation__navbar-icon.andes-button--transparent:active {
    background-color: transparent
}

.ui-pdp-installation__navbar-title {
    margin: 0 auto
}

.cx-widget:focus:not(:focus-visible).cx-widget--visible {
    width: 100%
}

.pdp-enhanced-descriptions__content {
    display: block
}

.pdp-enhanced-descriptions__title {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 32px;
    padding: 0 20px
}

.pdp-enhanced-descriptions__image-wrapper {
    display: flex
}

.pdp-enhanced-descriptions__image {
    height: 100%;
    padding: 0 20px;
    vertical-align: top;
    width: 100%
}

.pdp-enhanced-descriptions__pictures {
    display: contents
}

.ui-pdp-extended-menu {
    margin: 8px 20px 40px
}

.ui-pdp-extended-menu .seo-ui-extended-menu-mobile__header__title {
    color: rgba(0, 0, 0, .9);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 8px
}

.ui-pdp-extended-menu .seo-ui-extended-menu-mobile {
    margin-bottom: 8px
}

.ui-pdp-gradings-wrapper .andes-button {
    font-weight: 400;
    margin: 8px 2px 0 16px;
    padding: 0
}

.ui-pdp-gradings-bottom-sheet .andes-bottom-sheet__header {
    display: none
}

.ui-pdp-gradings-bottom-sheet .andes-bottom-sheet__content {
    padding: 0
}

.ui-pdp-gradings-bottom-sheet .ui-pdp-generic-summary__bs-close-button {
    position: absolute;
    right: 6px;
    top: 10px
}

.ui-pdp-gradings-bottom-sheet .ui-pdp-generic-summary__bs-close-button .ui-pdp-icon {
    height: 11px;
    width: 11px
}

.ui-recommendations-carousel-wrapper-ref .poly-card--list,
.ui-recommendations-carousel-wrapper-ref .poly-card--list-card {
    padding: 16px
}

.ui-recommendations-carousel-wrapper-ref .poly-card--list .poly-card__portada,
.ui-recommendations-carousel-wrapper-ref .poly-card--list-card .poly-card__portada {
    height: 80px;
    min-height: 80px;
    min-width: 80px;
    width: 80px
}

.ui-recommendations-carousel-wrapper-ref .poly-card--list .poly-card__portada .poly-component__image-overlay,
.ui-recommendations-carousel-wrapper-ref .poly-card--list-card .poly-card__portada .poly-component__image-overlay {
    background: none
}

.ui-recommendations-carousel-wrapper-ref .poly-card--list .poly-card__content,
.ui-recommendations-carousel-wrapper-ref .poly-card--list-card .poly-card__content {
    margin-left: 12px;
    width: 100%
}

.ui-recommendations-carousel-wrapper-ref .poly-card--list-card {
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: none
}

.ui-recommendations-carousel-wrapper-ref .poly-card--list-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1)
}

.ui-recommendations-carousel-wrapper-ref .poly-card--grid .poly-component__image-overlay,
.ui-recommendations-carousel-wrapper-ref .poly-card--grid-card .poly-component__image-overlay {
    background: none
}

.ui-recommendations-carousel-wrapper-ref .poly-card--grid .poly-card__content>:first-child,
.ui-recommendations-carousel-wrapper-ref .poly-card--grid-card .poly-card__content>:first-child {
    margin-top: 16px
}

.ui-recommendations-carousel-wrapper-ref .poly-card--grid .poly-card__content .poly-component__title:not(:first-child),
.ui-recommendations-carousel-wrapper-ref .poly-card--grid-card .poly-card__content .poly-component__title:not(:first-child) {
    margin: 8px 0 4px
}

.ui-recommendations-carousel-wrapper-ref .poly-card--grid .poly-card__content .poly-component__brand+.poly-component__title,
.ui-recommendations-carousel-wrapper-ref .poly-card--grid .poly-card__content .poly-component__headline+.poly-component__title,
.ui-recommendations-carousel-wrapper-ref .poly-card--grid-card .poly-card__content .poly-component__brand+.poly-component__title,
.ui-recommendations-carousel-wrapper-ref .poly-card--grid-card .poly-card__content .poly-component__headline+.poly-component__title {
    margin-top: 0
}

.ui-recommendations-carousel-wrapper-ref .poly-card--grid .poly-card__content .poly-component__title:has(+.poly-component__seller),
.ui-recommendations-carousel-wrapper-ref .poly-card--grid-card .poly-card__content .poly-component__title:has(+.poly-component__seller) {
    margin-bottom: 0
}

.ui-recommendations-carousel-wrapper-ref .poly-card--grid-card {
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: none
}

.ui-recommendations-carousel-wrapper-ref .poly-card--grid-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1)
}

.ui-recommendations-carousel-free .poly-card--grid,
.ui-recommendations-carousel-free .poly-card--grid-card {
    width: 222px
}

.ui-recommendations-list__items-wrapper--double .poly-card--list-card.poly-card--mobile,
.ui-recommendations-list__items-wrapper--double .poly-card--list.poly-card--mobile {
    border-bottom: 1px solid #ededed;
    padding: 12px 0
}

.ui-recommendations-list__items-wrapper--double .poly-card--list-card.poly-card--mobile:last-child,
.ui-recommendations-list__items-wrapper--double .poly-card--list.poly-card--mobile:last-child {
    border-bottom: unset
}

.ui-recommendations-list__items-wrapper--double .poly-card--list-card.poly-card--mobile .poly-card__portada,
.ui-recommendations-list__items-wrapper--double .poly-card--list.poly-card--mobile .poly-card__portada {
    height: 90px;
    min-height: 90px;
    min-width: 90px;
    width: 90px
}

.ui-recommendations-list__items-wrapper--double .poly-card--list-card.poly-card--mobile .poly-card__content,
.ui-recommendations-list__items-wrapper--double .poly-card--list.poly-card--mobile .poly-card__content {
    margin-left: 16px;
    margin-top: 0
}

.ui-pdp {
    background-color: #fff
}

.ui-pdp-container__row {
    flex-grow: 1
}

.ui-pdp-with--separator:not(:empty):after {
    width: 100%
}

.ui-pdp-with--separator+.ui-pdp-with--separator>.ui-pdp-other-sellers {
    margin-top: 0
}

.ui-pdp-with--separator .ui-recommendations-list__container--double {
    padding: 0 16px
}

.ui-pdp--cbt-summary:not(:empty) {
    margin-bottom: 20px;
    margin-top: 20px
}

.ui-pdp-container--bottom {
    background: #ededed;
    padding-top: 16px
}

.ui-pdp-container__row--advertising,
.ui-pdp-container__row--breadcrumb {
    padding: 32px 16px
}

.ui-pdp-container__row--related-reviews {
    padding: 0 16px 32px
}

.ui-pdp-reviews {
    margin-bottom: 14px
}

.ui-pdp-spot-middle {
    width: 100%
}

.ui-pdp-carousel-cheaper {
    background: #f5f5f5;
    padding: 16px 0 20px
}

.ui-pdp-container__row--cbt-summary {
    margin-top: 20px
}

.ui-pdp-container__row--cbt-taxes-summary {
    margin-bottom: 20px
}

.ui-pdp-container__row--cbt-taxes-fc-us-summary {
    display: contents;
    margin-bottom: 4px
}

.ui-pdp-container__row--description .ui-pdp-collapsable__action {
    margin-bottom: 32px
}

.ui-pdp-container__row--grouped-share-bookmark {
    margin-left: 16px;
    margin-right: 16px
}

.ui-pdp-stock-and-full .ui-pdp-icon--full {
    height: 15px;
    top: 3px;
    width: 50px
}

.ui-pdp-stock-and-full .ui-pdp-icon--full-super {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-stock-and-full .ui-pdp-promotions-pill-label--with-icon {
    padding: 0
}

.ui-box-component-pdp__visible--mobile {
    padding: 0 16px;
    width: 100%
}

.ui-box-component-pdp__hidden--mobile {
    display: none
}

.ui-box-component {
    border-top: 0;
    margin-top: 0
}

.container-advertising.ui-fullscreen-ad-pdp.loaded {
    margin-top: 26px;
    padding: 16px
}

.ui-vpp-highlighted-specs__features {
    width: 100%
}

.ui-review-view__comments__review-comment__likes .andes-button {
    padding: 0
}

.ui-review-view__comments__review-comment__likes .andes-button .andes-button__content .ui-review-view__comments__review-comment__likes__like .andes-button--transparent path {
    fill: rgba(0, 0, 0, .9)
}

.ui-review-view__comments__review-comment__likes .ui-review-view__comments__review-comment__button {
    border: 0;
    box-shadow: none;
    color: rgba(0, 0, 0, .9);
    font-weight: 300;
    height: 20px;
    outline: none;
    padding: 0
}

.ui-review-view__comments__review-comment__likes .andes-button--transparent path {
    stroke: transparent !important;
    fill: rgba(0, 0, 0, .9)
}

.ui-pdp-banner+.ui-pdp-container__row.ui-pdp-container__row--returns-summary {
    margin-top: 24px
}

.ui-pdp-reviews-capability__separator {
    margin: 0 0 40px
}

main[role=main] .ui-pdp-questions__input {
    margin-top: 16px
}

main[role=main] .ui-pdp-questions__button {
    margin-top: 24px
}

main[role=main] .ui-pdp .ui-box-component-carousel-free {
    padding-bottom: 0;
    padding-top: 0
}

main[role=main] .ui-pdp .ui-pdp-container__row--top-available-quantity-summary {
    margin: 8px 4px
}

main[role=main] .ui-pdp .ui-pdp-container__row--top-available-quantity-summary svg {
    height: 15px;
    margin-right: 4px;
    top: 1px;
    width: 15px
}

main[role=main] .ui-pdp .ui-pdp-container__row--top-available-quantity-summary .ui-pdp-action-modal__link {
    font-weight: 600
}

main[role=main] .ui-pdp .ui-pdp-container__row--warranty {
    flex-grow: 1
}

main[role=main] .ui-pdp .ui-vpp-box.warranty>.ui-vpp-box__item {
    margin-bottom: 32px
}

main[role=main] .ui-pdp .ui-vpp-box.warranty>.ui-vpp-box__item:last-child {
    margin-bottom: 0
}

main[role=main] .ui-pdp .ui-vpp-box.warranty .ui-vpp-box__item__title {
    margin-bottom: 8px
}

main[role=main] .ui-pdp .ui-pdp-buybox__quantity.ui-quantity--with-moq {
    margin-bottom: 16px
}

main[role=main] .ui-pdp .ui-pdp-moq-information {
    margin-bottom: 24px
}

main[role=main] .ui-pdp-compats__compats {
    padding-top: 0
}

main[role=main] .ui-pdp-compats__compats.compats-block-sticky-active {
    padding-top: 32px
}

main[role=main] .ui-pdp-reviews-capability__separator {
    margin: 0 0 40px
}

main[role=main] .ui-pdp-questions .ui-pdp-question-warning__action {
    background: none;
    flex-shrink: 0;
    line-height: 1.4;
    margin: 0;
    padding: 0
}

/*# sourceMappingURL=vpp.mobile.92cbfebc.css.map*/


.cx-widget,
.cx-widget:focus:not(:focus-visible) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .07), 0 20px 25px 0 rgba(0, 0, 0, .15);
    display: flex;
    opacity: 1;
    position: fixed;
    right: -360px;
    transform: translateZ(0) translateZ(0);
    transition: transform 325ms ease-in-out, opacity .1s ease-out, top .1s ease, bottom .1s ease;
    width: 360px;
    z-index: 9000
}

.cx-widget *,
.cx-widget:focus:not(:focus-visible) * {
    border: 0;
    box-sizing: border-box;
    font-family: Proxima Nova, sans-serif;
    font-size: 16px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cx-widget.cx-widget--visible,
.cx-widget:focus:not(:focus-visible).cx-widget--visible {
    transform: translateZ(0) translateZ(0) translateX(-360px)
}

.cx-widget.cx-widget--fake-destroy,
.cx-widget:focus:not(:focus-visible).cx-widget--fake-destroy {
    opacity: 0
}

.cx-widget.cx-widget--collapsed,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed {
    bottom: 0 !important
}

.cx-widget.cx-widget--collapsed .cx-widget__protection-band,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__protection-band {
    opacity: 1
}

.cx-widget.cx-widget--collapsed .cx-widget__container .cx-widget-iframe,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__container .cx-widget-iframe {
    z-index: -1
}

.cx-widget.cx-widget--collapsed .cx-widget__title-container .cx-widget__title,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__title-container .cx-widget__title {
    opacity: 1;
    transform: translateZ(0) translateZ(0) translateY(45%)
}

.cx-widget.cx-widget--collapsed .cx-widget__actions .button-minimize,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__actions .button-minimize {
    opacity: 0;
    pointer-events: none
}

.cx-widget.cx-widget--collapsed .cx-widget__actions .button-close,
.cx-widget:focus:not(:focus-visible).cx-widget--collapsed .cx-widget__actions .button-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%23FFF%27 d=%27M17.12 15.71 22.41 21 21 22.41l-5.29-5.29-5.3 5.29L9 21l5.29-5.29L9 10.41 10.41 9l5.3 5.29L21 9l1.41 1.41z%27/%3E%3C/svg%3E")
}

.cx-widget .cx-widget__title-container,
.cx-widget:focus:not(:focus-visible) .cx-widget__title-container {
    cursor: pointer;
    height: 64px;
    left: 0;
    margin: 0;
    padding: 16px 0 16px 32px;
    position: absolute;
    vertical-align: top;
    width: 250px
}

.cx-widget .cx-widget__title-container .cx-widget__title,
.cx-widget:focus:not(:focus-visible) .cx-widget__title-container .cx-widget__title {
    color: #fff;
    font-weight: 500;
    line-height: 1;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    transform: translateZ(0) translateZ(0) translateY(20%);
    transition: transform .2s ease-in .3s, opacity 325ms ease .3s;

    width: 90%
}

.cx-widget .cx-widget__actions,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions {
    height: 64px;
    padding: 16px 16px 16px 0;
    position: absolute;
    right: 0;
    text-align: right;
    vertical-align: top;
    width: 110px;
    z-index: 9003
}

.cx-widget .cx-widget__actions .button-close,
.cx-widget .cx-widget__actions .button-minimize,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-close,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-minimize {
    cursor: pointer;
    display: inline-block;
    height: 32px;
    width: 32px
}

.cx-widget .cx-widget__actions .button-minimize,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-minimize {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%233483FA%27 d=%27m16 18.59 6.29-6.3 1.42 1.42-7.71 7.7-7.71-7.7 1.42-1.42z%27/%3E%3C/svg%3E");
    margin-right: 8px
}

.cx-widget .cx-widget__actions .button-minimize.button-minimize--white,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-minimize.button-minimize--white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%23FFF%27 d=%27m16 18.59 6.29-6.3 1.42 1.42-7.71 7.7-7.71-7.7 1.42-1.42z%27/%3E%3C/svg%3E")
}

.cx-widget .cx-widget__actions .button-close,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%233483FA%27 d=%27M17.12 15.71 22.41 21 21 22.41l-5.29-5.29-5.3 5.29L9 21l5.29-5.29L9 10.41 10.41 9l5.3 5.29L21 9l1.41 1.41z%27/%3E%3C/svg%3E")
}

.cx-widget .cx-widget__actions .button-close.button-close--white,
.cx-widget:focus:not(:focus-visible) .cx-widget__actions .button-close.button-close--white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27%3E%3Cpath fill=%27%23FFF%27 d=%27M17.12 15.71 22.41 21 21 22.41l-5.29-5.29-5.3 5.29L9 21l5.29-5.29L9 10.41 10.41 9l5.3 5.29L21 9l1.41 1.41z%27/%3E%3C/svg%3E")
}

.cx-widget .cx-widget__container,
.cx-widget:focus:not(:focus-visible) .cx-widget__container {
    height: calc(100% - 64px);
    margin-top: 64px
}

.cx-widget .cx-widget__container .cx-widget-iframe,
.cx-widget:focus:not(:focus-visible) .cx-widget__container .cx-widget-iframe {
    height: 100%;
    margin-top: -64px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 9001
}

.cx-widget .cx-widget__protection-band,
.cx-widget:focus:not(:focus-visible) .cx-widget__protection-band {
    background-color: #3483fa;
    height: 64px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0) translateZ(0);
    transition: opacity .15s ease-in
}

.cx-loading--block {
    background: #fff;
    position: absolute;
    transform: translateZ(0) translateZ(0);
    z-index: 9002
}

.cx-loading--block .cx-loading__container {
    z-index: 9004
}

.cx-loading--hidden .cx-loading__mask,
.cx-loading--hidden.cx-loading--block {
    opacity: 0;
    top: -9999px
}

.cx-loading--block,
.cx-loading__mask {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.cx-loading--block .cx-loading__container {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.cx-loading__mask {
    background-color: hsla(0, 0%, 100%, .9);
    position: absolute
}

.cx-loading__spinner {
    animation: cx-loading-rotate 2s linear infinite;
    height: 32px;
    position: relative;
    transform-origin: center center;
    width: 32px
}

.cx-loading__spinner.cx-loading__spinner--large {
    height: 64px;
    width: 64px
}

.cx-loading__spinner-path {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -10;
    animation: cx-loading-dash 1.5s ease-in-out infinite, cx-loading-color 6s ease-in-out infinite;
    transform: translateZ(0) translateZ(0);
    stroke-linecap: round;
    stroke: #3483fa
}

@keyframes cx-loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes cx-loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes cx-loading-color {

    0%,
    to {
        stroke: #3483fa
    }
}

@media screen and (max-width: 480px) {
    .cx-widget.cx-widget--visible {
        width: 100%
    }
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__progress,
.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__svg {
    height: 16px;
    width: 16px;
    stroke-width: 2px
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__container {
    align-items: center
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-left: 12px
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__progress,
.andes-progress-indicator-circular--small .andes-progress-indicator-circular__svg {
    height: 24px;
    width: 24px;
    stroke-width: 2.5px
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-top: 13px
}

@keyframes andes-button-start-width-animation {
    0% {
        width: 0
    }

    to {
        width: 90%
    }
}

@keyframes andes-button-start-width-animation-reduce-motion {
    0% {
        width: 0
    }

    30% {
        width: 30%
    }

    60% {
        width: 60%
    }

    to {
        width: 90%
    }
}

.andes-button {
    border-radius: 6px;
    display: inline-block;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    text-align: center;
    width: auto;
    -webkit-font-smoothing: antialiased
}

.andes-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-button:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button {
        transition: .18s ease-out;
        transition-property: background, color
    }
}

.andes-button:link {
    text-decoration: none
}

.andes-button,
.andes-button * {
    box-sizing: border-box
}

.andes-button svg {
    display: inline-block;
    max-height: 1.125em;
    max-width: 1.125em;
    vertical-align: middle
}

.andes-button--full-width {
    display: block;
    width: 100%
}

.andes-button:disabled,
.andes-button[aria-disabled=true],
.andes-button[disabled] {
    pointer-events: none
}

.andes-button--loading {
    overflow-y: hidden;
    position: relative
}

.andes-button--loading .andes-progress-indicator-circular {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-button--loading .andes-progress-indicator-circular__container {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading .andes-progress-indicator-circular__container {
        animation: translateInButtonSpinner .18s forwards
    }
}

.andes-button--loading .andes-progress-indicator-circular__progress {
    display: block
}

.andes-button--loading .andes-progress-indicator-circular__progress div {
    align-items: center;
    display: flex;
    justify-content: center
}

.andes-button--loading .andes-progress-indicator-circular__progress .andes-progress-indicator-circular__svg {
    stroke-width: 6px;
    position: relative;
    top: 3px
}

.andes-button--loading .andes-button__content {
    display: block;
    opacity: 0
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading .andes-button__content {
        animation: translateOutButtonSpinner .2s forwards
    }
}

.andes-button--loading-complete {
    overflow-y: hidden
}

.andes-button--loading-complete .andes-button__content {
    margin: 0;
    max-height: none;
    opacity: 1
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading-complete .andes-button__content {
        animation: translateInButtonSpinnerComplete .2s forwards
    }
}

.andes-button__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.andes-button__content * {
    display: block;
    float: left
}

.andes-button__text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-button__text+svg,
svg+.andes-button__text {
    margin-left: 12px
}

@keyframes translateInButtonSpinner {
    0% {
        opacity: 0;
        transform: translateY(60%)
    }

    40% {
        opacity: .4;
        transform: translateY(50%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes translateOutButtonSpinner {
    0% {
        opacity: 1
    }

    80% {
        opacity: .5;
        transform: translateY(-30%)
    }

    90% {
        transform: translateY(-40%)
    }

    to {
        opacity: 0;
        transform: translateY(-60%)
    }
}

@keyframes translateInButtonSpinnerComplete {
    0% {
        opacity: 0;
        transform: translateY(65%)
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.andes-button--medium {
    border-radius: 5px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.andes-button--medium .andes-button__text+svg,
.andes-button--medium svg+.andes-button__text {
    margin-left: 8px
}

.andes-button--medium .andes-progress-indicator-circular__progress .andes-progress-indicator-circular__svg {
    top: 0
}

.andes-button--medium.andes-button--loading-complete .andes-button__content {
    animation: translateInButtonSpinnerCompleteMedium .2s, fadeIn .2s;
    animation-fill-mode: forwards
}

@keyframes translateInButtonSpinnerCompleteMedium {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(calc(-50% + 13px))
    }
}

.andes-button--small {
    border-radius: 4px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px
}

.andes-button--small .andes-progress-indicator-circular__progress .andes-progress-indicator-circular__svg {
    top: 1.5px
}

.andes-button--small .andes-button__text {
    margin: 0
}

.andes-button--small.andes-button--loading-complete .andes-button__content {
    animation: translateInButtonSpinnerCompleteSmall .2s, fadeIn .2s;
    animation-fill-mode: forwards
}

@keyframes translateInButtonSpinnerCompleteSmall {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(calc(-50% + 10px))
    }
}

.andes-button--loud:hover {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud:hover path[stroke]:not([stroke=none]),
.andes-button--loud:hover svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud:hover path[fill]:not([fill=none]),
.andes-button--loud:hover svg[fill]:not([fill=none]) {
    fill: #fff !important
}

@media(min-width: 768px) {

    .andes-button--loud:hover,
    .andes-button--loud:link:hover,
    .andes-button--loud:visited:hover {
        background-color: var(--andes-color-blue-600, #2968c8);
        border-color: transparent;
        color: #fff
    }

    .andes-button--loud:hover path[stroke]:not([stroke=none]),
    .andes-button--loud:hover svg[stroke]:not([stroke=none]),
    .andes-button--loud:link:hover path[stroke]:not([stroke=none]),
    .andes-button--loud:link:hover svg[stroke]:not([stroke=none]),
    .andes-button--loud:visited:hover path[stroke]:not([stroke=none]),
    .andes-button--loud:visited:hover svg[stroke]:not([stroke=none]) {
        stroke: #fff !important
    }

    .andes-button--loud:hover path[fill]:not([fill=none]),
    .andes-button--loud:hover svg[fill]:not([fill=none]),
    .andes-button--loud:link:hover path[fill]:not([fill=none]),
    .andes-button--loud:link:hover svg[fill]:not([fill=none]),
    .andes-button--loud:visited:hover path[fill]:not([fill=none]),
    .andes-button--loud:visited:hover svg[fill]:not([fill=none]) {
        fill: #fff !important
    }
}

.andes-button--loud {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loud {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--loud,
.andes-button--loud:focus,
.andes-button--loud:link,
.andes-button--loud:visited {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud path[stroke]:not([stroke=none]),
.andes-button--loud svg[stroke]:not([stroke=none]),
.andes-button--loud:focus path[stroke]:not([stroke=none]),
.andes-button--loud:focus svg[stroke]:not([stroke=none]),
.andes-button--loud:link path[stroke]:not([stroke=none]),
.andes-button--loud:link svg[stroke]:not([stroke=none]),
.andes-button--loud:visited path[stroke]:not([stroke=none]),
.andes-button--loud:visited svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud path[fill]:not([fill=none]),
.andes-button--loud svg[fill]:not([fill=none]),
.andes-button--loud:focus path[fill]:not([fill=none]),
.andes-button--loud:focus svg[fill]:not([fill=none]),
.andes-button--loud:link path[fill]:not([fill=none]),
.andes-button--loud:link svg[fill]:not([fill=none]),
.andes-button--loud:visited path[fill]:not([fill=none]),
.andes-button--loud:visited svg[fill]:not([fill=none]) {
    fill: #fff !important
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loud:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--loud:active {
    background-color: var(--andes-color-blue-700, #1f4e96);
    border-color: transparent;
    color: #fff
}

.andes-button--loud:active path[stroke]:not([stroke=none]),
.andes-button--loud:active svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud:active path[fill]:not([fill=none]),
.andes-button--loud:active svg[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled,
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .1);
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled path[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading):disabled svg[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] svg[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] path[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] svg[stroke]:not([stroke=none]) {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled path[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading):disabled svg[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] svg[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] path[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .25) !important
}

.andes-button--quiet:hover {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet:hover path[stroke]:not([stroke=none]),
.andes-button--quiet:hover svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:hover path[fill]:not([fill=none]),
.andes-button--quiet:hover svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(min-width: 768px) {

    .andes-button--quiet:hover,
    .andes-button--quiet:link:hover,
    .andes-button--quiet:visited:hover {
        background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
        border-color: transparent;
        color: var(--andes-color-blue-500, #3483fa)
    }

    .andes-button--quiet:hover path[stroke]:not([stroke=none]),
    .andes-button--quiet:hover svg[stroke]:not([stroke=none]),
    .andes-button--quiet:link:hover path[stroke]:not([stroke=none]),
    .andes-button--quiet:link:hover svg[stroke]:not([stroke=none]),
    .andes-button--quiet:visited:hover path[stroke]:not([stroke=none]),
    .andes-button--quiet:visited:hover svg[stroke]:not([stroke=none]) {
        stroke: var(--andes-color-blue-500, #3483fa) !important
    }

    .andes-button--quiet:hover path[fill]:not([fill=none]),
    .andes-button--quiet:hover svg[fill]:not([fill=none]),
    .andes-button--quiet:link:hover path[fill]:not([fill=none]),
    .andes-button--quiet:link:hover svg[fill]:not([fill=none]),
    .andes-button--quiet:visited:hover path[fill]:not([fill=none]),
    .andes-button--quiet:visited:hover svg[fill]:not([fill=none]) {
        fill: var(--andes-color-blue-500, #3483fa) !important
    }
}

.andes-button--quiet {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--quiet {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--quiet,
.andes-button--quiet:focus,
.andes-button--quiet:link,
.andes-button--quiet:visited {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet path[stroke]:not([stroke=none]),
.andes-button--quiet svg[stroke]:not([stroke=none]),
.andes-button--quiet:focus path[stroke]:not([stroke=none]),
.andes-button--quiet:focus svg[stroke]:not([stroke=none]),
.andes-button--quiet:link path[stroke]:not([stroke=none]),
.andes-button--quiet:link svg[stroke]:not([stroke=none]),
.andes-button--quiet:visited path[stroke]:not([stroke=none]),
.andes-button--quiet:visited svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet path[fill]:not([fill=none]),
.andes-button--quiet svg[fill]:not([fill=none]),
.andes-button--quiet:focus path[fill]:not([fill=none]),
.andes-button--quiet:focus svg[fill]:not([fill=none]),
.andes-button--quiet:link path[fill]:not([fill=none]),
.andes-button--quiet:link svg[fill]:not([fill=none]),
.andes-button--quiet:visited path[fill]:not([fill=none]),
.andes-button--quiet:visited svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--quiet:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--quiet:active {
    background-color: var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet:active path[stroke]:not([stroke=none]),
.andes-button--quiet:active svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:active path[fill]:not([fill=none]),
.andes-button--quiet:active svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:not(.andes-button--loading, .loading):disabled,
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .1);
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--quiet:not(.andes-button--loading, .loading):disabled path[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading):disabled svg[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] svg[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] path[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] svg[stroke]:not([stroke=none]) {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--quiet:not(.andes-button--loading, .loading):disabled path[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading):disabled svg[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] svg[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] path[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .25) !important
}

.andes-button--transparent:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--transparent:hover path[stroke]:not([stroke=none]),
.andes-button--transparent:hover svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent:hover path[fill]:not([fill=none]),
.andes-button--transparent:hover svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(min-width: 768px) {

    .andes-button--transparent:hover,
    .andes-button--transparent:link:hover,
    .andes-button--transparent:visited:hover {
        background-color: var(--andes-color-blue-100, rgba(65, 137, 230, .1));
        border-color: transparent;
        color: var(--andes-color-blue-500, #3483fa)
    }

    .andes-button--transparent:hover path[stroke]:not([stroke=none]),
    .andes-button--transparent:hover svg[stroke]:not([stroke=none]),
    .andes-button--transparent:link:hover path[stroke]:not([stroke=none]),
    .andes-button--transparent:link:hover svg[stroke]:not([stroke=none]),
    .andes-button--transparent:visited:hover path[stroke]:not([stroke=none]),
    .andes-button--transparent:visited:hover svg[stroke]:not([stroke=none]) {
        stroke: var(--andes-color-blue-500, #3483fa) !important
    }

    .andes-button--transparent:hover path[fill]:not([fill=none]),
    .andes-button--transparent:hover svg[fill]:not([fill=none]),
    .andes-button--transparent:link:hover path[fill]:not([fill=none]),
    .andes-button--transparent:link:hover svg[fill]:not([fill=none]),
    .andes-button--transparent:visited:hover path[fill]:not([fill=none]),
    .andes-button--transparent:visited:hover svg[fill]:not([fill=none]) {
        fill: var(--andes-color-blue-500, #3483fa) !important
    }
}

.andes-button--transparent {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--transparent {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--transparent,
.andes-button--transparent:focus,
.andes-button--transparent:link,
.andes-button--transparent:visited {
    background-color: transparent;
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--transparent path[stroke]:not([stroke=none]),
.andes-button--transparent svg[stroke]:not([stroke=none]),
.andes-button--transparent:focus path[stroke]:not([stroke=none]),
.andes-button--transparent:focus svg[stroke]:not([stroke=none]),
.andes-button--transparent:link path[stroke]:not([stroke=none]),
.andes-button--transparent:link svg[stroke]:not([stroke=none]),
.andes-button--transparent:visited path[stroke]:not([stroke=none]),
.andes-button--transparent:visited svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent path[fill]:not([fill=none]),
.andes-button--transparent svg[fill]:not([fill=none]),
.andes-button--transparent:focus path[fill]:not([fill=none]),
.andes-button--transparent:focus svg[fill]:not([fill=none]),
.andes-button--transparent:link path[fill]:not([fill=none]),
.andes-button--transparent:link svg[fill]:not([fill=none]),
.andes-button--transparent:visited path[fill]:not([fill=none]),
.andes-button--transparent:visited svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .55) !important;
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--transparent:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--transparent:active {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--transparent:active path[stroke]:not([stroke=none]),
.andes-button--transparent:active svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent:active path[fill]:not([fill=none]),
.andes-button--transparent:active svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent:not(.andes-button--loading, .loading):disabled,
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: transparent;
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--transparent:not(.andes-button--loading, .loading):disabled path[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading):disabled svg[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] svg[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] path[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] svg[stroke]:not([stroke=none]) {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--transparent:not(.andes-button--loading, .loading):disabled path[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading):disabled svg[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] svg[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] path[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .25) !important
}

.andes-button--quiet.loading:active,
.andes-button--quiet.loading:disabled,
.andes-button--quiet.loading:hover {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet.loading:active path[stroke]:not([stroke=none]),
.andes-button--quiet.loading:active svg[stroke]:not([stroke=none]),
.andes-button--quiet.loading:disabled path[stroke]:not([stroke=none]),
.andes-button--quiet.loading:disabled svg[stroke]:not([stroke=none]),
.andes-button--quiet.loading:hover path[stroke]:not([stroke=none]),
.andes-button--quiet.loading:hover svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet.loading:active path[fill]:not([fill=none]),
.andes-button--quiet.loading:active svg[fill]:not([fill=none]),
.andes-button--quiet.loading:disabled path[fill]:not([fill=none]),
.andes-button--quiet.loading:disabled svg[fill]:not([fill=none]),
.andes-button--quiet.loading:hover path[fill]:not([fill=none]),
.andes-button--quiet.loading:hover svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:after,
.andes-button--quiet:before {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
    border-color: transparent;
    border-radius: .2222222222em;
    box-sizing: content-box;
    color: var(--andes-color-blue-500, #3483fa);
    content: "";
    height: 100%;
    left: 0;
    margin: -.0555555556em;
    padding: .0555555556em;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    width: 100%;
    will-change: transform
}

.andes-button--quiet:after path[stroke]:not([stroke=none]),
.andes-button--quiet:after svg[stroke]:not([stroke=none]),
.andes-button--quiet:before path[stroke]:not([stroke=none]),
.andes-button--quiet:before svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:after path[fill]:not([fill=none]),
.andes-button--quiet:after svg[fill]:not([fill=none]),
.andes-button--quiet:before path[fill]:not([fill=none]),
.andes-button--quiet:before svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--loud.loading:active,
.andes-button--loud.loading:disabled,
.andes-button--loud.loading:hover {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud.loading:active path[stroke]:not([stroke=none]),
.andes-button--loud.loading:active svg[stroke]:not([stroke=none]),
.andes-button--loud.loading:disabled path[stroke]:not([stroke=none]),
.andes-button--loud.loading:disabled svg[stroke]:not([stroke=none]),
.andes-button--loud.loading:hover path[stroke]:not([stroke=none]),
.andes-button--loud.loading:hover svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud.loading:active path[fill]:not([fill=none]),
.andes-button--loud.loading:active svg[fill]:not([fill=none]),
.andes-button--loud.loading:disabled path[fill]:not([fill=none]),
.andes-button--loud.loading:disabled svg[fill]:not([fill=none]),
.andes-button--loud.loading:hover path[fill]:not([fill=none]),
.andes-button--loud.loading:hover svg[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--loud:after,
.andes-button--loud:before {
    background-color: var(--andes-color-blue-600, #2968c8);
    border-color: transparent;
    border-radius: .2222222222em;
    box-sizing: content-box;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    margin: -.0555555556em;
    padding: .0555555556em;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    width: 100%;
    will-change: transform
}

.andes-button--loud:after path[stroke]:not([stroke=none]),
.andes-button--loud:after svg[stroke]:not([stroke=none]),
.andes-button--loud:before path[stroke]:not([stroke=none]),
.andes-button--loud:before svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud:after path[fill]:not([fill=none]),
.andes-button--loud:after svg[fill]:not([fill=none]),
.andes-button--loud:before path[fill]:not([fill=none]),
.andes-button--loud:before svg[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--progress {
    border: 0;
    overflow: hidden;
    position: relative
}

.andes-button--progress:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3))
}

.andes-button--progress .andes-button__content {
    margin: auto;
    position: relative;
    width: max-content;
    z-index: 1
}

.andes-button--progress .andes-button__content :not(.andes-button--progress__content) {
    transform: translateZ(0)
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--progress .andes-button__content :not(.andes-button--progress__content) {
        transition: transform .2s ease-in
    }
}

.andes-button--progress .andes-button__content .andes-button--progress__content {
    position: absolute;
    transform: translate3d(0, 32px, 0)
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--progress .andes-button__content .andes-button--progress__content {
        transition: transform .2s ease-in
    }
}

.andes-button--progress .andes-button__content .andes-button--progress__content * {
    position: absolute;
    transform: translate3d(0, 32px, 0)
}

.andes-button--progress.loading .andes-button__content :not(.andes-button--progress__content) {
    position: absolute;
    transform: translate3d(0, -32px, 0);
    width: 100%
}

.andes-button--progress.loading .andes-button__content .andes-button--progress__content,
.andes-button--progress.loading .andes-button__content .andes-button--progress__content * {
    position: relative;
    transform: translateZ(0)
}

.andes-button--progress.loading:after,
.andes-button--progress.loading:focus:after {
    animation: andes-button-start-width-animation-reduce-motion 3s step-start;
    transform: scaleX(1)
}

@media(prefers-reduced-motion:no-preference) {

    .andes-button--progress.loading:after,
    .andes-button--progress.loading:focus:after {
        animation: andes-button-start-width-animation 60s cubic-bezier(0, .56, .76, .96)
    }
}

.andes-button--progress.loading.finished,
.andes-button--progress.loading.finished:before,
.andes-button--progress.progress:before {
    transform: scaleX(1)
}

@media(prefers-reduced-motion:no-preference) {

    .andes-button--progress.loading.finished,
    .andes-button--progress.loading.finished:before,
    .andes-button--progress.progress:before {
        transition: transform .25s ease-in, opacity .5s ease-in
    }
}

.andes-button-dropdown {
    padding-right: 16px
}

.andes-button-dropdown.andes-button--medium {
    padding-right: 8px
}

.andes-button-dropdown.andes-button--medium .andes-button__text+svg,
.andes-button-dropdown.andes-button--medium svg+.andes-button__text {
    margin-left: 4px
}

.andes-button-dropdown__menu .andes-button-dropdown__menu-item:hover {
    background: rgba(0, 0, 0, .04)
}

.andes-button-dropdown.andes-button--loud .andes-button-dropdown__svg-fill {
    fill: #fff
}

.andes-button-dropdown.andes-button--quiet .andes-button-dropdown__svg-fill,
.andes-button-dropdown.andes-button--transparent .andes-button-dropdown__svg-fill {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-button-dropdown.andes-button--disabled:disabled .andes-button-dropdown__svg-fill {
    fill: rgba(0, 0, 0, .25)
}

.andes-button-dropdown-container {
    display: inline-block;
    position: relative
}

.andes-button__text {
    flex: unset
}

.andes-button-dropdown__menu--bottom,
.andes-button-dropdown__menu--top {
    margin: 0;
    width: auto
}

.andes-button-split {
    display: inline-flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    position: relative
}

.andes-button-split .andes-button-split-text {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    display: inline;
    padding-left: 16px;
    padding-right: 16px
}

.andes-button-split .andes-button-split-text:focus {
    position: relative
}

.andes-button-split .andes-button-split-text:focus-visible {
    position: relative
}

.andes-button-split .andes-button-split-chevron {
    border-bottom-left-radius: 0;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-top-left-radius: 0;
    padding: 0 6px;
    vertical-align: bottom
}

.andes-button-split .andes-button-split-chevron:focus {
    position: relative
}

.andes-button-split .andes-button-split-chevron:focus-visible {
    position: relative
}

.andes-button-split.andes-button--loud .andes-button-split__svg-fill {
    fill: #fff
}

.andes-button-split.andes-button--quiet .andes-button-split__svg-fill,
.andes-button-split.andes-button--transparent .andes-button-split__svg-fill {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-button-split .andes-button--loud .andes-button-split__svg-fill {
    fill: #fff
}

.andes-button-split .andes-button--quiet .andes-button-split__svg-fill,
.andes-button-split .andes-button--transparent .andes-button-split__svg-fill {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-button-split__menu {
    display: inline;
    margin: 0;
    position: static
}

.andes-button-split__menu--bottom,
.andes-button-split__menu--top {
    width: auto
}

.andes-button-split__menu--bottom-right,
.andes-button-split__menu--top-right {
    width: max-content
}

.andes-button.andes-button--fab {
    border-radius: 2em;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1);
    padding: 14px 16px 14px 14px;
    transition: max-width .2s ease, padding .2s ease;
    -webkit-transition: max-width .2s ease, padding .2s ease;
    width: auto
}

.andes-button.andes-button--fab .andes-button__text {
    transition: margin-left .2s ease, opacity .2s ease;
    -webkit-transition: margin-left .2s ease, opacity .2s ease
}

.andes-button.andes-button--fab .andes-button--icon-container {
    max-height: 20px;
    max-width: 20px
}

.andes-button.andes-button--fab .andes-button--icon-container img,
.andes-button.andes-button--fab .andes-button--icon-container svg {
    display: inline-block;
    height: 20px;
    max-height: inherit;
    max-width: inherit;
    width: 20px
}

.andes-button.andes-button--fab.andes-button--quiet {
    background: #fff
}

.andes-button.andes-button--fab.andes-button--small {
    height: 32px;
    padding-left: 8px;
    padding-right: 12px
}

.andes-button.andes-button--fab.andes-button--small .andes-button--icon-container {
    max-height: 16px;
    max-width: 16px
}

.andes-button.andes-button--fab.andes-button--small .andes-button--icon-container img,
.andes-button.andes-button--fab.andes-button--small .andes-button--icon-container svg {
    display: inline-block;
    max-height: inherit;
    max-width: inherit
}

.andes-button.andes-button--fab.andes-button--small.andes-button--collapsed {
    max-width: 2.6em;
    padding: 8px;
    width: auto
}

.andes-button.andes-button--fab.andes-button--small.andes-button--collapsed .andes-button__text {
    margin-left: 0
}

.andes-button.andes-button--fab.andes-button--small.andes-button--expanded {
    width: auto
}

.andes-button.andes-button--fab.andes-button--small.andes-button--expanded .andes-button__text {
    margin-left: 4px
}

.andes-button.andes-button--fab.andes-button--expanded {
    max-width: 100%;
    width: auto
}

.andes-button.andes-button--fab.andes-button--expanded .andes-button__text {
    margin-left: 12px;
    opacity: 1
}

.andes-button.andes-button--fab.andes-button--collapsed {
    max-width: 3em;
    padding: 14px;
    width: auto
}

.andes-button.andes-button--fab.andes-button--collapsed .andes-button__text {
    opacity: 0
}

.andes-popper:not(.andes-tooltip) {
    height: 100%;
    width: 100%
}

.andes-floating-menu {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    border-radius: .375em
}

.andes-floating-menu li:first-child,
.andes-floating-menu li:first-child a,
.andes-floating-menu li:first-child button {
    border-top-left-radius: .375em;
    border-top-right-radius: .375em
}

.andes-floating-menu li:last-child,
.andes-floating-menu li:last-child a,
.andes-floating-menu li:last-child button {
    border-bottom-left-radius: .375em;
    border-bottom-right-radius: .375em
}

.andes-floating-menu .andes-list__item {
    outline: none
}

.andes-floating-menu .andes-list__item:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-floating-menu .andes-list__item--visible-focused {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-floating-menu .andes-list__item>:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item>:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item>:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-floating-menu__no-results {
    box-sizing: content-box;
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    height: 18px;
    padding: 18px 16px
}

.andes-floating-menu__search-box {
    padding: 16px 16px 4px
}

.andes-floating-menu .andes-floating-menu-item-hover {
    background-color: #ededed
}

.andes-floating-menu .andes-form-control--search-box .andes-form-control__field {
    margin: 0
}

.andes-floating-menu--search {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    color: rgba(0, 0, 0, .9);
    display: flex;
    opacity: 1;
    width: 100%
}

.andes-floating-menu--search.andes-floating-menu--search--web-mobile-ios .andes-form-control__field {
    transform: scale(.875);
    transform-origin: top left;
    width: 115%
}

.andes-floating-menu--search.andes-floating-menu--search--web-mobile-ios.andes-floating-menu--search--size-small {
    font-size: 16px
}

.andes-floating-menu--search.andes-floating-menu--search--web-mobile-ios.andes-floating-menu--search--size-small .andes-form-control__field {
    height: 20px
}

.andes-floating-menu--search label {
    order: 2;
    width: 100%
}

.andes-floating-menu--search:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .55)
}

.andes-floating-menu--search--focused,
.andes-floating-menu--search--focused:hover,
.andes-floating-menu--search:focus {
    box-shadow: 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-floating-menu--search--focused.focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-floating-menu--search .andes-form-control__close-icon,
.andes-floating-menu--search .andes-form-control__search-icon {
    align-content: center;
    display: flex;
    padding: 0
}

.andes-floating-menu--search .andes-form-control__close-icon svg path,
.andes-floating-menu--search .andes-form-control__search-icon svg path {
    fill: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__close-icon:focus-visible,
.andes-floating-menu--search .andes-form-control__search-icon:focus-visible {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu--search .andes-form-control__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    margin-left: 4px;
    opacity: 0;
    order: 3
}

.andes-floating-menu--search .andes-form-control__close-icon-visible {
    align-content: center;
    display: flex;
    opacity: 1;
    padding: 0
}

.andes-floating-menu--search--disabled,
.andes-floating-menu--search--disabled .andes-form-control__field {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search--disabled:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
}

.andes-floating-menu--search--disabled .andes-form-control__close-icon,
.andes-floating-menu--search--disabled .andes-form-control__close-icon.andes-form-control__close-icon-visible {
    opacity: 0
}

.andes-floating-menu--search .andes-form-control__field {
    line-height: 18px;
    margin: 0;
    order: 2
}

.andes-floating-menu--search .andes-form-control__field:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-floating-menu--search .andes-form-control__field:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-floating-menu--search .andes-form-control__field::placeholder {
    color: rgba(0, 0, 0, .55);
    opacity: 1
}

.andes-floating-menu--search .andes-form-control__field::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field::-moz-placeholder {
    color: rgba(0, 0, 0, .55);
    opacity: 1
}

.andes-floating-menu--search .andes-form-control__field:-moz-placeholder {
    opacity: 1
}

.andes-floating-menu--search .andes-form-control__field:-ms-input-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field::-ms-input-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field:-moz-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field:disabled {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__search-icon {
    background-color: transparent;
    border: 0;
    margin-right: 4px;
    order: 1
}

.andes-floating-menu--search--size-small {
    border-radius: 16px;
    font-size: 14px;
    height: 32px;
    padding: 8px 8px 6px
}

.andes-floating-menu--search--size-small .andes-form-control__field {
    height: 18px
}

.andes-floating-menu--search--size-small .andes-form-control__close-icon,
.andes-floating-menu--search--size-small .andes-form-control__search-icon {
    height: 16px
}

.andes-floating-menu--search--size-large {
    border-radius: 24px;
    font-size: 16px;
    height: 48px;
    padding: 15px 16px 13px
}

.andes-floating-menu--search--size-large .andes-form-control__field {
    height: 20px
}

.andes-floating-menu--search--size-large .andes-form-control__search-icon {
    margin-right: 8px
}

.andes-progress-indicator-circular__container {
    display: flex;
    height: max-content;
    position: relative;
    width: max-content
}

.andes-progress-indicator-circular__progress {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.andes-progress-indicator-circular--blue .andes-progress-indicator-circular__progress {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.andes-progress-indicator-circular--white .andes-progress-indicator-circular__progress {
    stroke: #fff
}

.andes-progress-indicator-circular__content {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    font-weight: 400
}

.andes-progress-indicator-circular__label {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__svg {
    animation: andes-pi-circular-rotate 2s linear infinite;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1022
}

.andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle {
    stroke-linecap: round;
    animation: andes-pi-circular-dash-reduce-motion 5s ease-in-out infinite
}

@media(prefers-reduced-motion:no-preference) {
    .andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle {
        animation: andes-pi-circular-dash 1.5s ease-in-out infinite
    }
}

@keyframes andes-pi-circular-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes andes-pi-circular-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes andes-pi-circular-dash-reduce-motion {
    0% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 0
    }

    10% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 1
    }

    60% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 1
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 0
    }
}

.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__progress,
.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__svg {
    height: 32px;
    width: 32px;
    stroke-width: 3px
}

.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-top: 13px
}

.andes-visually-hidden,
.andes-visually-hidden-focusable:not(:focus):not(:focus-within) {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    position: absolute;

    width: 1px
}

.andes-money-amount {
    align-items: baseline;
    display: flex;
    font-weight: 400;
    line-height: 1.25
}

.andes-money-amount__currency-symbol,
.andes-money-amount__negative-symbol {
    padding-right: .2em
}

.andes-money-amount--compact {
    line-height: 1
}

.andes-money-amount--cents-superscript .andes-money-amount__cents {
    align-self: flex-start;
    margin-left: 1px
}

.andes-money-amount--weight-semibold {
    font-weight: 600
}

.andes-money-amount--previous {
    color: rgba(0, 0, 0, .55);
    text-decoration: none
}

.andes-money-amount--previous .andes-money-amount__cents,
.andes-money-amount--previous .andes-money-amount__comma,
.andes-money-amount--previous .andes-money-amount__currency-symbol,
.andes-money-amount--previous .andes-money-amount__fraction {
    position: relative
}

.andes-money-amount--previous .andes-money-amount__cents:after,
.andes-money-amount--previous .andes-money-amount__comma:after,
.andes-money-amount--previous .andes-money-amount__currency-symbol:after,
.andes-money-amount--previous .andes-money-amount__fraction:after {
    border-bottom: 1px solid rgba(0, 0, 0, .55);
    content: "";
    left: 0;
    position: absolute;
    top: 51%;
    width: 100%
}

.andes-money-amount--previous .andes-money-amount__cents--superscript-16:after,
.andes-money-amount--previous .andes-money-amount__cents--superscript-18:after,
.andes-money-amount--previous .andes-money-amount__cents--superscript-20:after,
.andes-money-amount--previous .andes-money-amount__cents--superscript-24:after {
    top: 45%
}

.andes-money-amount__suffix {
    color: rgba(0, 0, 0, .55)
}

.andes-money-amount .andes-money-amount__suffix-14 {
    font-size: 9px;
    margin-left: 2px
}

.andes-money-amount .andes-money-amount__suffix-16 {
    font-size: 10px;
    margin-left: 3px
}

.andes-money-amount .andes-money-amount__suffix-18 {
    font-size: 12px;
    margin-left: 3px
}

.andes-money-amount .andes-money-amount__suffix-20 {
    font-size: 13px;
    margin-left: 4px
}

.andes-money-amount .andes-money-amount__suffix-24 {
    font-size: 16px;
    margin-left: 6px
}

.andes-money-amount .andes-money-amount__suffix-28 {
    font-size: 18px;
    margin-left: 7px
}

.andes-money-amount .andes-money-amount__suffix-32 {
    font-size: 21px;
    margin-left: 7px
}

.andes-money-amount .andes-money-amount__suffix-36 {
    font-size: 24px;
    margin-left: 8px
}

.andes-money-amount .andes-money-amount__suffix-40 {
    font-size: 26px;
    margin-left: 10px
}

.andes-money-amount .andes-money-amount__suffix-44 {
    font-size: 28px;
    margin-left: 11px
}

.andes-money-amount .andes-money-amount__suffix-48 {
    font-size: 32px;
    margin-left: 12px
}

.andes-money-amount .andes-money-amount__suffix-52 {
    font-size: 34px;
    margin-left: 13px
}

.andes-money-amount .andes-money-amount__suffix-56 {
    font-size: 36px;
    margin-left: 14px
}

.andes-money-amount .andes-money-amount__suffix-60 {
    font-size: 38px;
    margin-left: 15px
}

.andes-money-amount .andes-money-amount__logo-12 {
    display: flex;
    height: 9px;
    margin: auto 3px auto 0;
    width: 9px
}

.andes-money-amount .andes-money-amount__logo-12 svg {
    height: 9px;
    width: 9px
}

.andes-money-amount .andes-money-amount__logo-14 {
    display: flex;
    height: 11px;
    margin: auto 3px auto 0;
    width: 11px
}

.andes-money-amount .andes-money-amount__logo-14 svg {
    height: 11px;
    width: 11px
}

.andes-money-amount .andes-money-amount__logo-16 {
    display: flex;
    height: 13px;
    margin: auto 3px auto 0;
    width: 13px
}

.andes-money-amount .andes-money-amount__logo-16 svg {
    height: 13px;
    width: 13px
}

.andes-money-amount .andes-money-amount__logo-18 {
    display: flex;
    height: 15px;
    margin: auto 4px auto 0;
    width: 15px
}

.andes-money-amount .andes-money-amount__logo-18 svg {
    height: 15px;
    width: 15px
}

.andes-money-amount .andes-money-amount__logo-20 {
    display: flex;
    height: 17px;
    margin: auto 4px auto 0;
    width: 17px
}

.andes-money-amount .andes-money-amount__logo-20 svg {
    height: 17px;
    width: 17px
}

.andes-money-amount .andes-money-amount__logo-24 {
    display: flex;
    height: 20px;
    margin: auto 5px auto 0;
    width: 20px
}

.andes-money-amount .andes-money-amount__logo-24 svg {
    height: 20px;
    width: 20px
}

.andes-money-amount .andes-money-amount__logo-28 {
    display: flex;
    height: 22px;
    margin: auto 5px auto 0;
    width: 22px
}

.andes-money-amount .andes-money-amount__logo-28 svg {
    height: 22px;
    width: 22px
}

.andes-money-amount .andes-money-amount__logo-32 {
    display: flex;
    height: 24px;
    margin: auto 5px auto 0;
    width: 24px
}

.andes-money-amount .andes-money-amount__logo-32 svg {
    height: 24px;
    width: 24px
}

.andes-money-amount .andes-money-amount__logo-36 {
    display: flex;
    height: 27px;
    margin: auto 6px auto 0;
    width: 27px
}

.andes-money-amount .andes-money-amount__logo-36 svg {
    height: 27px;
    width: 27px
}

.andes-money-amount .andes-money-amount__logo-40 {
    display: flex;
    height: 28px;
    margin: auto 7px auto 0;
    width: 28px
}

.andes-money-amount .andes-money-amount__logo-40 svg {
    height: 28px;
    width: 28px
}

.andes-money-amount .andes-money-amount__logo-44 {
    display: flex;
    height: 32px;
    margin: auto 8px auto 0;
    width: 32px
}

.andes-money-amount .andes-money-amount__logo-44 svg {
    height: 32px;
    width: 32px
}

.andes-money-amount .andes-money-amount__logo-48 {
    display: flex;
    height: 34px;
    margin: auto 8px auto 0;
    width: 34px
}

.andes-money-amount .andes-money-amount__logo-48 svg {
    height: 34px;
    width: 34px
}

.andes-money-amount .andes-money-amount__logo-52 {
    display: flex;
    height: 38px;
    margin: auto 10px auto 0;
    width: 38px
}

.andes-money-amount .andes-money-amount__logo-52 svg {
    height: 38px;
    width: 38px
}

.andes-money-amount .andes-money-amount__logo-56 {
    display: flex;
    height: 41px;
    margin: auto 10px auto 0;
    width: 41px
}

.andes-money-amount .andes-money-amount__logo-56 svg {
    height: 41px;
    width: 41px
}

.andes-money-amount .andes-money-amount__logo-60 {
    display: flex;
    height: 43px;
    margin: auto 10px auto 0;
    width: 43px
}

.andes-money-amount .andes-money-amount__logo-60 svg {
    height: 43px;
    width: 43px
}

.andes-money-amount__discount {
    align-items: center;
    color: #00a650;
    display: flex;
    font-weight: 400
}

.andes-money-amount__discount .andes-money-amount__discount-icon-12 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 16px;
    margin: 2px 4px 0 0;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-12 svg {
    height: 16px;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-14 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 16px;
    margin: 2px 4px 0 0;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-14 svg {
    height: 16px;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-16 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 16px;
    margin: 2px 4px 0 0;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-16 svg {
    height: 16px;
    width: 16px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-18 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 20px;
    margin: 2px 4px 0 0;
    width: 20px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-18 svg {
    height: 20px;
    width: 20px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-20 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 20px;
    margin: 2px 4px 0 0;
    width: 20px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-20 svg {
    height: 20px;
    width: 20px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-24 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 24px;
    margin: 2px 4px 0 0;
    width: 24px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-24 svg {
    height: 24px;
    width: 24px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-28 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 28px;
    margin: 2px 4px 0 0;
    width: 28px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-28 svg {
    height: 28px;
    width: 28px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-32 {
    align-items: center;
    color: #00a650;
    display: flex;
    height: 32px;
    margin: 2px 4px 0 0;
    width: 32px
}

.andes-money-amount__discount .andes-money-amount__discount-icon-32 svg {
    height: 32px;
    width: 32px
}

p .andes-money-amount {
    font-weight: inherit
}

.andes-money-amount-combo {
    display: flex;
    flex-direction: column
}

.andes-money-amount-combo__main-container {
    align-items: center;
    display: flex
}

.andes-money-amount-combo__main-container .andes-money-amount__discount {
    margin-left: 4px
}

.ui-insurtech-cta {
    border-radius: 0
}

.ui-insurtech-cta--rounded {
    border-radius: 6px
}

.ui-insurtech-cta-header {
    display: flex
}

.ui-insurtech-cta-title {
    display: flex;
    flex: 2;
    justify-content: flex-start;
    margin: 0
}

.ui-insurtech-cta-subtitle {
    margin: 0
}

.ui-insurtech-cta-actions {
    display: flex;
    gap: 8px;
    margin-bottom: 16px
}

.ui-insurtech-cta-footer {
    margin: 0
}

.ui-insurtech-final-price {
    display: flex;
    gap: 4px
}

.ui-insurtech-final-price__text {
    font-size: 12px;
    line-height: normal
}

.ui-insurtech-installments-price {
    align-items: center;
    display: flex
}

.ui-insurtech-installments-price__mobile {
    gap: 4px
}

.ui-insurtech-installments-price__web {
    gap: 8px
}

.ui-insurtech__price {
    color: rgba(0, 0, 0, .9);
    display: flex;
    flex-direction: column;
    font-weight: 400;
    gap: 2px
}

.ui-insurtech__price>* {
    margin-bottom: 0;
    margin-top: 0
}

.ui-insurtech-final-price--baseline,
.ui-insurtech-installments-price--baseline {
    align-items: baseline
}

.ui-insurtech-final-price--center,
.ui-insurtech-installments-price--center {
    align-items: center
}

.andes-card--padding-0>.andes-card__content,
.andes-card--padding-0>.andes-card__footer,
.andes-card--padding-0>.andes-card__header {
    padding: 0
}

.andes-card--padding-16>.andes-card__content,
.andes-card--padding-16>.andes-card__footer,
.andes-card--padding-16>.andes-card__header {
    padding: 16px
}

.andes-card--padding-24>.andes-card__content,
.andes-card--padding-24>.andes-card__footer,
.andes-card--padding-24>.andes-card__header {
    padding: 24px
}

.andes-card--padding-32>.andes-card__content,
.andes-card--padding-32>.andes-card__footer,
.andes-card--padding-32>.andes-card__header {
    padding: 32px
}

.andes-card--padding-40>.andes-card__content,
.andes-card--padding-40>.andes-card__footer,
.andes-card--padding-40>.andes-card__header {
    padding: 40px
}

.andes-card {
    background-color: #fff;
    border-radius: 6px;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif
}

.andes-card--animated {
    transition: box-shadow .2s ease-in-out
}

.andes-card--animated:hover,
.andes-card--elevated {
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1)
}

.andes-card--flat {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12)
}

.andes-card--secondary-light {
    background-color: #f5f5f5;
    box-shadow: none
}

.andes-card--secondary-dark {
    background-color: #ededed;
    box-shadow: none
}

.andes-card--outline {
    border: 1px solid rgba(0, 0, 0, .1)
}

.andes-card>:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.andes-card>:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.andes-card__header {
    padding-bottom: 14px
}

.andes-card__header--border {
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.andes-card__header-title {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.andes-card__footer {
    padding-top: 14px
}

.andes-card__footer--common {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .15s ease-out
}

.andes-card__footer--common:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-card__footer--common:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-card__footer--common:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-card__footer--common:hover {
    background-color: #f5f5f5;
    color: var(--andes-color-blue-600, #2968c8)
}

.andes-card__footer--link {
    display: block
}

.andes-card__footer--button {
    background-color: transparent;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    text-align: left;
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    .andes-card__footer--button {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-card__footer--border {
    border-top: 1px solid rgba(0, 0, 0, .07)
}

.andes-card__footer-arrow {
    border-color: var(--andes-color-blue-500, #3483fa);
    border-style: solid;
    border-width: 1px 1px 0 0;
    display: block;
    float: right;
    height: 7px;
    margin-top: 5px;
    transform: rotate(45deg);
    width: 7px
}

.andes-card--accent .andes-card__content {
    position: relative
}

.andes-card--accent>.andes-card__content:before {
    background: var(--andes-color-blue-500, #3483fa);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--accent .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--accent .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--green .andes-card__content {
    position: relative
}

.andes-card--green>.andes-card__content:before {
    background: #00a650;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--green .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--green .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--orange .andes-card__content {
    position: relative
}

.andes-card--orange>.andes-card__content:before {
    background: #f73;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--orange .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--orange .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--red .andes-card__content {
    position: relative
}

.andes-card--red>.andes-card__content:before {
    background: #f23d4f;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--red .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--red .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--none .andes-card__content {
    position: relative
}

.andes-card--none>.andes-card__content:before {
    background: "none";
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--none .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--none .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--secondary-color .andes-card__content {
    position: relative
}

.andes-card--secondary-color>.andes-card__content:before {
    background: var(--background-secondary-color);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--secondary-color .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--secondary-color .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-badge--small {
    line-height: 4px
}

.andes-badge--small .andes-badge__content {
    font-size: 11px;
    line-height: 4px;
    padding: 6px
}

.andes-badge--small.andes-badge--rounded-top-left {
    border-top-left-radius: 8px
}

.andes-badge--small.andes-badge--rounded-top-right {
    border-top-right-radius: 8px
}

.andes-badge--small.andes-badge--rounded-bottom-left {
    border-bottom-left-radius: 8px
}

.andes-badge--small.andes-badge--rounded-bottom-right {
    border-bottom-right-radius: 8px
}

.andes-badge--small.andes-badge--notification,
.andes-badge--small.andes-badge--pill-icon {
    border-radius: 50%;
    height: 16px;
    min-width: 16px;
    width: 16px
}

.andes-badge--small.andes-badge--notification svg,
.andes-badge--small.andes-badge--pill-icon svg {
    height: 16px;
    width: 16px
}

.andes-badge--large.andes-badge--rounded-top-left {
    border-top-left-radius: 12px
}

.andes-badge--large.andes-badge--rounded-top-right {
    border-top-right-radius: 12px
}

.andes-badge--large.andes-badge--rounded-bottom-left {
    border-bottom-left-radius: 12px
}

.andes-badge--large.andes-badge--rounded-bottom-right {
    border-bottom-right-radius: 12px
}

.andes-badge--pill {
    display: inline-block;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: 8px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.andes-badge--pill-icon {
    border-radius: 50%;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

.andes-badge--pill-icon .andes-badge__icon {
    height: 100%;
    width: 100%
}

.andes-badge__content {
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 8px
}

.andes-badge--dot {
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    position: relative;
    width: 8px
}

.andes-badge--notification {
    border-radius: 50%;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

.andes-badge__icon {
    height: 100%;
    width: 100%
}

.andes-badge--gray {
    background: #737373
}

.andes-badge--gray--quiet {
    background: hsla(0, 0%, 45%, .1);
    border: 0
}

.andes-badge--gray--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--gray--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--gray--quiet .andes-badge__content {
    color: #737373
}

.andes-badge--red {
    background: #f23d4f
}

.andes-badge--red--quiet {
    background: rgba(242, 61, 79, .1);
    border: 0
}

.andes-badge--red--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--red--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--red--quiet .andes-badge__content {
    color: #f23d4f
}

.andes-badge--accent {
    background: var(--andes-color-blue-500, #3483fa)
}

.andes-badge--accent--quiet {
    background: rgba(var(--andes-color-blue-500, #3483fa), .1);
    border: 0
}

.andes-badge--accent--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--accent--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--accent--quiet .andes-badge__content {
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-badge--accent--quiet {
    background: var(--andes-color-blue-100, rgba(65, 137, 230, .1))
}

.andes-badge--green {
    background: #00a650
}

.andes-badge--green--quiet {
    background: rgba(0, 166, 80, .1);
    border: 0
}

.andes-badge--green--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--green--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--green--quiet .andes-badge__content {
    color: #00a650
}

.andes-badge--orange {
    background: #f73
}

.andes-badge--orange--quiet {
    background: rgba(255, 119, 51, .1);
    border: 0
}

.andes-badge--orange--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--orange--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--orange--quiet .andes-badge__content {
    color: #f73
}

.andes-badge__icon-inner {
    fill: #fff
}

.ui-insurtech-options-card-option {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 16px;
    position: relative
}

.ui-insurtech-options-card-pill {
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0
}

.ui-insurtech-options-card-radio {
    accent-color: var(--andes-color-blue-500, #3483fa);
    height: 16px;
    margin: 0;
    width: 16px
}

.ui-insurtech-options-card-body {
    flex: 1
}

.ui-insurtech-options-card-body__title {
    margin-top: 0 !important
}

.ui-insurtech-options-card-body__subtitle {
    margin: 4px 0 0 !important
}

.ui-insurtech-options-card-header {
    background-color: #1a1a1a
}

.ui-insurtech-options-card-container {
    display: flex;
    flex-direction: column;
    gap: 1px
}

.ui-insurtech-options-card-container .andes-card {
    border-radius: initial
}

.ui-insurtech-options-card-container>.andes-card:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.ui-insurtech-options-card-container>.andes-card:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.ui-insurtech-options-card-container>.andes-card:first-child .ui-insurtech-options-card-pill {
    border-radius: 0 6px
}

.ui-insurtech-options-card-container>.andes-card:not(:first-child) .ui-insurtech-options-card-pill {
    border-radius: 0 0 0 6px
}

.ui-insurtech-options-card-header__container {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden
}

.andes-typography {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

.andes-typography.andes-typography--type-body.andes-typography--weight-regular {
    font-weight: 400
}

.andes-typography.andes-typography--type-body.andes-typography--weight-semibold,
.andes-typography.andes-typography--type-title {
    font-weight: 600
}

.andes-typography-text-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.andes-typography-text-list__item {
    list-style: none
}

.andes-typography--size-xs.andes-typography--type-title {
    font-size: 18px;
    line-height: 22px;
    margin: 1.27em 0 0
}

.andes-typography--size-xs.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-xs.andes-typography--type-body {
    font-size: 12px;
    line-height: 15px
}

.andes-typography-text-list.andes-typography--size-xs.andes-typography--type-body,
p.andes-typography--size-xs.andes-typography--type-body {
    margin: .75em 0 0
}

.andes-typography-text-list.andes-typography--size-xs.andes-typography--type-body:first-child,
p.andes-typography--size-xs.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-s.andes-typography--type-title {
    font-size: 20px;
    line-height: 25px;
    margin: 1.25em 0 0
}

.andes-typography--size-s.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-s.andes-typography--type-body {
    font-size: 14px;
    line-height: 18px
}

.andes-typography-text-list.andes-typography--size-s.andes-typography--type-body,
p.andes-typography--size-s.andes-typography--type-body {
    margin: .71em 0 0
}

.andes-typography-text-list.andes-typography--size-s.andes-typography--type-body:first-child,
p.andes-typography--size-s.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-m.andes-typography--type-title {
    font-size: 24px;
    line-height: 30px;
    margin: 1.25em 0 0
}

.andes-typography--size-m.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-m.andes-typography--type-body {
    font-size: 16px;
    line-height: 20px
}

.andes-typography-text-list.andes-typography--size-m.andes-typography--type-body,
p.andes-typography--size-m.andes-typography--type-body {
    margin: .75em 0 0
}

.andes-typography-text-list.andes-typography--size-m.andes-typography--type-body:first-child,
p.andes-typography--size-m.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-l.andes-typography--type-title {
    font-size: 28px;
    line-height: 35px;
    margin: 1.25em 0 0
}

.andes-typography--size-l.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-l.andes-typography--type-body {
    font-size: 18px;
    line-height: 22px
}

.andes-typography-text-list.andes-typography--size-l.andes-typography--type-body,
p.andes-typography--size-l.andes-typography--type-body {
    margin: .77em 0 0
}

.andes-typography-text-list.andes-typography--size-l.andes-typography--type-body:first-child,
p.andes-typography--size-l.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-xl.andes-typography--type-title {
    font-size: 32px;
    line-height: 40px;
    margin: 1.25em 0 0
}

.andes-typography--size-xl.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-xl.andes-typography--type-body {
    font-size: 18px;
    line-height: 22px
}

.andes-typography-text-list.andes-typography--size-xl.andes-typography--type-body,
p.andes-typography--size-xl.andes-typography--type-body {
    margin: .77em 0 0
}

.andes-typography-text-list.andes-typography--size-xl.andes-typography--type-body:first-child,
p.andes-typography--size-xl.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--color-primary {
    color: rgba(0, 0, 0, .9)
}

.andes-typography-text-list__item-check-marker--color-primary svg path {
    fill: rgba(0, 0, 0, .9)
}

.andes-typography--color-secondary {
    color: rgba(0, 0, 0, .55)
}

.andes-typography-text-list__item-check-marker--color-secondary svg path {
    fill: rgba(0, 0, 0, .55)
}

.andes-typography--color-disabled {
    color: rgba(0, 0, 0, .25)
}

.andes-typography-text-list__item-check-marker--color-disabled svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-typography--color-inverted {
    color: #fff
}

.andes-typography-text-list__item-check-marker--color-inverted svg path {
    fill: #fff
}

.andes-typography--color-negative {
    color: #f23d4f
}

.andes-typography-text-list__item-check-marker--color-negative svg path {
    fill: #f23d4f
}

.andes-typography--color-caution {
    color: #f73
}

.andes-typography-text-list__item-check-marker--color-caution svg path {
    fill: #f73
}

.andes-typography--color-positive {
    color: #00a650
}

.andes-typography-text-list__item-check-marker--color-positive svg path {
    fill: #00a650
}

.andes-typography--color-link {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-typography-text-list__item-check-marker--color-link svg path {
    fill: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

a.andes-typography--color-link {
    text-decoration: none
}

.andes-typography-text-list__item-dot-marker {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    left: 0;
    position: absolute
}

.andes-typography-text-list__item-number-marker {
    left: 0;
    position: absolute
}

.andes-typography-text-list__item-number-marker:before {
    content: counter(list-item) ".";
    position: absolute;
    text-align: center;
    width: 100%
}

.andes-typography-text-list__item-check-marker {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    left: 0;
    position: absolute
}

.andes-typography--size-xs.andes-typography-text-list__item {
    margin: .5em 0 0;
    padding-left: 22px
}

.andes-typography--size-xs.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-xs.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 11px;
    width: 5px
}

.andes-typography--size-xs.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 18px
}

.andes-typography--size-xs.andes-typography-text-list__item .andes-typography-text-list__item-check-marker {
    transform: translateY(-2px)
}

.andes-typography--size-s.andes-typography-text-list__item {
    margin: .5em 0 0;
    padding-left: 24px
}

.andes-typography--size-s.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-s.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 11px;
    width: 6px
}

.andes-typography--size-s.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 20px
}

.andes-typography--size-m.andes-typography-text-list__item {
    margin: .5em 0 0;
    padding-left: 28px
}

.andes-typography--size-m.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-m.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 14px;
    width: 6px
}

.andes-typography--size-m.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 24px
}

.andes-typography--size-l.andes-typography-text-list__item {
    margin: .55em 0 0;
    padding-left: 30px
}

.andes-typography--size-l.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-l.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 14px;
    width: 7px
}

.andes-typography--size-l.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 26px
}

.andes-typography--size-l.andes-typography-text-list__item .andes-typography-text-list__item-check-marker {
    transform: translateY(-1px)
}

.ui-insurtech-footer {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    width: 100%
}

.ui-insurtech-footer__shadow {
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1)
}

.ui-insurtech-footer__rounded {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.ui-insurtech-footer__horizontal {
    bottom: 0;
    height: 96px;
    min-width: 553px;
    position: sticky
}

.ui-insurtech-footer__horizontal .ui-insurtech-footer__content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 24px auto;
    width: clamp(553px, 95%, 1126px)
}

.ui-insurtech-footer__horizontal .ui-insurtech-footer__content .terms-and-conditions-text {
    width: 70%
}

.ui-insurtech-footer__horizontal .ui-insurtech-footer__content .cta-container {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    width: max(350px, 30%)
}

.ui-insurtech-footer__vertical {
    bottom: 0;
    position: fixed;
    z-index: 10
}

.ui-insurtech-footer__vertical .ui-insurtech-footer__content {
    display: flex;
    flex-direction: column-reverse;
    margin: 16px 24px;
    width: 100%
}

.ui-insurtech-footer__vertical .ui-insurtech-footer__content .terms-and-conditions-text {
    text-align: center
}

.ui-insurtech-footer__vertical .ui-insurtech-footer__content .cta-container {
    display: flex;
    gap: 8px;
    margin-bottom: 16px
}

.ui-insurtech-footer__vertical .ui-insurtech-footer__content .cta-container__horizontal {
    flex-direction: row
}

.ui-insurtech-footer__vertical .ui-insurtech-footer__content .cta-container__vertical {
    flex-direction: column
}

p {
    margin: 0;
    padding: 0
}

.terms-and-conditions-link {
    cursor: pointer
}

.position {
    font-size: 12px;
    padding: 0 4px;
    position: fixed;
    text-align: center;
    z-index: 9999
}

.position-top .position-left {
    left: 0;
    top: 0
}

.position-top-right {
    right: 0;
    top: 0
}

.position-down-left {
    bottom: 0;
    left: 0
}

.position-down-right {
    bottom: 0;
    right: 0
}

.test-user-environment {
    background-color: #f73;
    font-size: 12px;
    height: 20px;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 0;
    width: 40px
}

.cx-widget__actions .button-minimize {
    visibility: hidden
}

.body {
    padding: 0 24px
}

.body--mobile {
    padding: 0 16px
}

.body__title {
    margin: 0 !important
}

.body__faqs {
    margin: 24px 0
}

.body__faqs--mobile {
    margin: 20px 0
}

.ui-insurtech-option--recommended {
    padding-top: 20px !important
}

.ui-insurtech-option--pr-20 {
    padding-right: 20px !important
}

.ui-insurtech-option__title--opaque {
    opacity: .8
}

.ui-insurtech__final-price {
    gap: 6px
}

.ui-insurtech__installments-price {
    color: rgba(0, 0, 0, .8)
}

.ui-insurtech__price {
    margin-top: 8px !important
}

.original-price-container {
    align-items: center;
    display: flex;
    gap: 4px
}

.ui-insurtech-options-card-container--multi-product--mobile {
    gap: 16px !important
}

.ui-insurtech-options-card-container--multi-product--mobile>.andes-card:first-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.ui-insurtech-options-card-container--multi-product--mobile>.andes-card:last-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.btn-as-link {
    background: none;
    border: none;
    cursor: pointer;
    font: inherit !important;
    padding: 0
}

body {
    background-color: #fff;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    margin: 0
}

.body__title {
    padding-bottom: 24px;
    padding-left: 24px
}

.body__title--mobile.body__title--landing-page {
    padding: 28px 16px 24px
}

.body__title--mobile.body__title--bottomsheet {
    padding: 32px 16px 24px
}

.ui-insurtech-cta-container--footer {
    bottom: 0;
    box-shadow: 0 -6px 16px 0 rgba(0, 0, 0, .1);
    left: 0;
    padding: 24px;
    position: fixed;
    right: 0
}

.ui-insurtech-cta-container--mobile {
    padding: 16px
}

@media(max-height: 550px) {
    .ui-insurtech-cta-container {
        padding: 16px
    }
}

.ui-insurtech-cta-actions--footer {
    flex-flow: column
}

.ui-insurtech-cta-actions--mobile {
    margin-bottom: 8px
}

.ui-insurtech-cta-footer {
    display: block;
    text-align: center
}

.ui-insurtech-cta-footer--terms {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    opacity: .9
}

.ui-insurtech-cta-footer--mobile {
    font-size: 11px !important
}

.cx-widget {
    box-shadow: none
}

.cx-widget.cx-widget--visible {
    width: 100% !important
}

.andes-button--quiet.andes-button--disabled {
    background-clip: inherit;
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--loud.andes-button--disabled {
    background-clip: inherit;
    background-color: var(--andes-color-blue-500, #3483fa);
    color: #fff
}

.ui-insurtech-options-card-option--recommended {
    padding-top: 24px !important
}

.ui-insurtech-options-card-body__subtitle {
    margin-top: 8px !important
}

.ui-insurtech__price_container--multi-product {
    margin-top: 12px !important
}

.ui-insurtech__price_container--only-garex {
    margin-top: 8px !important
}

.ui-insurtech__price_container--only-garex--bottomsheet {
    margin-top: 12px !important
}

/*# sourceMappingURL=offer-index.9e8686e6.css.map*/


div#result5 section.ui-vpp-highlighted-specs {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


div#result5 section.ui-vpp-highlighted-specs.pl-24.pr-24 div.ui-pdp-container__row.ui-pdp-container__row--attributes {
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 32px;
}

div#result11 div.ui-review-capability-filter__comments h2.andes-typography.ui-review-capability-comments__title.andes-typography--type-title.andes-typography--size-16px.andes-typography--color-primary.andes-typography--weight-regular {
    /* Suas propriedades de estilo aqui */
    display: none !important;
}

div#result11 div.ui-review-capability-filter__comments span.total-opinion {
    /* Suas propriedades de estilo aqui */
    display: none !important;
}


.ui-review-capability-comments__comment__carousel--secondary {
    width: 100%;
}


.#{$pdp-prefix}-container__row--outside-variations {
    margin-top: $andes-spacing-16;
}

.#{$pdp-prefix}-variations__container {
    width: 100%;
    padding: 0 $andes-spacing-16 $andes-spacing-8;
    margin-bottom: -$andes-spacing-8;

    &-bbc {
        margin-bottom: $andes-spacing-24;
    }
}

.#{$pdp-prefix}-variations {
    margin-bottom: $andes-spacing-8;

    &:last-child {
        margin-bottom: 0;
    }

    &--error {
        border: 1px solid color(color_red);

        &.#{$pdp-prefix}-action-row {
            background-color: rgba($andes-error-red, 0.05);
        }
    }

    &.#{$pdp-prefix}-action-row {
        display: flex;
        flex-direction: column;
        height: 70px;
    }

    .#{$pdp-prefix}-action-row {
        &__content {
            display: flex;
            flex-direction: row;
            margin-top: 2px;

            .andes-badge {
                margin-right: 6px;
                bottom: 1px;
            }

            .#{$pdp-prefix}-image {
                top: 19px;
            }
        }

        &__label {
            white-space: nowrap;
        }

        &__selected {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 100%;
            margin-left: 0;
        }

        &__with-thumbnail {
            padding-right: 35px;
        }
    }

    &__modal,
    &__box {
        color: color(color_gray_dark);
        font-weight: $font-weight-semibold;
        padding: $andes-spacing-16;

        &--list {
            padding: 0;
        }

        a {

            &,
            &:visited,
            &:focus,
            &:hover {
                outline: none;
                color: color(color_gray_dark);
                text-decoration: none;
            }
        }

        &__variation {
            overflow: hidden;
            max-height: 300px;
            margin: 0 -16px;

            // Styles for refurbished products
            &--refurbished {
                .#{$pdp-prefix} {
                    &-variations__box {
                        &__variant-large__text {
                            font-size: $font-size-16;
                            line-height: $line-height-s;
                        }

                        &__stock {
                            width: 74px;
                        }
                    }
                }
            }
        }

        // sass-lint:disable no-vendor-prefixes
        &__selected {
            margin-left: 4px;
            color: color(color_gray_dark);
            font-weight: $font-weight-semibold;
            line-clamp: 1;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-word;

            .andes-badge {
                top: 3px;
                margin-right: 6px;
            }
        }

        &__variants {
            overflow: scroll hidden;
            margin-top: $andes-spacing-8;
        }

        &__variants::-webkit-scrollbar {
            display: none;
            height: 0;
        }

        &__list {
            display: flex;
            flex-flow: row nowrap;
            margin-bottom: 12px;
            align-items: stretch;
        }

        &__label,
        &__list,
        &__apparel_size_chart,
        &__subtitle {
            padding-left: 16px;
        }

        &__apparel_size_chart {
            display: flex;
            flex-direction: row;
            padding-bottom: $andes-spacing-24;

            a {
                display: flex;
                align-items: center;
            }
        }

        &__apparel_size_chart_label {
            padding-left: $andes-spacing-8;
        }

        &__error_message {
            display: flex;
            flex-direction: row;
            padding-left: $andes-spacing-8;
            align-items: center;

            &__label {
                color: $andes-error-red;
                font-weight: $font-weight-semibold;
                padding-left: $andes-spacing-4;
            }
        }

        &__label {
            display: flex;
            flex-direction: row;
            font-weight: $font-weight-regular;
        }

        &__label--with-subtitle {
            margin-bottom: 0;
        }

        &__subtitle {
            margin-bottom: $andes-spacing-8;
            font-size: $font-size-12;
            font-weight: $font-weight-regular;
        }

        &__variant {
            flex-shrink: 0;
            max-width: 80vw;

            .#{$pdp-prefix}-thumbnail__container {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding: $andes-spacing-12;

                &__label {
                    overflow: hidden;
                }

                &__subtitle {
                    font-size: $font-size-12;
                    color: $andes-gray-550;
                }

                .#{$pdp-prefix}-thumbnail__label {
                    padding: 0;
                    line-clamp: 1;
                    -webkit-box-orient: vertical;
                    display: -webkit-box;
                }
            }

            .#{$pdp-prefix}-thumbnail__label {
                overflow: hidden;
                text-overflow: ellipsis;
                word-break: break-word;
                white-space: nowrap;
            }
        }

        &__variant-large {
            border-radius: 6px;
            display: block;
            height: 190px;
            margin-right: 8px;
            padding: 14px 16px;
            text-align: left;
            width: 120px;

            .#{$pdp-prefix}-thumbnail__picture {
                height: 98px;
                width: 100%;
            }

            &__text {
                @include truncate;
            }
        }

        &__variant-large--shrunk {
            height: 93px;
        }

        &__variant-large--medium {
            height: 146px;
        }

        &__variant-fluid {
            display: block;
            width: 100%;
            height: 80px;
            border-radius: 6px;
            padding: 7px 14px;
            margin-bottom: $andes-spacing-8;
            position: relative;

            .#{$pdp-prefix}-thumbnail__picture {
                height: 100%;
                width: 65px;
                display: inline-block;
            }

            &__placeholder-right {
                position: absolute;
                right: 15px;
                top: 30px;
                width: 40px;
                height: 11px;
            }

            &__content {
                display: inline-block;
                vertical-align: top;
                margin-top: 12px;
            }

            &__text {
                position: absolute;
                right: 15px;
                top: 30px;
                max-width: 100px;
                text-align: right;
            }

            &__name {
                font-weight: $font-weight-semibold;
                font-size: $font-size-12;
            }
        }

        &__variant-short {
            font-size: $font-size-16;
            font-weight: $font-weight-regular;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        &__variant__price {
            font-size: $font-size-16;
            font-weight: $font-weight-semibold;
            margin: 2px 0 4px;
        }

        .#{$pdp-prefix}-price__second-line {
            transform: translateX(0);
            padding-left: unset;
        }

        .#{$pdp-prefix}-price__second-line .#{$pdp-prefix}-price__part {
            font-size: $font-size-16;
            font-weight: $font-weight-semibold;
        }

        &__button {
            width: 100%;
            margin-top: 10px;
        }

        &__quantity {
            display: flex;

            &__selector {
                display: flex;
                border-radius: $border-radius-4;
                width: 100%;
                max-width: 126px;
                height: 48px;
                border: 1px solid $andes-gray-100-solid;
                box-sizing: border-box;
                flex-wrap: nowrap;
                justify-content: center;
                align-items: center;

                &-input__modifier,
                &-input__screen {
                    user-select: none;
                    outline: none;
                }

                &-input__screen {
                    text-align: center;
                    flex-grow: 2;
                }

                &-input__modifier {
                    flex-grow: 1;
                    font-size: $font-size-16;
                    background: color(color_white);
                    border: none;
                    text-align: center;
                    cursor: pointer;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    .clipped {
                        border: 0;
                        clip: rect(0 0 0 0);
                        clip-path: inset(50%);
                        display: block;
                        margin: 0 -1px -1px 0;
                        overflow: hidden;
                        padding: 0;
                        position: absolute;
                        z-index: -1;
                    }
                }
            }

            .#{$pdp-prefix}-variations__modal-form {
                margin-left: 8px;

                .andes-button {
                    margin-top: 0;
                }
            }
        }

        &-form .andes-button {
            white-space: nowrap;
        }
    }

    // Variations box styles
    &__box {
        padding: 0;

        &__list {
            margin-bottom: 0;
        }

        &__variation-separator {
            border: 0;
            margin: $andes-spacing-12 0;
        }

        &__variant-large {
            padding: $andes-spacing-12;
            width: 88px;
            height: 100%;

            .#{$pdp-prefix}-thumbnail__picture {
                height: $andes-spacing-64;
                width: $andes-spacing-64;
                padding: 0;
                margin-bottom: $andes-spacing-8;
            }

            &--refurbished {
                width: 98px;
            }
        }

        &__variant-large__line {
            margin-top: $andes-spacing-8;
        }

        .#{$pdp-prefix}-price__second-line .#{$pdp-prefix}-price__part {
            font-size: $font-size-12;
            font-weight: $font-weight-semibold;
        }

        &__variant__price {
            margin: $andes-spacing-8 0 0;
        }

        &__stock {
            width: $andes-spacing-64;
            margin: $andes-spacing-8 0 0;
            font-size: $font-size-10;
            line-height: $font-size-10;
        }

        &__label--shake {
            animation-name: shake;
            animation-duration: 1s;
            animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
            animation-fill-mode: forwards;
            animation-delay: 0;
            transform: translate3d(0, 0, 0);
        }

        @keyframes shake {

            10%,
            90% {
                transform: translate3d(4px, 0, 0);
            }

            20%,
            80% {
                transform: translate3d(0, 0, 0);
            }

            30%,
            50%,
            70% {
                transform: translate3d(8px, 0, 0);
            }

            40%,
            60% {
                transform: translate3d(2px, 0, 0);
            }
        }
    }

    &__label-with-sizechart {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    &__subtitle-rows-container {
        margin: 12px 16px 0;
        background: #f5f5f5;
        padding: 12px;
        display: flex;
        flex-wrap: wrap;
        border-radius: 6px;
    }

    &__selected-subtitle-row {
        margin-right: 16px;

        &:last-child {
            margin-right: 0;
        }
    }
}

.andes-modal--card .#{$pdp-prefix}-variations,
.andes-modal--full .#{$pdp-prefix}-variations {
    .andes-modal__content {
        padding: 0;
    }

    &__modal__button {
        width: 100%;
        margin-top: 10px;
    }

    .andes-modal__header {
        padding: 65px 16px 20px;

        .andes-modal__close-button::before {
            left: -6px;
        }
    }
}



$pdp-trigger-border-color: color(color_black_20);
$pdp-trigger-background-error-color: color(color_black_05);

@mixin label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 20px;
    max-width: 220px;
}

.andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-floating-menu .andes-dropdown__trigger:focus:not(:focus-visible) {
    box-shadow: inset 0 0 0 2px #f23d4f;
}

.andes-dropdown--form.ui-pdp-dropdown-selector.andes-form-control {
    padding-top: 0;

    .andes-card__content {
        .andes-list.andes-floating-menu.andes-list--default.andes-list--selectable {
            overflow-x: hidden;
        }
    }

    button {
        margin-top: 0;
    }
}

.#{$pdp-prefix}-dropdown-selector {
    &.andes-dropdown--form {
        padding-top: 0;

        .andes-dropdown__trigger {
            height: 48px;
            justify-content: space-between;

            .#{$pdp-prefix}-dropdown-selector__item {
                display: inline;
            }

            .#{$pdp-prefix}-dropdown-selector__item-with-thumbnail {
                display: inline-flex;
            }

            .#{$pdp-prefix}-dropdown-selector__item--label-small .#{$pdp-prefix}-dropdown-selector__item--subtitle {
                width: fit-content;
            }
        }

        .andes-floating-menu {
            width: 100%;
            left: 0;

            .andes-list__item {
                height: 48px;
                font-size: 18px;
                padding: 14px $andes-spacing-8;
            }

            .andes-list__item-text {
                width: 100%;
            }

            .andes-list__item-primary {
                display: flex;
                justify-content: space-between;
            }

            .andes-list__item-secondary {
                position: absolute;
                right: $andes-spacing-8;
                bottom: $andes-spacing-16;
            }
        }
    }

    .andes-dropdown__trigger &__item--label,
    .andes-dropdown__trigger &__item--subtitle {
        width: fit-content;
    }

    &__item {
        display: flex;
        position: relative;
        align-items: center;

        &-first-column {
            margin-left: 2px;
        }

        &--label {
            @include label;

            width: 185px;
        }

        &--label-small {
            @include label;
        }

        &--subtitle {
            margin-left: $andes-spacing-4;
            height: 20px;

            &::before {
                content: '|';
                margin-right: $andes-spacing-4;
            }
        }

        &--secondary_text {
            font-size: $font-size-12;
            color: color(color_gray_middle);
            line-height: 1.1;
            margin-left: $andes-spacing-8;
            margin-right: $andes-spacing-12;
            max-width: 90px;
            align-items: center;
            text-align: right;

            +.#{$pdp-prefix}-dropdown-selector__item--label {
                padding-right: 80px;
            }
        }

        &-blocked {
            img {
                opacity: 0.5;
            }

            .#{$pdp-prefix}-dropdown-selector__item--secondary_text {
                top: 3px;
            }
        }
    }

    &__thumbnail {
        width: 32px;
        height: 32px;
        margin-right: 12px;

        +.#{$pdp-prefix}-dropdown-selector__item--label {
            margin-top: 6px;
        }
    }

    &--error .andes-dropdown__trigger {
        border: 1px solid color(color_red);
        background-color: $pdp-trigger-background-error-color;
    }

    &--warning .andes-dropdown__trigger {
        border: 1px solid color(color_orange);
    }
}


$variations-picker-gap: 8px;

.#{$pdp-prefix}-variations {
    width: 100%;
    margin-top: 25px;
    font-size: $font-size-14;
    font-weight: $font-weight-semibold;

    .#{$pdp-prefix}-thumbnail {
        &--SELECTED {
            .#{$pdp-prefix}-thumbnail__picture {
                width: 42px;
                height: 42px;
            }
        }

        &__container {
            display: inline-flex;
            flex-direction: column;
            padding: $andes-spacing-8 $andes-spacing-12;
            align-items: center;
            justify-content: center;
            max-width: 250px;
        }

        &__label {
            color: color(color_black_100);
            padding: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 80px;
        }

        &__subtitle {
            font-size: 10px;
            padding: 0;
        }

        &__price {
            .ui-pdp-price__part {
                line-height: $line-height-s;
            }
        }
    }

    &__title {
        width: 100%;
    }

    &__picker {
        display: flex;
        flex-wrap: wrap;

        // TODO: please validate with UX team the space between validations
        // gap: $variations-picker-gap;

        &-default-container {
            display: flex;
            flex-wrap: wrap;

            .#{$pdp-prefix}-price {
                &__second-line {
                    transform: unset;
                }
            }
        }

        &-default-container-error {
            position: relative;

            &::before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                left: -5.5px;
                top: -5.5px;
                border-style: solid;
                border-width: 1.5px;
                border-color: $andes-red-500;
                border-radius: 6px;
                box-sizing: content-box;
            }
        }

        .ui-pdp-variations__title {
            margin-bottom: $variations-picker-gap;
        }

        .ui-pdp-variations--thumbnail {
            margin: 0 $variations-picker-gap $variations-picker-gap 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .andes-list__item--size-medium .andes-list__item-first-column {
            padding: 0;
        }

        &>.andes-dropdown.andes-dropdown--form {
            &.ui-pdp-dropdown-selector.andes-form-control {
                width: 100%;
            }

            .andes-dropdown__trigger span {
                display: flex;
                align-items: center;
                flex-basis: content;
            }
        }

        .andes-floating-menu--show .andes-card__content .andes-list--default.andes-list--selectable.andes-floating-menu {
            overflow-x: hidden;
        }
    }

    &__picker-single+.#{$pdp-prefix}-variations__picker {
        margin-top: $andes-spacing-12;
    }

    &__picker-single+.#{$pdp-prefix}-variations__picker-single {
        margin-top: 0;
    }

    &__picker-size-specs-chart+.#{$pdp-prefix}-variations__picker {
        margin-top: $andes-spacing-20;
    }

    &__picker-size-spec-sizechart-fit {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
        flex-wrap: wrap;
    }

    &__tooltip {
        display: inline-block;
    }

    &__label {
        margin-top: $andes-spacing-4;
        font-weight: $font-weight-regular;
        font-size: $font-size-16;
        max-width: 340px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: all 0.5s ease-out 0s;

        &-only-text {
            margin-bottom: $andes-spacing-8;
            margin-top: $andes-spacing-4;
        }

        &-error {
            display: inline-block;
            margin-left: $andes-spacing-8;
        }
    }

    &__label--with-subtitle {
        margin-bottom: 0;
    }

    &__selected-label {
        margin-left: 4px;
        font-weight: $font-weight-semibold;
        text-overflow: ellipsis;
        transition: all 0.5s ease-out 0s;

        .#{$pdp-prefix}-icon {
            position: relative;
            width: 16px;
            height: 16px;
            top: 3px;
            transition: all 0.5s ease-out 0s;

            &--message-warning {
                margin-right: $andes-spacing-4;
            }
        }
    }

    &__selected-text {
        display: inline;
        margin-right: $andes-spacing-4;

        .#{$pdp-prefix}-icon {
            margin-right: $andes-spacing-4;
        }
    }

    &__selected-title {
        font-weight: $font-weight-semibold;
    }

    &__selected-subtitle {
        margin-left: $andes-spacing-4;

        &::before {
            content: '|';
            margin-right: $andes-spacing-4;
        }
    }

    &__subtitle {
        font-size: $font-size-12;
        font-weight: $font-weight-regular;
    }

    &--thumbnail {
        margin: 0;

        // @todo, post rollout buscar alguna mejor solución
        // pasamos de 48 a 44px para que puedan entrar 6 items
        .#{$pdp-prefix}-thumbnail__picture {
            width: 44px;
            height: 44px;
        }
    }

    &__expand-action {
        display: inline-block;
        font-weight: $font-weight-regular;
        cursor: pointer;

        .ui-pdp-icon--chevron-down {
            vertical-align: middle;
            margin-left: 7px;
            width: 10px;
            height: 10px;
        }
    }

    &__alert {
        padding: 2px 0 8px;

        &-text {
            margin-left: 5px;
        }
    }

    // Styles for refurbished products
    &--refurbished {

        .#{$pdp-prefix}-thumbnail__container,
        .#{$pdp-prefix}-thumbnail--BLOCKED,
        .#{$pdp-prefix}-thumbnail--DISABLED {
            align-items: flex-start;
        }

        .#{$pdp-prefix}-thumbnail__label {
            font-size: $font-size-14;
        }
    }
}



*,
:after,
:before {
    box-sizing: border-box
}

body {
    background: #ededed
}

main[role=main] {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.35;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

::selection {
    background: rgba(0, 0, 0, .1)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.25;
    margin: 0
}

p {
    margin: 0
}

a,
a:hover,
a:link,
a:visited {
    text-decoration: none
}

a {
    color: var(--andes-color-blue-500, #3483fa);
    transition: color .2s ease-in-out
}

a:focus,
a:hover {
    color: var(--andes-color-blue-600, #2968c8)
}

a:hover {
    cursor: pointer
}

a:active {
    color: var(--andes-color-blue-700, #1f4e96)
}

ol,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

button,
textarea {
    font-family: inherit
}

body {
    color: rgba(0, 0, 0, .9);
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    margin: 0
}

.link,
.link:active,
.link:hover,
.link:link,
.link:visited {
    color: var(--andes-color-blue-400, rgba(65, 137, 230, .4))
}

.andes-button--quiet.loading:active,
.andes-button--quiet.loading:disabled,
.andes-button--quiet.loading:hover {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet.loading:active path[stroke]:not([stroke=none]),
.andes-button--quiet.loading:active svg[stroke]:not([stroke=none]),
.andes-button--quiet.loading:disabled path[stroke]:not([stroke=none]),
.andes-button--quiet.loading:disabled svg[stroke]:not([stroke=none]),
.andes-button--quiet.loading:hover path[stroke]:not([stroke=none]),
.andes-button--quiet.loading:hover svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet.loading:active path[fill]:not([fill=none]),
.andes-button--quiet.loading:active svg[fill]:not([fill=none]),
.andes-button--quiet.loading:disabled path[fill]:not([fill=none]),
.andes-button--quiet.loading:disabled svg[fill]:not([fill=none]),
.andes-button--quiet.loading:hover path[fill]:not([fill=none]),
.andes-button--quiet.loading:hover svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:after,
.andes-button--quiet:before {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
    border-color: transparent;
    border-radius: .2222222222em;
    box-sizing: content-box;
    color: var(--andes-color-blue-500, #3483fa);
    content: "";
    height: 100%;
    left: 0;
    margin: -.0555555556em;
    padding: .0555555556em;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    width: 100%
}

.andes-button--quiet:after path[stroke]:not([stroke=none]),
.andes-button--quiet:after svg[stroke]:not([stroke=none]),
.andes-button--quiet:before path[stroke]:not([stroke=none]),
.andes-button--quiet:before svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:after path[fill]:not([fill=none]),
.andes-button--quiet:after svg[fill]:not([fill=none]),
.andes-button--quiet:before path[fill]:not([fill=none]),
.andes-button--quiet:before svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--loud.loading:active,
.andes-button--loud.loading:disabled,
.andes-button--loud.loading:hover {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud.loading:active path[stroke]:not([stroke=none]),
.andes-button--loud.loading:active svg[stroke]:not([stroke=none]),
.andes-button--loud.loading:disabled path[stroke]:not([stroke=none]),
.andes-button--loud.loading:disabled svg[stroke]:not([stroke=none]),
.andes-button--loud.loading:hover path[stroke]:not([stroke=none]),
.andes-button--loud.loading:hover svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud.loading:active path[fill]:not([fill=none]),
.andes-button--loud.loading:active svg[fill]:not([fill=none]),
.andes-button--loud.loading:disabled path[fill]:not([fill=none]),
.andes-button--loud.loading:disabled svg[fill]:not([fill=none]),
.andes-button--loud.loading:hover path[fill]:not([fill=none]),
.andes-button--loud.loading:hover svg[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--loud:after,
.andes-button--loud:before {
    background-color: var(--andes-color-blue-600, #2968c8);
    border-color: transparent;
    border-radius: .2222222222em;
    box-sizing: content-box;
    color: #fff;
    content: "";
    height: 100%;
    left: 0;
    margin: -.0555555556em;
    padding: .0555555556em;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    width: 100%
}

.andes-button--loud:after path[stroke]:not([stroke=none]),
.andes-button--loud:after svg[stroke]:not([stroke=none]),
.andes-button--loud:before path[stroke]:not([stroke=none]),
.andes-button--loud:before svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud:after path[fill]:not([fill=none]),
.andes-button--loud:after svg[fill]:not([fill=none]),
.andes-button--loud:before path[fill]:not([fill=none]),
.andes-button--loud:before svg[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--progress {
    border: 0;
    overflow: hidden;
    position: relative
}

.andes-button--progress:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3))
}

.andes-button--progress .andes-button__content {
    margin: auto;
    position: relative;
    width: max-content;
    z-index: 1
}

.andes-button--progress .andes-button__content :not(.andes-button--progress__content) {
    transform: translateZ(0)
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--progress .andes-button__content :not(.andes-button--progress__content) {
        transition: transform .2s ease-in
    }
}

.andes-button--progress .andes-button__content .andes-button--progress__content {
    position: absolute;
    transform: translate3d(0, 32px, 0)
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--progress .andes-button__content .andes-button--progress__content {
        transition: transform .2s ease-in
    }
}

.andes-button--progress .andes-button__content .andes-button--progress__content * {
    position: absolute;
    transform: translate3d(0, 32px, 0)
}

.andes-button--progress.loading .andes-button__content :not(.andes-button--progress__content) {
    position: absolute;
    transform: translate3d(0, -32px, 0);
    width: 100%
}

.andes-button--progress.loading .andes-button__content .andes-button--progress__content,
.andes-button--progress.loading .andes-button__content .andes-button--progress__content * {
    position: relative;
    transform: translateZ(0)
}

.andes-button--progress.loading:after,
.andes-button--progress.loading:focus:after {
    animation: andes-button-start-width-animation-reduce-motion 3s step-start;
    transform: scaleX(1)
}

@media(prefers-reduced-motion:no-preference) {

    .andes-button--progress.loading:after,
    .andes-button--progress.loading:focus:after {
        animation: andes-button-start-width-animation 60s cubic-bezier(0, .56, .76, .96)
    }
}

.andes-button--progress.loading.finished,
.andes-button--progress.loading.finished:before,
.andes-button--progress.progress:before {
    transform: scaleX(1)
}

@media(prefers-reduced-motion:no-preference) {

    .andes-button--progress.loading.finished,
    .andes-button--progress.loading.finished:before,
    .andes-button--progress.progress:before {
        transition: transform .25s ease-in, opacity .5s ease-in
    }
}

.andes-button-dropdown {
    padding-right: 16px
}

.andes-button-dropdown.andes-button--medium {
    padding-right: 8px
}

.andes-button-dropdown.andes-button--medium .andes-button__text+svg,
.andes-button-dropdown.andes-button--medium svg+.andes-button__text {
    margin-left: 4px
}

.andes-button-dropdown__menu .andes-button-dropdown__menu-item:hover {
    background: rgba(0, 0, 0, .04)
}

.andes-button-dropdown.andes-button--loud .andes-button-dropdown__svg-fill {
    fill: #fff
}

.andes-button-dropdown.andes-button--quiet .andes-button-dropdown__svg-fill,
.andes-button-dropdown.andes-button--transparent .andes-button-dropdown__svg-fill {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-button-dropdown.andes-button--disabled:disabled .andes-button-dropdown__svg-fill {
    fill: rgba(0, 0, 0, .25)
}

.andes-button-dropdown-container {
    display: inline-block;
    position: relative
}

.andes-button__text {
    flex: unset
}

.andes-button-dropdown__menu--bottom,
.andes-button-dropdown__menu--top {
    margin: 0;
    width: auto
}

.andes-button-split {
    display: inline-flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    position: relative
}

.andes-button-split .andes-button-split-text {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    display: inline;
    padding-left: 16px;
    padding-right: 16px
}

.andes-button-split .andes-button-split-text:focus {
    position: relative
}

.andes-button-split .andes-button-split-text:focus-visible {
    position: relative
}

.andes-button-split .andes-button-split-chevron {
    border-bottom-left-radius: 0;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-top-left-radius: 0;
    padding: 0 6px;
    vertical-align: bottom
}

.andes-button-split .andes-button-split-chevron:focus {
    position: relative
}

.andes-button-split .andes-button-split-chevron:focus-visible {
    position: relative
}

.andes-button-split.andes-button--loud .andes-button-split__svg-fill {
    fill: #fff
}

.andes-button-split.andes-button--quiet .andes-button-split__svg-fill,
.andes-button-split.andes-button--transparent .andes-button-split__svg-fill {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-button-split .andes-button--loud .andes-button-split__svg-fill {
    fill: #fff
}

.andes-button-split .andes-button--quiet .andes-button-split__svg-fill,
.andes-button-split .andes-button--transparent .andes-button-split__svg-fill {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-button-split__menu {
    display: inline;
    margin: 0;
    position: static
}

.andes-button-split__menu--bottom,
.andes-button-split__menu--top {
    width: auto
}

.andes-button-split__menu--bottom-right,
.andes-button-split__menu--top-right {
    width: max-content
}

.andes-button.andes-button--fab {
    border-radius: 2em;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1);
    padding: 14px 16px 14px 14px;
    transition: max-width .2s ease, padding .2s ease;
    -webkit-transition: max-width .2s ease, padding .2s ease;
    width: auto
}

.andes-button.andes-button--fab .andes-button__text {
    transition: margin-left .2s ease, opacity .2s ease;
    -webkit-transition: margin-left .2s ease, opacity .2s ease
}

.andes-button.andes-button--fab .andes-button--icon-container {
    max-height: 20px;
    max-width: 20px
}

.andes-button.andes-button--fab .andes-button--icon-container img,
.andes-button.andes-button--fab .andes-button--icon-container svg {
    display: inline-block;
    height: 20px;
    max-height: inherit;
    max-width: inherit;
    width: 20px
}

.andes-button.andes-button--fab.andes-button--quiet {
    background: #fff
}

.andes-button.andes-button--fab.andes-button--small {
    height: 32px;
    padding-left: 8px;
    padding-right: 12px
}

.andes-button.andes-button--fab.andes-button--small .andes-button--icon-container {
    max-height: 16px;
    max-width: 16px
}

.andes-button.andes-button--fab.andes-button--small .andes-button--icon-container img,
.andes-button.andes-button--fab.andes-button--small .andes-button--icon-container svg {
    display: inline-block;
    max-height: inherit;
    max-width: inherit
}

.andes-button.andes-button--fab.andes-button--small.andes-button--collapsed {
    max-width: 2.6em;
    padding: 8px;
    width: auto
}

.andes-button.andes-button--fab.andes-button--small.andes-button--collapsed .andes-button__text {
    margin-left: 0
}

.andes-button.andes-button--fab.andes-button--small.andes-button--expanded {
    width: auto
}

.andes-button.andes-button--fab.andes-button--small.andes-button--expanded .andes-button__text {
    margin-left: 4px
}

.andes-button.andes-button--fab.andes-button--expanded {
    max-width: 100%;
    width: auto
}

.andes-button.andes-button--fab.andes-button--expanded .andes-button__text {
    margin-left: 12px;
    opacity: 1
}

.andes-button.andes-button--fab.andes-button--collapsed {
    max-width: 3em;
    padding: 14px;
    width: auto
}

.andes-button.andes-button--fab.andes-button--collapsed .andes-button__text {
    opacity: 0
}

.andes-popper:not(.andes-tooltip) {
    height: 100%;
    width: 100%
}

.andes-floating-menu {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    border-radius: .375em
}

.andes-floating-menu li:first-child,
.andes-floating-menu li:first-child a,
.andes-floating-menu li:first-child button {
    border-top-left-radius: .375em;
    border-top-right-radius: .375em
}

.andes-floating-menu li:last-child,
.andes-floating-menu li:last-child a,
.andes-floating-menu li:last-child button {
    border-bottom-left-radius: .375em;
    border-bottom-right-radius: .375em
}

.andes-floating-menu .andes-list__item {
    outline: none
}

.andes-floating-menu .andes-list__item:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-floating-menu .andes-list__item--visible-focused {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-floating-menu .andes-list__item>:focus {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item>:focus-visible {
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--andes-color-blue-600, #2968c8), inset 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu .andes-list__item>:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-floating-menu__no-results {
    box-sizing: content-box;
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    height: 18px;
    padding: 18px 16px
}

.andes-floating-menu__search-box {
    padding: 16px 16px 4px
}

.andes-floating-menu .andes-floating-menu-item-hover {
    background-color: #ededed
}

.andes-floating-menu .andes-form-control--search-box .andes-form-control__field {
    margin: 0
}

.andes-floating-menu--search {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    color: rgba(0, 0, 0, .9);
    display: flex;
    opacity: 1;
    width: 100%
}

.andes-floating-menu--search.andes-floating-menu--search--web-mobile-ios .andes-form-control__field {
    transform: scale(.875);
    transform-origin: top left;
    width: 115%
}

.andes-floating-menu--search.andes-floating-menu--search--web-mobile-ios.andes-floating-menu--search--size-small {
    font-size: 16px
}

.andes-floating-menu--search.andes-floating-menu--search--web-mobile-ios.andes-floating-menu--search--size-small .andes-form-control__field {
    height: 20px
}

.andes-floating-menu--search label {
    order: 2;
    width: 100%
}

.andes-floating-menu--search:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .55)
}

.andes-floating-menu--search--focused,
.andes-floating-menu--search--focused:hover,
.andes-floating-menu--search:focus {
    box-shadow: 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-floating-menu--search--focused.focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa)
}

.andes-floating-menu--search .andes-form-control__close-icon,
.andes-floating-menu--search .andes-form-control__search-icon {
    align-content: center;
    display: flex;
    padding: 0
}

.andes-floating-menu--search .andes-form-control__close-icon svg path,
.andes-floating-menu--search .andes-form-control__search-icon svg path {
    fill: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__close-icon:focus-visible,
.andes-floating-menu--search .andes-form-control__search-icon:focus-visible {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-floating-menu--search .andes-form-control__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    margin-left: 4px;
    opacity: 0;
    order: 3
}

.andes-floating-menu--search .andes-form-control__close-icon-visible {
    align-content: center;
    display: flex;
    opacity: 1;
    padding: 0
}

.andes-floating-menu--search--disabled,
.andes-floating-menu--search--disabled .andes-form-control__field {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search--disabled:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25)
}

.andes-floating-menu--search--disabled .andes-form-control__close-icon,
.andes-floating-menu--search--disabled .andes-form-control__close-icon.andes-form-control__close-icon-visible {
    opacity: 0
}

.andes-floating-menu--search .andes-form-control__field {
    line-height: 18px;
    margin: 0;
    order: 2
}

.andes-floating-menu--search .andes-form-control__field:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-floating-menu--search .andes-form-control__field:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-floating-menu--search .andes-form-control__field::placeholder {
    color: rgba(0, 0, 0, .55);
    opacity: 1
}

.andes-floating-menu--search .andes-form-control__field::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field::-moz-placeholder {
    color: rgba(0, 0, 0, .55);
    opacity: 1
}

.andes-floating-menu--search .andes-form-control__field:-moz-placeholder {
    opacity: 1
}

.andes-floating-menu--search .andes-form-control__field:-ms-input-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field::-ms-input-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field:-moz-placeholder {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__field:disabled {
    color: rgba(0, 0, 0, .55)
}

.andes-floating-menu--search .andes-form-control__search-icon {
    background-color: transparent;
    border: 0;
    margin-right: 4px;
    order: 1
}

.andes-floating-menu--search--size-small {
    border-radius: 16px;
    font-size: 14px;
    height: 32px;
    padding: 8px 8px 6px
}

.andes-floating-menu--search--size-small .andes-form-control__field {
    height: 18px
}

.andes-floating-menu--search--size-small .andes-form-control__close-icon,
.andes-floating-menu--search--size-small .andes-form-control__search-icon {
    height: 16px
}

.andes-floating-menu--search--size-large {
    border-radius: 24px;
    font-size: 16px;
    height: 48px;
    padding: 15px 16px 13px
}

.andes-floating-menu--search--size-large .andes-form-control__field {
    height: 20px
}

.andes-floating-menu--search--size-large .andes-form-control__search-icon {
    margin-right: 8px
}

.andes-technical-error__code-button {
    align-items: center;
    background-color: rgba(0, 0, 0, .04);
    border: 0;
    border-radius: 36px;
    cursor: pointer;
    display: inline-flex;
    margin: 8px 0 24px;
    padding: 4px 8px
}

.andes-technical-error__code-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-technical-error__code-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-technical-error__code-button:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-technical-error__error-code.andes-typography.andes-typography--type-body.andes-typography--weight-regular {
    font-weight: 600
}

.andes-technical-error__copy-icon-container {
    display: flex
}

.andes-technical-error__copy-icon-container path,
.andes-technical-error__copy-icon-container svg {
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-technical-error__container {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.andes-technical-error__container--webview-ios {
    margin-top: 59px
}

.andes-technical-error__container--webview-ios .andes-technical-error__close-button {
    top: 75px
}

.andes-technical-error__asset-container {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.andes-technical-error__asset-container--illustration {
    height: 128px;
    margin-bottom: 24px;
    width: 320px
}

.andes-technical-error__close-button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 16px;
    top: 16px
}

.andes-technical-error__close-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-technical-error__close-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-technical-error__close-button:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-technical-error__none-asset-icon.andes-thumbnail--neutral {
    border: 3px solid rgba(0, 0, 0, .55)
}

.andes-technical-error__title {
    margin-bottom: 8px;
    text-align: center
}

.andes-technical-error__title.andes-typography--size-m.andes-typography--type-title {
    margin-top: 0
}

.andes-technical-error__description {
    margin-bottom: 16px;
    text-align: center
}

.andes-technical-error__code-text {
    text-align: center
}

.andes-technical-error__code-button--snackbar {
    background-color: #a61d33;
    margin-bottom: 0
}

.andes-technical-error__code-button--snackbar .andes-technical-error__copy-icon-container path,
.andes-technical-error__code-button--snackbar .andes-technical-error__copy-icon-container svg {
    fill: #fff
}

.andes-technical-error__code-button--copied {
    background-color: #fff
}

.andes-technical-error--snackbar .andes-technical-error__code-text {
    text-align: left
}

.andes-technical-error--snackbar.andes-snackbar--with-action .andes-snackbar__message {
    padding-bottom: 8px
}

.andes-technical-error--snackbar.andes-snackbar--bottom .andes-snackbar__children {
    padding-bottom: 0
}

.andes-technical-error__container {
    padding: 24px 20px 20px;
    position: relative
}

.andes-technical-error__action-button {
    bottom: 20px;
    position: absolute
}

@media(min-width:768px) {
    .andes-technical-error__container {
        padding: 0
    }

    .andes-technical-error__action-button {
        bottom: 0;
        position: relative
    }
}

.andes-badge--small {
    line-height: 4px
}

.andes-badge--small .andes-badge__content {
    font-size: 11px;
    line-height: 4px;
    padding: 6px
}

.andes-badge--small.andes-badge--rounded-top-left {
    border-top-left-radius: 8px
}

.andes-badge--small.andes-badge--rounded-top-right {
    border-top-right-radius: 8px
}

.andes-badge--small.andes-badge--rounded-bottom-left {
    border-bottom-left-radius: 8px
}

.andes-badge--small.andes-badge--rounded-bottom-right {
    border-bottom-right-radius: 8px
}

.andes-badge--small.andes-badge--notification,
.andes-badge--small.andes-badge--pill-icon {
    border-radius: 50%;
    height: 16px;
    min-width: 16px;
    width: 16px
}

.andes-badge--small.andes-badge--notification svg,
.andes-badge--small.andes-badge--pill-icon svg {
    height: 16px;
    width: 16px
}

.andes-badge--large.andes-badge--rounded-top-left {
    border-top-left-radius: 12px
}

.andes-badge--large.andes-badge--rounded-top-right {
    border-top-right-radius: 12px
}

.andes-badge--large.andes-badge--rounded-bottom-left {
    border-bottom-left-radius: 12px
}

.andes-badge--large.andes-badge--rounded-bottom-right {
    border-bottom-right-radius: 12px
}

.andes-badge--pill {
    display: inline-block;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: 8px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.andes-badge--pill-icon {
    border-radius: 50%;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

.andes-badge--pill-icon .andes-badge__icon {
    height: 100%;
    width: 100%
}

.andes-badge__content {
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 8px
}

.andes-badge--dot {
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    position: relative;
    width: 8px
}

.andes-badge--notification {
    border-radius: 50%;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

.andes-badge__icon {
    height: 100%;
    width: 100%
}

.andes-badge--gray {
    background: #737373
}

.andes-badge--gray--quiet {
    background: hsla(0, 0%, 45%, .1);
    border: 0
}

.andes-badge--gray--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--gray--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--gray--quiet .andes-badge__content {
    color: #737373
}

.andes-badge--red {
    background: #f23d4f
}

.andes-badge--red--quiet {
    background: rgba(242, 61, 79, .1);
    border: 0
}

.andes-badge--red--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--red--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--red--quiet .andes-badge__content {
    color: #f23d4f
}

.andes-badge--accent {
    background: var(--andes-color-blue-500, #3483fa)
}

.andes-badge--accent--quiet {
    background: rgba(var(--andes-color-blue-500, #3483fa), .1);
    border: 0
}

.andes-badge--accent--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--accent--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--accent--quiet .andes-badge__content {
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-badge--accent--quiet {
    background: var(--andes-color-blue-100, rgba(65, 137, 230, .1))
}

.andes-badge--green {
    background: #00a650
}

.andes-badge--green--quiet {
    background: rgba(0, 166, 80, .1);
    border: 0
}

.andes-badge--green--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--green--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--green--quiet .andes-badge__content {
    color: #00a650
}

.andes-badge--orange {
    background: #f73
}

.andes-badge--orange--quiet {
    background: rgba(255, 119, 51, .1);
    border: 0
}

.andes-badge--orange--quiet.andes-badge--generic.andes-badge--pill {
    background: rgba(0, 0, 0, .07)
}

.andes-badge--orange--quiet.andes-badge--generic.andes-badge--pill .andes-badge__content {
    color: rgba(0, 0, 0, .55)
}

.andes-badge--orange--quiet .andes-badge__content {
    color: #f73
}

.andes-badge__icon-inner {
    fill: #fff
}

@keyframes andes-snackbar-show {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1
    }
}

@keyframes andes-snackbar-hide {
    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.andes-snackbar {
    align-items: center;
    animation-duration: .5s;
    background-color: #1a1a1a;
    bottom: 0;
    color: #fff;
    display: flex;
    flex-flow: row;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-weight: 400;
    justify-content: space-between;
    position: fixed;
    z-index: 1021
}

.andes-snackbar__action {
    border-width: 0;
    color: #fff !important;
    font-size: inherit;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    white-space: nowrap
}

.andes-snackbar__message {
    color: #fff;
    margin: 0
}

.andes-snackbar--bottom {
    align-items: flex-start;
    flex-flow: column wrap
}

.andes-snackbar--bottom .andes-snackbar__action {
    padding-top: 0
}

@media(prefers-reduced-motion:no-preference) {
    .andes-snackbar--animate-show {
        animation-name: andes-snackbar-show
    }

    .andes-snackbar--animate-hide {
        animation-fill-mode: forwards;
        animation-name: andes-snackbar-hide
    }
}

.andes-snackbar {
    border-radius: .4285714286em;
    bottom: 1.1428571429em;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1);
    flex-wrap: wrap;
    left: 0;
    line-height: 1.1428571429em;
    margin: 0 .5714285714em;
    right: 0
}

.andes-snackbar__action.andes-button {
    border-radius: .4285714286em
}

.andes-snackbar__action.andes-button,
.andes-snackbar__message {
    font-size: 14px;
    padding: 1.1428571429em
}

.andes-snackbar__children {
    padding-bottom: 1.1428571429em;
    padding-left: 1.1428571429em
}

.andes-snackbar--bottom.andes-snackbar--with-action .andes-snackbar__message {
    line-height: 1.5714285714em;
    padding-bottom: 0
}

@media(min-width:768px) {
    .andes-snackbar {
        bottom: 2em;
        flex-wrap: nowrap;
        line-height: 1em;
        margin-left: auto;
        margin-right: auto;
        max-width: 37.5em
    }

    .andes-snackbar,
    .andes-snackbar__action {
        border-radius: .375em
    }

    .andes-snackbar__action.andes-button,
    .andes-snackbar__message {
        font-size: 16px;
        padding: 1.5em
    }

    .andes-snackbar__children {
        padding-bottom: 1.5em;
        padding-left: 1.5em
    }

    .andes-snackbar--bottom .andes-snackbar__action {
        margin-left: 16px;
        padding-left: .5em
    }

    .andes-snackbar--bottom .andes-snackbar__message {
        line-height: 1.375em;
        padding-bottom: .5em
    }
}

.andes-snackbar--green {
    background-color: #00a650
}

.andes-snackbar--red {
    background-color: #f23d4f
}

.andes-typography {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

.andes-typography.andes-typography--type-body.andes-typography--weight-regular {
    font-weight: 400
}

.andes-typography.andes-typography--type-body.andes-typography--weight-semibold,
.andes-typography.andes-typography--type-title {
    font-weight: 600
}

.andes-typography-text-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.andes-typography-text-list__item {
    list-style: none
}

.andes-typography--size-xs.andes-typography--type-title {
    font-size: 18px;
    line-height: 22px;
    margin: 1.27em 0 0
}

.andes-typography--size-xs.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-xs.andes-typography--type-body {
    font-size: 12px;
    line-height: 15px
}

.andes-typography-text-list.andes-typography--size-xs.andes-typography--type-body,
p.andes-typography--size-xs.andes-typography--type-body {
    margin: .75em 0 0
}

.andes-typography-text-list.andes-typography--size-xs.andes-typography--type-body:first-child,
p.andes-typography--size-xs.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-s.andes-typography--type-title {
    font-size: 20px;
    line-height: 25px;
    margin: 1.25em 0 0
}

.andes-typography--size-s.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-s.andes-typography--type-body {
    font-size: 14px;
    line-height: 18px
}

.andes-typography-text-list.andes-typography--size-s.andes-typography--type-body,
p.andes-typography--size-s.andes-typography--type-body {
    margin: .71em 0 0
}

.andes-typography-text-list.andes-typography--size-s.andes-typography--type-body:first-child,
p.andes-typography--size-s.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-m.andes-typography--type-title {
    font-size: 24px;
    line-height: 30px;
    margin: 1.25em 0 0
}

.andes-typography--size-m.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-m.andes-typography--type-body {
    font-size: 16px;
    line-height: 20px
}

.andes-typography-text-list.andes-typography--size-m.andes-typography--type-body,
p.andes-typography--size-m.andes-typography--type-body {
    margin: .75em 0 0
}

.andes-typography-text-list.andes-typography--size-m.andes-typography--type-body:first-child,
p.andes-typography--size-m.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-l.andes-typography--type-title {
    font-size: 28px;
    line-height: 35px;
    margin: 1.25em 0 0
}

.andes-typography--size-l.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-l.andes-typography--type-body {
    font-size: 18px;
    line-height: 22px
}

.andes-typography-text-list.andes-typography--size-l.andes-typography--type-body,
p.andes-typography--size-l.andes-typography--type-body {
    margin: .77em 0 0
}

.andes-typography-text-list.andes-typography--size-l.andes-typography--type-body:first-child,
p.andes-typography--size-l.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--size-xl.andes-typography--type-title {
    font-size: 32px;
    line-height: 40px;
    margin: 1.25em 0 0
}

.andes-typography--size-xl.andes-typography--type-title:first-child {
    margin: 0
}

.andes-typography--size-xl.andes-typography--type-body {
    font-size: 18px;
    line-height: 22px
}

.andes-typography-text-list.andes-typography--size-xl.andes-typography--type-body,
p.andes-typography--size-xl.andes-typography--type-body {
    margin: .77em 0 0
}

.andes-typography-text-list.andes-typography--size-xl.andes-typography--type-body:first-child,
p.andes-typography--size-xl.andes-typography--type-body:first-child {
    margin: 0
}

.andes-typography--color-primary {
    color: rgba(0, 0, 0, .9)
}

.andes-typography-text-list__item-check-marker--color-primary svg path {
    fill: rgba(0, 0, 0, .9)
}

.andes-typography--color-secondary {
    color: rgba(0, 0, 0, .55)
}

.andes-typography-text-list__item-check-marker--color-secondary svg path {
    fill: rgba(0, 0, 0, .55)
}

.andes-typography--color-disabled {
    color: rgba(0, 0, 0, .25)
}

.andes-typography-text-list__item-check-marker--color-disabled svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-typography--color-inverted {
    color: #fff
}

.andes-typography-text-list__item-check-marker--color-inverted svg path {
    fill: #fff
}

.andes-typography--color-negative {
    color: #f23d4f
}

.andes-typography-text-list__item-check-marker--color-negative svg path {
    fill: #f23d4f
}

.andes-typography--color-caution {
    color: #f73
}

.andes-typography-text-list__item-check-marker--color-caution svg path {
    fill: #f73
}

.andes-typography--color-positive {
    color: #00a650
}

.andes-typography-text-list__item-check-marker--color-positive svg path {
    fill: #00a650
}

.andes-typography--color-link {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-typography-text-list__item-check-marker--color-link svg path {
    fill: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

a.andes-typography--color-link {
    text-decoration: none
}

.andes-typography-text-list__item-dot-marker {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    left: 0;
    position: absolute
}

.andes-typography-text-list__item-number-marker {
    left: 0;
    position: absolute
}

.andes-typography-text-list__item-number-marker:before {
    content: counter(list-item) ".";
    position: absolute;
    text-align: center;
    width: 100%
}

.andes-typography-text-list__item-check-marker {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    left: 0;
    position: absolute
}

.andes-typography--size-xs.andes-typography-text-list__item {
    margin: .5em 0 0;
    padding-left: 22px
}

.andes-typography--size-xs.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-xs.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 11px;
    width: 5px
}

.andes-typography--size-xs.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 18px
}

.andes-typography--size-xs.andes-typography-text-list__item .andes-typography-text-list__item-check-marker {
    transform: translateY(-2px)
}

.andes-typography--size-s.andes-typography-text-list__item {
    margin: .5em 0 0;
    padding-left: 24px
}

.andes-typography--size-s.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-s.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 11px;
    width: 6px
}

.andes-typography--size-s.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 20px
}

.andes-typography--size-m.andes-typography-text-list__item {
    margin: .5em 0 0;
    padding-left: 28px
}

.andes-typography--size-m.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-m.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 14px;
    width: 6px
}

.andes-typography--size-m.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 24px
}

.andes-typography--size-l.andes-typography-text-list__item {
    margin: .55em 0 0;
    padding-left: 30px
}

.andes-typography--size-l.andes-typography-text-list__item:first-child {
    margin: 0
}

.andes-typography--size-l.andes-typography-text-list__item .andes-typography-text-list__item-dot-marker {
    margin-left: 14px;
    width: 7px
}

.andes-typography--size-l.andes-typography-text-list__item .andes-typography-text-list__item-number-marker {
    width: 26px
}

.andes-typography--size-l.andes-typography-text-list__item .andes-typography-text-list__item-check-marker {
    transform: translateY(-1px)
}

.andes-technical-error__container {
    background-color: transparent;
    height: 100vh
}

.andes-snackbar__action {
    font-weight: 700
}

.andes-technical-error.andes-snackbar {
    left: 0;
    right: 0
}

.andes-technical-error .andes-snackbar__children {
    padding-right: 16px
}

.andes-card--padding-0>.andes-card__content,
.andes-card--padding-0>.andes-card__footer,
.andes-card--padding-0>.andes-card__header {
    padding: 0
}

.andes-card--padding-16>.andes-card__content,
.andes-card--padding-16>.andes-card__footer,
.andes-card--padding-16>.andes-card__header {
    padding: 16px
}

.andes-card--padding-24>.andes-card__content,
.andes-card--padding-24>.andes-card__footer,
.andes-card--padding-24>.andes-card__header {
    padding: 24px
}

.andes-card--padding-32>.andes-card__content,
.andes-card--padding-32>.andes-card__footer,
.andes-card--padding-32>.andes-card__header {
    padding: 32px
}

.andes-card--padding-40>.andes-card__content,
.andes-card--padding-40>.andes-card__footer,
.andes-card--padding-40>.andes-card__header {
    padding: 40px
}

.andes-card {
    background-color: #fff;
    border-radius: 6px;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif
}

.andes-card--animated {
    transition: box-shadow .2s ease-in-out
}

.andes-card--animated:hover,
.andes-card--elevated {
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1)
}

.andes-card--flat {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12)
}

.andes-card--secondary-light {
    background-color: #f5f5f5;
    box-shadow: none
}

.andes-card--secondary-dark {
    background-color: #ededed;
    box-shadow: none
}

.andes-card--outline {
    border: 1px solid rgba(0, 0, 0, .1)
}

.andes-card>:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.andes-card>:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.andes-card__header {
    padding-bottom: 14px
}

.andes-card__header--border {
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.andes-card__header-title {
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.andes-card__footer {
    padding-top: 14px
}

.andes-card__footer--common {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .15s ease-out
}

.andes-card__footer--common:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-card__footer--common:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-card__footer--common:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-card__footer--common:hover {
    background-color: #f5f5f5;
    color: var(--andes-color-blue-600, #2968c8)
}

.andes-card__footer--link {
    display: block
}

.andes-card__footer--button {
    background-color: transparent;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    text-align: left;
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    .andes-card__footer--button {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-card__footer--border {
    border-top: 1px solid rgba(0, 0, 0, .07)
}

.andes-card__footer-arrow {
    border-color: var(--andes-color-blue-500, #3483fa);
    border-style: solid;
    border-width: 1px 1px 0 0;
    display: block;
    float: right;
    height: 7px;
    margin-top: 5px;
    transform: rotate(45deg);
    width: 7px
}

.andes-card--accent .andes-card__content {
    position: relative
}

.andes-card--accent>.andes-card__content:before {
    background: var(--andes-color-blue-500, #3483fa);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--accent .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--accent .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--green .andes-card__content {
    position: relative
}

.andes-card--green>.andes-card__content:before {
    background: #00a650;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--green .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--green .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--orange .andes-card__content {
    position: relative
}

.andes-card--orange>.andes-card__content:before {
    background: #f73;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--orange .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--orange .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--red .andes-card__content {
    position: relative
}

.andes-card--red>.andes-card__content:before {
    background: #f23d4f;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--red .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--red .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--none .andes-card__content {
    position: relative
}

.andes-card--none>.andes-card__content:before {
    background: "none";
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--none .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--none .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

.andes-card--secondary-color .andes-card__content {
    position: relative
}

.andes-card--secondary-color>.andes-card__content:before {
    background: var(--background-secondary-color);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-card--secondary-color .andes-card__content:first-child:before {
    border-top-left-radius: 6px
}

.andes-card--secondary-color .andes-card__content:last-child:before {
    border-bottom-left-radius: 6px
}

@keyframes andes-button-start-width-animation {
    0% {
        width: 0
    }

    to {
        width: 90%
    }
}

@keyframes andes-button-start-width-animation-reduce-motion {
    0% {
        width: 0
    }

    30% {
        width: 30%
    }

    60% {
        width: 60%
    }

    to {
        width: 90%
    }
}

.andes-button {
    border-radius: 6px;
    display: inline-block;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    text-align: center;
    width: auto;
    -webkit-font-smoothing: antialiased
}

.andes-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-button:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button {
        transition: .18s ease-out;
        transition-property: background, color
    }
}

.andes-button:link {
    text-decoration: none
}

.andes-button,
.andes-button * {
    box-sizing: border-box
}

.andes-button svg {
    display: inline-block;
    max-height: 1.125em;
    max-width: 1.125em;
    vertical-align: middle
}

.andes-button--full-width {
    display: block;
    width: 100%
}

.andes-button:disabled,
.andes-button[aria-disabled=true],
.andes-button[disabled] {
    pointer-events: none
}

.andes-button--loading {
    overflow-y: hidden;
    position: relative
}

.andes-button--loading .andes-progress-indicator-circular {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-button--loading .andes-progress-indicator-circular__container {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading .andes-progress-indicator-circular__container {
        animation: translateInButtonSpinner .18s forwards
    }
}

.andes-button--loading .andes-progress-indicator-circular__progress {
    display: block
}

.andes-button--loading .andes-progress-indicator-circular__progress div {
    align-items: center;
    display: flex;
    justify-content: center
}

.andes-button--loading .andes-progress-indicator-circular__progress .andes-progress-indicator-circular__svg {
    stroke-width: 6px;
    position: relative;
    top: 3px
}

.andes-button--loading .andes-button__content {
    display: block;
    opacity: 0
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading .andes-button__content {
        animation: translateOutButtonSpinner .2s forwards
    }
}

.andes-button--loading-complete {
    overflow-y: hidden
}

.andes-button--loading-complete .andes-button__content {
    margin: 0;
    max-height: none;
    opacity: 1
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading-complete .andes-button__content {
        animation: translateInButtonSpinnerComplete .2s forwards
    }
}

.andes-button__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.andes-button__content * {
    display: block;
    float: left
}

.andes-button__text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-button__text+svg,
svg+.andes-button__text {
    margin-left: 12px
}

@keyframes translateInButtonSpinner {
    0% {
        opacity: 0;
        transform: translateY(60%)
    }

    40% {
        opacity: .4;
        transform: translateY(50%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes translateOutButtonSpinner {
    0% {
        opacity: 1
    }

    80% {
        opacity: .5;
        transform: translateY(-30%)
    }

    90% {
        transform: translateY(-40%)
    }

    to {
        opacity: 0;
        transform: translateY(-60%)
    }
}

@keyframes translateInButtonSpinnerComplete {
    0% {
        opacity: 0;
        transform: translateY(65%)
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.andes-button--loud:hover {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud:hover path[stroke]:not([stroke=none]),
.andes-button--loud:hover svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud:hover path[fill]:not([fill=none]),
.andes-button--loud:hover svg[fill]:not([fill=none]) {
    fill: #fff !important
}

@media(min-width:768px) {

    .andes-button--loud:hover,
    .andes-button--loud:link:hover,
    .andes-button--loud:visited:hover {
        background-color: var(--andes-color-blue-600, #2968c8);
        border-color: transparent;
        color: #fff
    }

    .andes-button--loud:hover path[stroke]:not([stroke=none]),
    .andes-button--loud:hover svg[stroke]:not([stroke=none]),
    .andes-button--loud:link:hover path[stroke]:not([stroke=none]),
    .andes-button--loud:link:hover svg[stroke]:not([stroke=none]),
    .andes-button--loud:visited:hover path[stroke]:not([stroke=none]),
    .andes-button--loud:visited:hover svg[stroke]:not([stroke=none]) {
        stroke: #fff !important
    }

    .andes-button--loud:hover path[fill]:not([fill=none]),
    .andes-button--loud:hover svg[fill]:not([fill=none]),
    .andes-button--loud:link:hover path[fill]:not([fill=none]),
    .andes-button--loud:link:hover svg[fill]:not([fill=none]),
    .andes-button--loud:visited:hover path[fill]:not([fill=none]),
    .andes-button--loud:visited:hover svg[fill]:not([fill=none]) {
        fill: #fff !important
    }
}

.andes-button--loud {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loud {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--loud,
.andes-button--loud:focus,
.andes-button--loud:link,
.andes-button--loud:visited {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud path[stroke]:not([stroke=none]),
.andes-button--loud svg[stroke]:not([stroke=none]),
.andes-button--loud:focus path[stroke]:not([stroke=none]),
.andes-button--loud:focus svg[stroke]:not([stroke=none]),
.andes-button--loud:link path[stroke]:not([stroke=none]),
.andes-button--loud:link svg[stroke]:not([stroke=none]),
.andes-button--loud:visited path[stroke]:not([stroke=none]),
.andes-button--loud:visited svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud path[fill]:not([fill=none]),
.andes-button--loud svg[fill]:not([fill=none]),
.andes-button--loud:focus path[fill]:not([fill=none]),
.andes-button--loud:focus svg[fill]:not([fill=none]),
.andes-button--loud:link path[fill]:not([fill=none]),
.andes-button--loud:link svg[fill]:not([fill=none]),
.andes-button--loud:visited path[fill]:not([fill=none]),
.andes-button--loud:visited svg[fill]:not([fill=none]) {
    fill: #fff !important
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loud:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--loud:active {
    background-color: var(--andes-color-blue-700, #1f4e96);
    border-color: transparent;
    color: #fff
}

.andes-button--loud:active path[stroke]:not([stroke=none]),
.andes-button--loud:active svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud:active path[fill]:not([fill=none]),
.andes-button--loud:active svg[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled,
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .1);
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled path[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading):disabled svg[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] svg[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] path[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] svg[stroke]:not([stroke=none]) {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled path[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading):disabled svg[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] svg[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] path[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .25) !important
}

.andes-button--quiet:hover {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet:hover path[stroke]:not([stroke=none]),
.andes-button--quiet:hover svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:hover path[fill]:not([fill=none]),
.andes-button--quiet:hover svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(min-width:768px) {

    .andes-button--quiet:hover,
    .andes-button--quiet:link:hover,
    .andes-button--quiet:visited:hover {
        background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
        border-color: transparent;
        color: var(--andes-color-blue-500, #3483fa)
    }

    .andes-button--quiet:hover path[stroke]:not([stroke=none]),
    .andes-button--quiet:hover svg[stroke]:not([stroke=none]),
    .andes-button--quiet:link:hover path[stroke]:not([stroke=none]),
    .andes-button--quiet:link:hover svg[stroke]:not([stroke=none]),
    .andes-button--quiet:visited:hover path[stroke]:not([stroke=none]),
    .andes-button--quiet:visited:hover svg[stroke]:not([stroke=none]) {
        stroke: var(--andes-color-blue-500, #3483fa) !important
    }

    .andes-button--quiet:hover path[fill]:not([fill=none]),
    .andes-button--quiet:hover svg[fill]:not([fill=none]),
    .andes-button--quiet:link:hover path[fill]:not([fill=none]),
    .andes-button--quiet:link:hover svg[fill]:not([fill=none]),
    .andes-button--quiet:visited:hover path[fill]:not([fill=none]),
    .andes-button--quiet:visited:hover svg[fill]:not([fill=none]) {
        fill: var(--andes-color-blue-500, #3483fa) !important
    }
}

.andes-button--quiet {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--quiet {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--quiet,
.andes-button--quiet:focus,
.andes-button--quiet:link,
.andes-button--quiet:visited {
    background-color: var(--andes-color-blue-150, rgba(65, 137, 230, .15));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet path[stroke]:not([stroke=none]),
.andes-button--quiet svg[stroke]:not([stroke=none]),
.andes-button--quiet:focus path[stroke]:not([stroke=none]),
.andes-button--quiet:focus svg[stroke]:not([stroke=none]),
.andes-button--quiet:link path[stroke]:not([stroke=none]),
.andes-button--quiet:link svg[stroke]:not([stroke=none]),
.andes-button--quiet:visited path[stroke]:not([stroke=none]),
.andes-button--quiet:visited svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet path[fill]:not([fill=none]),
.andes-button--quiet svg[fill]:not([fill=none]),
.andes-button--quiet:focus path[fill]:not([fill=none]),
.andes-button--quiet:focus svg[fill]:not([fill=none]),
.andes-button--quiet:link path[fill]:not([fill=none]),
.andes-button--quiet:link svg[fill]:not([fill=none]),
.andes-button--quiet:visited path[fill]:not([fill=none]),
.andes-button--quiet:visited svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--quiet:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--quiet:active {
    background-color: var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--quiet:active path[stroke]:not([stroke=none]),
.andes-button--quiet:active svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:active path[fill]:not([fill=none]),
.andes-button--quiet:active svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--quiet:not(.andes-button--loading, .loading):disabled,
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .1);
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--quiet:not(.andes-button--loading, .loading):disabled path[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading):disabled svg[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] svg[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] path[stroke]:not([stroke=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] svg[stroke]:not([stroke=none]) {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--quiet:not(.andes-button--loading, .loading):disabled path[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading):disabled svg[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled=true] svg[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] path[fill]:not([fill=none]),
.andes-button--quiet:not(.andes-button--loading, .loading)[disabled] svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .25) !important
}

.andes-button--transparent:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--transparent:hover path[stroke]:not([stroke=none]),
.andes-button--transparent:hover svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent:hover path[fill]:not([fill=none]),
.andes-button--transparent:hover svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(min-width:768px) {

    .andes-button--transparent:hover,
    .andes-button--transparent:link:hover,
    .andes-button--transparent:visited:hover {
        background-color: var(--andes-color-blue-100, rgba(65, 137, 230, .1));
        border-color: transparent;
        color: var(--andes-color-blue-500, #3483fa)
    }

    .andes-button--transparent:hover path[stroke]:not([stroke=none]),
    .andes-button--transparent:hover svg[stroke]:not([stroke=none]),
    .andes-button--transparent:link:hover path[stroke]:not([stroke=none]),
    .andes-button--transparent:link:hover svg[stroke]:not([stroke=none]),
    .andes-button--transparent:visited:hover path[stroke]:not([stroke=none]),
    .andes-button--transparent:visited:hover svg[stroke]:not([stroke=none]) {
        stroke: var(--andes-color-blue-500, #3483fa) !important
    }

    .andes-button--transparent:hover path[fill]:not([fill=none]),
    .andes-button--transparent:hover svg[fill]:not([fill=none]),
    .andes-button--transparent:link:hover path[fill]:not([fill=none]),
    .andes-button--transparent:link:hover svg[fill]:not([fill=none]),
    .andes-button--transparent:visited:hover path[fill]:not([fill=none]),
    .andes-button--transparent:visited:hover svg[fill]:not([fill=none]) {
        fill: var(--andes-color-blue-500, #3483fa) !important
    }
}

.andes-button--transparent {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--transparent {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--transparent,
.andes-button--transparent:focus,
.andes-button--transparent:link,
.andes-button--transparent:visited {
    background-color: transparent;
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--transparent path[stroke]:not([stroke=none]),
.andes-button--transparent svg[stroke]:not([stroke=none]),
.andes-button--transparent:focus path[stroke]:not([stroke=none]),
.andes-button--transparent:focus svg[stroke]:not([stroke=none]),
.andes-button--transparent:link path[stroke]:not([stroke=none]),
.andes-button--transparent:link svg[stroke]:not([stroke=none]),
.andes-button--transparent:visited path[stroke]:not([stroke=none]),
.andes-button--transparent:visited svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent path[fill]:not([fill=none]),
.andes-button--transparent svg[fill]:not([fill=none]),
.andes-button--transparent:focus path[fill]:not([fill=none]),
.andes-button--transparent:focus svg[fill]:not([fill=none]),
.andes-button--transparent:link path[fill]:not([fill=none]),
.andes-button--transparent:link svg[fill]:not([fill=none]),
.andes-button--transparent:visited path[fill]:not([fill=none]),
.andes-button--transparent:visited svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .55) !important;
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--transparent:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--transparent:active {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2));
    border-color: transparent;
    color: var(--andes-color-blue-500, #3483fa)
}

.andes-button--transparent:active path[stroke]:not([stroke=none]),
.andes-button--transparent:active svg[stroke]:not([stroke=none]) {
    stroke: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent:active path[fill]:not([fill=none]),
.andes-button--transparent:active svg[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

.andes-button--transparent:not(.andes-button--loading, .loading):disabled,
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: transparent;
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--transparent:not(.andes-button--loading, .loading):disabled path[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading):disabled svg[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] svg[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] path[stroke]:not([stroke=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] svg[stroke]:not([stroke=none]) {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--transparent:not(.andes-button--loading, .loading):disabled path[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading):disabled svg[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled=true] svg[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] path[fill]:not([fill=none]),
.andes-button--transparent:not(.andes-button--loading, .loading)[disabled] svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .25) !important
}

.andes-button--small {
    border-radius: 4px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px
}

.andes-button--small .andes-progress-indicator-circular__progress .andes-progress-indicator-circular__svg {
    top: 1.5px
}

.andes-button--small .andes-button__text {
    margin: 0
}

.andes-button--small.andes-button--loading-complete .andes-button__content {
    animation: translateInButtonSpinnerCompleteSmall .2s, fadeIn .2s;
    animation-fill-mode: forwards
}

@keyframes translateInButtonSpinnerCompleteSmall {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(calc(-50% + 10px))
    }
}

.andes-button--medium {
    border-radius: 5px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.andes-button--medium .andes-button__text+svg,
.andes-button--medium svg+.andes-button__text {
    margin-left: 8px
}

.andes-button--medium .andes-progress-indicator-circular__progress .andes-progress-indicator-circular__svg {
    top: 0
}

.andes-button--medium.andes-button--loading-complete .andes-button__content {
    animation: translateInButtonSpinnerCompleteMedium .2s, fadeIn .2s;
    animation-fill-mode: forwards
}

@keyframes translateInButtonSpinnerCompleteMedium {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(calc(-50% + 13px))
    }
}

.andes-list {
    background-color: #fff;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased
}

.andes-list:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list-with-dividers .andes-list__item+.andes-list__item {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.andes-list-asset {
    margin-top: .5em
}

.andes-list__item {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    position: relative
}

.andes-list__item--visible-focused {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3))
}

.andes-list__item-anchor {
    display: flex;
    justify-content: space-between;
    margin: 0 -16px;
    outline: none;
    padding: 0 16px;
    text-decoration: none;
    width: 100%;
    width: -webkit-fill-available;
    width: fill-available
}

.andes-list__item-anchor:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-list__item-anchor:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-anchor:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-action {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    justify-content: space-between;
    line-height: 12px;
    margin: 0 -16px;
    outline: none;
    padding: 0 18px;
    text-decoration: none;
    width: -webkit-fill-available;
    width: fill-available
}

.andes-list__item-action:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-list__item-action:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-action:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-action .andes-list__item-text {
    text-align: left
}

.andes-list__item-action:before {
    cursor: pointer
}

.andes-list__item-with-secondary {
    align-self: center
}

.andes-list__item-first-column {
    align-items: center;
    display: flex;
    flex-grow: 4;
    margin-right: 12px
}

.andes-list__item-second-column {
    display: inline-flex
}

.andes-list__item-second-column-with-centered-text {
    align-self: center
}

.andes-list__item-second-column .andes-list__item-tertiary {
    text-align: right
}

.andes-list__item-second-column .andes-list__item-chevron {
    padding-left: 12px
}

.andes-list__item-second-column .andes-list__item-chevron--centered {
    align-self: center
}

.andes-list__item-second-column .andes-list__item-chevron--top {
    align-self: flex-start
}

.andes-list__item-second-column a,
.andes-list__item-second-column button {
    position: relative;
    z-index: 1
}

.andes-list__item-primary {
    color: rgba(0, 0, 0, .9);
    display: block
}

.andes-list__item-primary--max-lines-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.andes-list__item-primary--max-lines-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.andes-list__item-secondary {
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 16px;
    line-height: 1;
    text-align: start
}

.andes-list__item-tertiary {
    align-self: center;
    color: rgba(0, 0, 0, .9);
    display: block;
    text-wrap: nowrap
}

.andes-list__item-tertiary-description {
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 16px;
    line-height: 1;
    text-align: right
}

.andes-list__item-tertiary--top {
    align-self: flex-start
}

.andes-list__item-tertiary .andes-checkbox__label {
    margin-left: 0
}

.andes-list__item-tertiary-container--centered {
    align-self: center
}

.andes-list__item-image {
    align-self: flex-start;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    display: block
}

.andes-list__item-asset {
    margin-bottom: auto
}

.andes-list__item-asset--icon-one-line {
    margin-bottom: 0
}

.andes-list__item--size-small.andes-list__item-with-image .andes-list__item-second-column {
    align-self: center;
    height: 32px
}

.andes-list__item--size-small .andes-list__item-first-column,
.andes-list__item--size-small .andes-list__item-second-column {
    padding: 11px 0
}

.andes-list__item--size-small .andes-list__item-asset {
    margin-right: 12px
}

.andes-list__item--size-small .andes-list__item-asset .andes-thumbnail-container {
    height: 32px
}

.andes-list__item--size-small .andes-list__item-asset--icon {
    margin-right: 0
}

.andes-list__item--size-small .andes-list__item-asset--icon>svg {
    margin-right: 8px
}

.andes-list__item--size-small .andes-list__item-primary,
.andes-list__item--size-small .andes-list__item-tertiary {
    font-size: 14px;
    line-height: 18px
}

.andes-list__item--size-small .andes-list__item-image {
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    width: 36px
}

.andes-list__item--size-medium.andes-list__item-with-secondary .andes-list__item-first-column,
.andes-list__item--size-medium.andes-list__item-with-secondary .andes-list__item-second-column {
    padding: 14px 0 13px
}

.andes-list__item--size-medium.andes-list__item-with-image .andes-list__item-second-column {
    align-self: center;
    height: 40px
}

.andes-list__item--size-medium .andes-list__item-first-column,
.andes-list__item--size-medium .andes-list__item-second-column {
    padding: 14px 0
}

.andes-list__item--size-medium .andes-list__item-asset {
    margin-right: 16px
}

.andes-list__item--size-medium .andes-list__item-asset .andes-thumbnail-container {
    height: 40px
}

.andes-list__item--size-medium .andes-list__item-asset--icon {
    margin-right: 0
}

.andes-list__item--size-medium .andes-list__item-asset>svg {
    margin-right: 12px
}

.andes-list__item--size-medium .andes-list__item-primary,
.andes-list__item--size-medium .andes-list__item-tertiary {
    font-size: 16px;
    line-height: 20px
}

.andes-list__item--size-medium .andes-list__item-secondary,
.andes-list__item--size-medium .andes-list__item-tertiary-description {
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px
}

.andes-list__item--size-medium .andes-list__item-image {
    height: 38px;
    min-height: 38px;
    min-width: 38px;
    width: 38px
}

.andes-list__item--size-large.andes-list__item-with-secondary .andes-list__item-first-column,
.andes-list__item--size-large.andes-list__item-with-secondary .andes-list__item-second-column {
    padding: 24px 0
}

.andes-list__item--size-large.andes-list__item-with-image .andes-list__item-second-column {
    align-self: center;
    height: 56px
}

.andes-list__item--size-large .andes-list__item-first-column,
.andes-list__item--size-large .andes-list__item-second-column {
    padding: 24px 0 22px
}

.andes-list__item--size-large .andes-list__item-asset {
    margin-right: 16px
}

.andes-list__item--size-large .andes-list__item-asset .andes-thumbnail-container {
    height: 56px
}

.andes-list__item--size-large .andes-list__item-asset--icon {
    margin-right: 0
}

.andes-list__item--size-large .andes-list__item-asset>svg {
    margin-right: 16px
}

.andes-list__item--size-large .andes-list__item-primary,
.andes-list__item--size-large .andes-list__item-tertiary {
    line-height: 22px
}

.andes-list__item--size-large .andes-list__item-secondary,
.andes-list__item--size-large .andes-list__item-tertiary-description {
    line-height: 20px;
    margin-top: 6px
}

.andes-list__item--size-large .andes-list__item-image {
    height: 54px;
    min-height: 54px;
    min-width: 54px;
    width: 54px
}

.andes-list__item--padding-0 {
    padding: 0
}

.andes-list__item--padding-16 {
    padding-left: 16px;
    padding-right: 16px
}

.andes-list__item--padding-24 {
    padding-left: 24px;
    padding-right: 24px
}

.andes-list__item--padding-32 {
    padding-left: 32px;
    padding-right: 32px
}

.andes-list__item--padding-40 {
    padding-left: 40px;
    padding-right: 40px
}

.andes-list__item--selected {
    position: relative
}

.andes-list__item--selected:before {
    left: 2px;
    position: absolute
}

.andes-list__item--selected-padding-0:before,
.andes-list__item--selected:before {
    border-left: .1111111111em solid var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    border-radius: 1.5px;
    bottom: 2px;
    content: "";
    top: 2px
}

.andes-list__item--selected-padding-0:before {
    left: 0
}

.andes-list__item--selected .andes-list__item-primary {
    color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-list__item--selected.andes-list__item-with-selection-component:before {
    border-left: 0
}

.andes-list__item--selected.andes-list__item-with-selection-component .andes-list__item-primary {
    color: rgba(0, 0, 0, .9);
    font-weight: 400
}

.andes-list__item--selected:not(.andes-form-control--split-item) .andes-list__item-first-column .andes-list__item-asset>svg path {
    fill: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-list__item--disabled:hover {
    background: transparent
}

.andes-list__item--disabled .andes-list__item-primary,
.andes-list__item--disabled .andes-list__item-secondary,
.andes-list__item--disabled .andes-list__item-tertiary {
    color: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled .andes-list__item-primary {
    pointer-events: none
}

.andes-list__item--disabled .andes-list__item-first-column .andes-list__item-asset>svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected:before {
    border-left: .1111111111em solid rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected .andes-list__item-primary {
    color: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected .andes-list__item-first-column .andes-list__item-asset>svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected.andes-list__item-with-selection-component .andes-list__item-primary {
    color: rgba(0, 0, 0, .25)
}

.andes-form-control {
    display: block;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    -webkit-font-smoothing: antialiased;
    text-align: left
}

.andes-form-control__control {
    position: relative
}

.andes-form-control__border,
.andes-form-control__control,
.andes-form-control__field,
.andes-form-control__label,
.andes-form-control__message {
    display: block;
    width: 100%
}

.andes-form-control__label {
    color: rgba(0, 0, 0, .55);
    font-size: 1em;
    line-height: 1;
    transition: .2s ease-out;
    transition-property: transform, color
}

.andes-form-control__label-fixed {
    transform: scale(.7777777778) translateY(-135%) !important
}

.andes-form-control__field {
    background: transparent;
    border: 0;
    color: rgba(0, 0, 0, .9);
    font-family: inherit;
    font-size: inherit;
    line-height: normal;
    margin: 8px 0 4px;
    overflow: hidden;
    padding: 0;
    resize: none
}

.andes-form-control__border {
    background-color: rgba(0, 0, 0, .25);
    height: 1px;
    position: relative;
    width: 100%
}

.andes-form-control__border:after {
    content: "";
    height: 2px;
    position: absolute;
    transform: scaleX(0);
    transition: transform .25s ease;
    width: 100%
}

.andes-form-control:hover .andes-form-control__label {
    color: rgba(0, 0, 0, .55)
}

.andes-form-control:hover .andes-form-control__border:after {
    background-color: rgba(0, 0, 0, .25);
    transform: scaleX(1)
}

.andes-form-control__field:focus {
    outline: 0
}

.andes-form-control--focused .andes-form-control__border:after,
.andes-form-control__field:focus+.andes-form-control__border:after {
    background-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa)) !important;
    transform: scaleX(1)
}

.andes-form-control--floated .andes-form-control__label,
.andes-form-control--focused .andes-form-control__label {
    cursor: text
}

.andes-form-control__message {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    line-height: 1em;
    margin-top: .3333333333em;
    min-height: 14px;
    opacity: 0;
    opacity: 1;
    text-align: left;
    transition: opacity .15s ease-out
}

.andes-form-control--focused .andes-form-control__message {
    opacity: 1
}

.andes-form-control--error .andes-form-control__message {
    color: #f04449;
    font-weight: 600;
    opacity: 1
}

.andes-form-control--error.andes-form-control--focused .andes-form-control__border:after {
    background-color: #f04449 !important;
    transform: scaleX(1)
}

.andes-form-control--error .andes-form-control__border {
    background-color: #f04449
}

.andes-form-control--error .andes-form-control__border:after {
    background-color: #f04449 !important;
    transform: scaleX(0)
}

.andes-widther {
    width: 256px
}

.andes-width--25 {
    max-width: none;
    width: 25%
}

.andes-width--50 {
    max-width: none;
    width: 50%
}

.andes-width--75 {
    max-width: none;
    width: 75%
}

.andes-width--100 {
    max-width: none;
    width: 100%
}

.andes-width--150 {
    max-width: none;
    width: 150%
}

.andes-width--200 {
    max-width: none;
    width: 200%
}

.andes-form-control--textfield .andes-form-control__label {
    color: rgba(0, 0, 0, .9);
    cursor: text;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.0714285714em;
    margin: 0 0 .4285714286em .4285714286em;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: unset !important;
    transition: .2s ease-out;
    transition-property: color;
    white-space: nowrap
}

.andes-form-control--textfield .andes-form-control__control {
    align-items: center;
    background-color: #fff;
    border-radius: .375em;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
    display: flex;
    font-size: 16px;
    min-height: 48px
}

.andes-form-control--textfield .andes-form-control__field {
    border-radius: .375em;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: .8125em .75em
}

.andes-form-control--textfield .andes-form-control__field:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-form-control--textfield .andes-form-control__field:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-form-control--textfield .andes-form-control__field::placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px;
    opacity: 1
}

.andes-form-control--textfield .andes-form-control__field::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px
}

.andes-form-control--textfield .andes-form-control__field::-moz-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px;
    opacity: 1
}

.andes-form-control--textfield .andes-form-control__field:-moz-placeholder {
    opacity: 1
}

.andes-form-control--textfield .andes-form-control__field:-ms-input-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px
}

.andes-form-control--textfield .andes-form-control__field::-ms-input-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px
}

.andes-form-control--textfield .andes-form-control__field:-moz-placeholder {
    color: rgba(0, 0, 0, .25);
    font-size: 16px
}

.andes-form-control--textfield .andes-form-control__field--multiline {
    height: unset
}

.andes-form-control--textfield .andes-form-control__message {
    font-size: 13px;
    margin-top: 0
}

.andes-form-control--textfield .andes-form-control__bottom {
    align-items: center;
    display: flex;
    font-size: 13px;
    margin: .6153846154em 0 0 .4615384615em
}

.andes-form-control--focused .andes-form-control__control {
    border-color: transparent;
    box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 .125em var(--andes-color-blue-500, #3483fa);
    outline: none
}

.andes-form-control__control.visible-focused {
    border-color: transparent;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3)), inset 0 0 0 2px var(--andes-color-blue-500, #3483fa);
    outline: none
}

.andes-form-control--textfield:hover .andes-form-control__label {
    color: rgba(0, 0, 0, .9) !important
}

.andes-form-control__message-action {
    color: var(--andes-color-blue-500, #3483fa);
    cursor: pointer;
    margin-left: .3em
}

.andes-form-control__message-action:hover {
    text-decoration: underline
}

.andes-form-control__label,
.andes-form-control__message {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif
}

.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.andes-form-control--numeric.andes-form-control--error .andes-form-control__label,
.andes-form-control--textfield.andes-form-control--error .andes-form-control__label {
    color: #f23d4f !important
}

.andes-form-control--numeric.andes-form-control--error .andes-form-control__control,
.andes-form-control--textfield.andes-form-control--error .andes-form-control__control {
    box-shadow: 0 0 0 1px #f23d4f
}

.andes-form-control--numeric.andes-form-control--error .andes-form-control__error-icon,
.andes-form-control--textfield.andes-form-control--error .andes-form-control__error-icon {
    background-color: #f23d4f;
    border-radius: 50%;
    font-size: 13px;
    height: 12px;
    line-height: 1;
    margin-right: .4615384615em;
    width: 12px
}

.andes-form-control--numeric.andes-form-control--error.andes-form-control--focused .andes-form-control__control,
.andes-form-control--textfield.andes-form-control--error.andes-form-control--focused .andes-form-control__control {
    border-color: transparent;
    box-shadow: 0 0 0 .125em #f23d4f;
    outline: none
}

.andes-form-control--numeric.andes-form-control--error:hover .andes-form-control__label,
.andes-form-control--textfield.andes-form-control--error:hover .andes-form-control__label {
    color: #f23d4f !important
}

.andes-form-control--textfield .andes-form-control__field {
    flex-grow: 1;
    width: auto
}

.andes-form-control--textfield .andes-button--transparent {
    margin: 8px 12px 8px 0;
    width: max-content
}

.andes-form-control--textfield .andes-checkbox--embedded {
    display: inline-block;
    margin: 0 18px 3px 6px
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input {
    top: 5px
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:before {
    line-height: 0;
    top: 75%
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus-visible:before {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3))
}

.andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus-visible:after {
    opacity: 0
}

.andes-form-control--textfield .andes-tooltip__trigger {
    display: flex;
    margin-right: 16px
}

.andes-form-control--textfield .andes-form-control__embedded {
    align-items: center;
    display: flex;
    z-index: 1
}

.andes-form-control--textfield .andes-form-control__embedded .andes-checkbox__label {
    text-wrap: nowrap
}

.andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__svg {
    animation: andes-pi-circular-rotate 2s linear infinite;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1022
}

.andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle {
    stroke-linecap: round;
    animation: andes-pi-circular-dash-reduce-motion 5s ease-in-out infinite
}

@media(prefers-reduced-motion:no-preference) {
    .andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle {
        animation: andes-pi-circular-dash 1.5s ease-in-out infinite
    }
}

@keyframes andes-pi-circular-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes andes-pi-circular-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes andes-pi-circular-dash-reduce-motion {
    0% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 0
    }

    10% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 1
    }

    60% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 1
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 0
    }
}

.andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__svg {
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(-90deg);
    z-index: 1022
}

.andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle {
    fill: none;
    stroke-linecap: round
}

@media(prefers-reduced-motion:no-preference) {
    .andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle {
        transition: stroke-dashoffset .15s ease-out
    }
}

.andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle-bg {
    fill: none;
    stroke: #e5e5e5
}

.andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle--continuous {
    transition-timing-function: linear
}

.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__progress,
.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__svg {
    height: 32px;
    width: 32px;
    stroke-width: 3px
}

.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--medium .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-top: 13px
}

.andes-progress-indicator-circular--large .andes-progress-indicator-circular__progress,
.andes-progress-indicator-circular--large .andes-progress-indicator-circular__svg {
    height: 48px;
    width: 48px;
    stroke-width: 4px
}

.andes-progress-indicator-circular--large .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--large .andes-progress-indicator-circular__label {
    font-size: 16px;
    margin-top: 13px
}

.andes-progress-indicator-circular--xlarge .andes-progress-indicator-circular__progress,
.andes-progress-indicator-circular--xlarge .andes-progress-indicator-circular__svg {
    height: 64px;
    width: 64px;
    stroke-width: 4px
}

.andes-progress-indicator-circular--xlarge .andes-progress-indicator-circular__progress .andes-progress-indicator-circular__content {
    font-size: 14px
}

.andes-progress-indicator-circular--xlarge .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--xlarge .andes-progress-indicator-circular__label {
    font-size: 18px;
    margin-top: 13px
}

.andes-progress-indicator-circular--inline {
    height: 100%;
    position: relative
}

.andes-progress-indicator-circular--inline .andes-progress-indicator-circular__container {
    position: absolute
}

.andes-progress-indicator-circular--block {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1021
}

.andes-message {
    border-radius: 6px;
    display: flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 14px;
    padding: 1.1428571429em;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.andes-message__text,
.andes-message__title {
    color: #fff;
    font-weight: 400
}

.andes-message__primary-button-closeable {
    margin-right: 26px
}

.andes-message__close--bottom {
    top: 1.1428571429em
}

.andes-message__close-button {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 32px 32px 16px 16px
}

.andes-message__secondary-button {
    margin-left: 8px
}

.andes-message__content {
    width: 100%
}

.andes-message__content--untitled {
    align-items: center;
    display: flex
}

.andes-message__badge {
    display: flex;
    margin-right: 1.1428571429em
}

.andes-message__secondary-button--loud {
    color: #fff !important
}

.andes-message__secondary-button--loud:hover {
    background: rgba(0, 0, 0, .1) !important
}

.andes-message__secondary-button--loud:active {
    background: rgba(0, 0, 0, .25) !important
}

.andes-message__close--orange {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--orange:after,
.andes-message__close--orange:before {
    background-color: #fff;
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--orange:before {
    transform: rotate(45deg)
}

.andes-message__close--orange:after {
    transform: rotate(-45deg)
}

.andes-message__close--orange:after,
.andes-message__close--orange:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--orange {
    background: #f73
}

.andes-message--orange .andes-message__badge--orange {
    background-color: #e6540b
}

.andes-message__primary-button--orange {
    background-color: #e6540b !important
}

.andes-message__primary-button--orange:hover {
    background: #c44809 !important
}

.andes-message__primary-button--orange:active {
    background: #9d3908 !important
}

.andes-message__icon {
    display: flex;
    height: 1.1428571429em;
    margin: 0 1.1428571429em;
    width: 1.1428571429em
}

.andes-radio {
    align-items: center;
    display: flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    padding: 5px 16px 5px 6px
}

.andes-radio__input {
    cursor: inherit;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.andes-radio__input:checked+.andes-radio__background .andes-radio__inner-circle {
    background-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    transform: scale(.5);
    transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, background-color .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.andes-radio__input:hover+.andes-radio__background .andes-radio__outer-circle {
    border-color: rgba(0, 0, 0, .55);
    border-width: 2px;
    transition: border .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition-duration: 75ms
}

.andes-radio__input:checked+.andes-radio__background .andes-radio__outer-circle {
    border-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    border-width: 1px;
    transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.andes-radio__input:focus-visible+.andes-radio__background {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3))
}

.andes-radio__input:focus-visible:checked+.andes-radio__background .andes-radio__outer-circle {
    border-width: 2px
}

.andes-radio__label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    outline: none;
    padding-left: 2px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    color: rgba(0, 0, 0, .9)
}

.andes-radio__background {
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 50%;
    left: 50%;
    margin-left: -25%;
    margin-top: -25%;
    position: absolute;
    top: 50%;
    width: 50%
}

.andes-radio__background:before {
    background-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, transform .12s cubic-bezier(.4, 0, .6, 1) 0ms;
    width: 100%
}

.andes-radio__background:focus:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-radio__background:focus:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-radio__background:focus:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

.andes-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, .25);
    border-radius: 50%;
    transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms
}

.andes-radio__inner-circle,
.andes-radio__outer-circle {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-radio__inner-circle {
    background-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    border-radius: 50%;
    transform: scale(0);
    transition: transform .12s cubic-bezier(.4, 0, .6, 1) 0ms, background-color .12s cubic-bezier(.4, 0, .6, 1) 0ms
}

.andes-radio-element {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .9);
    cursor: pointer;
    flex-shrink: 0;
    padding: 9px;
    position: relative;
    will-change: opacity, transform, border-color, background-color, color
}

.andes-radio-element:after,
.andes-radio-element:before {
    background-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa));
    border-radius: 50%;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.andes-radio-element:before {
    transition: opacity 15ms linear;
    z-index: 1
}

.andes-radio-element:after {
    transition: opacity .15s linear
}

.andes-radio-element:hover:before {
    opacity: 0
}

.andes-radio-element:focus:before {
    opacity: .12;
    transition-duration: 75ms
}

.andes-radio-element:active:after {
    opacity: .16;
    transition-duration: 75ms
}

.andes-radio-inverted .andes-radio__input {
    margin-left: -14px
}

.andes-radio-inverted span {
    padding-right: 14px
}

.andes-radio--disabled {
    color: rgba(0, 0, 0, .25);
    pointer-events: none
}

.andes-radio--disabled .andes-radio__inner-circle {
    background-color: rgba(0, 0, 0, .1)
}

.andes-radio--disabled .andes-radio__outer-circle {
    border-color: rgba(0, 0, 0, .1)
}

.andes-radio--disabled .andes-radio__input:checked+.andes-radio__background .andes-radio__inner-circle {
    background-color: rgba(0, 0, 0, .1)
}

.andes-radio--disabled .andes-radio__input:checked+.andes-radio__background .andes-radio__outer-circle {
    border-color: rgba(0, 0, 0, .1)
}

.andes-radio--disabled .andes-radio__label {
    color: rgba(0, 0, 0, .25)
}

.andes-radio--inline {
    display: inline-flex
}

.andes-radio--inline+.andes-radio--inline {
    margin-left: 16px
}

.andes-radio--inverted {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.andes-radio--inverted .andes-radio__label {
    padding-left: 0;
    padding-right: 2px
}

.andes-radio--error .andes-radio__outer-circle {
    border-color: #f23d4f
}

.andes-radio--error .andes-radio__input:hover+.andes-radio__background .andes-radio__outer-circle {
    border-color: #d12440
}

.andes-radio--error .andes-radio__input:hover:checked+.andes-radio__background .andes-radio__outer-circle {
    border-color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
}

.andes-radio-list .andes-radio__label {
    display: none
}

.andes-radio-list .andes-list__item .andes-radio {
    padding: 0 16px 0 6px
}

.andes-radio-list .andes-list__item-asset {
    align-self: center
}

.andes-radio-list .andes-list__item-selection-control {
    align-items: flex-start;
    display: inline-flex
}

.andes-radio-list .andes-list__item-with-image .andes-list__item-selection-control {
    align-items: center;
    align-self: flex-start
}

.andes-radio-list .andes-list__item:not(.andes-list__item-with-secondary) .andes-list__item-selection-control {
    align-items: center
}

.andes-radio-list .andes-list__item:not(.andes-list__item-with-secondary) .andes-list__item-second-column {
    align-self: center
}

.andes-radio-list .andes-list__item--size-small .andes-list__item-selection-control {
    height: 32px;
    padding: 11px 0
}

.andes-radio-list .andes-list__item--size-medium .andes-list__item-selection-control {
    height: 40px;
    padding: 14px 0 13px
}

.andes-radio-list .andes-list__item--size-medium:not(.andes-list__item-with-image).andes-list__item-with-secondary .andes-radio {
    margin-top: -5px
}

.andes-radio-list .andes-list__item--size-large .andes-list__item-selection-control {
    height: 56px;
    padding: 24px 0
}

.header-subtitle {
    color: rgba(0, 0, 0, .9);
    font-size: 18px;
    font-weight: 600;
    margin: 16px 0
}

.layout__header-subtitle {
    color: rgba(0, 0, 0, .55);
    font-weight: 400;
    line-height: 1.38;
    margin: 8px 0 24px
}

.layout--webview__header {
    padding-top: 32px
}

.hidden {
    display: none
}

.addresses-list.andes-list {
    box-shadow: none
}

.addresses-list__actions {
    align-items: center;
    border-top: .0625em solid rgba(0, 0, 0, .1);
    display: flex;
    padding-left: 12px
}

.addresses-list__actions--empty {
    display: none
}

.addresses-list__action {
    margin: 4px 0;
    position: relative
}

.addresses-list__button-separator {
    border-right: 1px solid rgba(0, 0, 0, .1);
    height: 12px;
    margin: 0 4px
}

.addresses-item-apply {
    border-top: .0625em solid rgba(0, 0, 0, .1)
}

.zip-code__textfield .andes-form-control__label {
    line-height: 1.2
}

.zip-code__textfield .andes-form-control__field {
    width: inherit
}

.andes-list {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
}

.andes-list__item {
    padding: 12px 24px 12px 10px
}

.andes-list__item-primary {
    font-size: 14px
}

.andes-list__item-secondary {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px
}

.andes-list__item--disabled,
.andes-list__item--disabled .addresses-label {
    cursor: not-allowed
}

.andes-list__item--selected:before {
    border-left: 0
}

.andes-list__item--selected .andes-list__item-primary {
    font-weight: 600
}

.andes-message--warning {
    background: transparent;
    padding: 8px 0 0
}

.andes-message--warning .andes-message__text--warning {
    color: #f73;
    font-weight: 600
}

.andes-message--warning .andes-message__icon {
    margin-left: 0;
    margin-right: 6px
}

.andes-radio-element {
    height: 32px;
    width: 32px
}

.andes-radio {
    padding-right: 10px
}

.andes-radio__label {
    cursor: pointer;
    display: block;
    inset: 0;
    position: absolute
}

.andes-radio__background {
    background-color: transparent
}

.andes-radio__outer-circle {
    background-color: #fff
}

.addresses-edit {
    display: none
}

.secondary-card {
    padding: 0
}

.another-location__link {
    border-top: .0625em solid rgba(0, 0, 0, .1);
    display: flex;
    padding: 18px 12px
}

.icon-link,
.icon-link__icon {
    align-items: center;
    display: flex
}

.icon-link__icon {
    background: #ebf2fd;
    border-radius: 100%;
    padding: 6px
}

.icon-link__icon .button-icon {
    height: 8px;
    width: 8px
}

.icon-link__icon .button-icon .button-icon__path {
    fill: #3483fa;
    stroke: #3483fa
}

.icon-link__content {
    align-items: center;
    color: rgba(0, 0, 0, .9);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    padding-left: 12px
}

.icon-link__content--link {
    color: #3483fa;
    font-weight: 600;
    -webkit-font-smoothing: antialiased
}

.icon-link__content .selected-zipcode__address {
    font-weight: 600;
    padding-right: 12px
}

.icon-link .andes-button {
    align-items: center;
    display: flex
}

.filler {
    height: 68px
}

.andes-visually-hidden,
.andes-visually-hidden-focusable:not(:focus):not(:focus-within) {
    border: 0;
    clip: rect(0 0 0 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
}

.andes-progress-indicator-circular__container {
    display: flex;
    height: max-content;
    position: relative;
    width: max-content
}

.andes-progress-indicator-circular__progress {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.andes-progress-indicator-circular--blue .andes-progress-indicator-circular__progress {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.andes-progress-indicator-circular--white .andes-progress-indicator-circular__progress {
    stroke: #fff
}

.andes-progress-indicator-circular__content {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    font-weight: 400
}

.andes-progress-indicator-circular__label {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__progress,
.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__svg {
    height: 16px;
    width: 16px;
    stroke-width: 2px
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__container {
    align-items: center
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-left: 12px
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__progress,
.andes-progress-indicator-circular--small .andes-progress-indicator-circular__svg {
    height: 24px;
    width: 24px;
    stroke-width: 2.5px
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-top: 13px
}

.andes-progress-indicator-circular--fullscreen {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .9);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1023
}

.andes-modal {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    outline: none;
    position: relative;
    transform: translateZ(0)
}

@media(prefers-reduced-motion:no-preference) {
    .andes-modal {
        animation: modal-translate-in .2s ease-in-out, modal-fade-in .2s ease-in-out
    }
}

.andes-modal__focus-retainer:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-modal__focus-retainer:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

@media(prefers-reduced-motion:no-preference) {
    .andes-modal--closing {
        animation: modal-translate-out .2s ease-in-out, modal-fade-out .2s ease-in-out
    }
}

.andes-modal>* {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .9)
}

.andes-modal__overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1020
}

@media(prefers-reduced-motion:no-preference) {
    .andes-modal__overlay {
        animation: modal-fade-in .2s ease-in-out
    }

    .andes-modal__overlay--closing {
        animation: modal-fade-out .2s ease-in-out
    }
}

.andes-modal__overlay--large,
.andes-modal__overlay--small {
    padding: 3em
}

.andes-modal__overlay--full-webview-ios {
    padding-bottom: 60px;
    padding-top: 65px
}

.andes-modal.andes-modal--card,
.andes-modal.andes-modal--large,
.andes-modal.andes-modal--small {
    border-radius: 6px
}

.andes-modal.andes-modal--large .andes-modal__header--secondary,
.andes-modal.andes-modal--large .andes-modal__header--sticky,
.andes-modal.andes-modal--small .andes-modal__header--secondary,
.andes-modal.andes-modal--small .andes-modal__header--sticky {
    padding-bottom: 1.375em;
    padding-top: 1.375em
}

.andes-modal.andes-modal--large .andes-modal__header--secondary .andes-modal__title,
.andes-modal.andes-modal--large .andes-modal__header--sticky .andes-modal__title,
.andes-modal.andes-modal--small .andes-modal__header--secondary .andes-modal__title,
.andes-modal.andes-modal--small .andes-modal__header--sticky .andes-modal__title {
    font-size: 20px
}

.andes-modal.andes-modal--large .andes-modal__header__contents *+.andes-modal__title,
.andes-modal.andes-modal--small .andes-modal__header__contents *+.andes-modal__title {
    margin-top: 32px
}

.andes-modal.andes-modal--card .andes-modal__header__contents *+.andes-modal__title,
.andes-modal.andes-modal--full .andes-modal__header__contents *+.andes-modal__title {
    margin-top: 26px
}

.andes-modal__scroll {
    border-radius: 6px;
    overflow-x: hidden;
    overflow-y: auto
}

.andes-modal__title {
    font-weight: 600;
    line-height: 1
}

.andes-modal__actions,
.andes-modal__header {
    background-color: #fff;
    box-shadow: none
}

.andes-modal__actions {
    border-radius: 0 0 6px 6px;
    display: flex;
    transition-duration: .08s;
    transition-property: box-shadow, padding, background-color;
    transition-timing-function: ease-in-out
}

.andes-modal__actions--fixed {
    bottom: 0;
    position: sticky
}

.andes-modal__actions--border {
    border-top: 1px solid rgba(0, 0, 0, .07);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1)
}

.andes-modal__actions--border.padding {
    border-top: 0;
    box-shadow: none
}

.andes-modal__actions .andes-button--loading {
    display: inline-flex;
    flex-direction: column
}

.andes-modal__actions .andes-button:not(:first-of-type) {
    margin-left: 8px
}

.andes-modal__actions .andes-button+.andes-button--full-width {
    margin-left: 0;
    margin-top: 8px
}

.andes-modal__header {
    border-radius: 6px 6px 0 0;
    display: flex;
    position: relative;
    top: 0;
    transition-duration: .08s;
    transition-property: box-shadow, background-color;
    transition-timing-function: ease-in-out
}

.andes-modal__header__contents {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.andes-modal__header__contents--centered {
    align-items: center;
    text-align: center
}

.andes-modal__header--secondary .andes-modal__header__contents,
.andes-modal__header--sticky .andes-modal__header__contents {
    overflow: hidden
}

.andes-modal__header--secondary .andes-modal__title,
.andes-modal__header--sticky .andes-modal__title {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-modal__header--sticky {
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .07), 0 0 24px 0 rgba(0, 0, 0, .1);
    position: sticky;
    z-index: 1021
}

.andes-modal__header--secondary {
    background-color: transparent;
    position: fixed;
    width: 100%;
    z-index: 1021
}

.andes-modal__header--secondary .andes-modal__title {
    display: none
}

.andes-modal__header--show {
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .07), 0 0 24px 0 rgba(0, 0, 0, .1)
}

.andes-modal__header--show-title .andes-modal__title {
    display: block
}

.andes-modal__close-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font-size: inherit;
    height: 1.25em;
    padding: 0;
    width: 1.25em
}

.andes-modal__close-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-modal__close-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-modal__close-button:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes modal-translate-in {
    0% {
        margin-top: 300px
    }

    to {
        margin-top: 0
    }
}

@keyframes modal-translate-out {
    0% {
        margin-top: 0
    }

    to {
        margin-top: 300px
    }
}

.separator {
    background: #f2f2f2;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    height: 12px;
    width: 100%
}

.andes-modal--full {
    animation: none;
    background: #fff
}

.andes-modal--full.layout--full-screen {
    min-height: 100vh
}

.andes-modal--full.layout--webView .andes-modal-dialog__header {
    padding-top: 16px
}

.andes-modal--full .andes-modal-dialog__header {
    padding: 75px 24px 0
}

.andes-modal--full .andes-modal-dialog__content {
    padding: 0
}

.andes-modal--full .andes-modal-dialog__content .header-subtitle,
.andes-modal--full .andes-modal-dialog__content .layout__header-subtitle {
    padding: 0 24px
}

.andes-modal--full .andes-modal-dialog__button-close {
    cursor: pointer;
    height: 1em;
    left: 32px;
    position: absolute;
    top: 32px;
    width: 1em
}

.andes-modal--full .layout-arrow {
    z-index: 1030
}

.andes-modal--full .layout-arrow:after,
.andes-modal--full .layout-arrow:before {
    display: none
}

.andes-modal--full .andes-modal-dialog__header-title {
    font-size: 24px;
    margin-right: 24px
}

.andes-modal--full .filler {
    display: none
}

.secondary-card {
    border: 0;
    box-shadow: none
}

.primary-form {
    margin-top: 20px
}

.addresses-list {
    border-radius: 4px;
    margin-top: 8px
}

.addresses-list__item {
    border-top: .0625em solid rgba(0, 0, 0, .1)
}

.addresses-list__item .andes-list__item-secondary {
    align-items: normal;
    flex-direction: column;
    line-height: 1.3;
    margin-top: 5px
}

.button-wrapper {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1);
    padding: 12px;
    position: sticky;
    width: 100%;
    z-index: 1
}

.button-wrapper__apply {
    width: 100%
}

.another-location .another-location__link {
    border-radius: 0;
    padding-left: 24px
}

.state-city,
.zip-code {
    padding: 0 24px 12px
}

.zip-code__secondary-actions {
    display: flex;
    flex-direction: column
}

.zip-code__textfield {
    margin: 0 2px 4px
}

.zip-code__textfield .andes-form-control__bottom {
    align-items: center;
    margin-bottom: 12px
}

.zip-code__find-button {
    margin-top: 8px
}


#correntemobile {

    overflow: hidden !important;
}

#result9>.ui-review-capability__reviews-carousel>section>div.andes-carousel-snapped__controls-wrapper>div.andes-carousel-snapped>div.andes-carousel-snapped__wrapper>div.andes-carousel-snapped__slide:first-child>div.ui-review-capability-carousel__img-container>img[data-testid="img-carousel-0"] {
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    display: inline !important;
}



/* xxxxxxxxxxxxx */

.andes-button__content {
    position: relative;
    top: -1px
}

.ui-snackbar {
    z-index: 100000
}

.andes-snackbar {
    bottom: 2em;
    left: 0;
    right: 0;
    z-index: 100000
}

.andes-snackbar--animate-show {
    animation-name: snackbar-show-fix
}

.andes-snackbar--animate-hide {
    animation-fill-mode: forwards;
    animation-name: snackbar-hide-fix
}

.andes-snackbar.andes-snackbar--red {
    background-color: #f23d4f
}

.andes-snackbar.andes-snackbar--green {
    background-color: #00a650
}

.andes-snackbar__message {
    font-weight: 400
}

@keyframes snackbar-show-fix {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1
    }
}

@keyframes snackbar-hide-fix {
    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.andes-dropdown__arrow:after,
.andes-dropdown__trigger:hover .andes-dropdown__arrow:after {
    border-color: var(--andes-color-blue-500, #3483fa)
}

.andes-modal--full .andes-modal__header.andes-modal__header--sticky .andes-modal-title {
    padding-left: 45px;
    text-align: left
}

.andes-modal__close-button path {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.andes-modal__overlay--card .andes-modal__close-button path {
    stroke: none
}

.andes-snackbar__action {
    padding-right: 1.5em
}

.andes-table {
    border: 1px solid #f5f5f5;
    border-collapse: collapse
}

.andes-table__header {
    background-color: #f5f5f5;
    box-shadow: none
}

.andes-table__column,
.andes-table__header {
    box-shadow: none;
    display: table-cell;
    padding: 15px 16px;
    text-align: left;
    vertical-align: middle;
    white-space: normal
}

.andes-table__column:last-of-type,
.andes-table__header:last-of-type {
    padding: 15px 24px 15px 16px
}

.andes-table__row {
    box-shadow: none
}

.andes-table__column--value {
    margin: 0
}

.andes-table__header__container {
    background-color: transparent;
    border: none;
    display: block;
    font: inherit;
    padding: 0
}

.ui-recommendations-comparator__table tbody tr:nth-child(odd),
.ui-recommendations-comparator__table tbody tr:nth-child(odd):hover {
    background: transparent
}

.ui-recommendations-comparator__table tbody tr:nth-child(odd) .andes-table__header:first-child {
    background: #ededed;
    border-bottom: 1px solid #eee
}

.ui-recommendations-comparator__table__header {
    background-color: transparent
}

.ui-recommendations-comparator__table .andes-table__body .andes-table__row .andes-table__column {
    border-bottom: 1px solid #eee;
    border-left: none;
    border-right: none
}

.ui-recommendations-comparator__table .andes-table__body .andes-table__row .andes-table__column:last-child {
    border-right: 1px solid #eee
}

.andes-button--transparent path[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .55) !important
}

.andes-button--transparent :active path[fill],
.andes-button--transparent :focus path[fill],
.andes-button--transparent :hover path[fill],
.andes-button--transparent path[fill] {
    fill: none !important
}

.andes-button--transparent.active path[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--transparent:not(.active):hover path[fill]:not([fill=none]) {
    fill: var(--andes-color-blue-500, #3483fa) !important
}

@media(hover:hover)and (pointer:fine) {
    .andes-button--transparent:hover path[fill]:not([fill=none]) {
        fill: var(--andes-color-blue-500, #3483fa) !important
    }
}

.andes-button--loud path[fill],
.andes-button--loud:active path[fill],
.andes-button--loud:focus path[fill],
.andes-button--loud:hover path[fill] {
    fill: none !important
}

.nav-search .nav-category {
    padding: 2px 14px;
    right: 46px
}

.nav-search .nav-category input[type=checkbox] {
    margin: 3px 9px 0 0
}

@media(min-width:768px) {
    .nav-search .nav-category input[type=checkbox] {
        vertical-align: top
    }
}

*,
:after,
:before {
    box-sizing: border-box
}

body {
    background: #ededed
}

main[role=main] {
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.35;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

::selection {
    background: rgba(0, 0, 0, .1)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.25;
    margin: 0
}

p {
    margin: 0
}

a,
a:hover,
a:link,
a:visited {
    text-decoration: none
}

a {
    color: var(--andes-color-blue-500, #3483fa);
    transition: color .2s ease-in-out
}

a:focus,
a:hover {
    color: var(--andes-color-blue-600, #2968c8)
}

a:hover {
    cursor: pointer
}

a:active {
    color: var(--andes-color-blue-700, #1f4e96)
}

ol,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

button,
textarea {
    font-family: inherit
}

.andes-list {
    background-color: #fff;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased
}

.andes-list:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list-with-dividers .andes-list__item+.andes-list__item {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.andes-list-asset {
    margin-top: .5em
}

.andes-list__item {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    position: relative
}

.andes-list__item--visible-focused {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3))
}

.andes-list__item-anchor {
    display: flex;
    justify-content: space-between;
    margin: 0 -16px;
    outline: none;
    padding: 0 16px;
    text-decoration: none;
    width: 100%;
    width: -webkit-fill-available;
    width: fill-available
}

.andes-list__item-anchor:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-list__item-anchor:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-anchor:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-action {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    justify-content: space-between;
    line-height: 12px;
    margin: 0 -16px;
    outline: none;
    padding: 0 18px;
    text-decoration: none;
    width: -webkit-fill-available;
    width: fill-available
}

.andes-list__item-action:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.andes-list__item-action:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-action:focus-visible {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.andes-list__item-action .andes-list__item-text {
    text-align: left
}

.andes-list__item-action:before {
    cursor: pointer
}

.andes-list__item-with-secondary {
    align-self: center
}

.andes-list__item-first-column {
    align-items: center;
    display: flex;
    flex-grow: 4;
    margin-right: 12px
}

.andes-list__item-second-column {
    display: inline-flex
}

.andes-list__item-second-column-with-centered-text {
    align-self: center
}

.andes-list__item-second-column .andes-list__item-tertiary {
    text-align: right
}

.andes-list__item-second-column .andes-list__item-chevron {
    padding-left: 12px
}

.andes-list__item-second-column .andes-list__item-chevron--centered {
    align-self: center
}

.andes-list__item-second-column .andes-list__item-chevron--top {
    align-self: flex-start
}

.andes-list__item-second-column a,
.andes-list__item-second-column button {
    position: relative;
    z-index: 1
}

.andes-list__item-primary {
    color: rgba(0, 0, 0, .9);
    display: block
}

.andes-list__item-primary--max-lines-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.andes-list__item-primary--max-lines-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.andes-list__item-secondary {
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 16px;
    line-height: 1;
    text-align: start
}

.andes-list__item-tertiary {
    align-self: center;
    color: rgba(0, 0, 0, .9);
    display: block;
    text-wrap: nowrap
}

.andes-list__item-tertiary-description {
    color: rgba(0, 0, 0, .55);
    display: block;
    font-size: 16px;
    line-height: 1;
    text-align: right
}

.andes-list__item-tertiary--top {
    align-self: flex-start
}

.andes-list__item-tertiary .andes-checkbox__label {
    margin-left: 0
}

.andes-list__item-tertiary-container--centered {
    align-self: center
}

.andes-list__item-image {
    align-self: flex-start;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    display: block
}

.andes-list__item-asset {
    margin-bottom: auto
}

.andes-list__item-asset--icon-one-line {
    margin-bottom: 0
}

.andes-list__item--size-small.andes-list__item-with-image .andes-list__item-second-column {
    align-self: center;
    height: 32px
}

.andes-list__item--size-small .andes-list__item-first-column,
.andes-list__item--size-small .andes-list__item-second-column {
    padding: 11px 0
}

.andes-list__item--size-small .andes-list__item-asset {
    margin-right: 12px
}

.andes-list__item--size-small .andes-list__item-asset .andes-thumbnail-container {
    height: 32px
}

.andes-list__item--size-small .andes-list__item-asset--icon {
    margin-right: 0
}

.andes-list__item--size-small .andes-list__item-asset--icon>svg {
    margin-right: 8px
}

.andes-list__item--size-small .andes-list__item-primary,
.andes-list__item--size-small .andes-list__item-tertiary {
    font-size: 14px;
    line-height: 18px
}

.andes-list__item--size-small .andes-list__item-image {
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    width: 36px
}

.andes-list__item--size-medium.andes-list__item-with-secondary .andes-list__item-first-column,
.andes-list__item--size-medium.andes-list__item-with-secondary .andes-list__item-second-column {
    padding: 14px 0 13px
}

.andes-list__item--size-medium.andes-list__item-with-image .andes-list__item-second-column {
    align-self: center;
    height: 40px
}

.andes-list__item--size-medium .andes-list__item-first-column,
.andes-list__item--size-medium .andes-list__item-second-column {
    padding: 14px 0
}

.andes-list__item--size-medium .andes-list__item-asset {
    margin-right: 16px
}

.andes-list__item--size-medium .andes-list__item-asset .andes-thumbnail-container {
    height: 40px
}

.andes-list__item--size-medium .andes-list__item-asset--icon {
    margin-right: 0
}

.andes-list__item--size-medium .andes-list__item-asset>svg {
    margin-right: 12px
}

.andes-list__item--size-medium .andes-list__item-primary,
.andes-list__item--size-medium .andes-list__item-tertiary {
    font-size: 16px;
    line-height: 20px
}

.andes-list__item--size-medium .andes-list__item-secondary,
.andes-list__item--size-medium .andes-list__item-tertiary-description {
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px
}

.andes-list__item--size-medium .andes-list__item-image {
    height: 38px;
    min-height: 38px;
    min-width: 38px;
    width: 38px
}

.andes-list__item--size-large.andes-list__item-with-secondary .andes-list__item-first-column,
.andes-list__item--size-large.andes-list__item-with-secondary .andes-list__item-second-column {
    padding: 24px 0
}

.andes-list__item--size-large.andes-list__item-with-image .andes-list__item-second-column {
    align-self: center;
    height: 56px
}

.andes-list__item--size-large .andes-list__item-first-column,
.andes-list__item--size-large .andes-list__item-second-column {
    padding: 24px 0 22px
}

.andes-list__item--size-large .andes-list__item-asset {
    margin-right: 16px
}

.andes-list__item--size-large .andes-list__item-asset .andes-thumbnail-container {
    height: 56px
}

.andes-list__item--size-large .andes-list__item-asset--icon {
    margin-right: 0
}

.andes-list__item--size-large .andes-list__item-asset>svg {
    margin-right: 16px
}

.andes-list__item--size-large .andes-list__item-primary,
.andes-list__item--size-large .andes-list__item-tertiary {
    line-height: 22px
}

.andes-list__item--size-large .andes-list__item-secondary,
.andes-list__item--size-large .andes-list__item-tertiary-description {
    line-height: 20px;
    margin-top: 6px
}

.andes-list__item--size-large .andes-list__item-image {
    height: 54px;
    min-height: 54px;
    min-width: 54px;
    width: 54px
}

.andes-list__item--padding-0 {
    padding: 0
}

.andes-list__item--padding-16 {
    padding-left: 16px;
    padding-right: 16px
}

.andes-list__item--padding-24 {
    padding-left: 24px;
    padding-right: 24px
}

.andes-list__item--padding-32 {
    padding-left: 32px;
    padding-right: 32px
}

.andes-list__item--padding-40 {
    padding-left: 40px;
    padding-right: 40px
}

.andes-list__item--disabled:hover {
    background: transparent
}

.andes-list__item--disabled .andes-list__item-primary,
.andes-list__item--disabled .andes-list__item-secondary,
.andes-list__item--disabled .andes-list__item-tertiary {
    color: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled .andes-list__item-primary {
    pointer-events: none
}

.andes-list__item--disabled .andes-list__item-first-column .andes-list__item-asset>svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected:before {
    border-left: .1111111111em solid rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected .andes-list__item-primary {
    color: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected .andes-list__item-first-column .andes-list__item-asset>svg path {
    fill: rgba(0, 0, 0, .25)
}

.andes-list__item--disabled.andes-list__item--selected.andes-list__item-with-selection-component .andes-list__item-primary {
    color: rgba(0, 0, 0, .25)
}

.andes-progress-indicator-circular__container {
    display: flex;
    height: max-content;
    position: relative;
    width: max-content
}

.andes-progress-indicator-circular__progress {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.andes-progress-indicator-circular--blue .andes-progress-indicator-circular__progress {
    stroke: var(--andes-color-blue-500, #3483fa)
}

.andes-progress-indicator-circular--white .andes-progress-indicator-circular__progress {
    stroke: #fff
}

.andes-progress-indicator-circular__content {
    color: rgba(0, 0, 0, .9);
    font-size: 12px;
    font-weight: 400
}

.andes-progress-indicator-circular__label {
    color: rgba(0, 0, 0, .9);
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__svg {
    animation: andes-pi-circular-rotate 2s linear infinite;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1022
}

.andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle {
    stroke-linecap: round;
    animation: andes-pi-circular-dash-reduce-motion 5s ease-in-out infinite
}

@media(prefers-reduced-motion:no-preference) {
    .andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle {
        animation: andes-pi-circular-dash 1.5s ease-in-out infinite
    }
}

@keyframes andes-pi-circular-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes andes-pi-circular-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes andes-pi-circular-dash-reduce-motion {
    0% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 0
    }

    10% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 1
    }

    60% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 1
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: 0;
        opacity: 0
    }
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__progress {
    height: 16px;
    width: 16px;
    stroke-width: 2px
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__container {
    align-items: center
}

.andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-left: 12px
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__progress {
    height: 24px;
    width: 24px;
    stroke-width: 2.5px
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__container {
    align-items: center;
    flex-direction: column
}

.andes-progress-indicator-circular--small .andes-progress-indicator-circular__label {
    font-size: 14px;
    margin-top: 13px
}

@keyframes andes-button-start-width-animation {
    0% {
        width: 0
    }

    to {
        width: 90%
    }
}

@keyframes andes-button-start-width-animation-reduce-motion {
    0% {
        width: 0
    }

    30% {
        width: 30%
    }

    60% {
        width: 60%
    }

    to {
        width: 90%
    }
}

.andes-button {
    border-radius: 6px;
    display: inline-block;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    text-align: center;
    width: auto;
    -webkit-font-smoothing: antialiased
}

.andes-button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-button:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--andes-color-blue-600, #2968c8), 0 0 0 5px var(--andes-color-blue-300, rgba(65, 137, 230, .3));
    outline: none
}

.andes-button:focus:not(:focus-visible) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    outline: none
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button {
        transition: .18s ease-out;
        transition-property: background, color
    }
}

.andes-button:link {
    text-decoration: none
}

.andes-button,
.andes-button * {
    box-sizing: border-box
}

.andes-button svg {
    display: inline-block;
    max-height: 1.125em;
    max-width: 1.125em;
    vertical-align: middle
}

.andes-button--full-width {
    display: block;
    width: 100%
}

.andes-button:disabled,
.andes-button[aria-disabled=true],
.andes-button[disabled] {
    pointer-events: none
}

.andes-button--loading .andes-progress-indicator-circular {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.andes-button--loading .andes-progress-indicator-circular__container {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading .andes-progress-indicator-circular__container {
        animation: translateInButtonSpinner .2s, fadeIn .2s;
        animation-fill-mode: forwards
    }
}

.andes-button--loading .andes-progress-indicator-circular__progress {
    display: block;
    stroke-width: 6px
}

.andes-button--loading .andes-progress-indicator-circular__progress div {
    align-items: center;
    display: flex;
    justify-content: center
}

.andes-button--loading .andes-progress-indicator-circular__progress svg {
    position: relative;
    top: 3px
}

.andes-button--loading .andes-button__content {
    margin: -1px 0;
    max-height: 0;
    opacity: 0
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading .andes-button__content {
        animation: translateOutButtonSpinner .2s, fadeOut .2s;
        animation-fill-mode: forwards
    }
}

.andes-button--loading-complete .andes-button__content {
    margin: 0;
    max-height: none;
    opacity: 1
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loading-complete .andes-button__content {
        animation: translateInButtonSpinnerComplete .2s, fadeIn .2s;
        animation-fill-mode: forwards
    }
}

.andes-button__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.andes-button__content:after {
    clear: both;
    content: "";
    display: table
}

.andes-button__content * {
    display: block;
    float: left
}

.andes-button__text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-button__text+svg,
svg+.andes-button__text {
    margin-left: 12px
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes translateInButtonSpinner {
    0% {
        transform: translateY(50%)
    }
}

@keyframes translateOutButtonSpinner {
    to {
        transform: translateY(-50%)
    }
}

@keyframes translateInButtonSpinnerComplete {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(calc(-50% + 22px))
    }
}

.andes-button--loud:hover {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud:hover path[stroke]:not([stroke=none]),
.andes-button--loud:hover svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud:hover path[fill]:not([fill=none]),
.andes-button--loud:hover svg[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--loud {
    box-shadow: 0 0 0 0 #fff;
    cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loud {
        transition: box-shadow .25s ease-out, background-color .2s ease-out
    }
}

.andes-button--loud,
.andes-button--loud:focus,
.andes-button--loud:link,
.andes-button--loud:visited {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-color: transparent;
    color: #fff
}

.andes-button--loud path[stroke]:not([stroke=none]),
.andes-button--loud svg[stroke]:not([stroke=none]),
.andes-button--loud:focus path[stroke]:not([stroke=none]),
.andes-button--loud:focus svg[stroke]:not([stroke=none]),
.andes-button--loud:link path[stroke]:not([stroke=none]),
.andes-button--loud:link svg[stroke]:not([stroke=none]),
.andes-button--loud:visited path[stroke]:not([stroke=none]),
.andes-button--loud:visited svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud path[fill]:not([fill=none]),
.andes-button--loud svg[fill]:not([fill=none]),
.andes-button--loud:focus path[fill]:not([fill=none]),
.andes-button--loud:focus svg[fill]:not([fill=none]),
.andes-button--loud:link path[fill]:not([fill=none]),
.andes-button--loud:link svg[fill]:not([fill=none]),
.andes-button--loud:visited path[fill]:not([fill=none]),
.andes-button--loud:visited svg[fill]:not([fill=none]) {
    fill: #fff !important
}

@media(prefers-reduced-motion:no-preference) {
    .andes-button--loud:hover {
        transition: background-color .2s ease-in
    }
}

.andes-button--loud:active {
    background-color: var(--andes-color-blue-700, #1f4e96);
    border-color: transparent;
    color: #fff
}

.andes-button--loud:active path[stroke]:not([stroke=none]),
.andes-button--loud:active svg[stroke]:not([stroke=none]) {
    stroke: #fff !important
}

.andes-button--loud:active path[fill]:not([fill=none]),
.andes-button--loud:active svg[fill]:not([fill=none]) {
    fill: #fff !important
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled,
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true],
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .1);
    border-color: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: default
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled path[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading):disabled svg[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] svg[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] path[stroke]:not([stroke=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] svg[stroke]:not([stroke=none]) {
    stroke: rgba(0, 0, 0, .25) !important
}

.andes-button--loud:not(.andes-button--loading, .loading):disabled path[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading):disabled svg[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled=true] svg[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] path[fill]:not([fill=none]),
.andes-button--loud:not(.andes-button--loading, .loading)[disabled] svg[fill]:not([fill=none]) {
    fill: rgba(0, 0, 0, .25) !important
}

.andes-button--medium {
    border-radius: 5px;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.andes-button--medium .andes-button__text+svg,
.andes-button--medium svg+.andes-button__text {
    margin-left: 8px
}

.andes-button--medium.andes-button--loading .andes-button__content {
    margin: -2px 0
}

.andes-button--medium .andes-progress-indicator-circular__progress svg {
    left: 0;
    top: 0
}

.andes-button--medium.andes-button--loading-complete .andes-button__content {
    animation: translateInButtonSpinnerCompleteMedium .2s, fadeIn .2s;
    animation-fill-mode: forwards
}

@keyframes translateInButtonSpinnerCompleteMedium {
    0% {
        transform: translateY(50%)
    }

    to {
        transform: translateY(calc(-50% + 13px))
    }
}

.andes-message {
    border-radius: 6px;
    display: flex;
    font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
    font-size: 14px;
    padding: 1.1428571429em;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.andes-message__text,
.andes-message__title {
    color: #fff;
    font-weight: 400
}

.andes-message__primary-button-closeable {
    margin-right: 26px
}

.andes-message__close--bottom {
    top: 1.1428571429em
}

.andes-message__close-button {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 32px 32px 16px 16px
}

.andes-message__secondary-button {
    margin-left: 8px
}

.andes-message__content {
    width: 100%
}

.andes-message__content--untitled {
    align-items: center;
    display: flex
}

.andes-message__badge {
    display: flex;
    margin-right: 1.1428571429em
}

.andes-message__secondary-button--loud {
    color: #fff !important
}

.andes-message__secondary-button--loud:hover {
    background: rgba(0, 0, 0, .1) !important
}

.andes-message__secondary-button--loud:active {
    background: rgba(0, 0, 0, .25) !important
}

.andes-message__close-in-line,
.andes-message__primary-button-inline {
    position: absolute;
    right: 1.1428571429em;
    top: 50%;
    transform: translateY(-50%)
}

.andes-message__text-inline-action {
    max-width: 80%
}

.andes-message__text-inline-action,
.andes-message__text-inline-action div,
.andes-message__text-inline-action div p,
.andes-message__text-inline-action div span,
.andes-message__text-inline-action p,
.andes-message__text-inline-action span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.andes-message__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.andes-message__buttons-container {
    margin-top: 20px
}

.andes-message__icon {
    display: flex;
    height: 1.1428571429em;
    margin: 0 1.1428571429em;
    width: 1.1428571429em
}

.andes-message__thumbnail-container {
    height: 48px;
    margin-right: 16px;
    position: relative;
    width: 48px
}

.andes-message__thumbnail-container .andes-badge {
    bottom: 0;
    margin: 0;
    position: absolute;
    right: -2px
}

.andes-message__close--red {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--red:after,
.andes-message__close--red:before {
    background-color: #fff;
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--red:before {
    transform: rotate(45deg)
}

.andes-message__close--red:after {
    transform: rotate(-45deg)
}

.andes-message__close--red:after,
.andes-message__close--red:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--red {
    background: #f23d4f
}

.andes-message--red .andes-message__badge--red {
    background-color: #d12440
}

.andes-message__primary-button--red {
    background-color: #d12440 !important
}

.andes-message__primary-button--red:hover {
    background: #b31f37 !important
}

.andes-message__primary-button--red:active {
    background: #90192c !important
}

.andes-message__close--orange {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--orange:after,
.andes-message__close--orange:before {
    background-color: #fff;
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--orange:before {
    transform: rotate(45deg)
}

.andes-message__close--orange:after {
    transform: rotate(-45deg)
}

.andes-message__close--orange:after,
.andes-message__close--orange:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--orange {
    background: #f73
}

.andes-message--orange .andes-message__badge--orange {
    background-color: #e6540b
}

.andes-message__primary-button--orange {
    background-color: #e6540b !important
}

.andes-message__primary-button--orange:hover {
    background: #c44809 !important
}

.andes-message__primary-button--orange:active {
    background: #9d3908 !important
}

.andes-message__close--green {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--green:after,
.andes-message__close--green:before {
    background-color: #fff;
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--green:before {
    transform: rotate(45deg)
}

.andes-message__close--green:after {
    transform: rotate(-45deg)
}

.andes-message__close--green:after,
.andes-message__close--green:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--green {
    background: #00a650
}

.andes-message--green .andes-message__badge--green {
    background-color: #008744
}

.andes-message__primary-button--green {
    background-color: #008744 !important
}

.andes-message__primary-button--green:hover {
    background: #006332 !important
}

.andes-message__primary-button--green:active {
    background: #003b1d !important
}

.andes-message__close--accent {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--accent:after,
.andes-message__close--accent:before {
    background-color: #fff;
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--accent:before {
    transform: rotate(45deg)
}

.andes-message__close--accent:after {
    transform: rotate(-45deg)
}

.andes-message__close--accent:after,
.andes-message__close--accent:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--accent {
    background: var(--andes-color-blue-500, #3483fa)
}

.andes-message--accent .andes-message__badge--accent {
    background-color: var(--andes-color-blue-600, #2968c8)
}

.andes-message__primary-button--accent {
    background-color: var(--andes-color-blue-600, #2968c8) !important
}

.andes-message__primary-button--accent:hover {
    background: var(--andes-color-blue-700, #1f4e96) !important
}

.andes-message__primary-button--accent:active {
    background: var(--andes-color-blue-800, #183c73) !important
}

.andes-message__close--quiet {
    cursor: pointer;
    height: 1em;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 1em
}

.andes-message__close--quiet:after,
.andes-message__close--quiet:before {
    background-color: rgba(0, 0, 0, .55);
    content: "";
    cursor: pointer;
    height: 1em;
    left: .5em;
    position: absolute;
    top: 0;
    width: 2px
}

.andes-message__close--quiet:before {
    transform: rotate(45deg)
}

.andes-message__close--quiet:after {
    transform: rotate(-45deg)
}

.andes-message__close--quiet:after,
.andes-message__close--quiet:before {
    height: 16px;
    left: 24px;
    top: 16px
}

.andes-message--accent.andes-message--quiet .andes-message__icon-outer {
    stroke: var(--andes-color-blue-500, #3483fa);
    fill: var(--andes-color-blue-500, #3483fa)
}

.andes-message__border-color--accent {
    background-color: var(--andes-color-blue-500, #3483fa);
    border-radius: 6px 0 0 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-message--green.andes-message--quiet .andes-message__icon-outer {
    stroke: #00a650;
    fill: #00a650
}

.andes-message__border-color--green {
    background-color: #00a650;
    border-radius: 6px 0 0 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-message--orange.andes-message--quiet .andes-message__icon-outer {
    stroke: #f73;
    fill: #f73
}

.andes-message__border-color--orange {
    background-color: #f73;
    border-radius: 6px 0 0 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-message--red.andes-message--quiet .andes-message__icon-outer {
    stroke: #f23d4f;
    fill: #f23d4f
}

.andes-message__border-color--red {
    background-color: #f23d4f;
    border-radius: 6px 0 0 6px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.andes-message--quiet {
    background: rgba(0, 0, 0, .04)
}

.andes-message--quiet .andes-message__text,
.andes-message--quiet .andes-message__title {
    color: #000
}

.andes-visually-hidden,
.andes-visually-hidden-focusable:not(:focus):not(:focus-within) {
    border: 0;
    clip: rect(0 0 0 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
}

main {
    -webkit-font-smoothing: antialiased
}

.ui-pdp-color--GREEN {
    color: #00a650
}

.ui-pdp-color--GREEN_60 {
    color: #008744
}

.ui-pdp-color--GRAY {
    color: rgba(0, 0, 0, .55)
}

.ui-pdp-color--GRAY_40 {
    color: rgba(0, 0, 0, .04)
}

.ui-pdp-color--LIGHT_GRAY {
    color: rgba(0, 0, 0, .07)
}

.ui-pdp-color--BLACK {
    color: rgba(0, 0, 0, .9)
}

.ui-pdp-color--BLACK_100 {
    color: #000
}

.ui-pdp-color--RED {
    color: #f23d4f
}

.ui-pdp-color--RED_600 {
    color: #d12440
}

.ui-pdp-color--ORANGE {
    color: #f73
}

.ui-pdp-color--ORANGE_200 {
    color: rgba(255, 119, 51, .2)
}

.ui-pdp-color--ORANGE_600 {
    color: #e6540b
}

.ui-pdp-color--ORANGE_MEDIUM {
    color: #d98900
}

.ui-pdp-color--BLUE {
    color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-color--BLUE_600 {
    color: var(--andes-color-blue-600, #2968c8)
}

.ui-pdp-color--BLUE_700 {
    color: #1f4e96
}

.ui-pdp-color--WHITE {
    color: #fff
}

.ui-pdp-color--LIGHT_BROWN {
    color: #a47b2e
}

.ui-pdp-background-color--GREEN {
    background-color: #00a650
}

.ui-pdp-background-color--GREEN_60 {
    background-color: #008744
}

.ui-pdp-background-color--GRAY {
    background-color: rgba(0, 0, 0, .55)
}

.ui-pdp-background-color--GRAY_40 {
    background-color: rgba(0, 0, 0, .04)
}

.ui-pdp-background-color--LIGHT_GRAY {
    background-color: rgba(0, 0, 0, .07)
}

.ui-pdp-background-color--MEDIUM_GRAY {
    background-color: rgba(0, 0, 0, .25)
}

.ui-pdp-background-color--LIGHT_GRAY {
    background-color: rgba(0, 0, 0, .1)
}

.ui-pdp-background-color--BLACK {
    background-color: rgba(0, 0, 0, .9)
}

.ui-pdp-background-color--BLACK_10 {
    background-color: rgba(0, 0, 0, .1)
}

.ui-pdp-background-color--RED {
    background-color: #f23d4f
}

.ui-pdp-background-color--RED_600 {
    background-color: #d12440
}

.ui-pdp-background-color--ORANGE {
    background-color: #f73
}

.ui-pdp-background-color--ORANGE_200 {
    background-color: rgba(255, 119, 51, .2)
}

.ui-pdp-background-color--ORANGE_600 {
    background-color: #e6540b
}

.ui-pdp-background-color--BLUE {
    background-color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-background-color--BLUE_700 {
    background-color: #1f4e96
}

.ui-pdp-background-color--LIGHT_BLUE {
    background-color: var(--andes-color-blue-200, rgba(65, 137, 230, .2))
}

.ui-pdp-background-color--BLUE_10 {
    background-color: rgba(65, 137, 230, .1)
}

.ui-pdp-background-color--LIGHT_YELLOW {
    background-color: #fff1cb
}

.ui-pdp-background-color--VIOLET_600 {
    background-color: #ba0095
}

.ui-pdp-background-color--LIGHT_GREEN {
    background-color: #e6f7ee
}

.ui-pdp-size--XXXSMALL {
    font-size: 10px
}

.ui-pdp-size--XXSMALL {
    font-size: 12px
}

.ui-pdp-size--XSMALL {
    font-size: 14px
}

.ui-pdp-size--SMALL {
    font-size: 16px
}

.ui-pdp-size--MEDIUM {
    font-size: 18px
}

.ui-pdp-size--LARGE {
    font-size: 20px
}

.ui-pdp-size--XLARGE {
    font-size: 24px
}

.ui-pdp-size--XXLARGE {
    font-size: 28px
}

.ui-pdp-family--LIGHT {
    font-weight: 300
}

.ui-pdp-family--REGULAR {
    font-weight: 400
}

.ui-pdp-family--SEMIBOLD {
    font-weight: 600
}

.ui-pdp-family--BOLD {
    font-weight: 700
}

.ui-pdp-background-color--LIGHT_ORANGE {
    background-color: rgba(255, 119, 51, .1)
}

.ui-pdp-background-color--LIGHT_GREEN {
    background-color: rgba(0, 166, 80, .1)
}

.ui-vpp-text-alignment--center {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.m-0 {
    margin: 0
}

.p-0 {
    padding: 0
}

.mt-0 {
    margin-top: 0
}

.pt-0 {
    padding-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.pb-0 {
    padding-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.pl-0 {
    padding-left: 0
}

.mr-0 {
    margin-right: 0
}

.pr-0 {
    padding-right: 0
}

.m-2 {
    margin: 2px
}

.p-2 {
    padding: 2px
}

.mt-2 {
    margin-top: 2px
}

.pt-2 {
    padding-top: 2px
}

.mb-2 {
    margin-bottom: 2px
}

.pb-2 {
    padding-bottom: 2px
}

.ml-2 {
    margin-left: 2px
}

.pl-2 {
    padding-left: 2px
}

.mr-2 {
    margin-right: 2px
}

.pr-2 {
    padding-right: 2px
}

.m-4 {
    margin: 4px
}

.p-4 {
    padding: 4px
}

.mt-4 {
    margin-top: 4px
}

.pt-4 {
    padding-top: 4px
}

.mb-4 {
    margin-bottom: 4px
}

.pb-4 {
    padding-bottom: 4px
}

.ml-4 {
    margin-left: 4px
}

.pl-4 {
    padding-left: 4px
}

.mr-4 {
    margin-right: 4px
}

.pr-4 {
    padding-right: 4px
}

.m-5 {
    margin: 5px
}

.p-5 {
    padding: 5px
}

.mt-5 {
    margin-top: 5px
}

.pt-5 {
    padding-top: 5px
}

.mb-5 {
    margin-bottom: 5px
}

.pb-5 {
    padding-bottom: 5px
}

.ml-5 {
    margin-left: 5px
}

.pl-5 {
    padding-left: 5px
}

.mr-5 {
    margin-right: 5px
}

.pr-5 {
    padding-right: 5px
}

.m-8 {
    margin: 8px
}

.p-8 {
    padding: 8px
}

.mt-8 {
    margin-top: 8px
}

.pt-8 {
    padding-top: 8px
}

.mb-8 {
    margin-bottom: 8px
}

.pb-8 {
    padding-bottom: 8px
}

.ml-8 {
    margin-left: 8px
}

.pl-8 {
    padding-left: 8px
}

.mr-8 {
    margin-right: 8px
}

.pr-8 {
    padding-right: 8px
}

.m-10 {
    margin: 10px
}

.p-10 {
    padding: 10px
}

.mt-10 {
    margin-top: 10px
}

.pt-10 {
    padding-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.ml-10 {
    margin-left: 10px
}

.pl-10 {
    padding-left: 10px
}

.mr-10 {
    margin-right: 10px
}

.pr-10 {
    padding-right: 10px
}

.m-12 {
    margin: 12px
}

.p-12 {
    padding: 12px
}

.mt-12 {
    margin-top: 12px
}

.pt-12 {
    padding-top: 12px
}

.mb-12 {
    margin-bottom: 12px
}

.pb-12 {
    padding-bottom: 12px
}

.ml-12 {
    margin-left: 12px
}

.pl-12 {
    padding-left: 12px
}

.mr-12 {
    margin-right: 12px
}

.pr-12 {
    padding-right: 12px
}

.m-14 {
    margin: 14px
}

.p-14 {
    padding: 14px
}

.mt-14 {
    margin-top: 14px
}

.pt-14 {
    padding-top: 14px
}

.mb-14 {
    margin-bottom: 14px
}

.pb-14 {
    padding-bottom: 14px
}

.ml-14 {
    margin-left: 14px
}

.pl-14 {
    padding-left: 14px
}

.mr-14 {
    margin-right: 14px
}

.pr-14 {
    padding-right: 14px
}

.m-15 {
    margin: 15px
}

.p-15 {
    padding: 15px
}

.mt-15 {
    margin-top: 15px
}

.pt-15 {
    padding-top: 15px
}

.mb-15 {
    margin-bottom: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.ml-15 {
    margin-left: 15px
}

.pl-15 {
    padding-left: 15px
}

.mr-15 {
    margin-right: 15px
}

.pr-15 {
    padding-right: 15px
}

.m-16 {
    margin: 16px
}

.p-16 {
    padding: 16px
}

.mt-16 {
    margin-top: 16px
}

.pt-16 {
    padding-top: 16px
}

.mb-16 {
    margin-bottom: 16px
}

.pb-16 {
    padding-bottom: 16px
}

.ml-16 {
    margin-left: 16px
}

.pl-16 {
    padding-left: 16px
}

.mr-16 {
    margin-right: 16px
}

.pr-16 {
    padding-right: 16px
}

.m-20 {
    margin: 20px
}

.p-20 {
    padding: 20px
}

.mt-20 {
    margin-top: 20px
}

.pt-20 {
    padding-top: 20px
}

.mb-20 {
    margin-bottom: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.ml-20 {
    margin-left: 20px
}

.pl-20 {
    padding-left: 20px
}

.mr-20 {
    margin-right: 20px
}

.pr-20 {
    padding-right: 20px
}

.m-24 {
    margin: 24px
}

.p-24 {
    padding: 24px
}

.mt-24 {
    margin-top: 24px
}

.pt-24 {
    padding-top: 24px
}

.mb-24 {
    margin-bottom: 24px
}

.pb-24 {
    padding-bottom: 24px
}

.ml-24 {
    margin-left: 24px
}

.pl-24 {
    padding-left: 24px
}

.mr-24 {
    margin-right: 24px
}

.pr-24 {
    padding-right: 24px
}

.m-25 {
    margin: 25px
}

.p-25 {
    padding: 25px
}

.mt-25 {
    margin-top: 25px
}

.pt-25 {
    padding-top: 25px
}

.mb-25 {
    margin-bottom: 25px
}

.pb-25 {
    padding-bottom: 25px
}

.ml-25 {
    margin-left: 25px
}

.pl-25 {
    padding-left: 25px
}

.mr-25 {
    margin-right: 25px
}

.pr-25 {
    padding-right: 25px
}

.m-30 {
    margin: 30px
}

.p-30 {
    padding: 30px
}

.mt-30 {
    margin-top: 30px
}

.pt-30 {
    padding-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.ml-30 {
    margin-left: 30px
}

.pl-30 {
    padding-left: 30px
}

.mr-30 {
    margin-right: 30px
}

.pr-30 {
    padding-right: 30px
}

.m-32 {
    margin: 32px
}

.p-32 {
    padding: 32px
}

.mt-32 {
    margin-top: 32px
}

.pt-32 {
    padding-top: 32px
}

.mb-32 {
    margin-bottom: 32px
}

.pb-32 {
    padding-bottom: 32px
}

.ml-32 {
    margin-left: 32px
}

.pl-32 {
    padding-left: 32px
}

.mr-32 {
    margin-right: 32px
}

.pr-32 {
    padding-right: 32px
}

.m-35 {
    margin: 35px
}

.p-35 {
    padding: 35px
}

.mt-35 {
    margin-top: 35px
}

.pt-35 {
    padding-top: 35px
}

.mb-35 {
    margin-bottom: 35px
}

.pb-35 {
    padding-bottom: 35px
}

.ml-35 {
    margin-left: 35px
}

.pl-35 {
    padding-left: 35px
}

.mr-35 {
    margin-right: 35px
}

.pr-35 {
    padding-right: 35px
}

.m-40 {
    margin: 40px
}

.p-40 {
    padding: 40px
}

.mt-40 {
    margin-top: 40px
}

.pt-40 {
    padding-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.ml-40 {
    margin-left: 40px
}

.pl-40 {
    padding-left: 40px
}

.mr-40 {
    margin-right: 40px
}

.pr-40 {
    padding-right: 40px
}

.m-45 {
    margin: 45px
}

.p-45 {
    padding: 45px
}

.mt-45 {
    margin-top: 45px
}

.pt-45 {
    padding-top: 45px
}

.mb-45 {
    margin-bottom: 45px
}

.pb-45 {
    padding-bottom: 45px
}

.ml-45 {
    margin-left: 45px
}

.pl-45 {
    padding-left: 45px
}

.mr-45 {
    margin-right: 45px
}

.pr-45 {
    padding-right: 45px
}

.m-48 {
    margin: 48px
}

.p-48 {
    padding: 48px
}

.mt-48 {
    margin-top: 48px
}

.pt-48 {
    padding-top: 48px
}

.mb-48 {
    margin-bottom: 48px
}

.pb-48 {
    padding-bottom: 48px
}

.ml-48 {
    margin-left: 48px
}

.pl-48 {
    padding-left: 48px
}

.mr-48 {
    margin-right: 48px
}

.pr-48 {
    padding-right: 48px
}

.m-64 {
    margin: 64px
}

.p-64 {
    padding: 64px
}

.mt-64 {
    margin-top: 64px
}

.pt-64 {
    padding-top: 64px
}

.mb-64 {
    margin-bottom: 64px
}

.pb-64 {
    padding-bottom: 64px
}

.ml-64 {
    margin-left: 64px
}

.pl-64 {
    padding-left: 64px
}

.mr-64 {
    margin-right: 64px
}

.pr-64 {
    padding-right: 64px
}

.andes-tooltip {
    z-index: 800
}

.ui-pdp-gallery__column {
    z-index: 0
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.non-selectable {
    -webkit-user-select: none;
    user-select: none
}

#comparator {
    display: none !important
}

.ui-pdp--hide {
    border: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0
}

.andes-modal__overlay {
    z-index: 99999
}

.ui-pdp-fetching-component+a,
.ui-pdp-fetching-component+div,
.ui-pdp-fetching-component+form,
.ui-pdp-fetching-component+section,
.ui-pdp-fetching-component+span,
.ui-pdp-fetching-component+ul {
    position: relative
}

.ui-pdp-fetching-component+a:after,
.ui-pdp-fetching-component+div:after,
.ui-pdp-fetching-component+form:after,
.ui-pdp-fetching-component+section:after,
.ui-pdp-fetching-component+span:after,
.ui-pdp-fetching-component+ul:after {
    background-color: hsla(0, 0%, 100%, .5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.images__img {
    width: 100%
}

.ui-pdp-icon {
    fill: rgba(0, 0, 0, .25)
}

.ui-pdp-icon--MELI_USD {
    fill: transparent;
    margin-right: 4px
}

.ui-pdp-icon--shipping {
    fill: rgba(0, 0, 0, .25)
}

.ui-pdp-icon--pin {
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-icon--chevron {
    height: 14px;
    stroke: var(--andes-color-blue-500, #3483fa);
    vertical-align: middle;
    width: 9px
}

.ui-pdp-icon--whatsapp path,
.ui-pdp-icon.ui-pdp-icon--whatsapp path {
    stroke: none !important
}

.ui-pdp-icon--external-credits {
    height: 20px;
    margin-right: 16px;
    width: 20px
}

.ui-pdp-icon--chevron-down {
    transform: rotate(-270deg);
    transition: transform .3s ease-in-out
}

.ui-pdp-icon--chevron-down--error {
    stroke: #d12440 !important
}

.ui-pdp-icon--chevron-down--active {
    transform: rotate(-90deg);
    transition: transform .3s ease-in-out
}

.ui-pdp-icon--return {
    height: 18px;
    width: 15px
}

.ui-pdp-icon--full {
    fill: #00a650;
    height: 16px;
    margin-top: -1px;
    position: relative;
    top: 4px;
    width: 56px
}

.ui-pdp-icon--full-super {
    margin-top: -4px
}

.ui-pdp-icon--plus {
    position: relative;
    top: 1px
}

.ui-pdp-icon--express,
.ui-pdp-icon--icon-package {
    fill: rgba(0, 0, 0, .1);
    height: 48px;
    width: 48px
}

.ui-pdp-icon--seller-agreement {
    margin-top: 1px
}

.ui-pdp-icon--thumb_up {
    margin-left: 4px
}

.ui-pdp-icon--loyalty {
    fill: #919191
}

.ui-pdp-icon--medal {
    height: 20px;
    width: 20px
}

.ui-pdp-icon--help {
    fill: var(--andes-color-blue-500, #3483fa);
    stroke: #3483fa
}

.ui-pdp-icon--cbt-summary {
    margin-right: 8px
}

.ui-pdp-color--GREEN.ui-pdp-icon {
    fill: #00a650
}

.ui-pdp-color--BLACK.ui-pdp-icon {
    fill: rgba(0, 0, 0, .9)
}

.ui-pdp-color--BLACK_100.ui-pdp-icon {
    fill: #000
}

.ui-pdp-color--WHITE.ui-pdp-icon {
    fill: #fff
}

.ui-pdp-color--BLUE.ui-pdp-icon {
    fill: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-color--BLUE_700.ui-pdp-icon {
    fill: #1f4e96
}

.ui-pdp-color--GRAY.ui-pdp-icon {
    fill: rgba(0, 0, 0, .55)
}

.ui-pdp-color--ORANGE.ui-pdp-icon {
    fill: #f73
}

.ui-pdp-color--ORANGE_MEDIUM.ui-pdp-icon {
    color: #d98900
}

.ui-pdp-icon--coupon.ui-pdp-color--BLUE.ui-pdp-icon {
    fill: none
}

.ui-pdp-container__row {
    box-sizing: border-box;
    display: flex;

    flex-direction: row;
    flex-wrap: wrap
}

.ui-pdp-container__col {
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%
}

.ui-pdp-container .col-1,
.ui-pdp-container__col {
    flex-basis: 0%;
    flex-grow: 1;
    flex-shrink: 1
}

.ui-pdp-container .col-2 {
    flex-basis: 0%;
    flex-grow: 2;
    flex-shrink: 1
}

.ui-pdp-container .col-3 {
    flex-basis: 0%;
    flex-grow: 3;
    flex-shrink: 1
}

.ui-pdp-container .col-4 {
    flex-basis: 0%;
    flex-grow: 4;
    flex-shrink: 1
}

.ui-pdp-container .col-5 {
    flex-basis: 0%;
    flex-grow: 5;
    flex-shrink: 1
}

.ui-pdp-container__col--text-center {
    align-content: center;
    display: flex;
    justify-content: center
}

.ui-pdp-container__col--text-evenly {
    align-content: center;
    display: flex;
    justify-content: space-evenly
}

.ui-pdp-container__separator {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    height: 1px;
    margin: 40px 0;
    width: 100%
}

.ui-pdp-with--separator:not(:empty):after {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 1px;
    margin: 40px 0;
    width: 90%
}

.ui-pdp-with--separator--45:not(:empty):after {
    margin-left: 48px;
    margin-right: 48px;
    width: auto
}

.ui-pdp-with--separator--small-bottom:not(:empty):after {
    margin-bottom: 25px
}

.ui-pdp-with--separator--small-top:not(:empty):after {
    margin-top: 25px
}

.ui-pdp-with--separator--medium-bottom:not(:empty):after {
    margin-bottom: 32px
}

.ui-pdp-with--separator--medium-top:not(:empty):after {
    margin-top: 32px
}

.ui-pdp-with--separator--full:not(:empty):after {
    width: 100%
}

.ui-pdp-with--separator--40:not(:empty):after {
    margin: 40px
}

.ui-pdp-with--separator-top:not(:empty):before {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 1px;
    margin: 40px 0;
    width: 90%
}

.ui-pdp-with--separator-top--full:not(:empty):before {
    width: 100%
}

.ui-pdp-with--separator--fluid:not(:empty):after {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.ui-pdp-mshops-container .ui-pdp-with--separator--fluid:not(:empty):after {
    border: none
}

.ui-pdp-mshops-container--column-hidden .ui-pdp-gallery__figure {
    left: 180px
}

.ui-vpp-with--empty--separator {
    border: 0;
    margin: 0
}

.ui-vpp-with--empty--separator--WHITE {
    background: #fff
}

.ui-vpp-with--empty--separator--0 {
    height: 0
}

.ui-vpp-with--empty--separator--5 {
    height: 5px
}

.ui-vpp-with--empty--separator--12 {
    height: 12px
}

.ui-vpp-with--empty--separator--16 {
    height: 16px
}

.ui-vpp-with--empty--separator--24 {
    height: 24px
}

.ui-vpp-with--empty--separator--28 {
    height: 28px
}

.ui-vpp-with--empty--separator--32 {
    height: 32px
}

.ui-vpp-with--empty--separator--40 {
    height: 40px
}

.ui-vpp-with--empty--separator--50 {
    height: 50px
}

.ui-vpp-with--separator--0 {
    margin: 0
}

.ui-vpp-with--separator--5 {
    margin: 5px 0
}

.ui-vpp-with--separator--12 {
    margin: 12px 0
}

.ui-vpp-with--separator--16 {
    margin: 16px 0
}

.ui-vpp-with--separator--24 {
    margin: 24px 0
}

.ui-vpp-with--separator--28 {
    margin: 28px 0
}

.ui-vpp-with--separator--32 {
    margin: 32px 0
}

.ui-vpp-with--separator--40 {
    margin: 40px 0
}

.ui-vpp-with--separator--50 {
    margin: 50px 0
}

.ui-pdp-media {
    align-items: flex-start;
    display: flex
}

.ui-pdp-media__action {
    color: var(--andes-color-blue-500, #3483fa);
    display: flex;
    font-size: 14px;
    font-weight: 400
}

.ui-pdp-media__figure {
    margin: 0 10px 0 0
}

.ui-pdp-media__figure .ui-pdp-icon--billing-ticket {
    padding-left: 5px
}

.ui-pdp-media__figure .ui-search-icon--gift,
.ui-pdp-media__figure .ui-search-icon__black-friday {
    height: 12px;
    width: 12px
}

.ui-pdp-media__figure .ui-search-icon--ahora30 {
    height: 8px;
    margin-bottom: 1px;
    width: 5px
}

.ui-pdp-media__figure .ui-pdp-icon--plus {
    height: 18px;
    width: 49px
}

.ui-pdp-media__figure svg {
    height: 20px;
    width: 20px
}

.ui-pdp-media__figure .ui-pdp-pick-up-icon {
    position: relative
}

.ui-pdp-media__figure .ui-pdp-icon--fast-truck,
.ui-pdp-media__figure .ui-pdp-icon--schedulable-truck {
    height: 22px;
    margin-bottom: 2px;
    margin-left: -1px;
    width: 22px
}

.ui-pdp-media__figure .ui-pdp-icon--melichoice {
    height: 17px;
    width: 21px
}

.ui-pdp-media__figure .ui-pdp-icon--apple-icon {
    height: 14px;
    shape-rendering: geometricprecision;
    width: 11px
}

.ui-pdp-media__body {
    flex: 1 1 0;
    width: 100%
}

.ui-pdp-media--center {
    align-items: center
}

.ui-pdp-media--reverse>.ui-pdp-media__figure {
    margin: 0 0 0 10px;
    order: 1
}

.ui-pdp-media__title--plain {
    line-height: 1.3
}

.ui-pdp-media__title--on-hover:hover {
    cursor: pointer
}

.ui-pdp-media__title-icons {
    display: inline-block
}

.ui-pdp-media__title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 2px
}

.ui-pdp-media__title .ui-pdp-price__part {
    display: inline-flex;
    line-height: 1.3
}

.ui-pdp-media__text {
    margin: 0 0 2px
}

.ui-pdp-media .ui-pdp-icon--chevron {
    stroke: rgba(0, 0, 0, .25);
    transform: rotate(90deg)
}

.ui-pdp-placeholder {
    width: 100%
}

.ui-pdp-placeholder--media {
    display: flex
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line {
    animation: none;
    border-radius: 4px;
    float: none;
    margin-bottom: 8px;
    margin-top: 0
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line:last-child {
    margin-bottom: 0
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line__title {
    margin-bottom: 4px
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line__title:last-child {
    margin-bottom: 8px
}

.ui-pdp-placeholder--media .ui-pdp-placeholder__line__subtitle {
    margin-bottom: 4px
}

.ui-pdp-placeholder__header {
    display: flex;
    padding-right: 14px;
    vertical-align: top
}

.ui-pdp-placeholder__avatar {
    background-image: linear-gradient(90deg, #ddd, #f2f2f2 200px, #ddd 400px);
    border-radius: 50%;
    display: block;
    height: 30px;
    width: 30px
}

.ui-pdp-placeholder__body {
    display: flex;
    flex-direction: column;
    padding-bottom: 3px;
    vertical-align: top;
    width: 100%
}

.ui-pdp-placeholder__line {
    animation: placeholder 3s linear infinite;
    background-image: linear-gradient(90deg, #ddd, #f2f2f2 200px, #ddd 400px);
    background-size: 600px;
    border-radius: 4px;
    float: left;
    margin-top: 4px
}

@keyframes placeholder {
    0% {
        background-position: -400px
    }

    50% {
        background-position: 400px
    }

    to {
        background-position: -400px
    }
}

.ui-vpp-generic-list {
    width: 100%
}

.ui-vpp-generic-list__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    margin-bottom: 8px
}

.ui-vpp-simple-list {
    font-weight: 400;
    list-style-position: inside
}

.ui-vpp-simple-list li {
    margin-bottom: 6px
}

.ui-vpp-simple-list--NUMBER li {
    list-style: unset
}

.ui-vpp-row-list {
    border: .0625em solid #ddd;
    font-size: 16px;
    font-weight: 300;
    width: 100%
}

.ui-vpp-row-list .andes-list__item-tertiary {
    white-space: nowrap
}

body,
html,
main {
    background: #fff;
    height: -moz-fit-content;
    height: fit-content
}

body {
    margin: 0
}

.ui-vpp-generic-modal {
    background-color: #fff;
    color: rgba(0, 0, 0, .9);
    font-size: 16px;
    padding: 2em 1.5em 0
}

.ui-vpp-generic-modal .ui-pdp-icon--icon-package {
    fill: rgba(0, 0, 0, .9)
}

.ui-vpp-generic-modal .ui-pdp-media__icon {
    margin-right: 15px;
    fill: rgba(0, 0, 0, .9)
}

.ui-vpp-generic-modal .ui-pdp-media__body {
    align-self: center
}

.ui-vpp-generic-modal .ui-pdp-media__title,
.ui-vpp-generic-modal .ui-pdp-media__title--plain {
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 8px
}

.ui-vpp-generic-modal .ui-pdp-container__separator {
    margin: 0
}

.ui-vpp-generic-modal .ui-vpp-with--separator {
    margin: 32px 0
}

.ui-vpp-generic-modal--warranty .ui-pdp-icon--warranty {
    background-color: #eee;
    border-radius: 50%;
    height: 48px;
    padding: 12px 14px;
    width: 48px
}

.ui-vpp-generic-modal--returns .ui-pdp-icon {
    height: 52px;
    padding: 14px 18px 12px 4px;
    width: 52px
}

.ui-vpp-generic-modal--returns .ui-pdp-icon--returns-arrow {
    padding: 14px 12px 12px 4px;
    transform: scale(1.4)
}

.ui-vpp-generic-modal--book_property .ui-pdp-icon {
    display: flex;
    height: 52px;
    justify-content: center;
    padding: 14px 18px 12px 4px;
    width: 52px
}

.ui-vpp-generic-modal--book_property .ui-pdp-media__body {
    align-self: baseline;
    display: inherit;
    margin-top: 16px
}

.ui-vpp-generic-modal--book_property .ui-pdp-media__action {
    font-size: 16px
}

.ui-vpp-generic-modal--save_time .ui-pdp-icon {
    height: 52px;
    padding: 14px 18px 12px 4px;
    width: 52px
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods__subtitle_method {
    padding-bottom: 20px
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods__icon {
    margin: 5px 30px 25px 0
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon {
    display: flex;
    flex-wrap: wrap
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon__container {
    display: flex;
    flex-direction: column
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon__size {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin-top: 24px;
    min-height: 48px;
    width: 138px
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon__size .ui-pdp-image {
    max-width: 100px
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon__name-icon {
    display: -webkit-box;
    font-size: 12px;
    padding-top: 10px;
    width: 120px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon__label {
    line-height: 15px;
    padding-top: 8px;
    width: 90px
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon__disclaimer {
    color: rgba(0, 0, 0, .55);
    font-size: 10px;
    padding-left: 3px;
    vertical-align: super
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon .promo-ahora {
    width: 30px
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon .size-text {
    flex-basis: content;
    line-height: 1;
    width: 100%
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon .size-text .ui-pdp-payment-icon__size-text {
    padding-left: 12px;
    padding-top: 12px
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon .size-text .ui-pdp-payment-icon__size-text .ui-pdp-price__part {
    display: inline-flex;
    font-weight: inherit
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-payment-icon .price-tag-text-sr-only {
    border: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-pdp-media__action {
    padding-top: 16px
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-vpp-generic-list {
    padding-top: 18px
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-vpp-generic-list li {
    margin-bottom: 0
}

.ui-vpp-generic-modal--pay_online .ui-vip-payment_methods .ui-vpp-generic-list li::marker {
    color: rgba(0, 0, 0, .55);
    font-size: 12px
}

.ui-vpp-generic-modal--pay_online .ui-pdp-container__row--credit-card .ui-vip-payment_methods__title {
    padding-top: 32px
}

.ui-vpp-generic-modal--shipping .ui-pdp-media__title,
.ui-vpp-generic-modal--shipping .ui-pdp-media__title--plain {
    margin-bottom: 4px
}

.ui-vpp-generic-modal--shipping .ui-pdp-icon circle {
    display: none
}

.ui-vpp-generic-modal--shipping .ui-pdp-icon--shipping {
    margin-top: 2px
}

.ui-vpp-generic-modal--shipping .ui-pdp-icon--truck {
    height: 20px;
    margin-top: 5px;
    width: 20px
}

.ui-vpp-generic-modal--shipping .ui-pdp-icon--icon-package {
    height: 20px;
    margin-top: 3px;
    transform: scale(2.2);
    width: 20px;
    fill: #000
}

.ui-vpp-generic-modal--shipping .ui-pdp-icon--returns-arrow {
    transform: scale(1.2)
}

.ui-vpp-generic-modal--shipping .andes-list__item--size-medium {
    height: auto;
    line-height: 20px
}

.ui-vpp-generic-modal--shipping .andes-list__item-first-column {
    padding-right: 4px
}

.ui-vpp-generic-modal--cbt .ui-pdp-media:not(.cbt-image-label) {
    align-items: flex-start;
    display: flex
}

.ui-vpp-generic-modal--cbt .ui-pdp-media__title--plain {
    margin: 0
}

.ui-vpp-generic-modal--cbt .ui-pdp-media__icon {
    height: 32px;
    margin-right: 0;
    width: 59px
}

.ui-vpp-generic-modal--cbt .ui-pdp-icon--cbt-world {
    height: 23.4px;
    margin-right: 8px;
    width: 23.4px
}

.ui-vpp-generic-modal--cbt .ui-pdp-icon--cbt-summary {
    height: 15px;
    width: 198px
}

.ui-vpp-generic-modal--payments_no_mp .custom-payment .ui-pdp-media__icon {
    height: 23px;
    width: 23px
}

.ui-vpp-generic-modal--payments .ui-pdp-media__title--plain {
    margin-bottom: 0
}

.ui-vpp-generic-modal--payments .accord-info-banner {
    line-height: 18px
}

.ui-vpp-generic-modal--payments .accord-info-banner .ui-pdp-media__icon.ui-pdp-icon--tooltip {
    margin-right: 8px;
    fill: rgba(0, 0, 0, .55);
    position: relative;
    top: 1px
}

.ui-vpp-generic-modal--payments .free-installments-banner {
    border-radius: 4px;
    padding: 12px 20px;
    width: 100%
}

.ui-vpp-generic-modal--payments .free-installments-banner .ui-pdp-media__icon {
    fill: #fff
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods.ui-vpp-payment_methods--bigger-icons .ui-pdp-payment-icon__size {
    height: 72px
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion {
    width: 100%
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion .ui-pdp-media__action {
    padding-top: 4px
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion__container {
    margin: 16px 0 0
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion__container-button .andes-button {
    min-width: 110px
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion .ui-pdp-payment-icon__size .ui-pdp-image {
    max-width: 80px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods__subtitle_method {
    padding-bottom: 20px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods__icon {
    margin: 5px 30px 25px 0
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon {
    display: flex;
    flex-wrap: wrap
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon__container {
    display: flex;
    flex-direction: column
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon__size {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin-top: 24px;
    min-height: 48px;
    width: 138px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon__size .ui-pdp-image {
    max-width: 100px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon__name-icon {
    display: -webkit-box;
    font-size: 12px;
    padding-top: 10px;
    width: 120px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon__label {
    line-height: 15px;
    padding-top: 8px;
    width: 90px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon__disclaimer {
    color: rgba(0, 0, 0, .55);
    font-size: 10px;
    padding-left: 3px;
    vertical-align: super
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon .promo-ahora {
    width: 30px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon .size-text {
    flex-basis: content;
    line-height: 1;
    width: 100%
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon .size-text .ui-pdp-payment-icon__size-text {
    padding-left: 12px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon .size-text .ui-pdp-payment-icon__size-text .ui-pdp-price__part {
    display: inline-flex;
    font-weight: inherit
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon .price-tag-text-sr-only {
    border: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-media__action {
    padding-top: 16px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-vpp-generic-list {
    padding-top: 18px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-vpp-generic-list li {
    margin-bottom: 0
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-vpp-generic-list li::marker {
    color: rgba(0, 0, 0, .55);
    font-size: 12px
}

.ui-vpp-generic-modal--payments .ui-pdp-message {
    width: 100%
}

.ui-vpp-generic-modal--payments .ui-pdp-container__row--credit-card .ui-vip-payment_methods__title {
    padding-top: 32px
}

.ui-vpp-generic-modal--payments .ui-pdp-container__row--mercado-credito-acquisition-title .ui-vpp-promotion__container-icon {
    border-right: 2px solid rgba(0, 0, 0, .1);
    margin: 0 16px 0 0;
    min-width: 137px;
    padding: 0 16px
}

.ui-vpp-generic-modal--payments .ui-pdp-container__row--mercado-credito-acquisition-title .ui-vpp-promotion__container-button {
    margin-left: auto
}

.ui-vpp-generic-modal--payments .ui-pdp-container__row--mercado-credito-acquisition-title .ui-vpp-promotion .ui-pdp-payment-icon__size .ui-pdp-image {
    max-width: 105px;
    width: 105px
}

.ui-vpp-generic-modal--credits_acquisition .ui-pdp-icon {
    background: rgba(0, 0, 0, .04);
    border-radius: 64px;
    height: 60px;
    width: 60px
}

.ui-vpp-generic-modal--m_coins .header-component .ui-pdp-icon--meli-coins {
    height: 40px;
    width: 40px
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list {
    display: flex;
    font-weight: 400;
    justify-content: space-between
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__price {
    flex-shrink: 0
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__price .andes-money-amount__currency-symbol {
    padding-right: .2em
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__price__amount {
    display: flex
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__column {
    display: flex;
    flex-direction: column;
    max-width: 100%
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__description {
    flex-grow: 1;
    margin-right: 24px;
    overflow: hidden;
    white-space: nowrap
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__title {
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-vpp-generic-list__title,
.ui-vpp-simple-list li {
    margin-bottom: 16px
}

.ui-vpp-media__icon {
    margin-right: 15px;
    fill: rgba(0, 0, 0, .9)
}

.ui-vpp-media__body {
    align-self: center
}

.ui-vpp-media__text {
    font-size: 16px
}

.ui-vpp-media__title,
.ui-vpp-media__title--plain {
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 8px
}

.ui-vpp-media__action {
    margin-top: 16px
}

.ui-vpp-multi-media__step-icon {
    display: block;
    margin: 0 auto 23px
}

.ui-vpp-multi-media__steps-container {
    align-items: flex-start;
    display: block;
    flex-direction: column;
    padding-top: 35px
}

.ui-vpp-multi-media__step-header {
    text-align: center
}

.ui-vpp-multi-media__step-title {
    font-size: 21px;
    margin: 20px 0
}

.ui-vpp-multi-media__step-subtitle {
    font-size: 18px;
    text-align: center
}

.ui-vpp-multi-media__step {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px 8px 68px
}

.ui-vpp-multi-media__step-wrapper {
    margin: 0 auto;
    max-width: 152px
}

.ui-vpp-multi-media__step-wrapper .ui-pdp-image {
    width: 100%
}

.ui-vpp-multi-media__text {
    font-size: 18px
}

.ui-pdp-container__row--additional-info {
    display: block
}

.ui-pdp-price {
    color: rgba(0, 0, 0, .9);
    display: inline-block;
    font-weight: 400;
    letter-spacing: normal;
    vertical-align: bottom
}

.ui-pdp-price__part,
.ui-pdp-price__part.price-tag {
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-price__part.price-tag {
    vertical-align: bottom
}

.ui-pdp-price__part-concat-symbol {
    position: relative
}

.ui-pdp-price__part-concat-symbol-20 {
    margin: 0 0 0 4px
}

.ui-pdp-price__part-concat-symbol-36 {
    margin: 0 0 0 8px
}

.ui-pdp-price__part-maximum-price .price-tag-symbol {
    display: none
}

.ui-pdp-price>.price-tag__disabled {
    display: table
}

.ui-pdp-price__original-value {
    color: rgba(0, 0, 0, .55);
    display: inline-flex;
    font-size: .45em
}

.ui-pdp-price .price-tag-cents {
    line-height: 1.2em
}

.ui-pdp-price__second-line {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.ui-pdp-price__second-line--bold .ui-pdp-price__part {
    font-weight: 600
}

.ui-pdp-price__second-line--double {
    margin-bottom: 8px
}

.ui-pdp-price__second-line--double .ui-pdp-price__part>span {
    font-weight: 400
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label {
    flex-wrap: wrap;
    gap: 0;
    column-gap: 4px;
    overflow: hidden
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XXXSMALL {
    line-height: 12px;
    max-height: 24px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XXSMALL {
    line-height: 14px;
    max-height: 28px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XSMALL {
    line-height: 16px;
    max-height: 32px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--SMALL {
    line-height: 18px;
    max-height: 36px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--MEDIUM {
    line-height: 20px;
    max-height: 40px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--LARGE {
    line-height: 22px;
    max-height: 44px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XLARGE {
    line-height: 26px;
    max-height: 52px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label.ui-pdp-size--XXLARGE {
    line-height: 30px;
    max-height: 60px
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__label .andes-money-amount__discount {
    max-height: unset;
    overflow: hidden
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__text {
    max-height: unset;
    max-width: unset
}

.ui-pdp-price__second-line--double span.ui-pdp-price__second-line__text__secondary {
    flex-basis: 100%
}

.ui-pdp-price__second-line__label {
    font-weight: 400;
    margin-left: 8px
}

.ui-pdp-price__second-line__icon {
    margin-right: 5px;
    vertical-align: top
}

.ui-pdp-price__second-line .ui-pdp-icon--price-info {
    margin-left: 8px
}

.ui-pdp-price__subtitles {
    font-size: 16px;
    line-height: 1em;
    margin-top: 8px
}

.ui-pdp-price__subtitle {
    display: block;
    padding-top: 4px
}

.ui-pdp-price__tags {
    display: flex;
    flex-direction: column;
    margin-top: 5px
}

.ui-pdp-price__tags__wrapper-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.ui-pdp-price__tags__wrapper-tags--click.ui-pdp-family--SEMIBOLD .ui-pdp-price__part {
    font-weight: inherit;
    line-height: inherit;
    margin: 0 .27em
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label {
    margin-bottom: 5px;
    margin-right: 7px;
    opacity: .9;
    padding: 7px;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-price__payments-methods {
    display: flex
}

.ui-pdp-price__payments-methods__link {
    color: var(--andes-color-blue-500, #3483fa);
    font-size: 16px;
    font-weight: 400
}

.ui-pdp-price__bulk-unit {
    font-size: 16px;
    position: relative;
    top: 7px
}

.ui-pdp-price--size-tiny {
    font-size: 14px
}

.ui-pdp-price--size-tiny .price-tag-cents {
    font-size: 10px
}

.ui-pdp-price--size-small {
    font-size: 16px
}

.ui-pdp-price--size-small .price-tag-cents {
    font-size: 10px
}

.ui-pdp-price--size-medium {
    font-size: 22px
}

.ui-pdp-price--size-large__label {
    font-size: 36px;
    font-weight: 300
}

.ui-pdp-price--size-large .ui-pdp-price__original-value {
    font-weight: 400
}

.ui-pdp-price--weight-semibold {
    font-weight: 600
}

.ui-pdp-price__tooltip {
    width: -moz-fit-content;
    width: fit-content;
    z-index: 800
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip {
    align-items: center;
    display: flex
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip .view-more__link {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-left: 6px;
    margin-right: 6px
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip .ui-pdp-action-modal__link {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip .buy_loyalty_level_tooltip__content {
    font-size: 14px;
    font-weight: 400;
    margin-left: 15px
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip .buy_loyalty_level_tooltip__content .ui-pdp-icon--chevron {
    height: 10px;
    stroke: #fff;
    position: relative;
    top: 1px
}

.ui-pdp-price__tooltip-loyalty_discount_tooltip {
    align-items: center;
    display: flex
}

.ui-pdp-price__tooltip-loyalty_discount_tooltip .loyalty_discount_tooltip__content {
    margin-left: 15px;
    max-width: 215px
}

.ui-pdp-price__tooltip.ui-pdp-background-color--GREEN .andes-tooltip-arrow:before {
    background-color: #00a650
}

.ui-pdp-price__tooltip.ui-pdp-background-color--GREEN .andes-tooltip-button-close:after,
.ui-pdp-price__tooltip.ui-pdp-background-color--GREEN .andes-tooltip-button-close:before {
    background-color: #fff;
    height: 12px;
    width: 1px
}

.ui-pdp-price__tooltip-currency_tooltip__title {
    font-size: 15px
}

.ui-pdp-price__tooltip-currency_tooltip__action,
.ui-pdp-price__tooltip-currency_tooltip__subtitle {
    font-size: 13px;
    margin-top: 2px
}

.ui-pdp-price__loyalty-purchase-description {
    color: rgba(0, 0, 0, .55);
    font-size: 14px;
    margin-top: 5px
}

.ui-pdp-price__loyalty-purchase-description .ui-pdp-action-modal {
    display: inline-block
}

.ui-pdp-price__loyalty-purchase-description .ui-pdp-icon--loyalty {
    margin-right: 8px;
    position: relative;
    top: 2px
}

.ui-pdp-price .ui-pdp-price__part {
    display: inline-flex
}

.ui-pdp-price__volume-tags {
    padding-top: 24px
}

.ui-pdp-price__volume-tags--shops .ui-vpp-tag-limited_element {
    line-height: 0
}

.ui-pdp-price__volume-tags--shops .ui-pdp-price__volume-tags--pill {
    display: inline;
    padding: 0
}

.ui-pdp-price__volume-tags--shops .ui-pdp-price__volume-tags--subtitle {
    gap: 0
}

.ui-pdp-price__volume-tags--shops .ui-pdp-price__volume-tags--action-container {
    margin-top: 0
}

.ui-pdp-price__volume-tags--container--clickeable {
    cursor: pointer
}

.ui-pdp-price__volume-tags--container.andes-card {
    box-shadow: none
}

.ui-pdp-price__volume-tags--pill-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 8px;
    row-gap: 4px
}

.ui-pdp-price__volume-tags--pill {
    border-radius: 2px;
    display: flex;
    height: 28px;
    opacity: .9;
    padding: 6px 8px
}

.ui-pdp-price__volume-tags--action-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px
}

.ui-vpp-payment-promotion {
    position: relative
}

.ui-vpp-payment-promotion--inner-anchor {
    cursor: pointer
}

.ui-vpp-payment-promotion__container {
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 6px;
    display: flex;
    gap: 12px;
    padding: 16px
}

.ui-vpp-payment-promotion__container.split-payments {
    gap: 8px;
    padding: 12px 10px
}

.ui-vpp-payment-promotion__container .andes-money-amount__cents--superscript-XSMALL {
    font-size: 10px;
    font-weight: 600
}

.ui-vpp-payment-promotion__container .andes-money-amount:not(.andes-money-amount--weight-semibold) {
    font-weight: 400
}

.ui-vpp-payment-promotion__container-icon .ui-pdp-payment-icon {
    align-items: center;
    display: flex;
    margin-top: 0
}

.ui-vpp-payment-promotion__container-button {
    margin-left: auto
}

.ui-vpp-payment-promotion__container-button .andes-button__content {
    font-size: 14px;
    font-weight: 600;
    top: 0
}

.ui-vpp-payment-promotion__text .ui-pdp-family--REGULAR {
    margin-top: 4px
}

.ui-vpp-payment-promotion__text .ui-pdp-color--GRAY.ui-pdp-icon,
.ui-vpp-payment-promotion__text .ui-pdp-color--ORANGE.ui-pdp-icon {
    margin-right: 4px
}

.ui-vpp-payment-promotion__action__icon {
    margin-left: 7px;
    padding-top: 3px
}

.ui-vpp-payment-promotion__action_chevron {
    margin-left: auto
}

.ui-vpp-payment-promotion__action_button_chevron {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: auto
}

.ui-vpp-payment-promotion__action_button_chevron:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ui-vpp-payment-promotion sup {
    font-size: 10px;
    top: 2px;
    vertical-align: top
}

.ui-vpp-payment-promotion__action:after {
    content: "";
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ui-pdp-price__tags--wrapper-tags--click .andes-money-amount {
    margin: 0 4px
}

.ui-pdp-price__tags--wrapper-tags--click .andes-money-amount__cents--superscript-XSMALL {
    font-size: 10px;
    font-weight: 600
}

.ui-vpp-payment-promotion__container {
    margin: 8px 16px 0
}

.ui-vpp-payment-promotion__action {
    align-self: center
}

.ui-vpp-payment-promotion__action .ui-pdp-icon--chevron {
    margin-left: 16px
}

.ui-vpp-payment-promotion .ui-vpp-payment-icon__size {
    display: flex
}

.ui-vpp-payment-promotion .wording_selected_products {
    padding-bottom: 4px
}

.ui-vpp-payment-promotion .payment_wording_mobile_min_purchase {
    align-items: center;
    display: flex;
    font-size: 14px
}

.ui-vpp-payment-promotion .payment_wording_mobile_min_purchase .ui-pdp-price__part {
    margin-left: 4px;
    width: -moz-fit-content;
    width: fit-content
}

.ui-vpp-payment-promotion .payment_wording_mobile_max_benefit {
    align-items: center;
    display: flex;
    font-size: 14px;
    margin-bottom: 4px
}

.ui-vpp-payment-promotion .payment_wording_mobile_max_benefit .ui-pdp-price__part {
    margin-left: 4px;
    width: -moz-fit-content;
    width: fit-content
}

.ui-pdp-price__price-ref {
    font-size: 16px
}

.ui-pdp-price__price-ref.displace {
    margin-bottom: 100px
}

.ui-pdp-price__price-ref-text {
    margin-right: 6px
}

.ui-pdp-price__price-ref .price-tag {
    line-height: unset
}

.ui-pdp-price__price-ref .ui-pdp-icon--price-info {
    vertical-align: bottom
}

.ui-pdp-price__price-ref .andes-tooltip-arrow:before {
    left: 7%
}

.ui-pdp-price {
    margin-top: 24px;
    width: 100%
}

.ui-pdp-price--size-large .ui-pdp-price__original-value {
    font-size: 14px
}

.ui-pdp-price__upper {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    padding-left: 16px
}

.ui-pdp-price__subtitles {
    font-size: 18px;
    line-height: 1;
    margin: 1px 0 0;
    padding-left: 16px;
    padding-right: 16px
}

.ui-pdp-price__subtitles:has(.ui-pdp-label-as-pill) {
    margin-top: 4px
}

.ui-pdp-price__subtitles .ui-pdp-label-as-pill {
    padding: 4px 8px
}

.ui-pdp-price__subtitles .ui-pdp-icon--price-info {
    top: 5px
}

.ui-pdp-price__subtitles>p {
    display: inline-block
}

.ui-pdp-price__subtitles .ui-pdp-price__part {
    font-weight: 400
}

.ui-pdp-price__subtitles ui-pdp-price__bulk-part {
    font-weight: 600
}

.ui-pdp-price__tags {
    margin-top: 16px
}

.ui-pdp-price__tags__wrapper-tags {
    align-items: baseline;
    margin-bottom: 6px;
    padding-left: 16px
}

.ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-promotions-pill-label--info {
    padding-top: 5px
}

.ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-promotions-pill-label--tag {
    margin-bottom: 0
}

.ui-pdp-price__tags__wrapper-tags--click {
    align-items: center;
    border-radius: 4px;
    display: flex;
    margin-right: 8px;
    padding: 3px 8px
}

.ui-pdp-price__tags__wrapper-tags--click .ui-pdp-price__part .price-tag-decimal-separator {
    font-size: 14px;
    position: static
}

.ui-pdp-price__tags__wrapper-tags--click .ui-pdp-price__part .price-tag-amount {
    line-height: 16px;
    padding-right: 4px
}

.ui-pdp-price__tags__wrapper-tags--click .ui-pdp-price__part .price-tag-cents {
    font-size: 14px;
    line-height: 1.2
}

.ui-pdp-price__tags__wrapper-tags--click .ui-pdp-icon--meli-coins {
    height: 22px;
    padding-left: 6px;
    width: 26px
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label {
    margin-bottom: 0;
    margin-right: 0;
    padding: 7px 8px;
    text-transform: none
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label--info {
    line-height: .9;
    margin-bottom: 0;
    padding: 5px 0 0
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label.ui-pdp-price__tags--MELI_USD {
    padding: 0
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label.ui-pdp-price__tags--MELI_USD .andes-money-amount {
    font-size: 16px
}

.ui-pdp-price__tags .ui-pdp-promotions-pill-label.ui-pdp-price__tags--MELI_USD .andes-money-amount .andes-money-amount__cents--superscript-SMALL {
    font-size: 10px
}

.ui-pdp-price__tags .ui-pdp-promotions-pill__label--tag-click {
    margin-right: 8px
}

.ui-pdp-price__tags .ui-pdp-action-modal {
    align-self: center
}

.ui-pdp-price__discounts-tags .ui-vpp-carousel-tags__carousel {
    margin-left: 16px
}

.ui-pdp-price__discounts-tags .ui-vpp-carousel-tags__slide {
    margin-top: 16px
}

.ui-pdp-price__discounts-tags .ui-vpp-carousel-tags__slide .ui-vpp-discounts__tags {
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    height: 28px;
    line-height: 16px;
    margin-right: 8px;
    padding: 6px 8px;
    text-transform: none;
    width: max-content
}

.ui-pdp-price__payments-link {
    display: flex;
    line-height: 1;
    margin-top: 8px
}

.ui-pdp-price__payments-link__action {
    margin-top: 8px;
    padding-left: 16px
}

.ui-pdp-price__payments-link__link {
    font-size: 14px
}

.ui-pdp-price__second-line {
    padding-left: 16px;
    padding-right: 16px;
    transform: translateX(-2px)
}

.ui-pdp-price__second-line .ui-pdp-price__part-minimum-price {
    margin-right: 6px
}

.ui-pdp-price__second-line .ui-pdp-price__part {
    font-size: 36px;
    font-weight: 300
}

.ui-pdp-price__second-line .ui-pdp-price__bulk-part {
    font-size: 36px;
    font-weight: 400
}

.ui-pdp-price__second-line__text {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-pdp-price__info-icon:focus {
    outline: 0
}

.ui-pdp-price__tooltip {
    left: 0 !important;
    margin: 0 auto;
    right: 0;
    width: 90%
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip {
    max-width: 330px
}

@media(max-width:375px) {
    .ui-pdp-price__tooltip-buy_loyalty_level_tooltip .buy_loyalty_level_tooltip__content {
        margin-right: .9em
    }
}

.ui-pdp-price__tooltip-currency_tooltip__action {
    margin-right: 4px
}

.ui-pdp-price__tooltip-currency_tooltip .ui-pdp-icon--chevron {
    height: 10px;
    position: relative;
    top: 2px
}

.ui-pdp-price__loyalty-purchase-description .view-more__link {
    color: var(--andes-color-blue-500, #3483fa)
}

.ui-pdp-price__tooltip-card {
    margin: 10px 16px 0;
    padding: 10px;
    position: relative;
    width: 100%
}

.ui-pdp-price__tooltip-card.ui-pdp-background-color--GREEN .andes-tooltip-button-close:after,
.ui-pdp-price__tooltip-card.ui-pdp-background-color--GREEN .andes-tooltip-button-close:before {
    background-color: #fff;
    height: 12px;
    width: 1px
}

.ui-pdp-price__second-line__label {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.ui-pdp-price--size-large {
    font-weight: 400
}

.ui-pdp-price--size-large .ui-pdp-price__second-line__label {
    display: flex;
    gap: 4px;
    margin-left: 6px;
    margin-top: 1px
}

.ui-pdp-price--size-large .ui-pdp-price__original-value {
    font-size: 16px;
    margin-bottom: 2px;
    padding-left: 16px
}

.ui-pdp-price--size-large .price-tag-cents {
    font-size: .5em;
    line-height: 1.3em
}

.ui-pdp-price__label-discount {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 8px;
    position: relative
}

.ui-pdp-price__volume-tags {
    padding-left: 16px
}

.ui-pdp-buy-box-offers__mobile .ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED .ui-pdp-price__subtitles .ui-pdp-label-as-pill {
    padding: 1.5px 4px
}

.ui-vpp-loyalty-info__text {
    margin-bottom: 32px
}

.ui-vpp-loyalty-info__step {
    display: flex;
    height: 24px;
    margin-bottom: 24px
}

.ui-vpp-loyalty-info__step:last-child {
    margin: 0
}

.ui-vpp-loyalty-info__icon {
    height: 24px;
    margin-right: 16px;
    width: 24px
}

.ui-vpp-loyalty-info__content {
    align-self: center;
    font-size: 14px
}

.ui-pdp-buy-protected-info {
    margin-bottom: 8px;
    width: 100%
}

.ui-vpp-generic-image-row {
    position: relative
}

.ui-vpp-generic-image-row--inner-anchor {
    cursor: pointer
}

.ui-vpp-generic-image-row__container {
    display: flex;
    padding: 16px 0
}

.ui-vpp-generic-image-row__container-image {
    align-items: center;
    display: flex;
    height: 60px;
    min-width: 60px;
    width: 80px
}

.ui-vpp-generic-image-row__text {
    margin-left: 4px;
    text-align: justify
}

.ui-vpp-generic-modal {
    height: auto;
    min-height: 100%
}

.ui-vpp-generic-modal__title {
    font-size: 24px;
    font-weight: 600;
    margin: 32px 0
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon__size {
    width: 97px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon__size .ui-pdp-image {
    max-width: 80px
}

.ui-vpp-generic-modal--payments .ui-vip-payment_methods .ui-pdp-payment-icon__size .ui-pdp-payment-icon__name-icon {
    width: 80px
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion__container {
    display: block
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion__container-icon {
    height: 40px;
    justify-content: center;
    min-width: 80px;
    width: 80px
}

.ui-vpp-generic-modal--payments .ui-pdp-container__row--mercado-credito-acquisition-title .ui-vpp-promotion__container {
    display: block;
    padding: 16px
}

.ui-vpp-generic-modal--payments .ui-pdp-container__row--mercado-credito-acquisition-title .ui-vpp-promotion__container-icon {
    border-right: 0;
    margin: 0 0 0 16px;
    min-width: 0
}

.ui-vpp-generic-modal--payments .ui-pdp-container__row--mercado-credito-acquisition-title .ui-vpp-promotion__container-text .ui-vpp-promotion__text {
    margin-top: 4px
}

.ui-vpp-generic-modal--payments .ui-pdp-container__row--mercado-credito-acquisition-title .ui-vpp-promotion__container-text .ui-vpp-promotion__action {
    margin-top: 8px
}

.ui-vpp-generic-modal--not-modal {
    padding: 32px
}

.ui-vpp-generic-modal__title--not-modal {
    background-color: #fff;
    padding: 32px 32px 0
}

.ui-vpp-generic-modal--m_coins .acquire-mc-info-component .ui-pdp-media__text .ui-pdp-icon--meli-coins {
    vertical-align: -2px
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section {
    display: block;
    font-size: 16px;
    margin: 24px 0
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list {
    padding-bottom: 8px
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__accessibility-text {
    font-size: 14px
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__general {
    background: rgba(0, 0, 0, .04);
    border-radius: 6px;
    padding: 12px
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__total {
    color: rgba(0, 0, 0, .9);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    padding: 8px 0 0;
    position: relative
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__total:before {
    border-top: 1px outset;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ui-vpp-generic-modal--fcus_taxes {
    padding-top: 4px
}

.ui-vpp-generic-modal__webview {
    padding: 0 32px 32px
}

.ui-vpp-generic-modal .close-button {
    display: flex;
    float: right;
    justify-content: flex-end
}

/*# sourceMappingURL=noindex-services-itemId-payments-index.mobile.c5a9f411.css.map*/